/* ==========================================================================
   Desktop
   ========================================================================== */

@media (min-width: 1000px) {
	a.maingalleryleftarrow{display:block;opacity:0.5;position:absolute; left:10px; top:50%; width:40px; height:40px; margin:-20px 0px 0px 0px; border-radius:40px; background-color:rgba(0,0,0,0.6); background-color:rgba(0,0,0,0.5); background-image:url(/images_svg/main_icon_left_arrow_white.svg); background-size:20px 20px; background-position:8px center; background-repeat:no-repeat; transition: opacity 0.5s ease-out;}
	a.maingalleryrightarrow{display:block;opacity:0.5;position:absolute; right:10px; top:50%;width:40px; height:40px; margin:-20px 0px 0px 0px;  border-radius:40px; background-color:rgba(0,0,0,0.6); background-color:rgba(0,0,0,0.5); background-image:url(/images_svg/main_icon_right_arrow_white.svg); background-size:20px 20px; background-position:12px center; background-repeat:no-repeat;transition: opacity 0.5s ease-out;}
	a.maingalleryleftarrow:hover, a.maingalleryrightarrow:hover{opacity:1; transition: opacity 0.5s ease-out;}
	a.maingalleryleftarrow:focus ,a.maingalleryrightarrow:focus {opacity:1; transition: opacity 0.5s ease-out;}

	div.maingallerypict{float:left; width:100%; height:85%; margin:0px 0px 15px 0px; background-position:center center; background-size:contain; background-repeat:no-repeat;}
	div.maingallerydes{float:left;position:absolute; width:100%;  bottom:35px; left:0px; font-weight:normal; font-size:15px; line-height:1.2em; padding:5px 15px 5px 15px; text-align:center; }
	div.maingallerynum{float:left; position:absolute; width:100%;  bottom:15px; left:0px; font-weight:bold; font-size:14px; text-align:center;}

}



/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 999px){
	a.maingalleryleftarrow{display:block;opacity:0.5;position:absolute; left:50%; bottom:20px;margin:0px 0px 0px -60px; width:30px; height:30px;border-radius:30px; background-color:rgba(0,0,0,0.6); background-image:url(/images_svg/main_icon_left_arrow_white.svg); background-size:15px 15px; background-position:7px 8px; background-repeat:no-repeat; }
	a.maingalleryrightarrow{display:block;opacity:0.5;position:absolute; right:50%; bottom:20px;margin:0px -60px 0px 0px;width:30px; height:30px;border-radius:30px; background-color:rgba(0,0,0,0.6); background-image:url(/images_svg/main_icon_right_arrow_white.svg); background-size:15px 15px; background-position:9px 8px; background-repeat:no-repeat;}
	a.maingalleryleftarrow:hover, a.maingalleryrightarrow:hover{opacity:1; transition: opacity 0.5s ease-out;}

	div.maingallerypict{float:left; width:100%; height:75%; margin:0px 0px 15px 0px; background-position:center center; background-size:contain; background-repeat:no-repeat;}
	div.maingallerydes{float:left;position:absolute; width:100%;  bottom:55px; left:0px; font-weight:normal; font-size:15px; line-height:1.2em; padding:5px 15px 5px 15px; text-align:center; }
	div.maingallerynum{float:left; position:absolute; width:100%;  bottom:23px; left:0px; font-weight:bold; font-size:14px; text-align:center;}

}

/* ==========================================================================
   Share CSS
   ========================================================================== */
div.maingallerywrap{float:left; position:relative; width:100%; padding:15px 0px 15px 0px; background-color:#F5F5F5; height:720px;}

div.maingallerythumbnail{float:left; width:100%; margin:20px 0px 20px 0px;}
div.maingallerythumbnail img{width:100px; height:auto; float:left; margin:0px 10px 10px 0px;}

/*Overlay*/
div.maingallerywrapoverlay{position:absolute; width:100%; height:100%;}