.photo-gallery-wp .col-md-3,.photo-gallery-wp .col-md-4,.photo-gallery-wp .col-md-6{padding:0!important}.layout-2{overflow:hidden;position:relative;text-align:center;box-shadow:1px 1px 2px #e6e6e6;font-family:Kanit,sans-serif}.layout-2:hover{box-shadow:13px 13px 15px rgba(0,0,0,.3)}.layout-2:before{height:100%;transition:all .4s linear;content:"";position:absolute;opacity:0;top:0;background:var(--my-color-var)!important;left:0;width:100%}.layout-2:hover:before{opacity:1}.layout-2 img{height:auto;transition:all .4s linear;width:100%}.layout-2:hover img{transform:scale(3);opacity:0}.layout-2 .layout-content{transform:translateY(-50%) scale(0);color:#fff;transition:all .4s linear;position:absolute;top:50%;left:0;width:100%}.layout-2:hover .layout-content{transform:translateY(-50%) scale(1)}.layout-2 .title{font-size:25px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0}.layout-2 .post{font-size:16px;text-transform:capitalize}.layout-2 .icon{list-style:none;padding:0;right:8px;position:absolute;bottom:10px;margin:0}.layout-2 .icon span{transform:scale(1.3);transition:all .3s ease .4s;opacity:0;margin:0 1px;display:inline-block}.layout-2:hover .icon span{transform:scale(1);opacity:1}.layout-2:hover .icon span:nth-child(2){transition:all .3s ease .2s}.layout-2 .icon span a{height:33px;font-size:16px;color:#11998e;transition:all .5s ease;border-radius:50%;background:#fff;width:33px;line-height:33px;display:block}.layout-2 .icon span a:hover{color:#fff;background-color:#11998e;box-shadow:0 0 5px #000}@media only screen and (max-width:990px){.layout-2{margin:0 0 30px}}.layout-3{overflow:hidden;transition:all .3s ease;position:relative;text-align:center;font-family:Merriweather Sans,sans-serif;z-index:1}.layout-3:hover{box-shadow:0 0 0 4px #fff,0 0 15px #333}.layout-3:before{height:calc(100% - 60px);transition:all .5s ease;content:"";position:absolute;opacity:0;top:0;background:rgba(0,0,0,.7);left:0;width:100%;z-index:1}.layout-3:hover:before{opacity:1}.layout-3 img{height:auto;transition:all .5s ease;width:100%}.layout-3:hover img{transform:translateY(-60px)}.layout-3 .layout-content{transform:translateY(-50%) translateX(-50%);filter:blur(10px);color:#fff;transition:all .3s ease .1s;position:absolute;opacity:0;top:40%;left:50%;width:65%;z-index:1}.layout-3:hover .layout-content{filter:blur(0);opacity:1}.layout-3 .title{font-size:21px;font-weight:700;text-transform:uppercase;letter-spacing:0;margin:0 0 10px}.layout-3 .post{font-size:15px;font-style:italic;text-transform:capitalize}.layout-3 .icon{list-style:none;padding:20px 0;transition:all .4s ease;position:absolute;opacity:0;bottom:0;margin:0;left:0;width:100%;z-index:2}.layout-3:hover .icon{opacity:1}.layout-3 .icon span{margin:0 5px;display:inline-block}.layout-3 .icon span a{height:35px;font-size:15px;color:#fff;transition:all .4s ease;background:#222;width:35px;line-height:35px;display:block}.layout-3 .icon span a:hover{color:#222;box-shadow:inset 0 0 5px #333;background:#fff}@media only screen and (max-width:990px){.layout-3{margin:0 0 30px}}.layout-4 .project{overflow:hidden;position:relative}.layout-4 .project img{width:100%}.layout-4 .project .dimmer{height:100%;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:absolute;opacity:0;top:0;left:0;width:100%}.layout-4 .project:hover .dimmer{opacity:1}.layout-4 .project .overlay{-webkit-transform:translateY(-400px);-ms-transform:translateY(-400px);transform:translateY(-400px);min-height:100px;padding:23px 50px;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:absolute;opacity:0;visibility:hidden;text-align:center;top:50%;background-color:hsla(0,0%,100%,.8);left:0;width:100%}.layout-4 .project:hover .overlay{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1;visibility:visible}.layout-4 .project .overlay h4{color:#000;max-width:188px;top:33%;line-height:28px}.layout-4 .project .overlay h4,.layout-4 .project .overlay p{transform:translate(-50%,-50%);position:absolute;margin:0 auto;left:50%;width:100%}.layout-4 .project .overlay p{max-width:194px;top:66%;line-height:16px}.layout-4 .project .overlay a{text-decoration:none;position:absolute}.layout-4 .project .overlay a i{height:42px;padding-top:10px;font-size:22px;color:#fff;-webkit-transition:all .3s linear .4s;-o-transition:all .3s linear .4s;transition:all .3s linear .4s;background-color:#5575de;border-radius:50%;width:42px}.layout-4 .project .overlay a.link i{-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}.layout-4 .project .overlay a.popup-box i{-webkit-transform:translatex(30px);-ms-transform:translatex(30px);transform:translatex(30px)}.layout-4 .project .overlay a.popup-box,.layout-4 .project .overlay a.popup-box:before{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:30px;top:50%}.layout-4 .project .overlay a.popup-box:before{height:2px;right:-100%;-webkit-transition:all .3s linear .4s;-o-transition:all .3s linear .4s;transition:all .3s linear .4s;content:"";position:absolute;background-color:#5575de;width:0}.layout-4 .project .overlay a.link,.layout-4 .project .overlay a.link:before{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:30px}.layout-4 .project .overlay a.link:before{height:2px;-webkit-transition:all .3s linear .4s;-o-transition:all .3s linear .4s;transition:all .3s linear .4s;content:"";position:absolute;background-color:#5575de;left:-100%;width:0}.layout-4 .project:hover a.link i,.layout-4 .project:hover a.popup-box i{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.layout-4 .project:hover a.link:before,.layout-4 .project:hover a.popup-box:before{width:30px}.layout-5{overflow:hidden}.layout-5 .layout-content{margin-top:0!important}.layout-5 .layout-content p{margin:0!important;padding-bottom:0!important}.layout-5:hover .layout-image{transform:scale(1.04);transition:all 1.4s linear;clip-path:inset(4px)}.layout-5 .layout-content a{text-decoration:none}.layout-6{overflow:hidden}.layout-6 .layout-content{background-color:#a1d1e2;margin-top:0!important}.layout-6 .layout-content p{margin:0!important;padding-bottom:0!important}.layout-6:hover .layout-image img{transform:scale(1.04);transition:all 1.4s linear;clip-path:inset(4px)}.layout-6 .layout-content a{text-decoration:none}