textarea.slider_SE_HTML{display:none;}

/*Jssor Slider (Slide Effect - SE) Begin*/
.SE_slider{
	position: relative; margin: 0 auto;
    top: 0px; left: 0px; overflow: hidden;
}
.SE_slider div[u="slides"]{
	cursor: default; position: absolute; left: 0px; top: 0px; overflow: hidden;
}
.SE_slider .SE_spots{bottom: 26px;}
.SE_slider .SE_arrL{left: 8px;}
.SE_slider .SE_arrR{right: 8px;}

div[u="loading"]{position: absolute; top: 0px; left: 0px;}
div[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[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 21 css */
/*
.SE_spots div           (normal)
.SE_spots div:hover     (normal mouseover)
.SE_spots .av           (active)
.SE_spots .av:hover     (active mouseover)
.SE_spots .dn           (mousedown)
*/		
.SE_spots {
	position: absolute;
}
.SE_spots div, .SE_spots div:hover, .SE_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;
}
.SE_spots div { background-position: -5px -5px; }
.SE_spots div:hover, .SE_spots .av:hover { background-position: -35px -5px; }
.SE_spots .av { background-position: -65px -5px; }
.SE_spots .dn, .SE_spots .dn:hover { background-position: -95px -5px; }


 /* jssor slider arrow navigator */
/*
.SE_arrL                  (normal)
.SE_arrR                  (normal)
.SE_arrL:hover            (normal mouseover)
.SE_arrR:hover            (normal mouseover)
.SE_arrL.SE_arrLdn      (mousedown)
.SE_arrR.SE_arrRdn      (mousedown)
*/
.SE_arrL, .SE_arrR {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url(img/arrow.png) center center no-repeat;
	overflow: hidden;
}
.SE_arrL { background-position: -3px -33px; }
.SE_arrR { background-position: -63px -33px; }
.SE_arrL:hover { background-position: -123px -33px; }
.SE_arrR:hover { background-position: -183px -33px; }
.SE_arrL.SE_arrLdn { background-position: -243px -33px; }
.SE_arrR.SE_arrRdn { background-position: -303px -33px; }

.slider-banner-SE-HTML-container{display:inline-block;width:inherit;height:inherit; background-size:auto 100%;background-repeat:no-repeat;background-position:center top;}
.slider-banner-SE-HTML-container h1{font-size:2.5em;line-height:130%;margin:0;padding:0;}
.slider-banner-SE-HTML-container h2{font-size:2em;line-height:130%;margin:0;padding:0;}
.slider-banner-SE-HTML-container h3{font-size:1.5em;line-height:135%;margin:0;padding:0;}
.slider-banner-SE-HTML-container h4{font-size:1.3em;line-height:135%;margin:0;padding:0;}
.slider-banner-SE-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-SE-HTML-container h1{font-size:3.2em;}
	.slider-banner-SE-HTML-container h2{font-size:2.9em;}
	.slider-banner-SE-HTML-container h3{font-size:1.8em;}
	.slider-banner-SE-HTML-container h4{font-size:1.9em;}
	.slider-banner-SE-HTML-container h5{font-size:1.5em;}
}
@media screen and (min-width: 631px) and (max-width: 704px){
	.slider-banner-SE-HTML-container h1{font-size:2.9em;}
	.slider-banner-SE-HTML-container h2{font-size:2.5em;}
	.slider-banner-SE-HTML-container h3{font-size:1.7em;}
	.slider-banner-SE-HTML-container h4{font-size:1.4em;}
	.slider-banner-SE-HTML-container h5{font-size:1.3em;}
}
@media screen and (min-width: 321px) and (max-width: 630px){
	.slider-banner-SE-HTML-container h1{font-size:3.5em;}
	.slider-banner-SE-HTML-container h2{font-size:3em;}
	.slider-banner-SE-HTML-container h3{font-size:2.2em;}
	.slider-banner-SE-HTML-container h4{font-size:2em;}
	.slider-banner-SE-HTML-container h5{font-size:1.5em;}
}
@media screen and (max-width: 320px) {
	.slider-banner-SE-HTML-container h1{font-size:4.7em;}
	.slider-banner-SE-HTML-container h2{font-size:4.1em;}
	.slider-banner-SE-HTML-container h3{font-size:2.8em;}
	.slider-banner-SE-HTML-container h4{font-size:2.8em;}
	.slider-banner-SE-HTML-container h5{font-size:2.2em;}
}

[id*='slider_SE_TOP_'],[id*='slider_SE_BOT_']
{position:relative;width:100%;display:block;}


[id*='slider_SE_TOP_']:not([slideCount="1"]) div[for-slide],
[id*='slider_SE_BOT_']:not([slideCount="1"]) div[for-slide]{position:absolute;}

[id*='slider_SE_TOP_'] div[for-slide],
[id*='slider_SE_BOT_'] div[for-slide]{width:100%;top:0;left:0;opacity:0;z-index:0;}

[id*='slider_SE_TOP_'] div[for-slide].in,
[id*='slider_SE_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] ) */
#SE_slider_wrapper_1:not([status="loaded"]),
#SE_slider_wrapper_2:not([status="loaded"]){min-height:600px;}