#content,.items{overflow:hidden}.text1,.text1 h3{color:#fff}.grid figure figcaption,.grid figure p{backface-visibility:hidden;position:absolute}#content{margin-top:50px;margin-bottom:30px;width:100%}.items{margin:1%;float:left;position:relative}.e1:hover .text1,.text1,.text2{position:absolute}.items img{max-width:100%;display:block;transition:all .5s ease}.e1 img{transition:all .4s ease}.text1{bottom:-17%;left:20px;transition:all .5s ease;cursor:pointer}.text1 p{text-align:left;opacity:0}.text2,.text4,.text5{text-align:center;cursor:pointer}.e1:hover img{filter:brightness(50%);-webkit-filter:brightness(50%)}.e1:hover .text1{bottom:18%}.e1:hover p{opacity:1}.text2{width:100%;top:42%}.e2 img{transition:all .4s ease}.line,.text3 p{transition:all .5s ease;position:absolute}.line{width:0;height:0;background:#fff}.top{top:10%;left:50%}.bottom{bottom:10%;left:50%}.left{top:50%;left:10%}.right{top:50%;right:10%}.e2:hover img{-webkit-filter:brightness(.6)}.e2:hover .bottom,.e2:hover .top{left:10%;width:80%;height:1px}.e2:hover .left,.e2:hover .right{top:10%;width:1px;height:80%}.text3 h3{position:absolute;top:19%;left:10%;padding:1.5%;border:1px solid #fff;cursor:pointer}.text3 p{top:45%;left:10%;opacity:0;cursor:pointer}.e3:hover p{position:absolute;top:37%;left:10%;opacity:1}#e4bk,#e4bk:after,.text4{opacity:0;transition:all .5s ease;position:absolute}.e3:hover img{-webkit-filter:blur(1px);filter:blur(1px);transition:all .5s ease}.text4{width:100%;top:37%}.text4 p{margin-top:20px}.middle{position:absolute;top:50%;left:50%}#e4bk{top:0;left:0;width:100%;height:100%;background:#FF1654}#e4bk:after{background-color:#000;content:'';display:block;top:5%;left:5%;right:5%;bottom:5%}.e4:hover .text4{opacity:1}.e4:hover .middle{position:absolute;top:50%;left:32%;width:36%;height:1px}.e4:hover #e4bk{opacity:.2}.e4:hover #e4bk:after{opacity:1}#e5bk,.text5{opacity:0;transition:all .5s ease;position:absolute}.text5{width:100%;top:55%}#e5bk{top:5%;left:5%;width:90%;height:90%;background:#000}.inside{position:absolute;top:68%;left:50%}.e5:hover .text5{opacity:1;position:absolute;top:42%}.e5:hover #e5bk{opacity:.6}.e5:hover .line{position:absolute;top:68%;left:30%;width:40%;height:1px}.text6{text-align:left;position:absolute;width:90%;bottom:0;padding:5% 0 5% 10%;opacity:0;transition:all .5s ease;cursor:pointer}.grid,.grid figure{overflow:hidden;text-align:center}.e6:hover .text6{position:absolute;bottom:0;opacity:1;background:rgba(0,0,0,.6)}.grid{margin:0 auto;padding:3em 0 0;width:100%;max-width:1200px;list-style:none}.grid .one-half{width:50%;float:left}.grid .one-forth{width:25%}.grid .three-forth{width:75%}.grid figure{position:relative;z-index:1;display:inline-block;margin:-.135em 0;//width:33.333%;height:200px;background:silver;cursor:pointer}.grid .double-height{height:400px}.grid figure img{position:relative;display:block;min-width:100%;min-height:100%;transition:opacity .5s,-transform 1s}.grid figure img:hover{opacity:.3}.grid figure figcaption{top:0;left:0;width:100%;height:100%;//padding:1.5em;color:#3c4a50;background:#fff;text-transform:uppercase;font-size:1.25em;transition:transform .35s}.grid figure figcaption::after{content:'';border-style:solid;border-width:20px;position:absolute;display:block;width:0;height:0}figure.effect-slidedown.double-height figcaption,figure.effect-slideup.double-height figcaption{height:50%}.grid figure figcaption::after,.grid figure figcaption::before{pointer-events:none}.grid figure figcaption>span::before{display:inline-block;padding:8px 10px;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid figure h2,.grid figure p{text-align:center;float:none;width:100%;display:block}.grid figure a.anchor{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.grid figure h2{z-index:1002;word-spacing:-.15em;font-weight:300;margin:0 auto;top:20%}.grid figure.double-height h2{top:40%}.grid figure h2 span{z-index:1002;font-weight:800}.grid figure p{opacity:0;letter-spacing:1px;font-size:68.5%;z-index:1001;text-transform:none;transition:opacity .35s;margin:5px auto;top:50%;right:auto;left:auto;padding-right:5%;padding-left:5%}figure.effect-slidedown figcaption>span,figure.effect-slideleft figcaption>span,figure.effect-slideup figcaption>span{float:right}.grid figure.double-height p{top:60%}.grid figure:hover p{opacity:1}.grid figure figcaption>span,.grid figure h2{transition:transform .35s}.grid figure:hover h2{transition-delay:.15s}.grid figure:hover figcaption>span:nth-child(4){transition-delay:.2s}.grid figure:hover figcaption>span:nth-child(3){transition-delay:.25s}.grid figure:hover figcaption>span:nth-child(2){transition-delay:.3s}.grid figure figcaption.blue{background-color:#50758b}.grid figure figcaption.blue h2,.grid figure figcaption.blue p,.grid figure figcaption.gray h2,.grid figure figcaption.gray p{color:#fff}figure.effect-slideup figcaption.blue::after{border-bottom-color:#50758b}figure.effect-slidedown figcaption.blue::after{border-top-color:#50758b}figure.effect-slideleft figcaption.blue::after{border-left-color:#50758b}figure.effect-slideright figcaption.blue::after{border-right-color:#50758b}.grid figure figcaption.gray{background-color:#a3aaad}figure.effect-slideup figcaption.gray::after{border-bottom-color:#a3aaad}figure.effect-slidedown figcaption.gray::after{border-top-color:#a3aaad}figure.effect-slideleft figcaption.gray::after{border-left-color:#a3aaad}figure.effect-slideright figcaption.gray::after{border-right-color:#a3aaad}.grid figure figcaption.gold{background-color:#b6872d}figure.effect-slideup figcaption{top:auto;bottom:0;transform:translate3d(0,200%,0)}figure.effect-slideup figcaption::after{left:45%;top:-35px;border-color:transparent transparent #fff}figure.effect-slideup figcaption>span,figure.effect-slideup h2{transform:translate3d(0,200%,0)}figure.effect-slideup:hover figcaption,figure.effect-slideup:hover figcaption>span,figure.effect-slideup:hover h2{transform:translate3d(0,0,0)}figure.effect-slidedown figcaption{bottom:auto;top:0;transform:translate3d(0,-200%,0)}figure.effect-slidedown figcaption::after{left:45%;bottom:-35px;border-color:#fff transparent transparent}figure.effect-slidedown figcaption>span,figure.effect-slidedown h2{transform:translate3d(0,-200%,0)}figure.effect-slidedown:hover figcaption,figure.effect-slidedown:hover figcaption>span,figure.effect-slidedown:hover h2{transform:translate3d(0,0,0)}figure.effect-slideleft figcaption{width:50%;transform:translate3d(-200%,0,0)}figure.effect-slideleft figcaption::after{right:-35px;top:45%;border-color:transparent transparent transparent #fff}figure.effect-slideleft figcaption>span,figure.effect-slideleft h2{transform:translate3d(-200%,0,0)}figure.effect-slideleft:hover figcaption,figure.effect-slideleft:hover figcaption>span,figure.effect-slideleft:hover h2{transform:translate3d(0,0,0)}figure.effect-slideright figcaption{width:50%;transform:translate3d(210%,0,0)}figure.effect-slideright figcaption::after{left:-35px;top:45%;border-color:transparent #fff transparent transparent}figure.effect-slideright figcaption>span{float:left}figure.effect-slideright figcaption>span,figure.effect-slideright h2{transform:translate3d(200%,0,0)}figure.effect-slideright:hover figcaption,figure.effect-slideright:hover figcaption>span{transform:translate3d(100%,0,0)}figure.effect-slideright:hover h2{transform:translate3d(0,0,0)}@media screen and (max-width:1200px){.grid figure{width:auto;float:left}.grid figure figcaption{font-size:90%}}@media screen and (max-width:900px){.grid figure{width:50%}.grid figure img{min-width:100%}.grid figure figcaption{font-size:90%}}@media screen and (max-width:664px){.grid .one-half,.grid figure{width:100%}}