.panes div.bgImage,a.backward,a.forward{background-position:center center;background-repeat:no-repeat}
#slidenav{position:fixed;top:35px;right:50px;display:block;z-index:9000}
.panes,.panes div.bgImage{top:0;height:100%;width:100%;left:0}
#slidenav.navhid{right:-500px}
.panes{position:relative;overflow:hidden;min-width:720px;min-height:550px;z-index:0}
.panes div.bgImage{position:absolute;padding:0;margin:0;display:block;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
a.backward,a.forward{position:fixed;bottom:0;width:110px;height:110px;cursor:pointer;display:none}
a.backward{left:0;background-image:url(../images/bt-left.png)}
a.backward:hover{background-image:url(../images/bt-left-over.png)}
a.forward{right:0;background-image:url(../images/bt-right.png)}
a.forward:hover{background-image:url(../images/bt-right-over.png)}
.slidetabs{position:relative;float:left;padding-right:12px}
.slidetabs a{width:14px;height:14px;float:left;margin:10px 9px;display:block;font-size:1px;background:rgba(255,255,255,.75);cursor:pointer}
.slidetabs a:hover{background:rgba(255,255,255,1)}
.slidetabs a.current{background:rgba(4,6,13,.75)}
.slidetabs a.current:hover{background:rgba(0,0,0,1)}

#slidenav,#slidenav.navhid,
.slidetabs a,.slidetabs a:hover,.slidetabs a.current:hover{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}

@media (max-width:720px){
#slidenav,#slidenav.navhid{right:auto}
.panes{min-width:100px;min-height:50vh;margin-top:80px}
.panes.gallery{min-height:70vh}
#slidenav{position:absolute;top:50vh;margin:40px 10% 0;width:80%;text-align:center}
.slidetabs{float:none;display:inline-block}
a.backward,a.forward{position:absolute;bottom:auto;top:50vh;margin-top:30px;height:50px;width:10%;display:block!important}
#slidenav.gallery,a.backward.gallery,a.forward.gallery{top:70vh}
#slidenav.gallery{margin-top:0}
a.backward.gallery,a.forward.gallery{margin-top:-10px}
}