html[xmlns] .slides{display:block;}
* html .slides{height:1%;}

#slider{margin:0;position: relative; padding-bottom: 4px; background: url(../images/hl1.jpg) left bottom repeat-x;}
#flexslider{position:relative;overflow:hidden;}
#flexslider .slides>li{display:none;position:relative;}

.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.slides{list-style:none outside none;margin:0;}
.slides img{width:100%}

#flexslider .flex-direction-nav{display:inline-block;position:absolute;overflow:hidden;margin:0;z-index:1000;list-style:none;bottom:12%;left:50%;width:96px;margin-left:345px;}
#flexslider .flex-direction-nav li{height:45px;width:45px;float:left;margin-left:3px;text-align:left;display:inline-block;}
#flexslider .flex-direction-nav li a{width:45px;height:45px;display:block;}
#flexslider .flex-direction-nav li a.flex-prev{background:url(../img/prev-1.html) 0 top no-repeat;}
#flexslider .flex-direction-nav li a.flex-next{background:url(../img/next-1.html) 0 top no-repeat;}
#flexslider .flex-direction-nav li a.flex-next:hover{background:url(../img/next-1.html) 0 bottom no-repeat;}
#flexslider .flex-direction-nav li a.flex-prev:hover{background:url(../img/prev-1.html) 0 bottom no-repeat;}

#flexslider .flex-control-nav{display:inline-block; position: absolute; left: 50%; margin-left: -565px; bottom: 10%; z-index:1000; overflow:hidden;list-style:none;}
#flexslider .flex-control-nav li{display: inline-block; float:left;width:25px; height:6px; margin-left:15px}
#flexslider .flex-control-nav li:first-child{margin:0;}
#flexslider .flex-control-nav li a{display:block;width: 25px; height: 6px; background: url(../images/pagination.png) left top no-repeat; text-indent: -9999%; cursor:pointer}
#flexslider .flex-control-nav li a:hover, #flexslider .flex-control-nav li a.flex-active{ background-position: right;}
#flexslider .flex-control-nav li .flex-active{cursor:default;pointer-events:none;}

.flex-caption-title{position:absolute;left:50%; margin-left: -565px; top:50%; margin-top: -30px; text-align:left;}
.flex-caption-title .txt1{font:60px/60px 'Titillium Web';font-weight: 400; color:#cecece;text-transform:uppercase;}

.flex-caption{position:absolute;left:50%; margin-left: -565px; top:8%;text-align:center;}
.flex-caption > div{display:inline-block;text-align:left;}
.flex-caption .txt1{
	font:60px/60px 'Titillium Web';
	font-weight: 200;
	color:#3366FF;
	text-transform:uppercase;
}
.flex-caption .txt2{
	font:60px/60px 'Titillium Web';
	font-weight: 700;
	color:#3366FF;
	text-transform:uppercase;
}
.flex-caption .txt3{font:30px/45px 'Titillium Web';font-weight: 400; color:#cd3707; padding-top: 0;}

.join1{ display:inline-block; height:45px; line-height:45px; position:relative; text-decoration: none; font-size:16px; font-family:'Titillium Web'; font-size: 20px; font-weight: 700; color:#000; text-transform:uppercase; white-space:nowrap; letter-spacing:0px; background:url(../images/join1.png) right top no-repeat; padding:0 40px 0 25px; margin-left: 50px;}
.join1:hover { color:#fff; text-decoration: none; background-position: bottom right;}


@media (min-width: 980px) and (max-width: 1199px){
	#flexslider .flex-control-nav{margin-left: -450px;}
	.flex-caption-title{margin-left: -450px; margin-top: -25px;}
	.flex-caption-title .txt1{font-size: 50px; line-height: 50px;}
	.flex-caption{margin-left: -450px; top: 5%;}
	.flex-caption .txt1{font-size: 40px; line-height: 40px;}
	.flex-caption .txt2{font-size: 40px; line-height: 40px;}
}
@media (min-width: 768px) and (max-width: 979px) {
	#flexslider .flex-control-nav{margin-left: -342px;}
	.flex-caption-title{margin-left: -342px; margin-top: -20px;}
	.flex-caption-title .txt1{font-size: 40px; line-height: 40px;}
	.flex-caption{margin-left: -342px; top: 15%;}
	.flex-caption .txt1{font-size: 20px; line-height: 20px;}
	.flex-caption .txt2{font-size: 20px; line-height: 20px;}
	
}
@media (max-width: 767px) {
	#flexslider .flex-control-nav{margin-left: 20px; left: 0;}
	.flex-caption-title{margin-left: -200px; margin-top: -15px;}
	.flex-caption-title .txt1{font-size: 30px; line-height: 30px;}
	.flex-caption {display: none;}
	
}
@media (max-width: 480px) {
	.flex-caption-title{margin-left: -140px; margin-top: -10px;}
	.flex-caption-title .txt1{font-size: 20px; line-height: 20px;}	
}