@charset "utf-8";
/* CSS Document */
section.singleSec.gallery aside.contBg5{ background:url(../images/contBg5.jpg) !important}
.gallery_slider_thumb{ margin:0 0px 25px 0; border-left:2px solid transparent; border-top:2px solid transparent; }
.gallery_slider_thumb:last-child{ margin-bottom:0;}
.gallery_slider_thumb h2{ font-size:18px; font-weight:400;}
.gallery_slider_thumb:after, .gallery_slider_thumb ul:after{ content:''; clear:both; display:block;}
.gallery_slider_thumb li{ float:left; width:25%; overflow:hidden; position:relative; border-bottom:10px solid transparent; border-right:10px solid transparent;}

.gallery_slider_thumb li img{ overflow:hidden;}

.gallery_slider_thumb li img{ width:100%; display:block;}
.gallery_slider_thumb li div{ display:none;}

.gallery_slider_thumb li span {position: absolute; left: 0; top: 0; width:100%; height:100%; background:url(../images/icon-zoom.png) no-repeat 100% 100%; opacity: 1; z-index:2;}
.gallery_slider_thumb li:hover img{transform: scale(1.3); -webkit-transform:scale(1.1);  -ms-transform:scale(1.1); opacity:0.7;}
.gallery_slider_thumb li:hover span { opacity:1;}

#PopupHolder{position:fixed; width:100%; height:100%; top:0; left:100%;  background:rgba(0,0,0,0.94); z-index:11; overflow:hidden; 
    opacity: 1;
    z-index: 999;
    overflow: auto;
    padding: 50px 0;
    text-align: center;
	}
#popClose{ position:absolute; right:15px; top:15px; width:30px; height:30px; background:url(../images/popClose.png) no-repeat 50% 50%; cursor:pointer; z-index:2; cursor:pointer;}
#loadCont{width:90%; margin:auto; max-width:1000px; position:absolute; left:0; bottom:0; right:0; top:0; z-index:1; transform: scale(0.5); -webkit-transform:scale(0.5);  -ms-transform:scale(0.5); opacity:0; visibility:hidden;}

#PopupHolder.phActive{ visibility:visible; opacity:1;}
#loadCont.popActive{transform: scale(1); -webkit-transform:scale(1);  -ms-transform:scale(1); visibility:visible; opacity:1;}
.transition{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 0.5s ease; }

.popgalleryHolder{ max-width:1010px; height:100%; margin:0 auto; position:relative;}
#popgallery{ margin-bottom:0; border:0;}
#popgallery, #popgallery div.arrowHolder{ height:50px; width:100%; text-align:center; position:absolute; left:0; bottom:0; z-index:2;}
#popgallery, #popgallery div{ height:100%; width:100%; position:relative; text-align:center; z-index:1;}
#popgallery li{ height:100%; position:relative; text-align:center; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; background: #000 url(../images/loading.gif) no-repeat 50% 50%; border:0;}
#popgallery li img{ width:100%; display:inline-block; opacity:0;}
#popgallery li div.gallery_text{ display:block; position:absolute;}
.galleryHead{color:#FFF; width:100%; max-width:1010px; margin:0 auto 15px; } 
#popgallery li a span{ display:none;}
#popgallery li:hover img{transform: scale(1); -webkit-transform:scale(1);  -ms-transform:scale(1); opacity:1;}

.gallery_paging2{ position:absolute; bottom:0; font-weight:300; right:120px; color:rgba(255,255,255,0.5); line-height:42px; font-size:18px; z-index:2}
.gallery_paging2 b{ color:#FFF; font-weight:300;}

.gallery_next2, .gallery_prev2{position:absolute; bottom:0%; height:42px; width:44px; cursor:pointer; }
.gallery_next2{  right:0px; background:url(../images/gallery-control.gif) no-repeat 100% 50%;}
.gallery_prev2{right:44px; background:url(../images/gallery-control.gif) no-repeat 0 50%;}
.gallery_next2:hover, .gallery_prev2:hover{ opacity:0.8}

#popgallery li .gallery_text2{ position:absolute; left:0%; bottom:0%; color:#FFF; z-index:2; font-weight:300; font-size:15px; background:rgba(0,0,0,0.7); padding:7px 15px; width:100%; height:42px; text-align:left; display:block; padding-right: 180px;}

@media screen and (max-width:1370px){
#loadCont {max-width: 800px;}
}

@media screen and (max-width:640px){
.gallery_slider_thumb li{ width:33.333333333%;}
#popgallery li .gallery_text2{ padding-right:145px; font-size:12px;}
.gallery_paging2 { right:95px; font-size: 13px;}

}
@media screen and (max-width:480px){
.gallery_slider_thumb li{ width:50%;}
}