@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------		GALLERY SCROLL	-----------------------------------------*/
.gallery_container { margin-top:2.6rem;}

/* Controls */
.arrow_wrapper{ position:absolute !important; height:100%; float:none !important; width:2rem; cursor:pointer; z-index:1; top:0px;}
.arrow_wrapper:last-child{ right:0px;}
.arrow{ width:20px; height:10%; min-height:40px; position:absolute !important; top:40%; background:rgba(0, 0, 0, .25); cursor:pointer !important; }
.arrow:hover{ width:30px; background:rgba(0, 0, 0, .8);}
.arrow_prev { left:0px;}
.arrow_next { right:0px;}
.arrow .inner{ width:100%; height:100%;}
.arrow_prev .inner{ background:url(../img/icons/previous.png) center center no-repeat;}
.arrow_next .inner {background:url(../img/icons/next.png) center center no-repeat;}


#big_image_wrap{ }
#big_image_inner{ height:600px; overflow:hidden !important;}
#big_image_inner img{ position:absolute; top:0; left:0px; opacity:0; width:100%;}
#big_image{ width:100%; height:100px;}
.big_image_wrap:hover .title, .big_image_wrap:hover .desc{ opacity:1;}
.gallery_container .title{position:absolute !important; max-width:50%; left:0;  padding:2%; top:0;   opacity:0; font-size:24px; color:#FFF; background:rgba(0, 0, 0, .3)}
.gallery_container .desc{ display:none; position:absolute !important; max-width:50%; right:5%; padding:1%; bottom:0; opacity:0; color:#000; background:rgba(255, 255, 255, .4)}

#thumbs_wrap{ width:100%; overflow:hidden;}

#thumbs{ height:100px; padding:10px 0; background-color:#F5F5F5;}


#thumbs > a:last-child{ margin-right:0px;}
#thumbs > a{
	width:150px; height:100px; display:block; float:left; position:relative;  margin-right:20px; overflow:hidden;

/*	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%)*/;
}
#thumbs > a:hover, #thumbs .active{
/*	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
   	-webkit-filter: grayscale(0%);*/
}


#thumbs > a > img{border-top:3px #999999 solid;	max-width:100%; opacity:.6}
#thumbs > a:hover img, #thumbs .active img{border-top:3px #ef7d52 solid;}
 #thumbs .active img{ opacity:1;}

.mCSB_horizontal.mCSB_inside>.mCSB_container{ margin-bottom:5px !important;}
.mCSB_horizontal #mCSB_1_scrollbar_horizontal {height:15px !important;}
.mCSB_horizontal #mCSB_1_scrollbar_horizontal div{height:inherit !important;  position:absolute !important; top:0px !important;}
.mCSB_draggerRail{ margin:0px !important;}
.mCSB_dragger_bar{margin:0px !important;}

/*-------------------------------------------------		END GALLERY SCROLL	-----------------------------------------*/

