.w3gallery-grids {
                        padding: 1em;
                    }  
                    /*-- imghvr-hinge --*/
                    [class^='imghvr-'],
                    [class*=' imghvr-'] {
                            position: relative;
                            display: inline-block;
                            margin: 0px;
                            max-width: 100%;
                            background-color:#141c27;
                            color:#212121;
                            overflow: hidden;
                            -webkit-backface-visibility: hidden; 
                            backface-visibility: hidden;
                            -moz-osx-font-smoothing: grayscale;
                            -webkit-transform: translateZ(0);
                            -moz-transform: translateZ(0);
                            -o-transform: translateZ(0);
                            -ms-transform: translateZ(0);
                            transform: translateZ(0);
                            cursor: pointer;
                    }
                    [class^='imghvr-'] > img,
                    [class*=' imghvr-'] > img {
                            vertical-align: top;
                            max-width: 100%;
                    }
                    [class^='imghvr-'] .agile-figcaption,
                    [class*=' imghvr-'] .agile-figcaption {
                            background-color:#d7920b;
                            padding:5.5em;
                            position: absolute;
                            top: 0;
                            bottom: 0;
                            left: 0;
                            right: 0;
                            color:#212121;
                            text-align: center;
                    } 
                    [class^='imghvr-'] .agile-figcaption h4 {
                        font-size: 2em;
                        margin-bottom: .5em;
                        color: #fff;
                        text-transform: uppercase;
                        letter-spacing: 2px;
                    }
                    [class^='imghvr-'] .agile-figcaption p{
                            line-height:2em;
                            color:#ebe8e8;
                    }
                    [class^='imghvr-'] a,
                    [class*=' imghvr-'] a {
                            position: absolute;
                            top: 0;
                            bottom: 0;
                            left: 0;
                            right: 0;
                            z-index: 1;
                    }
                    [class^='imghvr-'],
                    [class*=' imghvr-'],
                    [class^='imghvr-']:before,
                    [class^='imghvr-']:after,
                    [class*=' imghvr-']:before,
                    [class*=' imghvr-']:after,
                    [class^='imghvr-'] *,
                    [class*=' imghvr-'] *,
                    [class^='imghvr-'] *:before,
                    [class^='imghvr-'] *:after,
                    [class*=' imghvr-'] *:before,
                    [class*=' imghvr-'] *:after {
                            -webkit-box-sizing: border-box;
                            -moz-box-sizing: border-box;
                            -o-box-sizing: border-box;
                            -ms-box-sizing: border-box;
                            box-sizing: border-box;
                            -webkit-transition: all 0.35s ease;
                            -moz-transition: all 0.35s ease;
                            transition: all 0.35s ease;
                    }
                    [class^='imghvr-hinge-'],
                    [class*=' imghvr-hinge-'] {
                            -webkit-perspective: 50em;
                            perspective: 50em;
                    }
                    [class^='imghvr-hinge-'] .agile-figcaption,
                    [class*=' imghvr-hinge-'] .agile-figcaption {
                            opacity: 0;
                            z-index: 1;
                    }
                    [class^='imghvr-hinge-']:hover img,
                    [class*=' imghvr-hinge-']:hover img {
                            opacity: 0;
                    }
                    [class^='imghvr-hinge-']:hover .agile-figcaption,
                    [class*=' imghvr-hinge-']:hover .agile-figcaption {
                            opacity: 1;
                            -webkit-transition-delay: 0.21s;
                            -moz-transition-delay: 0.21s;
                            -o-transition-delay: 0.21s;
                            -ms-transition-delay: 0.21s;
                            transition-delay: 0.21s;
                    }
                     
                    /*-- imghvr-hinge-right -- */
                    .imghvr-hinge-right img {
                            -webkit-transform-origin: 100% 50%;
                            -ms-transform-origin: 100% 50%;
                            -moz-transform-origin: 100% 50%;
                            -o-transform-origin: 100% 50%;
                            transform-origin: 100% 50%;
                    }
                    .imghvr-hinge-right .agile-figcaption {
                            -webkit-transform: rotateY(90deg);
                            -moz-transform-origin: 0 50%;
                            -o-transform-origin: 0 50%;
                            -ms-transform-origin: 0 50%;
                            transform: rotateY(90deg);
                            -webkit-transform-origin: 0 50%;
                            -moz-transform-origin: 0 50%;
                            -o-transform-origin: 0 50%;
                            -ms-transform-origin: 0 50%;
                            transform-origin: 0 50%;
                    }
                    .imghvr-hinge-right:hover > img {
                            -webkit-transform: rotateY(-90deg);
                            -moz-transform: rotateY(-90deg);
                            -o-transform: rotateY(-90deg);
                            -ms-transform: rotateY(-90deg);
                            transform: rotateY(-90deg);
                    }
                    .imghvr-hinge-right:hover .agile-figcaption {
                            -webkit-transform: rotateY(0deg);
                            -moz-transform: rotateY(0deg);
                            -o-transform: rotateY(0deg);
                            -ms-transform: rotateY(0deg);
                            transform: rotateY(0deg);
                    }
                    .sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:6}.sl-wrapper{z-index:10}.sl-wrapper button{border:0;background:0 0;font-size:24px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:15;outline:none}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-algin:center;display:block;z-index:15;font-size:5em;}.sl-wrapper .sl-navigation button.sl-next{right:40px;outline:none}.sl-wrapper .sl-navigation button.sl-prev{left:40px;outline:none}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:#000;opacity:.8;position:absolute;bottom:0;left:0;right:0}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:10;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}
                    @media(max-width:600px){
                    .sl-wrapper .sl-navigation button.sl-next {
                        right: 14px;
                    }
                    .sl-wrapper .sl-navigation button.sl-prev {
                        left: 14px;
                    }
                    }
                    @media(max-width:384px){
                    .sl-wrapper .sl-navigation button.sl-prev {
                        left: -2px;
                    }
                    .sl-wrapper .sl-navigation button.sl-next {
                        right: -2px;
                    }
                    }