/*!
*  - v1.2.1
* 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-slide {
  position:absolute
}
.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
}
.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-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:15px
}
.image-border{
  border: 2px solid #008ad2;
  padding:0px;
  margin:0px;
}
.image-border:after {
    border-bottom: 13px solid red;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 0;
    width: 0;
}
.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 #008ad2;
  border-left:10px solid transparent;
  border-right:10px solid transparent
}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
  position:absolute;
  top:12px;
  margin-top:0!important
}
.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(http://www.astera.com/media/103322/openhand.cur), move
}
.sp-grabbing {
  cursor:url(http://www.astera.com/media/103330/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-button {
  width:10px;
  height:10px;
  border:2px solid #000;
  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:18px;
  height: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:40%;
  margin-top:-15px
}
.sp-vertical .sp-arrows {
  height:100%;
  left:50%;
  top:0;
  margin-left:-10px
}
.sp-arrow {
  position:absolute;
  display:block;
  width:20px;
  height: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
}
.sp-horizontal .sp-next-arrow {
  right:20px
}
.sp-vertical .sp-previous-arrow {
  top:20px
}
.sp-vertical .sp-next-arrow {
  bottom:20px
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
  content:'';
  position:absolute;
  width:50%;
  height:50%;
  background-color:#ccc
}
.sp-previous-arrow:before {
  left:30%;
  top:0;
  -webkit-transform:skew(145deg, 0deg);
  -ms-transform:skew(145deg, 0deg);
  transform:skew(145deg, 0deg)
}
.sp-previous-arrow:after {
  left:30%;
  top:50%;
  -webkit-transform:skew(-145deg, 0deg);
  -ms-transform:skew(-145deg, 0deg);
  transform:skew(-145deg, 0deg)
}
.sp-next-arrow:before {
  right:30%;
  top:0;
  -webkit-transform:skew(35deg, 0deg);
  -ms-transform:skew(35deg, 0deg);
  transform:skew(35deg, 0deg)
}
.sp-next-arrow:after {
  right:30%;
  top:50%;
  -webkit-transform:skew(-35deg, 0deg);
  -ms-transform:skew(-35deg, 0deg);
  transform:skew(-35deg, 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:34%;
  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:#ccc
}
.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!important;
  max-height:none!important;
  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
}