.container,body,html{height:100%}.js .boxgallery,.js .boxgallery div{position:absolute}.bg-img,.bg-tile,.js .boxgallery{overflow:hidden;z-index:997}.js .boxgallery,.js .panel{height:100%;top:0;left:0;width:100%}.panel{-webkit-perspective:1200px;perspective:1200px;z-index:0}.bg-tile{height:50%;width: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{height:100%;background:#999;width:100%}.bg-img img{height:200%;position:absolute;display:block}@media screen and (min-aspect-ratio:128/85){.bg-img img{height:auto;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{height:100px;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;outline:none;text-align:left;top:50%;cursor:pointer;width:100px;display:block;z-index:997}.boxgallery>nav span.prev{left:0}.boxgallery>nav span.next{right:0}.boxgallery>nav i{height:100%;position:relative;width:100%;display:block}.boxgallery>nav i:after,.boxgallery>nav i:before,.boxgallery>nav span:after,.boxgallery>nav span:before{height:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s;transition:transform .3s;content:"";position:absolute;outline:1px solid transparent;background:#dbccd0;left:50%;width:3px}.boxgallery>nav i:after,.boxgallery>nav i:before{height:0;-webkit-transition:height .3s,-webkit-transform .3s;transition:height .3s,transform .3s;background:#fff;z-index:100}.boxgallery>nav i:before,.boxgallery>nav span:before{-webkit-transform:translateX(-50%) rotate(-135deg);transform:translateX(-50%) rotate(-135deg);top:50%;-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{-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);top:50%;-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{0%{-webkit-transform:translateZ(380px);transform:translateZ(380px)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes scaleDown{0%{-webkit-transform:translateZ(380px);transform:translateZ(380px)}to{-webkit-transform:translateZ(0);transform:translateZ(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{height:100%;-webkit-transition:opacity 1.1s ease-in-out;transition:opacity 1.1s ease-in-out;content:"";position:absolute;background:rgba(0,0,0,.8);width:100%}.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{height:50px;width:50px}}.boxgallery>nav span{display:none\0/IE9}