@charset "utf-8";

/* Caption 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(../img/slider/browser-icons.png);
  }
/* END Caption Style */
/* Share Button Styles */
.share-icon {
 display: inline-block;
 float: left;
 margin: 4px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 vertical-align: middle;
 background-image: url(../img/slider/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;
                    }
/* END Share Button Styles */
        /*#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(../img/slider/b03.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .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; }
        /*#endregion Bullet Navigator Skin End */
        
        /*#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(../img/slider/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; }
        /*#endregion Arrow Navigator Skin Begin */
