/*
skins available:
	- bullets
	- thumbs
*/

/* the container */
.magic_slider {
	margin-top: 120px;
	margin-bottom: 120px;
	position:relative;
	line-height:20px;
}

.magic_slider img {
	position:relative;
	display: block;
	max-width:inherit;
	max-height:inherit;
	-webkit-backface-visibility: hidden;
	width:inherit;
	height:inherit;	
}

.magic_slider_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}

.magic_slider .contentHolderVisibleWrapper {
	position:absolute;
	overflow:hidden;
	margin-top:0px;
}

.magic_slider .contentHolder {
	position:absolute;
}

.magic_slider .contentHolderUnit {
	/*position:relative;
	float:left;*/
	display:block;
	overflow:hidden;
}

.mycanvas {
	/*border:1px solid #ff0000;*/
	position:absolute;
	top:8px;
	right:10px;
	z-index:10;
	display: none !important;
}

.myloader {
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/loader.gif);
	width:37px;
	height:37px;
	position:absolute;
	left:49%;
	top:49%;
	z-index:5;
}


/*****************************************************************thumbs SKIN***/
.magic_slider.thumbs .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:20;
	width:100%;
}

.magic_slider.thumbs .leftNav {
	position:absolute;
	left:12px;
	width:48px;
	height:48px;
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}

.magic_slider.thumbs .leftNav:hover {
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/leftNavON.png) 0 0 no-repeat;
}

.magic_slider.thumbs .rightNav {
	position:absolute;
	right:12px;
	width:48px;
	height:48px;
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}

.magic_slider.thumbs .rightNav:hover {
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/rightNavON.png) 0 0 no-repeat;
}

.magic_slider.thumbs .playOver {
	position:absolute;
	width:63px;
	height:63px;
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/play_overOFF.png) 0 0 no-repeat;
	display:none;
	z-index:4;
	cursor: pointer;
}

.magic_slider.thumbs .playOver:hover {
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/play_overON.png) 0 0 no-repeat;
	display:none;
	z-index:4;
	cursor: pointer;
}














/********************************************* thumbs */
.magic_slider.thumbs .thumbsHolderWrapper {
	position:absolute;
	height: 140px !important;
	width:100% !important;
	/*overflow:hidden;*/
	margin-left: -7px;
	margin-top: 25px !important;
	padding:0;
	z-index:2;
	box-sizing: border-box !important;
}

.magic_slider.thumbs .thumbsHolderVisibleWrapper {
	position:absolute;
	width: 100% !important;
	height: 128px !important;
	overflow:hidden;
	box-sizing: border-box !important;
}

.magic_slider.thumbs .thumbsHolder {
	/*position:absolute;*/
	width: 100em !important;
	box-sizing: border-box !important;
}

.magic_slider.thumbs .thumbsHolder_ThumbOFF {
	float:left;
	display:block;
	width: 128px !important;
	height: 128px !important;
	cursor: pointer;
	margin-left: 0 !important;
	margin-right: 18px !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	border: 3px solid rgba(0,0,0,0.25);
	-webkit-transition: all 0.3s;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

.magic_slider.thumbs .thumbsHolder_ThumbON {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, rgba(0,0,0,0.2)), color-stop(0.67, rgba(0,0,0,0.4)));
	background-image: -moz-linear-gradient(center bottom, rgba(0,0,0,0.2) 33%, rgba(0,0,0,0.4) 67% );
}

.magic_slider.thumbs .thumbsHolder_ThumbOFF img {
	position:relative;
	max-width:128px !important;
  	max-height:128px !important;
  	width: auto !important;
	padding: 0;
	margin-top: 0 !important;
	box-sizing: border-box !important;
	-webkit-transform: scale(1.6,1.1);
	transform: scale(1.6,1.1);
}

.magic_slider.thumbs .thumbsHolder_ThumbOFF:after {
	content: '';
    display: block;
    position: absolute;
	top: 3px;
	width: 7.7em;
	height: 7.7em;
	-webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
	box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
}


/************************************************   carousel*/
.magic_slider.thumbs .carouselLeftNav {
	position:absolute;
	width:16px;
	height:135px;
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/carouselLeftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
	margin-left: 13px;
}

.magic_slider.thumbs .carouselLeftNav:hover {
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/carouselLeftNavON.png) 0 0 no-repeat;
	margin-left: 13px;
}

.magic_slider.thumbs .carouselLeftNavDisabled {
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/carouselLeftNavDisable.png) 0 0 no-repeat;
	cursor:default;
	margin-left: 13px;
}

.magic_slider.thumbs .carouselLeftNavDisabled:hover {
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/carouselLeftNavDisable.png) 0 0 no-repeat;
	margin-left: 13px;
}

.magic_slider.thumbs .carouselRightNav {
	position:absolute;
	width:16px;
	height:135px;
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/carouselRightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
	margin-right: -13px;
}

.magic_slider.thumbs .carouselRightNav:hover {
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/carouselRightNavON.png) 0 0 no-repeat;
	margin-right: -13px;
}

.magic_slider.thumbs .carouselRightNavDisabled {
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/carouselRightNavDisable.png) 0 0 no-repeat;
	cursor:default;
	margin-right: -13px;
}

.magic_slider.thumbs .carouselRightNavDisabled:hover {
	background:url(http://emetnet.com/wp-content/themes/aeron-child/skins/thumbs/carouselRightNavDisable.png) 0 0 no-repeat;
	margin-right: -13px;
}




/*@media only screen and (max-width: 360px){
	.magic_slider.thumbs .thumbsHolder_ThumbOFF {
		width: 15vw !important;
	    height: 10vh !important;
	}

	.magic_slider.thumbs .thumbsHolder_ThumbON {
		width: 15vw !important;
	    height: 10vh !important;
	}

	.magic_slider.thumbs .thumbsHolderVisibleWrapper {
		left: 40px !important;
		overflow: visible !important;
	}
}*/