/*!
*  - v1.5.0
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/.slider-pro {
 position:relative;
 margin:0 auto;
 -moz-box-sizing:content-box;
 box-sizing:content-box
}
.sp-slides-container {
 position:relative
}
.sp-mask {
 position:relative;
 overflow:hidden
}
.sp-slides {
 position:relative;
 -webkit-backface-visibility:hidden;
 -webkit-perspective:1000
}
.sp-selected {
    opacity: 1!important;
}
.sp-slide {
 position:absolute;
 opacity: 0.5;	 
}
.sp-image-container {
 overflow:hidden
}
.sp-image {
 position:relative;
 display:block;
 border:none
}
.sp-no-js {
 overflow:hidden;
 max-width:100%
}
.sp-thumbnails-container {
 position:relative;
 overflow:hidden;
 direction:ltr
}
.sp-bottom-thumbnails,
.sp-top-thumbnails {
 left:0;
 margin:0 auto
}
.sp-top-thumbnails {
 position:absolute;
 top:0;
 margin-bottom:4px
}
.sp-bottom-thumbnails {
 margin-top:4px
}
.sp-left-thumbnails,
.sp-right-thumbnails {
 position:absolute;
 top:0
}
.sp-right-thumbnails {
 right:0;
 margin-left:4px
}
.sp-left-thumbnails {
 left:0;
 margin-right:4px
}
.sp-thumbnails {
 position:relative
}
.sp-thumbnail {
 border:none
}
.sp-thumbnail-container {
 position:relative;
 display:block;
 overflow:hidden;
 float:left;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.sp-rtl .sp-thumbnail-container {
 float:right
}
.sp-bottom-thumbnails .sp-thumbnail-container,
.sp-top-thumbnails .sp-thumbnail-container {
 margin-left:2px;
 margin-right:2px
}
.sp-bottom-thumbnails .sp-thumbnail-container:first-child,
.sp-top-thumbnails .sp-thumbnail-container:first-child {
 margin-left:0
}
.sp-bottom-thumbnails .sp-thumbnail-container:last-child,
.sp-top-thumbnails .sp-thumbnail-container:last-child {
 margin-right:0
}
.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
 margin-top:2px;
 margin-bottom:2px
}
.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
 margin-top:0
}
.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
 margin-bottom:0
}
.sp-right-thumbnails.sp-has-pointer {
 margin-left:-13px
}
.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
 position:absolute;
 left:18px;
 margin-left:0!important
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
 content:'';
 position:absolute;
 height:100%;
 border-left:5px solid red;
 left:0;
 top:0;
 margin-left:13px
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
 content:'';
 position:absolute;
 width:0;
 height:0;
 left:0;
 top:50%;
 margin-top:-8px;
 border-right:13px solid red;
 border-top:8px solid transparent;
 border-bottom:8px solid transparent
}
.sp-left-thumbnails.sp-has-pointer {
 margin-right:-13px
}
.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
 position:absolute;
 right:18px
}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
 content:'';
 position:absolute;
 height:100%;
 border-left:5px solid red;
 right:0;
 top:0;
 margin-right:13px
}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
 content:'';
 position:absolute;
 width:0;
 height:0;
 right:0;
 top:50%;
 margin-top:-8px;
 border-left:13px solid red;
 border-top:8px solid transparent;
 border-bottom:8px solid transparent
}
.sp-bottom-thumbnails.sp-has-pointer {
 margin-top:-13px
}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
 position:absolute;
 top:18px;
 margin-top:0!important
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
 content:'';
 position:absolute;
 width:100%;
 border-bottom:5px solid red;
 top:0;
 margin-top:13px
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
 content:'';
 position:absolute;
 width:0;
 height:0;
 left:50%;
 top:0;
 margin-left:-8px;
 border-bottom:13px solid red;
 border-left:8px solid transparent;
 border-right:8px solid transparent
}
.sp-top-thumbnails.sp-has-pointer {
 margin-bottom:-13px
}
.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
 position:absolute;
 bottom:18px
}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
 content:'';
 position:absolute;
 width:100%;
 border-bottom:5px solid red;
 bottom:0;
 margin-bottom:13px
}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
 content:'';
 position:absolute;
 width:0;
 height:0;
 left:50%;
 bottom:0;
 margin-left:-8px;
 border-top:13px solid red;
 border-left:8px solid transparent;
 border-right:8px solid transparent
}
.sp-layer {
 position:absolute;
 margin:0;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -webkit-font-smoothing:subpixel-antialiased;
 -webkit-backface-visibility:hidden
}
.sp-black {
 color:#FFF;
 background:#000;
 background:rgba(0,0,0,.7)
}
.sp-white {
 color:#000;
 background:#fff;
 background:rgba(255,255,255,.7)
}
.sp-rounded {
 border-radius:10px
}
.sp-padding {
 padding:10px
}
.sp-grab {
 cursor:url(images/openhand.cur),move
}
.sp-grabbing {
 cursor:url(images/closedhand.cur),move
}
.sp-selectable {
 cursor:default
}
.sp-caption-container {
 text-align:center;
 margin-top:10px
}
.sp-full-screen {
 margin:0!important;
 background-color:#000
}
.sp-full-screen-button {
 position:absolute;
 top:5px;
 right:10px;
 font-size:30px;
 line-height:1;
 cursor:pointer;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg)
}
.sp-full-screen-button:before {
 content:'\2195'
}
.sp-fade-full-screen {
 opacity:0;
 -webkit-transition:opacity .5s;
 transition:opacity .5s
}
.slider-pro:hover .sp-fade-full-screen {
 opacity:1
}
.sp-buttons {
 position:relative;
 width:100%;
 text-align:center;
 /* padding-top:10px */
}
.sp-rtl .sp-buttons {
 direction:rtl
}
.sp-full-screen .sp-buttons {
 display:none
}
.sp-button {
 width:8px; /* 15px */
 height:8px; /* 15px */
 border:2px solid rgb(9,1,88);
 border-radius:50%;
 margin:4px;
 display:inline-block;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 cursor:pointer
}
.sp-selected-button {
 background-color:#000
}
@media only screen and (min-width:768px) and (max-width:1024px) {
 .sp-button {
  width:14px;
  height:14px
 }
}
@media only screen and (min-width:568px) and (max-width:768px) {
 .sp-button {
  width:16px;
  height:16px
 }
}
@media only screen and (min-width:320px) and (max-width:568px) {
 .sp-button {
  width:8px; /*18px*/
  height:8px /*18px*/
 }
}
.sp-arrows {
 position:absolute
}
.sp-fade-arrows {
 opacity:0;
 -webkit-transition:opacity .5s;
 transition:opacity .5s
}
.sp-slides-container:hover .sp-fade-arrows {
 opacity:1
}
.sp-horizontal .sp-arrows {
 width:100%;
 left:0;
 top:50%;
 margin-top:-15px
}
.sp-vertical .sp-arrows {
 height:100%;
 left:50%;
 top:0;
 margin-left:-10px
}
.sp-arrow {
 position:absolute;
 display:block;
 width:30px; /*20px*/
 height:50px; /*30px*/
 cursor:pointer
}
.sp-vertical .sp-arrow {
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 transform:rotate(90deg)
}
.sp-horizontal .sp-previous-arrow {
 left:20px;
 right:auto
}
.sp-horizontal .sp-next-arrow,
.sp-horizontal.sp-rtl .sp-previous-arrow {
 right:20px;
 left:auto
}
.sp-horizontal.sp-rtl .sp-next-arrow {
 left:20px;
 right:auto
}
.sp-vertical .sp-previous-arrow {
 top:20px
}
.sp-vertical .sp-next-arrow {
 bottom:20px;
 -webkit-transform:rotate(270deg);
 -ms-transform:rotate(270deg);
 transform:rotate(270deg)
}
.sp-next-arrow:after,
.sp-next-arrow:before,
.sp-previous-arrow:after,
.sp-previous-arrow:before {
 content:'';
 position:absolute;
 width:50%;
 height:30%; /* 50% */
 background-color:rgb(9,1,88);
}
.sp-arrow:before {
 left:0; /* 30% */
 top:20%; /* 0 */
 -webkit-transform:skew(145deg,0deg);
 -ms-transform:skew(145deg,0deg);
 transform:skew(145deg,0deg)
}
.sp-arrow:after {
 left:0; /* 30% */
 top:50%;
 -webkit-transform:skew(-145deg,0deg);
 -ms-transform:skew(-145deg,0deg);
 transform:skew(-145deg,0deg)
}
.sp-horizontal.sp-rtl .sp-previous-arrow,
.sp-next-arrow {
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
.sp-horizontal.sp-rtl .sp-next-arrow {
 -webkit-transform:rotate(0deg);
 -ms-transform:rotate(0deg);
 transform:rotate(0deg)
}
.ie7 .sp-arrow,
.ie8 .sp-arrow {
 width:0;
 height:0
}
.ie7 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie8 .sp-arrow:before {
 content:none
}
.ie7.sp-horizontal .sp-previous-arrow,
.ie8.sp-horizontal .sp-previous-arrow {
 border-right:20px solid #FFF;
 border-top:20px solid transparent;
 border-bottom:20px solid transparent
}
.ie7.sp-horizontal .sp-next-arrow,
.ie8.sp-horizontal .sp-next-arrow {
 border-left:20px solid #FFF;
 border-top:20px solid transparent;
 border-bottom:20px solid transparent
}
.ie7.sp-vertical .sp-previous-arrow,
.ie8.sp-vertical .sp-previous-arrow {
 border-bottom:20px solid #FFF;
 border-left:20px solid transparent;
 border-right:20px solid transparent
}
.ie7.sp-vertical .sp-next-arrow,
.ie8.sp-vertical .sp-next-arrow {
 border-top:20px solid #FFF;
 border-left:20px solid transparent;
 border-right:20px solid transparent
}
.sp-thumbnail-arrows {
 position:absolute
}
.sp-fade-thumbnail-arrows {
 opacity:0;
 -webkit-transition:opacity .5s;
 transition:opacity .5s
}
.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
 opacity:1
}
.sp-bottom-thumbnails .sp-thumbnail-arrows,
.sp-top-thumbnails .sp-thumbnail-arrows {
 width:100%;
 top:50%;
 left:0;
 margin-top:-12px
}
.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
 height:100%;
 top:0;
 left:50%;
 margin-left:-7px
}
.sp-thumbnail-arrow {
 position:absolute;
 display:block;
 width:15px;
 height:25px;
 cursor:pointer
}
.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 transform:rotate(90deg)
}
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.sp-top-thumbnails .sp-previous-thumbnail-arrow {
 left:0
}
.sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.sp-top-thumbnails .sp-next-thumbnail-arrow {
 right:0
}
.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
 top:0
}
.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
 bottom:0
}
.sp-next-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-previous-thumbnail-arrow:before {
 content:'';
 position:absolute;
 width:50%;
 height:50%;
 background-color:#FFF
}
.sp-previous-thumbnail-arrow:before {
 left:30%;
 top:0;
 -webkit-transform:skew(145deg,0deg);
 -ms-transform:skew(145deg,0deg);
 transform:skew(145deg,0deg)
}
.sp-previous-thumbnail-arrow:after {
 left:30%;
 top:50%;
 -webkit-transform:skew(-145deg,0deg);
 -ms-transform:skew(-145deg,0deg);
 transform:skew(-145deg,0deg)
}
.sp-next-thumbnail-arrow:before {
 right:30%;
 top:0;
 -webkit-transform:skew(35deg,0deg);
 -ms-transform:skew(35deg,0deg);
 transform:skew(35deg,0deg)
}
.sp-next-thumbnail-arrow:after {
 right:30%;
 top:50%;
 -webkit-transform:skew(-35deg,0deg);
 -ms-transform:skew(-35deg,0deg);
 transform:skew(-35deg,0deg)
}
.ie7 .sp-thumbnail-arrow,
.ie8 .sp-thumbnail-arrow {
 width:0;
 height:0
}
.ie7 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie8 .sp-thumbnail-arrow:before {
 content:none
}
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow {
 border-right:12px solid #FFF;
 border-top:12px solid transparent;
 border-bottom:12px solid transparent
}
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow {
 border-left:12px solid #FFF;
 border-top:12px solid transparent;
 border-bottom:12px solid transparent
}
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
 border-bottom:12px solid #FFF;
 border-left:12px solid transparent;
 border-right:12px solid transparent
}
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow {
 border-top:12px solid #FFF;
 border-left:12px solid transparent;
 border-right:12px solid transparent
}
a.sp-video {
 text-decoration:none
}
a.sp-video img {
 -webkit-backface-visibility:hidden;
 border:none
}
a.sp-video:after {
 content:'\25B6';
 position:absolute;
 width:45px;
 padding-left:5px;
 height:50px;
 border:2px solid #FFF;
 text-align:center;
 font-size:30px;
 border-radius:30px;
 top:0;
 color:#FFF;
 bottom:0;
 left:0;
 right:0;
 background-color:rgba(0,0,0,.2);
 margin:auto;
 line-height:52px
}
.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
 max-width:none;
 max-height:none;
 border:none!important;
 border-radius:0!important;
 padding:0!important;
 -webkit-box-shadow:none!important;
 -mox-box-shadow:none!important;
 box-shadow:none!important;
 transition:none;
 -moz-transition:none;
 -webkit-transition:none;
 -o-transition:none
}
.slider-pro a {
 position:static;
 transition:none!important;
 -moz-transition:none!important;
 -webkit-transition:none!important;
 -o-transition:none!important
}
.slider-pro canvas,
.slider-pro embed,
.slider-pro iframe,
.slider-pro object,
.slider-pro video {
 max-width:none;
 max-height:none
}
.slider-pro p.sp-layer {
 font-size:14px;
 line-height:1.4;
 margin:0
}
.slider-pro h1.sp-layer {
 font-size:32px;
 line-height:1.4;
 margin:0
}
.slider-pro h2.sp-layer {
 font-size:24px;
 line-height:1.4;
 margin:0
}
.slider-pro h3.sp-layer {
 font-size:19px;
 line-height:1.4;
 margin:0
}
.slider-pro h4.sp-layer {
 font-size:16px;
 line-height:1.4;
 margin:0
}
.slider-pro h5.sp-layer {
 font-size:13px;
 line-height:1.4;
 margin:0
}
.slider-pro h6.sp-layer {
 font-size:11px;
 line-height:1.4;
 margin:0
}
.slider-pro img.sp-layer {
 border:none
}
