/* --------------------------------------------- */
/* Author: http://themeforest.net/user/50andJACK */
/* --------------------------------------------- */

.slider {
	
	/* ============= LAYOUT ============= */
	
	position: relative;
	margin: 0;
	padding: 0;
	display: none;
	max-width: 100%;
	
}

.slider li {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	
	
	/* ============= LAYOUT ============= */
	
	overflow: hidden;
	position: absolute;
	list-style-type: none;
	visibility: hidden;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	
}

.slider li:first-child {

	/* ============= LAYOUT ============= */

	visibility: visible;
	position: static;
	z-index: 99;
		
}

.slider-text-container {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #000;
	
	
	/* ============= LAYOUT ============= */

	position: absolute;
	top: 0;
	
	width: 200px;
	
}

.slider-txt-height {

	/* ============= LAYOUT ============= */


	height: 100%;
	
}

.slider-text {

	/* ============= LAYOUT ============= */


	padding: 20px;
	
}

.slider-text-right {

	/* ============= LAYOUT ============= */


	right: 0;
	
}

.slider-text-left {

	/* ============= LAYOUT ============= */


	left: 0;
	
}

.slider-controls {

	/* ============= LAYOUT ============= */


	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -37px;
	
}

.slider-button {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	
	
	/* ============= LAYOUT ============= */

	cursor: pointer;
	display: block;
	z-index: 999;
	float: left;
	
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
	
}

.slider-button:hover {

	/* ============= LAYOUT ============= */


	opacity: 0.65;
	
}

.slider-left {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/slider/slider_left.png);
	
}

.slider-right {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/slider/slider_right.png);
	
		
	/* ============= LAYOUT ============= */
	
	margin-left: 4px;
	
}

.slider-btn-simple {

	/* ============= LAYOUT ============= */

	float: none;
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 998;
	
}

.slider-btn-simple-right {

	/* ============= LAYOUT ============= */

	left: inherit;
	right: 20px;
	margin-left: 0;
	
}

.slider-play-pause {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	background: url(../img/slider/slider_pp.png);
	
	
	/* ============= LAYOUT ============= */
	
	margin-left: 4px;
	
}

.slider-playing {

	/* ============= LAYOUT ============= */

	background-position: left bottom;
	
}

.slider-timer {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border-top: 1px dotted white;
	
	
	/* ============= LAYOUT ============= */

	position: absolute;
	bottom: -1px;
	left: 0;
	
	width: 0;
	height: 1px;
	display: block;
	z-index: 500;
	
}

.slider-video-play {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/slider/slider_video.png) no-repeat;
	
	
	/* ============= LAYOUT ============= */

	width: 49px;
	height: 49px;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	cursor: pointer;
	margin: -25px 0 0 -25px;
	
}

.slider-video {

	/* ============= LAYOUT ============= */

	position: absolute;
	top: 0;
	left: 0;
	
}

.slider-show {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/slider/slider_show.png) no-repeat;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	
	
	/* ============= LAYOUT ============= */

	width: 25px;
	height: 168px;
	position: absolute;
	top: 50%;
	
	display: block;
	cursor: pointer;
	margin-top: -84px;
	z-index: 100;
	
}

.slider-show-left {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-position: left bottom;
	
}
.slider-arrow {

	/* ============= LAYOUT ============= */

	width: 8px;
	height: 7px;
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -4px;
	
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/slider/slider_arrow.png) no-repeat;
	
}

.slider-arrow-index {

	/* ============= LAYOUT ============= */

	z-index: -1 !important;
	
}

.slider-arrow-left {
	
	/* ============= LAYOUT ============= */

	left: 0;
	background-position: left bottom;
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: left 0.2s linear;
	-moz-transition: left 0.2s linear;
	-o-transition: left 0.2s linear;
	-ms-transition: left 0.2s linear;
	transition: left 0.2s linear;
	
}

.slider-arrow-right {

	/* ============= LAYOUT ============= */

	right: 0;
	background-position: left top;
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: right 0.2s linear;
	-moz-transition: right 0.2s linear;
	-o-transition: right 0.2s linear;
	-ms-transition: right 0.2s linear;
	transition: right 0.2s linear;
	
}

.sldr-left-active {

	/* ============= LAYOUT ============= */

	left: 7px;
	
}

.sldr-right-active {

	/* ============= LAYOUT ============= */

	right: 7px;
	
}

.slider-close {

	/* ============= LAYOUT ============= */

	width: 17px;
	height: 17px;
	
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/slider/slider_close.png) no-repeat center center;
	cursor: pointer;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	
}

.slider-close:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
	opacity: 0.65;
	
}

.slider-full {

	/* ============= LAYOUT ============= */

	position: fixed;
	top: 0;
	left: 0;	
	width: 100% !important;
	height: 100% !important;
	z-index: 99999;
	
}

.slider-video-full {
	
	/* ============= LAYOUT ============= */

	width: 100% !important;
	height: 100% !important;
	
}

.slider-video-index {

	/* ============= LAYOUT ============= */

	z-index: 99999;
	
}

.slider-flow {

	/* ============= LAYOUT ============= */

	overflow: hidden;
	
}

.slider-radio-buttons {

	/* ============= LAYOUT ============= */

	position: relative;
	top: -12px;
	left: 50%;
	height: 16px;
	margin-bottom: 15px;
	
}

.slider-radio {
	
	/* ============= LAYOUT ============= */

	width: 16px;
	height: 16px;
	cursor: pointer;
	float: left;
	margin-left: 3px;
	display: block;
	
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/slider/slider_radio.png) no-repeat;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
		
}

.slider-radio-buttons span:first {

	/* ============= LAYOUT ============= */


	margin-left: 0 !important;
	
}

.slider-radio-selected {

	/* ============= LAYOUT ============= */

	background-position: left bottom;
	cursor: auto;

}


@media screen and (max-width: 800px) {
	
	.normalize .slider {
		
		/* ============= LAYOUT ============= */
		
		max-width: 100%;
		
	}
	
	.normalize .slider img,
	.normalize .slider .thumbnail span {
		
		/* ============= LAYOUT ============= */
		
		max-width: none;
		
	}
	
}

@media screen and (max-width: 600px) {
	
	.normalize .slider {
		
		/* ============= LAYOUT ============= */
		
		max-width: 100%;
		
	}
	
	.normalize .slider img,
	.normalize .slider .thumbnail span {
		
		/* ============= LAYOUT ============= */
		
		max-width: none;
		
	}
	
}

@media screen and (max-width: 320px) {
	
	.normalize .slider {
		
		/* ============= LAYOUT ============= */
		
		max-width: 100%;
		
	}
	
	.normalize .slider img,
	.normalize .slider .thumbnail span {
		
		/* ============= LAYOUT ============= */
		
		max-width: none;
		
	}
	
}