/*!
*  - v1.2.1
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/
#slider-home.slider-pro {
position:relative;
-moz-box-sizing:content-box;
box-sizing:content-box;
width: 100%;
max-width: 960px !important;
padding: 0 !important;
}
#slider-development {
margin: 0 0 12px;
}
#slider-development.slider-pro {
position:relative;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
#slider-development.sp-horizontal {
border:none;
}
#slider-home .sp-slides-container {
max-width: 560px;
float: left;
}
.sp-slides-container {
position:relative;
}
#slider-home .sp-mask {
width:560px !important;
}
.sp-mask {
position:relative;
overflow:hidden;
}
.sp-slides {
position:relative;
}
.sp-slide {
position:absolute
}
.sp-image-container {
overflow:hidden;
height: auto !important;
max-height: 420px;
}
#slider-home .sp-image {
width: 560px !important;
}
.sp-image {
position:relative;
display:block;
border:none;
margin:0 !important; 
height: auto !important;
width: 100% !important;
}
.sp-no-js {
overflow:hidden;
max-width:100%;
}
#slider-home .sp-thumbnails-container {
overflow:hidden;
margin: 0 0 0 10px;
width:390px;
height: 600px !important;
}
/*.sp-left-thumbnails,.sp-right-thumbnails {
position:absolute;
top:0;
}*/
.sp-right-thumbnails {
/*right:0;
margin-left:4px;*/
float: left;
}
.sp-left-thumbnails {
left:0;
margin-right:4px;
}
#slider-home .sp-thumbnails {
position:relative;
width:390px !important;
height: 600px !important;
}
.sp-thumbnail {
border:none;
}
.sp-thumbnail-container {
position:relative;
display:block;
overflow:hidden;
float:left;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin: 0 10px 0 0;
}
.sp-thumbnail-container:nth-child(2), .sp-thumbnail-container:nth-child(4), .sp-thumbnail-container:nth-child(6) {
margin: 0;	
}
.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:23px;
margin-left:0!important;
}
.sp-right-thumbnails .sp-selected-thumbnail .sp-thumbnail-image-container {
outline: 3px solid #009a9a;
outline-offset: -3px;
}
.sp-thumbnail-image-container:hover {
cursor:pointer;
}
.sp-right-thumbnails .sp-selected-thumbnail .sp-thumbnail-text .sp-thumbnail-title {
color:#009a9a;
}
.sp-right-thumbnails .sp-has-pointer .sp-selected-thumbnail .sp-thumbnail-title {
color: #333;
}
.sp-image-date, .sp-image-title {
padding: 5px 0px 5px 15px;
position: absolute;
width: 530px;
font-size:12px;
}
.sp-image-date {
background:rgba(223,226,230,0.7);
top: 367px;
width: 100%;
}
.sp-image-title {
background:rgba(172,205,210,0.7);
top: 394px;
width: 100%;
}
.sp-caption-title {
font-size: 18px;
margin: 17px 0px 0px;
font-weight: bold;
padding: 0 0 5px;
border-bottom: 2px solid #009A9A;
}
.sp-caption__link {
color: #333;
}
.sp-caption__link:hover {
color: #009A9A;
}
.sp-caption-description {
margin: 10px 0px 0px;
font-size: 14px;
}
.sp-caption-container{
position: absolute;
top: 420px;
width: 560px;
}
#slider-home .sp-right-thumbnails .sp-has-pointer .sp-selected-thumbnail .sp-thumbnail-title {
color: #333;
}
#slider-home .sp-thumbnail-title:hover {
cursor:pointer;
}
#slider-home .sp-thumbnail-image-container  {
overflow: hidden;
}
#slider-home .sp-thumbnail-image {
height: 100%;
}
#slider-home .sp-thumbnail-text {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-weight:bold;
margin: 3px 0;
}
.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;
}
#slider-home.sp-horizontal .sp-arrows {
width:100%;
left:0;
top:30%;
margin-top:-15px;
}
#slider-development.sp-horizontal .sp-arrows {
width:100%;
left:0;
top:45%;
margin-top:-15px;
}
.sp-arrow {
position:absolute;
display:block;
width:20px;
height:30px;
cursor:pointer;
}
.sp-horizontal .sp-previous-arrow {
left:15px;
}
.sp-horizontal .sp-next-arrow {
right:15px;
}
.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);
}