textarea.slider_FE_HTML{display:none;}

/*Jssor Slider (Fade Effect - FE) Begin*/
.FE_slider{
	position: relative; margin: 0 auto; 
	top: 0px; left: 0px; overflow: hidden;
}
.FE_slider div[data-u="slides"]{
	cursor: default; position: relative; top: 0px; left: 0px; overflow: hidden;
}
.FE_slider .FE_spots{bottom: 26px;}
.FE_slider .FE_arrL{left: 8px;}
.FE_slider .FE_arrR{right: 8px;}
		
div[data-u="loading"]{position: absolute; top: 0px; left: 0px;}
div[data-u="loading"] .icon{position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;}
div[data-u="loading"] .filter{filter: alpha(opacity=80); opacity: 0.8; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}	

/* jssor slider bullet navigator skin 05 css */
/*
.FE_spots div           (normal)
.FE_spots div:hover     (normal mouseover)
.FE_spots .av           (active)
.FE_spots .av:hover     (active mouseover)
.FE_spots .dn           (mousedown)
*/
.FE_spots {
	position: absolute;
}
.FE_spots div, .FE_spots div:hover, .FE_spots .av {
	position: absolute;
	/* size of spots elment */
	width: 19px;
	height: 19px;
	text-align: center;
	line-height: 19px;
	color: white;
	font-size: 12px;
	background: url(img/spots.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.FE_spots div { background-position: -5px -5px; }
.FE_spots div:hover, .FE_spots .av:hover { background-position: -35px -5px; }
.FE_spots .av { background-position: -65px -5px; }
.FE_spots .dn, .FE_spots .dn:hover { background-position: -95px -5px; }

/* jssor slider arrow navigator skin 12 css */
/*
.FE_arrL                  (normal)
.FE_arrR                  (normal)
.FE_arrL:hover            (normal mouseover)
.FE_arrR:hover            (normal mouseover)
.FE_arrL.FE_arrLdn      (mousedown)
.FE_arrR.FE_arrRdn      (mousedown)
*/
.FE_arrL, .FE_arrR {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 30px;
	height: 46px;
	cursor: pointer;
	background: url('img/arrow.png') no-repeat;
	overflow: hidden;
}
.FE_arrL { background-position: -16px -37px; }
.FE_arrR { background-position: -75px -37px; }
.FE_arrL:hover { background-position: -136px -37px; }
.FE_arrR:hover { background-position: -195px -37px; }
.FE_arrL.FE_arrLdn { background-position: -256px -37px; }
.FE_arrR.FE_arrRdn { background-position: -315px -37px; }

.slider-banner-FE-HTML-container{display:inline-block;width:inherit;height:inherit; background-size:auto 100%;background-repeat:no-repeat;background-position:center top;}
.slider-banner-FE-HTML-container h1{font-size:2.5em;line-height:130%;margin:0;padding:0;}
.slider-banner-FE-HTML-container h2{font-size:2em;line-height:130%;margin:0;padding:0;}
.slider-banner-FE-HTML-container h3{font-size:1.5em;line-height:135%;margin:0;padding:0;}
.slider-banner-FE-HTML-container h4{font-size:1.3em;line-height:135%;margin:0;padding:0;}
.slider-banner-FE-HTML-container h5{font-size:1em;line-height:135%;margin:0;padding:0;}
@media screen and (min-width: 705px) and (max-width: 768px){
	.slider-banner-FE-HTML-container h1{font-size:3.2em;}
	.slider-banner-FE-HTML-container h2{font-size:2.9em;}
	.slider-banner-FE-HTML-container h3{font-size:1.8em;}
	.slider-banner-FE-HTML-container h4{font-size:1.9em;}
	.slider-banner-FE-HTML-container h5{font-size:1.5em;}
}
@media screen and (min-width: 631px) and (max-width: 704px){
	.slider-banner-FE-HTML-container h1{font-size:2.9em;}
	.slider-banner-FE-HTML-container h2{font-size:2.5em;}
	.slider-banner-FE-HTML-container h3{font-size:1.7em;}
	.slider-banner-FE-HTML-container h4{font-size:1.4em;}
	.slider-banner-FE-HTML-container h5{font-size:1.3em;}
}
@media screen and (min-width: 321px) and (max-width: 630px){
	.slider-banner-FE-HTML-container h1{font-size:3.5em;}
	.slider-banner-FE-HTML-container h2{font-size:3em;}
	.slider-banner-FE-HTML-container h3{font-size:2.2em;}
	.slider-banner-FE-HTML-container h4{font-size:2em;}
	.slider-banner-FE-HTML-container h5{font-size:1.5em;}
}
@media screen and (max-width: 320px) {
	.slider-banner-FE-HTML-container h1{font-size:4.7em;}
	.slider-banner-FE-HTML-container h2{font-size:4.1em;}
	.slider-banner-FE-HTML-container h3{font-size:2.8em;}
	.slider-banner-FE-HTML-container h4{font-size:2.8em;}
	.slider-banner-FE-HTML-container h5{font-size:2.2em;}
}


[id*='slider_FE_TOP_'],[id*='slider_FE_BOT_']
{position:relative;width:100%;display:block;}

[id*='slider_FE_TOP_']:not([slideCount="1"]) div[for-slide],
[id*='slider_FE_BOT_']:not([slideCount="1"]) div[for-slide]{position:absolute;}

[id*='slider_FE_TOP_'] div[for-slide],
[id*='slider_FE_BOT_'] div[for-slide]{width:100%;top:0;left:0;opacity:0;z-index:0;}

[id*='slider_FE_TOP_'] div[for-slide].in,
[id*='slider_FE_BOT_'] div[for-slide].in{opacity:1;z-index:5;}

.scroll-mask{display:none;position:absolute;width:25%;height:80%;}
.scroll-mask.L{top:10%;left:0;}
.scroll-mask.R{top:10%;right:0;}

.scroll-mask.full{display:block !important;width:100%;height:100%;}

/* fix top slider on load height 0 issue ( 1, 2 also for-screen=[xs|md] ) */
#FE_slider_wrapper_1:not([status="loaded"]),
#FE_slider_wrapper_2:not([status="loaded"]){min-height:600px;}
