.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/images/jssor/loading.gif) no-repeat center center; top: 0px; left: 0px;width: 100%; height: 100%; }
.slide-block { cursor: move; position: absolute; left: 0px; top: 0px; width: 780px; height: 294px; overflow: hidden; }

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



/*                                                              border-radius: 10px;     height: 350px;              		box-shadow: 5px 5px 5px #282828; */
.slide-box { position: relative; top: 0px; left: 0px; width: 778px; height: 294px; overflow: hidden; margin-left: auto; margin-right:auto; border: none; border-radius: none; }

/*.caption-title { font-size: 16px; font-weight:bold; margin-bottom: 3px; color:#000; padding-right: 5px }*/
.caption-title { font-size: 26px; line-height: 26px; font-weight:bold; margin-bottom: 0px; color:#000; padding-right: 5px; padding-left: 20px; max-height: 28px; max-width: 620px; overflow:hidden; display: block }    /*line-height: 105%;*/
    
.caption { color: #000; font-size: 13px; line-height: 16px; text-align: left; background: #fff; background-color: rgba(255, 255, 255, 0.8); position:absolute; bottom: 0px; width:778px; height:auto; padding: 5px 5px 5px 10px; box-shadow: 0px 0px 20px #000; }
.caption-link-wrap { text-align:right; padding-right: 26px; margin-bottom: 2px; }
a.caption-link, a.caption-link:active, a.caption-link:visited { font-size: 20px; color: #64051E; text-decoration: underline; font-style:italic; }
a.caption-link:hover { color: #986162; text-decoration: underline; }
	
/* 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(/assets/images/jssor/a02.png) no-repeat; overflow: hidden; }
.jssora02l { background-position: -3px -33px; top: 123px; left: 8px; }
.jssora02r { background-position: -63px -33px; top: 123px; 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: 690px; height: 46px; left: 0px; bottom: 0px; }

/* space between thumbs 80 */
.jssort03 .p { position: absolute; top: 0; left: 0; width: 92px; height: 34px; }
.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: 58px; height: 32px; border: white 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: 60px; height: 35px; 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=80); opacity:.80; margin-right: -94px; float: right; text-align:right; padding-top: 12px; width: 94px; height: 51px; background-color: #000000; }
.button-pause { width: 67px; background-color: #41540C; height: 22px; margin-right: 16px; 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; }


/*NEW BELOW 3-20-2017*/

@media (min-width: 310px) {
	
.caption-title { font-size: 20px; }	


}

@media (min-width: 430px) {

.jssort03 { display: block; }


.caption-title { font-size: 16px; line-height: 115%; margin-bottom: 0px; color:#000; padding-right: 5px; padding-left: 8px; max-height: 100%; max-width: 670px; }
.caption { padding: 5px 5px 0px 10px; position:absolute; bottom: 46px; }

.caption-link-wrap { padding-right: 9px; }

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


.slide-box { border: solid 1px #707070; border-radius: 10px; }
			
}



@media (min-width: 992px) {

.caption-title { max-width: 680px; }

}




@media (min-width: 1200px) {

.caption-title { max-width: 680px; }

}