.bg-img img,.boxgallery>nav span,.js .boxgallery,.js .boxgallery div{position:absolute}.container,body,html{height:100%}.container.pore{height:525px}.bg-img,.bg-tile,.js .boxgallery{overflow:hidden}.js .panel{top:0;left:0;width:100%;height:100%}.js .boxgallery{top:0;left:0;width:100%;height:525px}.panel{z-index:0;-webkit-perspective:1200px;perspective:1200px}.bg-tile{width:50%;height:50%}.bg-tile:nth-child(2),.bg-tile:nth-child(4){left:50%}.bg-tile:nth-child(3),.bg-tile:nth-child(4){top:50%}.bg-img{width:100%;height:100%}.bg-img img{display:block;height:200%}@media screen and (min-aspect-ratio:1280/850){.bg-img img{width:200%}}.bg-tile:nth-child(2) .bg-img img,.bg-tile:nth-child(4) .bg-img img{left:-100%}.bg-tile:nth-child(3) .bg-img img,.bg-tile:nth-child(4) .bg-img img{top:-100%}.boxgallery>nav span{top:50%;display:block;width:100px;height:100px;outline:0;text-align:left;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.boxgallery>nav span.prev{left:0}.boxgallery>nav span.next{right:0}.boxgallery>nav i{position:relative;display:block;width:100%;height:100%}.boxgallery>nav i::after,.boxgallery>nav i::before,.boxgallery>nav span::after,.boxgallery>nav span::before{position:absolute;left:50%;width:3px;height:50%;outline:transparent solid 1px;background:#dbccd0;content:'';-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.boxgallery>nav i::after,.boxgallery>nav i::before{z-index:100;height:0;background:#fff;-webkit-transition:height .3s,-webkit-transform .3s;transition:height .3s,transform .3s}.boxgallery>nav i::before,.boxgallery>nav span::before{top:50%;-webkit-transform:translateX(-50%) rotate(-135deg);transform:translateX(-50%) rotate(-135deg);-webkit-transform-origin:50% 0;transform-origin:50% 0}.boxgallery>nav span.next i::before,.boxgallery>nav span.next::before{-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);-webkit-transform-origin:50% 0;transform-origin:50% 0}.boxgallery>nav i::after,.boxgallery>nav span::after{top:50%;-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0}.boxgallery>nav span.next i::after,.boxgallery>nav span.next::after{-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0}.no-touch .boxgallery>nav span:hover i::after,.no-touch .boxgallery>nav span:hover i::before{height:50%}.no-touch .boxgallery>nav span:hover i::before,.no-touch .boxgallery>nav span:hover::before{-webkit-transform:translateX(-50%) rotate(-125deg);transform:translateX(-50%) rotate(-125deg)}.no-touch .boxgallery>nav span.next:hover i::before,.no-touch .boxgallery>nav span.next:hover::before{-webkit-transform:translateX(-50%) rotate(125deg);transform:translateX(-50%) rotate(125deg)}.no-touch .boxgallery>nav span:hover i::after,.no-touch .boxgallery>nav span:hover::after{-webkit-transform:translateX(-50%) rotate(-55deg);transform:translateX(-50%) rotate(-55deg)}.no-touch .boxgallery>nav span.next:hover i::after,.no-touch .boxgallery>nav span.next:hover::after{-webkit-transform:translateX(-50%) rotate(55deg);transform:translateX(-50%) rotate(55deg)}.panel.current{z-index:2}.panel.active{z-index:1}.panel.current .bg-img{-webkit-transition:-webkit-transform 1.1s ease-in-out;transition:transform 1.1s ease-in-out}.boxgallery[data-effect=effect-1] .panel.active .bg-tile,.boxgallery[data-effect=effect-2] .panel.active .bg-tile{-webkit-animation:scaleDown 1.1s ease-in-out;animation:scaleDown 1.1s ease-in-out}@-webkit-keyframes scaleDown{from{-webkit-transform:translate3d(0,0,380px);transform:translate3d(0,0,380px)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes scaleDown{from{-webkit-transform:translate3d(0,0,380px);transform:translate3d(0,0,380px)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.boxgallery[data-effect=effect-2] .panel.current .bg-img{-webkit-transition:-webkit-transform .9s cubic-bezier(.7,0,.3,1);transition:transform .9s cubic-bezier(.7,0,.3,1)}.boxgallery[data-effect=effect-2] .panel.current .bg-tile:nth-child(2) .bg-img{-webkit-transition-delay:.15s;transition-delay:.15s}.boxgallery[data-effect=effect-2] .panel.current .bg-tile:nth-child(3) .bg-img{-webkit-transition-delay:.3s;transition-delay:.3s}.boxgallery[data-effect=effect-2] .panel.current .bg-tile:nth-child(4) .bg-img{-webkit-transition-delay:.45s;transition-delay:.45s}.boxgallery[data-effect=effect-3] .panel::after{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.8);content:'';-webkit-transition:opacity 1.1s ease-in-out;transition:opacity 1.1s ease-in-out}.boxgallery[data-effect=effect-3] .panel.active::after,.boxgallery[data-effect=effect-3] .panel.current::after{opacity:0}.boxgallery[data-effect=effect-3] .panel.current::after{-webkit-transition:none;transition:none}.boxgallery[data-effect=effect-3] .panel.current .bg-img{-webkit-transition:-webkit-transform 1.1s cubic-bezier(.7,0,.3,1);transition:transform 1.1s cubic-bezier(.7,0,.3,1)}.boxgallery[data-effect=effect-3] .panel.current .bg-tile:nth-child(2) .bg-img{-webkit-transition-delay:.15s;transition-delay:.15s}.boxgallery[data-effect=effect-3] .panel.current .bg-tile:nth-child(3) .bg-img{-webkit-transition-delay:.3s;transition-delay:.3s}.boxgallery[data-effect=effect-3] .panel.current .bg-tile:nth-child(4) .bg-img{-webkit-transition-delay:.45s;transition-delay:.45s}@media screen and (max-width:380px){.boxgallery>nav span{width:50px;height:50px}}