/*!
*  - v1.1.0
* Homepage: https://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: https://bqworks.com/
*/
/* Core
--------------------------------------------------*/
.slider-pro {position: relative;margin: 0 auto;}
.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%;}

/* Thumbnails
--------------------------------------------------*/
.sp-thumbnails-container {position: relative;overflow: hidden;}
.sp-top-thumbnails,.sp-bottom-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;}

/* Horizontal thumbnails
------------------------*/
.sp-top-thumbnails .sp-thumbnail-container,.sp-bottom-thumbnails .sp-thumbnail-container {margin-left: 2px;margin-right: 2px;}
.sp-top-thumbnails .sp-thumbnail-container:first-child,.sp-bottom-thumbnails .sp-thumbnail-container:first-child {margin-left: 0;}
.sp-top-thumbnails .sp-thumbnail-container:last-child,.sp-bottom-thumbnails .sp-thumbnail-container:last-child {margin-right: 0;}

/* Vertical thumbnails 
----------------------*/
.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;}

/* Right thumbnails with pointer
--------------------------------*/
.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 #F00;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 #F00;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}

/* Left thumbnails with pointer
-------------------------------*/
.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 #F00;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 #F00;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}

/* Bottom thumbnails with pointer
---------------------------------*/
.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 #F00;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 #F00;border-left: 8px solid transparent;border-right: 8px solid transparent;}

/* Top thumbnails with pointer
------------------------------*/
.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 #F00;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 #F00;border-left: 8px solid transparent;border-right: 8px solid transparent;}

/* Layers
--------------------------------------------------*/
.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: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.7);}
.sp-white {color: #000;background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.7);}
.sp-rounded {border-radius: 10px;}
.sp-padding {padding: 10px;}

/* Touch Swipe
--------------------------------------------------*/
.sp-grab {cursor: url(images/openhand.cur), move;}
.sp-grabbing {cursor: url(images/closedhand.cur), move;}
.sp-selectable {cursor: default;}

/* Caption
--------------------------------------------------*/
.sp-caption-container {text-align: center;margin-top: 10px;}

/* Full Screen
--------------------------------------------------*/
.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 0.5s;transition: opacity 0.5s;}
.slider-pro:hover .sp-fade-full-screen {opacity: 1;}

/* Buttons
--------------------------------------------------*/
.sp-buttons {position:absolute;width: 100%;text-align: center;bottom:13px;left:0;}
.sp-button {width: 38px;height: 5px;margin:0 4px;display: inline-block;cursor: pointer;background:#ececec;}
.sp-selected-button {background:#242424;}

/* Arrows
--------------------------------------------------*/
.sp-arrows {position: absolute;}
.sp-fade-arrows {opacity: 0;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.sp-slides-container:hover .sp-fade-arrows {opacity: 1;}
.sp-horizontal .sp-arrows {width: 1000px;height:34px;left: 0;top: 73px;}
.sp-vertical .sp-arrows {height: 100%;left: 50%;top: 0;margin-left: -10px;}
.sp-arrow {position: absolute;display: block;width:34px;height:34px;cursor: pointer;}
.sp-horizontal .sp-previous-arrow {left: -40px;}
.sp-horizontal .sp-next-arrow {right: -40px;}
.sp-vertical .sp-previous-arrow {top: 20px;}
.sp-vertical .sp-next-arrow {bottom: 20px;}

/* Thumbnail Arrows
--------------------------------------------------*/
.sp-thumbnail-arrows {position: absolute;}
.sp-fade-thumbnail-arrows {opacity: 0;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {opacity: 1;}
.sp-top-thumbnails .sp-thumbnail-arrows,.sp-bottom-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-top-thumbnails .sp-previous-thumbnail-arrow,.sp-bottom-thumbnails .sp-previous-thumbnail-arrow {left: 0px;}
.sp-top-thumbnails .sp-next-thumbnail-arrow,.sp-bottom-thumbnails .sp-next-thumbnail-arrow {right: 0px;}
.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow {top: 0px;}
.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow {bottom: 0px;}
.sp-previous-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-next-thumbnail-arrow:after {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);}

/* Video
--------------------------------------------------*/
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, 0.2);margin: auto;line-height: 52px;}

/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/
.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 iframe,.slider-pro object,.slider-pro video,.slider-pro embed,.slider-pro canvas {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;}