Elepffwdsff

korsygfhrtzangaiide Elepffwdsff

.slider{ width:100%;position:relative; z-index:1;float:left; margin:10px 0 0; }
.flexslider {width: 100%; margin: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.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;} 
* html .slides {height: 1%;}
/* control Nav */
.flex-control-nav{ position:absolute; bottom:30px; width:100%; text-align:center; }
	.flex-control-nav li{ display:inline-block; margin-right:5px;}
		.flex-control-nav li a{ display:block; background:url(../images/pagignation.png) 0 0 no-repeat; width:11px; height:11px; text-indent:-5000px;}
		.flex-control-nav li a:hover,.flex-control-nav li a.active{ background:url(../images/pagignation-active.png) 0 0 no-repeat;}
/* Caption */
.flex-caption{ position:absolute; border:3px solid #afe7f8; font:13px/18px Arial, Helvetica, sans-serif; width:409px; top:228px; left:10px; padding:10px ; background:rgba(111,200,241,.8)}
.flex-caption h2{ font-size:26px; color:#0d3b50; line-height:18px; padding-bottom:20px; font-family: Arial, Helvetica, sans-serif;}
.flex-caption p { font-size:14px; color:#0d3b50; font-weight:bold; margin:0 0 5px 0 ; padding:0; line-height:22px;}

/* Background */
.bg-slider{ width:100%; max-height:314px;}
.main-slider{ width:1180px; margin:0 auto; height:371px; overflow:hidden;  background:url(../images/banner-shad.png) center bottom no-repeat; padding-bottom:25px;}

.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 54px; height:54px; display: block; position: absolute; top:122px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flex-direction-nav a.prev { background:url(../images/arrow-left.png) left top no-repeat; left:15px}
.flex-direction-nav a.next { background:url(../images/arrow-right.png) left top no-repeat; right:15px;}

.flexslider1 .flex-control-nav{ bottom:-10px;}
.flexslider1 .flex-control-nav li a, .flexslider1 .flex-control-nav li a{  background:url(../images/small-pagignation.jpg) 0 0 no-repeat;}
.flexslider1 .flex-control-nav li a:hover, .flexslider1 .flex-control-nav li a.active{  background:url(../images/small-pagignation-active.jpg) 0 0 no-repeat;}

@media only screen and (min-width: 960px) and (max-width: 1000px) {
	
	.slider {width:948px; padding:0;}
	.bg-slider{ width:948px;  }	
	.flex-control-nav{ display:none; } .flex-caption { top:113px; left:100px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.slider {width:725px; padding:0;}
	.bg-slider{ width:735px;  }	
	.flex-control-nav{ display:none; } .flex-caption { top:113px; left:100px;}
}
@media only screen and (max-width: 767px) {
	.main-slider{ width:300px; height:190px; padding-left:0;}
	.slider {width:296px; }
	.bg-slider{ width:300px;background:url(../images/bg-slider4.png) 0% 2px no-repeat; }
	.flex-control-nav{left:38%; bottom:15px;}
	.flex-direction-nav, .flex-caption{ display:none;}	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.main-slider{ width:420px; height:190px; padding-left:0;}
	.slider {width:416px; padding:0;}
	.bg-slider{ width:420px;}
	.flex-control-nav{left:0; bottom:15px;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.main-slider{ width:300px; height:160px; padding-left:0;}
	.slider {width:300px; border:2px solid #C60E0E;}
	.bg-slider{ width:300px;}
	.flex-control-nav{left:0; bottom:15px;}
}