/*==================================== featured css ====================================*/
#featured {
}
#featured #slides, #featured ul.slides {
	background-color: #012548;
}
#featured #slides {
	width: 954px;
	height: 545px;
}
#slides .slide {
	position: relative;
}
#switcher {
	position:absolute;
	z-index:5;
	top:0;
	left:0;
	background:url(../../images/slider_cover.png) no-repeat bottom center;
	_background:url(../../images/slider_cover.gif) no-repeat bottom center;
	width:100%;
	min-width:1200px;
	height:700px;
}
#switcher .item {
	margin-right: 17px;
	float: left;
	height: 98px;
	width: 93px;
	background: url(images/slider-thumb-shadow.png) no-repeat bottom;
	position: relative;
}
#switcher .item div.switcher1 {
	cursor: pointer;
	background: #888;
	border-radius:50%;
	overflow:hidden;
	position: absolute;
	box-shadow:3px 3px 10px rgba(0,0,0,0.5);
	
	padding:2px;
	border: 9px solid #e4e4e4;
	width: 130px;
	height: 130px;
	top:260px;
	left:670px;
}
#switcher .item div.switcher2 {
	cursor: pointer;
	background: #888;
	border-radius:50%;
	overflow:hidden;
	position: absolute;
	box-shadow:2px 2px 8px rgba(0,0,0,0.5);
	
	padding:2px;
	border: 8px solid #e4e4e4;
	width: 100px;
	height: 100px;
	top:170px;
	left:720px;
}
#switcher .item div.switcher3 {
	cursor: pointer;
	background: #888;
	border-radius:50%;
	overflow:hidden;
	position: absolute;
	box-shadow:2px 2px 8px rgba(0,0,0,0.5);
	
	padding:2px;
	border: 6px solid #e4e4e4;
	width: 85px;
	height: 85px;
	top:65px;
	left:715px;
}
#switcher .item div.switcher1 img, #switcher .item div.switcher2 img, #switcher .item div.switcher3 img {
	margin-top:-5%;
	margin-left:-5%;
	width:110%;
	height:110%;
	display: block;
}

/*==================================== flexslider css ====================================*/

.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none; height:545px; overflow:hidden;} 
.flexslider .slides img { display: block; width: auto; margin:0 auto; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

.flex-control-nav, .flex-direction-nav, #controllers-wrapper { display: none; }

/* Caption style */
/* IE rgba() hack */
.flex-caption {
	position:absolute;
	width:100%;
	z-index:113;
	top:420px;
	left:15px;
}
.flex-caption .readmore {
	width:150px;
	height:41px;
	background:url(../../images/slider/readmore.png) no-repeat center;
	text-align:center;
}
.flex-caption .readmore a {
	color:#fff;
	line-height:42px;
	margin-left:-10px;
}
.flex-caption .readmore a:hover {
	color:#e60012;
}



#switcher .countdown {
	position:absolute;
	top:470px;
	left:540px;
	color:#fff;
}
#switcher .countdown span {
	color:#fff;
	float:left;
	margin:2px;
	font-size:0.9em;
}
#switcher .countdown span.text {
	font-style:italic;
}
#switcher .countdown .number {
	margin-top:-15px;
	width:50px;
	height:35px;
	padding-top:15px;
	text-align: center;
	background:url(../../images/slider/countdown_days_bg.png) no-repeat center;
	font-size:1.65em;
	text-shadow:1px 1px 3px rgba(0,0,0,0.75);
}
#switcher .countdown #t_d {
	letter-spacing:-2px;
}


#switcher .q_code {
	position:absolute;
	top:330px;
	left:900px;
	color:#fff;
	font-size:0.85em;
	line-height:1.45em;
	text-align:center;
	display:none;
}







/* Mobile */
@media screen and (max-width: 767px) {


.flexslider .slides > li {
	height:550px;
}
#slides .slide {
	position: relative;
}
.flexslider .slides img {
	margin-left:-100px;
	margin-top:40px;
}
.flex-caption {
	top:380px;
	left:35px;
}

#switcher {
	width:767px;
	min-width:inherit;
	background-size:110%;
	background-position:left;
	
	height:700px;
}


#switcher .item div.switcher1 {
	border: 6px solid #e4e4e4;
	width: 100px;
	height: 100px;
	top:330px;
	left:440px;
}
#switcher .item div.switcher2 {
	border: 5px solid #e4e4e4;
	width: 75px;
	height: 75px;
	top:270px;
	left:470px;
}
#switcher .item div.switcher3 {
	border: 4px solid #e4e4e4;
	width: 60px;
	height: 60px;
	top:200px;
	left:445px;
}


#switcher .countdown {
	top:490px;
	left:220px;
}

#switcher .q_code {
	top:380px;
	left:630px;
}






}