@charset "utf-8";

#sliderWrap {
	padding: 20px 0;
}

.sp-horizontal .sp-arrows {
	width: 1000px;
	left: 50%;
	top: 50%;
	margin-top: -32px;
	margin-left: -500px;
}
.sp-horizontal .sp-next-arrow,
.sp-horizontal.sp-rtl .sp-previous-arrow {
	right: 20px;
}
.sp-horizontal .sp-previous-arrow {
	left: 20px;
}


.sp-buttons { padding-top: 10px; }
.sp-button { width: 20px; height: 20px; margin: 7px; background: #fff; border: solid 3px #fff;}
.sp-selected-button { background: #39ada2; border: solid 3px #39ada2; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .sp-button { width: 20px; height: 20px; } }
@media only screen and (min-width: 568px) and (max-width: 768px) { .sp-button { width: 15px; height: 15px; } }
@media only screen and (min-width: 320px) and (max-width: 568px) { .sp-button { width: 12px; height: 12px; } }

.sp-arrow { width: 64px; height: 64px; }

.sp-vertical .sp-arrow { -webkit-transform: none; -ms-transform: none; transform: none; }
.sp-horizontal .sp-previous-arrow { background: url(../images/slide_arrow.png) no-repeat; }
.sp-horizontal .sp-next-arrow { background: url(../images/slide_arrow.png) no-repeat; }
.sp-next-arrow:before, .sp-next-arrow:after, .sp-previous-arrow:before, .sp-previous-arrow:after { content: inherit;}

.sp-arrow:hover { background: url(../images/slide_arrow.png) no-repeat right 0; }

.sp-slides .sp-image-container {
	position: relative;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
.sp-bottom-thumbnails {
    margin-top: 8px;
}
.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, .sp-bottom-thumbnails .sp-thumbnail-container {
	margin-left: 4px;
	margin-right: 4px;
}
.sp-thumbnail-container {
   cursor: pointer;
}


@media (max-width: 1000px) {

.sp-horizontal .sp-arrows {
    width: 100% !important;
    left: 0;
    top: 50%;
    margin-top: -32px;
    margin-left: 0;
}

.sp-horizontal .sp-next-arrow, .sp-horizontal.sp-rtl .sp-previous-arrow {
    right: 40px !important;
    left: auto;
}
.sp-horizontal .sp-previous-arrow {
    left: 40px !important;
    right: auto;
}

}

@media (max-width: 768px) {

#sliderWrap {
	padding: 0 0 10px;
}
.sp-thumbnails-container,
.sp-arrows {
	display: none;
}

}