/*!
*  - v1.1.0
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/
/* Core
--------------------------------------------------*/

#contents_top.slider {
	margin: 15px auto 0;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.4);
	height: 360px;
}

.slider-pro {
	position: relative;
}

.mobile .slider-pro {
	margin: 0 auto;
	padding: 0 0 30px 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-image img {
	width: 970px;
	height: 360px;
}

/* Touch Swipe
--------------------------------------------------*/
.sp-grab {
	cursor: url(/w/wp-content/themes/rw2013/js/sp-slide/images/openhand.cur), move;
}

.sp-grabbing {
	cursor: url(/w/wp-content/themes/rw2013/js/sp-slide/images/closedhand.cur), move;
}

/* Arrows
--------------------------------------------------*/
.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: 45%;
	margin-top: -15px;
}

.sp-arrow {
	position: absolute;
	display: block;
	width: 10px;
	height: 20px;
	background-color: rgba(0,0,0,0.65);
	border: 1px solid rgba(0,0,0,0);
	border-width: 20px 23px;
}

.sp-horizontal .sp-previous-arrow {left: 2%;}
.sp-horizontal .sp-next-arrow { right: 2%;}
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
	position: absolute;
	width: 40%;
	height: 50%;
	background-color: #FFF;
	content: '';
}
.sp-previous-arrow:before {
	top: 0;
	left: 40%;
	-webkit-transform: skew(145deg, 0deg);
	-ms-transform: skew(145deg, 0deg);
	transform: skew(145deg, 0deg);
}
.sp-previous-arrow:after {
	top: 50%;
	left: 40%;
	-webkit-transform: skew(-145deg, 0deg);
	-ms-transform: skew(-145deg, 0deg);
	transform: skew(-145deg, 0deg);
}
.sp-next-arrow:before {
	top: 0;
	right: 40%;
	-webkit-transform: skew(35deg, 0deg);
	-ms-transform: skew(35deg, 0deg);
	transform: skew(35deg, 0deg);
}
.sp-next-arrow:after {
	top: 50%;
	right: 40%;
	-webkit-transform: skew(-35deg, 0deg);
	-ms-transform: skew(-35deg, 0deg);
	transform: skew(-35deg, 0deg);
}

/* Buttons
--------------------------------------------------*/
.sp-buttons {
	position: absolute;
	text-align: center;
	bottom: 8px;
	width: 100%;
}
.sp-button {
	margin: 0 6px;
	width: 5%;
	height: 12px;
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #FFF;
	-webkit-box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.4);
	box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.4);
	border: 1px solid #FFF;
}
.sp-selected-button {
	background-color: #1976D2;
}
