/***** =Slider - http://www.iosscripts.com/iosslider/ *****/

.slider-home {
	background-image: url(../images/loading-slider.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
	float: left;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
}

.slider-home:first-of-type { padding-top: 0; }

.slider-home .wrapper { background-color: transparent; /* max-height: 360px; --- inline style block_slider.php */ }

/***** default *****/
#slider-default { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; padding-bottom: 6px; /* little trick */ }
#slider-default .slider { width: 100%; height: 100%; }
#slider-default .slider .item { float: left; width: 100%; height: 100%; }
#slider-default .slider .item .inner { position: relative; top: 0; left: 0; height: 100%; width: 940px; }
/***** default ends *****/

.slider-text {
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	/*bottom: 46px;*/
	top: 0px;
	right: 0px;
	height: auto;
	color: #fff;
	max-width: 560px;
	padding: 12px 19px 17px 19px;
}

.slider-text h2.title { color: #fff; margin-top: 0; margin-bottom: 0; margin-top: 3px; }

.slider-text p.desc {
	font-size: 14px;
	line-height: 21px;
	color: #c6ccd1;
	margin-bottom: 0;
	margin-top: 6px;
}

.slider-text a { color: #fff; cursor: pointer; }

.slider-text a:hover { color: #fff; }

/***** slider-selectors *****/

.slider-selectors { position: relative; bottom: 0px; left: 0; width: 100%; margin: 0 auto; z-index: 1; }

/***** Navigation Buttons *****/

.slider-buttons {
	position: absolute;
	bottom: 12px;
	left: 12px;
	width: auto;
	height: 12px;
}

.slider-buttons .button {
	float: left;
	width: 13px;
	height: 13px;
	margin: 0 6px 0 0;
	opacity: 0.55;
	filter: alpha(opacity:55);
	/*background: #202223;
	border: 1px solid #202223;*/
	background-color: rgba(0,0,0,.95);
	border: 1px solid rgba(0,0,0,.95);
	-webkit-transition: opacity .2s linear 0s, background-color linear 0s;
	-moz-transition: opacity .2s linear 0s, background-color linear 0s;
	-o-transition: opacity .2s linear 0s, background-color linear 0s;
	transition: opacity .2s linear 0s, background-color linear 0s;
	cursor: pointer;
}

.slider-buttons .button:hover { opacity: 1; filter: alpha(opacity:1); }

.slider-buttons .selected {
	/*background: #202223;
	border: 1px solid #202223;*/
	background-color: rgba(0,0,0,.85);
	border: 1px solid rgba(0,0,0,.85);
	opacity: 1;
	filter: alpha(opacity:100);
}

/***** Prev & Next buttons *****/

.prevButton {
	right: 36px;
	background-image: url(../images/slider-arrows.png);
	background-repeat: no-repeat;
	background-position: 11px 8px;
}

.nextButton {
	right: 0;
	background-image: url(../images/slider-arrows.png);
	background-repeat: no-repeat;
	background-position: -34px 8px;
}

.prevButton, .nextButton {
	position: absolute;
	bottom: 0px;
	width: 36px;
	height: 36px;
	/*background-color: #171c20;*/
	background-color: rgba(0,0,0,.85);
	-webkit-transition: background-color .1s linear 0s;
	-moz-transition: background-color .1s linear 0s;
	-o-transition: background-color .1s linear 0s;
	transition: background-color .1s linear 0s;
	z-index: 2;
}

.prevButton:hover, .nextButton:hover { background-color: #fc0; /* alternate */ cursor: pointer; }

.unselectable { opacity: .8; }

/***** Scrollbar *****/

.scrollbar-container {
	position: relative;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 3px;
	margin: 0 auto;
	z-index: 1;
	background: #fff;
	padding-top: 3px;
}


/***** Media Queries *****/

/* All Mobile ----------- */
@media only screen and (min-width : 240px) and (max-width : 1024px) {

	.slider-home { display: inline-block; }

}


/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

	#slider-default .slider .item .inner,
	.page-template-page-templateshomepage-2col-php #slider-default .slider .item .inner { width: 620px; }

	.slider-home .wrapper { max-height: 290px !important; }

}


/* Smartphones (portrait + landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {

	#slider-default .slider .item .inner,
	.page-template-page-templateshomepage-2col-php #slider-default .slider .item .inner { width: 440px; }

	.slider-text { max-width: 420px; }
	
	.slider-home .wrapper,
	.page-template-page-templateshomepage-2col-php .slider-home .wrapper { max-height: 196px !important; }

}


/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 320px) and (max-width : 520px) and (orientation : portrait) {

	#slider-default .slider .item .inner,
	.page-template-page-templateshomepage-2col-php #slider-default .slider .item .inner { width: 300px; }
	
	.slider-text { max-width: 300px; }

	.slider-home .wrapper,
	.page-template-page-templateshomepage-2col-php .slider-home .wrapper { max-height: 140px !important; }

}