/* ==========================================================================
   Desktop
   ========================================================================== */
@media (min-width: 1000px) {
	div.mainsliderscrollsnapwrapper{position:relative;width:720px; height:540px;overflow:hidden; background-color:#999;}
	div.mainsliderscrollsnapbox{position:absolute;top:0px; left:0px;width:100%; height:100%; transition: left 0.2s ease-out ; }
	div.mainsliderscrollsnapinfobox{float:left; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;border-right:solid 5px #CCC;border-left:solid 5px #CCC; }
	div.mainsliderscrollsnapinfobox:first-child{border-left:none;}
	div.mainsliderscrollsnapinfobox:last-child{border-right:none;}
	div.mainsliderscrollsnapinfo{position:relative; width:100%; height:100%; color:#FFF; font-size:20px; padding:30px; }


	/*With arrows*/
	a.mainsliderscrollsnapleftbtn{display:block;opacity:0.5;position:absolute; width:40px; height:40px;border-radius:40px;top:50%;left:10px; z-index:81; margin:-20px 0px 0px 0px;background-color:rgba(0,0,0,0.6); 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.mainsliderscrollsnaprighttbtn{display:block;opacity:0.5;position:absolute;width:40px; height:40px;border-radius:40px;top:50%;right:10px;z-index:81;margin:-20px 0px 0px 0px;background-color:rgba(0,0,0,0.6);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;}
	div.mainsliderscrollsnapwrapper:hover .mainsliderscrollsnapleftbtn,div.mainsliderscrollsnapwrapper:hover .mainsliderscrollsnaprighttbtn{opacity:1; transition: opacity 0.5s ease-out;}
	a.mainsliderscrollsnapleftbtn:focus ,a.mainsliderscrollsnaprighttbtn:focus {opacity:1; transition: opacity 0.5s ease-out;}

}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 999px){
	div.mainsliderscrollsnapwrapper{position:relative;width:100%; height:540px; overflow:hidden;background-color:#999; }
	div.mainsliderscrollsnapbox{position:absolute;top:0px; left:0px;width:100%; height:100%;  transition: left 0.2s ease-out ;}
	div.mainsliderscrollsnapinfobox{float:left; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;border-right:solid 5px #CCC;border-left:solid 5px #CCC;}
	div.mainsliderscrollsnapinfobox:first-child{border-left:none;}
	div.mainsliderscrollsnapinfobox:last-child{border-right:none;}
	div.mainsliderscrollsnapinfo{position:relative; width:100%; height:100%; color:#FFF; font-size:20px; padding:30px; }

	/* With arrows*/
	a.mainsliderscrollsnapleftbtn{display:block;opacity:1;position:absolute; width:30px; height:30px;border-radius:30px;top:50%;left:10px; z-index:81; margin:-15px 0px 0px 0px; 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;transition: opacity 0.5s ease-out;}
	a.mainsliderscrollsnaprighttbtn{display:block;opacity:1;position:absolute;width:30px; height:30px;border-radius:30px;top:50%;right:10px;z-index:81;margin:-15px 0px 0px 0px;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;transition: opacity 0.5s ease-out;}


}

/* ==========================================================================
   Share CSS
   ========================================================================== */