/*=============================================
    =        Jssor Slider style                  =
 =============================================*/
.captionOrange, .captionBlack
{
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}
.captionOrange
{
    background: #EB5100;
    background-color: rgba(235, 81, 0, 0.6);
}
.captionBlack
{
    font-size:16px;
    background: #000;
    background-color: rgba(0, 0, 0, 0.4);
}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited
{
    color: #ffffff;
    text-decoration: none;
}
a.captionOrange:hover
{
    color: #eb5100;
    text-decoration: underline;
    background-color: #eeeeee;
    background-color: rgba(238, 238, 238, 0.7);
}
.bricon
{
    background: url(../../images/jssor/browser-icons.png);
}
/*-----  Jssor Slider style  ------*/

/*Example to add fixed static share buttons in slider BEGIN*/
/*Remove it if no need*/
/*Share Button Styles*/
 .share-icon {
     display: inline-block;
     float: left;
     margin: 4px;
     width: 32px;
     height: 32px;
     cursor: pointer;
     vertical-align: middle;
     background-image: url(../../images/jssor/share/share-icons.png);
 }

.share-facebook {
    background-position: 0px 0px;
}

.share-facebook:hover {
    background-position: 0px -40px;
}

.share-twitter {
    background-position: -40px 0px;
}

.share-twitter:hover {
    background-position: -40px -40px;
}

.share-pinterest {
    background-position: -80px 0px;
}

.share-pinterest:hover {
    background-position: -80px -40px;
}

.share-linkedin {
    background-position: -240px 0px;
}

.share-linkedin:hover {
    background-position: -240px -40px;
}


.share-googleplus {
    background-position: -120px 0px;
}

.share-googleplus:hover {
    background-position: -120px -40px;
}


.share-stumbleupon {
    background-position: -360px 0px;
}

.share-stumbleupon:hover {
    background-position: -360px -40px;
}

.share-email {
    background-position: -320px 0px;
}

.share-email:hover {
    background-position: -320px -40px;
}

/*#region Bullet Navigator Skin Begin*/
/*Help: http://www.jssor.com/development/slider-with-bullet-navigator-jquery.html*/

     /* jssor slider bullet navigator skin 03 css */
     /*
     .jssorb03 div           (normal)
     .jssorb03 div:hover     (normal mouseover)
     .jssorb03 .av           (active)
     .jssorb03 .av:hover     (active mouseover)
     .jssorb03 .dn           (mousedown)
     */
 .jssorb03 {
     position: absolute;
 }
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
    position: absolute;
    /* size of bullet elment */
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: white;
    font-size: 12px;
    background: url(../../images/jssor/b03.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.jssorb03 div {color:#B8B5B5;}
.jssorb03 div:hover {color:#26a953;}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }

/*#region Arrow Navigator Skin Begin*/
/*Help: http://www.jssor.com/development/slider-with-arrow-navigator-jquery.html*/

     /* jssor slider arrow navigator skin 20 css */
     /*
     .jssora20l                  (normal)
     .jssora20r                  (normal)
     .jssora20l:hover            (normal mouseover)
     .jssora20r:hover            (normal mouseover)
     .jssora20l.jssora20ldn      (mousedown)
     .jssora20r.jssora20rdn      (mousedown)
     */
 .jssora20l, .jssora20r {
     display: block;
     position: absolute;
     /* size of arrow element */
     width: 55px;
     height: 55px;
     cursor: pointer;
     background: url(../../images/jssor/a20.png) no-repeat;
     overflow: hidden;
 }
.jssora20l { background-position: -3px -33px; }
.jssora20r { background-position: -63px -33px; }
.jssora20l:hover { background-position: -123px -33px; }
.jssora20r:hover { background-position: -183px -33px; }
.jssora20l.jssora20ldn { background-position: -243px -33px; }
.jssora20r.jssora20rdn { background-position: -303px -33px; }

/*================================================================================
    = Image Gallery with Vertical Thumbnail Navigater Theme - Jssor Slider style =
 =================================================================================*/
/*--#region Arrow Navigator Skin Begin -*/
     /* jssor slider arrow navigator skin 05 css */
     /*
     .jssora05l                  (normal)
     .jssora05r                  (normal)
     .jssora05l:hover            (normal mouseover)
     .jssora05r:hover            (normal mouseover)
     .jssora05l.jssora05ldn      (mousedown)
     .jssora05r.jssora05rdn      (mousedown)
     */
 .jssora05l, .jssora05r {
     display: block;
     position: absolute;
     /* size of arrow element */
     width: 40px;
     height: 40px;
     cursor: pointer;
     background: url(../../images/jssor/a17.png) no-repeat;
     overflow: hidden;
 }
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
/*-- Arrow Left --*/


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

 .jssort02 {
     position: absolute;
     /* size of thumbnail navigator container */
     width: 240px;
     height: 480px;
 }

.jssort02 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 99px;
    height: 66px;
}

.jssort02 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort02 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort02 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 95px;
    height: 62px;
    border: #f8f8f8 2px solid;
    box-sizing: content-box;
    background: url(../../images/jssor/t01.png) -800px -800px no-repeat;
    _background: none;
}

.jssort02 .pav .c {
    top: 2px;
    _top: 0px;
    left: 2px;
    _left: 0px;
    width: 95px;
    height: 62px;
    border: #000 0px solid;
    _border: #fff 2px solid;
    background-position: 50% 50%;
}

.jssort02 .p:hover .c {
    top: 0px;
    left: 0px;
    width: 97px;
    height: 64px;
    border: #fff 1px solid;
    background-position: 50% 50%;
}

.jssort02 .p.pdn .c {
    background-position: 50% 50%;
    width: 95px;
    height: 62px;
    border: #000 2px solid;
}

* html .jssort02 .c, * html .jssort02 .pdn .c, * html .jssort02 .pav .c {
    /* ie quirks mode adjust */
    width /**/: 99px;
    height /**/: 66px;
}
/*-----  End Image Gallery with Vertical Thumbnail Navigater Theme - Jssor Slider style  ------*/