/* ==========================================================================
   Desktop
   ========================================================================== */
@media (min-width: 1000px) {
	div.mainhoriztonalsliderwrapper{position:relative;float:left; width:100%; background-color:#E9E9E9; border-radius:10px;}
	div.mainhoriztonalslidermask{position:relative; width:92%; height:40px; top:0px; left:4%; overflow:hidden; }
	div.mainhoriztonalslider{position:absolute; width:100%; left:0px; top:0px;  transition: left 0.5s ease-out;}
	div.mainhoriztonalslider ul, .mainhoriztonalslider li {margin:0px; padding:0px; list-style:none;}
	div.mainhoriztonalslider li{float:left;padding:10px 0px 0px 0px; display:inline-block; box-sizing: border-box !important; text-align:center; }

	div.mainhoriztonalsliderleft{position:absolute;  top:0px; left:0px; width:4%; height:100%; background-image:url(../images_svg/main_icon_black_left_arrow.svg); background-size:20px 20px; background-position:center center; background-repeat:no-repeat;opacity:0.7;transition: opacity 0.5s ease-out;}
	div.mainhoriztonalsliderright{position:absolute; top:0px; right:0px; width:4%;height:100%;background-image:url(../images_svg/main_icon_black_right_arrow.svg); background-size:20px 20px; background-position:center center; background-repeat:no-repeat;opacity:0.7;transition: opacity 0.5s ease-out;}
	div.mainhoriztonalsliderleft:hover,div.mainhoriztonalsliderright:hover{ cursor:pointer;opacity:1; transition: opacity 0.5s ease-out; }	
}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 999px){
	div.mainhoriztonalsliderwrapper{position:relative;float:left; width:100%; background-color:#E9E9E9;border-radius:10px;}
	div.mainhoriztonalslidermask{position:relative; width:90%; height:40px; top:0px; left:5%; overflow:hidden; /*overflow-y:scroll;*/  }
	div.mainhoriztonalslider{position:absolute; width:100%; left:0px; top:0px;  transition: left 0.5s ease-out;}
	div.mainhoriztonalslider ul, .mainhoriztonalslider li {margin:0px; padding:0px; list-style:none;}
	div.mainhoriztonalslider li{float:left;padding:10px 0px 0px 0px; display:inline-block; box-sizing: border-box !important; text-align:center; }

	div.mainhoriztonalsliderleft{position:absolute;  top:0px; left:0px; width:8%; height:100%; background-image:url(../images_svg/main_icon_black_left_arrow.svg); background-size:15px 15px; background-position:center center; background-repeat:no-repeat;opacity:0.7;transition: opacity 0.5s ease-out;}
	div.mainhoriztonalsliderright{position:absolute; top:0px; right:0px; width:8%;height:100%;background-image:url(../images_svg/main_icon_black_right_arrow.svg); background-size:15px 15px; background-position:center center; background-repeat:no-repeat;opacity:0.7;transition: opacity 0.5s ease-out;}
	div.mainhoriztonalsliderleft:hover,div.mainhoriztonalsliderright:hover{ cursor:pointer;opacity:1; transition: opacity 0.5s ease-out; }
}

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

div.mainhoriztonalslider a{color:#000; text-decoration:none;}
div.mainhoriztonalslider a:hover{color:#000; text-decoration:underline;}