﻿.holder{border:3px solid #FFF;float:left;margin:3px 12px;position:relative;overflow:hidden;box-shadow:0 0 5px #333;-webkit-transition:.5s Ease;-moz-transition:.5s Ease;-o-transition:.5s Ease;transition:.5s Ease}.holder1{border:3px solid #FFF;float:left;margin:3px 4px;position:relative;overflow:hidden;box-shadow:0 0 5px #333;-webkit-transition:.5s Ease;-moz-transition:.5s Ease;-o-transition:.5s Ease;transition:.5s Ease}.caption{color:transparent}.caption:hover{border:3px solid #E0E0E0;color:#fff;box-shadow:0 0 10px 7px #FFF}.caption>div{position:absolute;top:0;left:50px;font-size:30px}.smooth{opacity:.7}.smooth:hover{opacity:1;box-shadow:0 0 10px #333}.go-left{background-color:rgba(0,0,0,.5);color:#FFF;position:absolute;bottom:0;right:-600px;width:360px;text-align:center;font-size:20px;margin:10px;padding:10px;-webkit-transition:.5s Ease;-moz-transition:.5s Ease;-o-transition:.5s Ease;transition:.5s Ease}.smooth:hover>.go-left{right:0}.go-top{background-color:rgba(0,0,0,.5);color:#FFF;position:absolute;bottom:0;top:600px;width:360px;text-align:center;font-size:20px;margin:10px;padding:10px;-webkit-transition:.5s Ease;-moz-transition:.5s Ease;-o-transition:.5s Ease;transition:.5s Ease}.smooth:hover>.go-top{top:0}.go-top p{font-size:12px}.details-holder{float:left;position:relative;margin:20px 5px 120px}.show-details img{opacity:.5;width:200px;height:150px}.show-details:hover img{position:relative;opacity:1;z-index:99}.img-info{padding:170px 10px 0;position:absolute;z-index:20;top:-10px;left:-10px;width:200px;height:100px;background-color:#888;color:#FFF;border-radius:5px;box-shadow:0 8px 5px -6px #333;-webkit-transition:.5s Ease;-moz-transition:.5s Ease;-o-transition:.5s Ease;transition:.5s Ease;opacity:0}.show-details:hover .img-info{opacity:1}.details-holder h1{font-size:18px;text-transform:uppercase}.details-holder p{font-size:12px}.gallery img{width:200px}.curtain{background-image:url(../Images/retina_wood.png);position:absolute;width:100%;height:100%;left:0;top:0;opacity:.8;z-index:15;-webkit-transition:.5s Ease;-moz-transition:.5s Ease;-o-transition:.5s Ease;transition:.5s Ease}.gallery:hover .curtain{height:0}.roller{width:850px;height:200px}.roller img{float:left;border-radius:50%;width:200px;height:200px;-webkit-transition:1s Ease;-moz-transition:1s Ease;-o-transition:1s Ease;transition:1s Ease}.roller:hover img{-webkit-transform:translate(630px,0) rotate(360deg);-moz-transform:translate(630px,0) rotate(360deg);-o-transform:translate(630px,0) rotate(360deg);-ms-transform:translate(630px,0) rotate(360deg);transform:translate(630px,0) rotate(360deg)}