.loading-screen-wrap { position: absolute; top: 0px; left: 0px; }
.loading-screen-trans { filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; }
.loading-screen-image { position: absolute; display: block; background: url(assets/img/loading.gif) no-repeat center center; top: 0px; left: 0px;width: 100%; height: 100%; }
  
/*NEW for RIID*/                                                         /*   width: 1288px; height: 554px;       700px; height: 379px; 1140px; height: 500px; */
.slide-block { cursor: move; position: absolute; left: 0px; top: 0px; width: 1288px; height: 554px; overflow: hidden; }
/*END NEW for RIID*/

.jssort03-trans { background-color: #000; filter:alpha(opacity=100); opacity:1.0; width: 100%; height:100%; }

/*NEW for RIID*/                                                  /* width: 1288px; height: 554px;   700px; height: 379px; 1140px; height: 500px; */
.slide-box { position: relative; top: 0px; left: 0px; width: 1288px; height: 554px; overflow: hidden; margin-left: auto; margin-right:auto; border: none; border-radius: none; }
/* END NEW for RIID*/

.caption-title { font-size: 39px; font-weight:bold; margin-bottom: 0px; color:#ffffff; padding: 15px 19px 5px 21px; max-height: 100%; max-width: 1285px; overflow:hidden; display: block; line-height: 125%; }    

a.caption-title-link, a.caption-title-link:active, a.caption-title-link:visited { color: #ffffff; text-decoration: none; }
a.caption-title-link:hover { color: #cccccc; text-decoration: none; }

.caption { color: #ffffff; font-size: 14px; line-height: 16px; text-align: left; background: #000000; background-color: rgba(0, 0, 0, 0.6); position:absolute; display: block; bottom: 0px; width:1285px; height:auto; padding: 5px 5px 5px 5px;/* box-shadow: 0px 0px 20px #000;*/ }
.caption-link-wrap { text-align:right; padding-right: 26px; margin-bottom: 10px; }
a.caption-link, a.caption-link:active, a.caption-link:visited { font-size: 27px; color: #ecd783; text-decoration: none; font-style:italic; }
a.caption-link:hover { color: #cccccc; text-decoration: none; }
	
/* jssor slider arrow navigator skin 02 css */ 
 /*
.jssora02l                  (normal)
.jssora02r                  (normal)
.jssora02l:hover            (normal mouseover)
.jssora02r:hover            (normal mouseover)
.jssora02l.jssora02ldn      (mousedown)
.jssora02r.jssora02rdn      (mousedown)

<span u="arrowleft" class="jssora02l" style="top: 123px; left: 8px;"></span>
<!-- Arrow Right -->
<span u="arrowright" class="jssora02r" style="top: 123px; right: 8px;"></span>

*/
.jssora02l, .jssora02r { display: block;  position: absolute; /* size of arrow element */ width: 55px; height: 55px; cursor: pointer; background: url(../img/a02.png) no-repeat; overflow: hidden; }
.jssora02l { background-position: -3px -33px; top: 90px; left: 8px; }
.jssora02r { background-position: -63px -33px; top: 90px; right: 8px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02l.jssora02ldn { background-position: -3px -33px; }
.jssora02r.jssora02rdn { background-position: -63px -33px; }

/* jssor slider thumbnail navigator skin 03 css */
/*
.jssort03 .p            (normal)
.jssort03 .p:hover      (normal mouseover)
.jssort03 .pav          (active)
.jssort03 .pdn          (mousedown)
*/

/* size of thumbnail navigator container width: 780px; */ 
.jssort03 { display: none; position: absolute; width: 1190px; height: 82px; left: 0px; bottom: 0px; }

/* space between thumbs 80 */
.jssort03 .p { position: absolute; top: 0; left: 0; width: 161px; height: 60px; }
.jssort03 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

/* thumb pic size*/
.jssort03 .w, .jssort03 .pav:hover .w { position: absolute; width: 145px; height: 56px; border: #cccccc 1px solid; /*box-sizing: content-box;*/ }
.jssort03 .pdn .w, .jssort03 .pav .w { border-style: solid; }

/* thumb pic overlay size */
.jssort03 .c { position: absolute; top: 0; left: 0; width: 145px; height: 56px; background-color: #000; filter: alpha(opacity=30); opacity: .30; transition: opacity .6s; -moz-transition: opacity .6s; -webkit-transition: opacity .6s; -o-transition: opacity .6s; }
.jssort03 .p:hover .c, .jssort03 .pav .c { filter: alpha(opacity=0); opacity: 0; }
.jssort03 .p:hover .c { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
* html .jssort03 .w { width /**/: 62px; height /**/: 32px; }

.pause-box { filter: alpha(opacity=100); opacity:1.0; margin-right: -94px; float: right; text-align:right; padding-top: 25px; width: 94px; height: 80px; background-color: #000000; }
.button-pause { width: 80px; background-color: #41540C; height: 24px; margin-right:55px; margin-left:-10px; border-radius: 12px; color: #fff; font-size: 10px; font-weight: bold; padding-top:1px; vertical-align:text-top; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; box-shadow: 0px 0px 8px #fff; }

/* RIID ONLY CODE */
.rotator-layer-wrap { position: relative; margin: 0 auto 0 auto; padding: 15px 0 17px 0; z-index: 888; }

.logo-area-slider { color: #000; font-size: 14px; line-height: 120%; margin: 0 auto 0 auto; text-shadow: 2px 2px 3px #000000; font-weight:bold; max-width: 1288px; z-index: 999; }
		
.rotator-bg-wrap { font-family:Arial, Helvetica, Veranda, sans-serif; font-size:13px; width: 100%; max-width:auto; height: 135px; background:url('../images/template/rotator-bg.jpg') 0 0 no-repeat; background-size: cover; padding: 0 0 0 0; position: relative; z-index: 1 }
	
.rotator-bg-transparent { z-index: 2; position: absolute; display: block; bottom: 0; margin: 0; width: 100%; height: auto; background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */ background: rgba(0, 0, 0, 0.5); background: -moz-linear-gradient(top,  rgba(61,60,97,0) 0%, rgba(61,60,97,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(61,60,97,0) 0%,rgba(61,60,97,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(61,60,97,0) 0%,rgba(61,60,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d3c61', endColorstr='#3d3c61',GradientType=0 ); /* IE6-9 */ }

.rotator-logo { display: none; float: right; margin-bottom: -60px; margin-right: 15px; z-index: 9999; position: relative; }
.rotator-logo img { max-width: 25px; }

/* END RIID ONLY CODE */




@media (min-width: 310px) {
	
.caption-title { font-size: 40px; line-height: 125%; padding: 8px 15px 12px 15px; }	
	
.caption { padding: 8px 11px 0px 14px; }	
	

/* RIID ONLY CODE */
.rotator-bg-wrap { height: 155px;  }		
	
/* END RIID ONLY CODE */
	
}

	
@media (min-width: 350px) {
	
/* RIID ONLY CODE */
.rotator-bg-wrap { height: 170px;  }		
	
.rotator-logo { display: block; }	
/* END RIID ONLY CODE */

	
}		
	
	
@media (min-width: 385px) {
	
/* RIID ONLY CODE */
.rotator-bg-wrap { height: 185px;  }	
/* END RIID ONLY CODE */
	
	
.caption-title { font-size: 35px; line-height: 130%; }	
	
.caption { padding: 4px 10px 0px 13px; }
	
.caption-link-wrap { padding-right: 15px; margin-bottom: 12px;}	
	
	
}		
	
	
	
@media (min-width: 405px) {
	
/* RIID ONLY CODE */
.rotator-bg-wrap { height: 190px;  }
/* END RIID ONLY CODE */	
	
	
}	
		
	
	
@media (min-width: 430px) {

	
/* RIID ONLY CODE */
.rotator-bg-wrap { height: 195px;  }	
/* END RIID ONLY CODE */	
	


.caption-title { font-size: 35px; line-height: 130%; margin-bottom: 0px; padding: 8px 15px 5px 15px; max-height: 100%;  }

.caption { padding: 4px 10px 0px 13px; }
	
.caption-link-wrap { padding-right: 15px; margin-bottom: 12px;}

a.caption-link, a.caption-link:active, a.caption-link:visited { font-size: 19px; }


			
}


@media (min-width: 450px) {
	
/* RIID ONLY CODE */
.rotator-bg-wrap { height: 205px;  }	
/* END RIID ONLY CODE */	
	
.caption-title { padding: 12px 35px 5px 36px; }
.caption-link-wrap { padding-right: 20px;}	
	
	
}	


@media (min-width: 475px) {
	
/* RIID ONLY CODE */
.rotator-bg-wrap { height: 210px;  }	
/* END RIID ONLY CODE */		
	
}	

	
@media (min-width: 510px) {	
	
/* RIID ONLY CODE */
.rotator-bg-wrap { height: 260px;  }	
	
.rotator-logo img { max-width: 36px; }	
	
/* END RIID ONLY CODE */
	
.jssort03 { display: block; }	
	
.caption-title { font-size: 33px;  }	
.caption-link-wrap { padding-right: 18px; margin-bottom: 5px;}
a.caption-link, a.caption-link:active, a.caption-link:visited { font-size: 19px; }		
	

	
.pause-box { margin-right: -94px; padding-top: 25px; width: 96px; height: 80px; }
.button-pause { width: 86px; height: 28px; margin-right:55px; margin-left:-10px; font-size: 18px; padding-top:1px; }		
	
	
}	



@media (min-width:545px) {	
	
/* RIID ONLY CODE */
.rotator-bg-wrap { height: 275px; }		
/* END RIID ONLY CODE */		
	
}	



@media (min-width:576px) {	
	
/* RIID ONLY CODE */
.rotator-bg-wrap { height: 260px; }		
.rotator-bg-transparent { height: 200px; }		
/* END RIID ONLY CODE */	
	
	
.slide-box { border: solid 1px #707070; border-radius: 10px; }	
	
.caption-title { font-size: 34px; padding: 8px 15px 5px 15px;  }	
.caption-link-wrap { padding-right: 18px; margin-bottom: 5px;}
a.caption-link, a.caption-link:active, a.caption-link:visited { font-size: 18px; }	
}	

/*.caption-title { font-size: 35px; line-height: 130%; margin-bottom: 0px; padding: 8px 15px 5px 15px; max-height: 100%;  }*/
	
@media (min-width: 650px) {	
/* RIID ONLY CODE */		
.rotator-bg-wrap { height: 260px; }		
	
	
/* END RIID ONLY CODE */		
	
	
}		
	
	
@media (min-width: 768px) {
	
/* RIID ONLY CODE */	
.rotator-bg-wrap { height: 340px; }	
/* END RIID ONLY CODE */	
	
.caption-title { font-size: 28px; padding: 8px 13px 5px 13px; }	
.caption-link-wrap { padding-right: 18px; margin-bottom: 5px;}
a.caption-link, a.caption-link:active, a.caption-link:visited { font-size: 16px; }
	
.pause-box { margin-right: -94px; padding-top: 25px; width: 96px; height: 80px; }
.button-pause { width: 82px; height: 26px; margin-right:55px; margin-left:-10px; font-size: 14px; padding-top:3px; }	
		
	
}


	
@media (min-width: 992px) {	
	
/* RIID ONLY CODE */	
.rotator-bg-wrap { height: 445px; }
/* END RIID ONLY CODE */	
	
.caption-title { font-size: 25px; padding: 8px 15px 5px 15px; }	
.caption-link-wrap { padding-right: 18px; margin-bottom: 5px;}
a.caption-link, a.caption-link:active, a.caption-link:visited { font-size: 15px; }
	
	
.pause-box { margin-right: -94px; padding-top: 25px; width: 94px; height: 80px; }
.button-pause { width: 80px; height: 24px; margin-right:55px; margin-left:-10px; font-size: 12px; padding-top:1px; }	
	
	
}


	
@media (min-width: 1200px) {	
	
/* RIID ONLY CODE */		
.rotator-bg-wrap { height: 526px; }
/* END RIID ONLY CODE */	
	
.caption-title { font-size: 26px; padding: 7px 16px 4px 16px; }
.caption-link-wrap { padding-right: 18px; margin-bottom: 5px;}
a.caption-link, a.caption-link:active, a.caption-link:visited { font-size: 13px; }
	
.pause-box { margin-right: -94px; padding-top: 25px; width: 94px; height: 80px; }
.button-pause { width: 80px; height: 24px; margin-right:55px; margin-left:-10px; font-size: 11px; padding-top:2px; }	
	
}

 

@media (min-width: 1400px) {	
		
	
/* RIID ONLY CODE */
			
.rotator-bg-wrap { height: 590px; }	

	
/* END RIID ONLY CODE */	
	
.caption-title { font-size: 25px; padding: 8px 15px 5px 15px; }
	
.caption-link-wrap { padding-right: 22px; margin-bottom: 5px;}
a.caption-link, a.caption-link:active, a.caption-link:visited { font-size: 14px; }
	
}