/*!
*  - v1.2.5
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/

.slider-pro {
	position : relative;
	margin : 80px auto 0;
	-moz-box-sizing : content-box;
	box-sizing : content-box;
}
.slider-pro.w500 {
	max-width: 500px!important;
}
 @media only screen and (max-width: 720px) {
.slider-pro {
	margin : 30px auto 0;
}
}
.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;
	cursor:pointer;
}

.sp-thumbnail-container.sp-selected-thumbnail {opacity:1;}

.sp-thumbnail-container {
	position : relative;
	display : block;
	overflow : hidden;
	float : left;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	opacity:0.6;
}
.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-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 : 50%;
	margin-top : -15px;
}
.sp-vertical .sp-arrows {
	height : 100%;
	left : 50%;
	top : 0;
	margin-left : -10px;
}
.sp-arrow {
	position : absolute;
	display : block;
	width : auto;
	height : auto;
	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-horizontal .sp-previous-arrow, .sp-horizontal .sp-next-arrow {
	color: #fff;
	font-size: 30px;
	text-shadow: 0px 0px 20px #000000,
	rgba(0,0,0,0.2) 1px 1px 1px,
	rgba(0,0,0,0.2) -1px -1px 1px,
	rgba(0,0,0,0.2) 1px -1px 1px,
	rgba(0,0,0,0.2) -1px 1px 1px;
	
}
 @media only screen and (max-width: 720px) {
.sp-horizontal .sp-previous-arrow {
	left : 7px;
}
.sp-horizontal .sp-next-arrow {
	right : 7px;
}
.sp-horizontal .sp-previous-arrow,  .sp-horizontal .sp-next-arrow {
	font-size: 15px;
}
}
.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              : #FFF;
}

.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 : 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;
}
