@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;	
	}
header, nav, section, footer{
display:block;	
	}
img iframe{
max-width:100%;	
	}

a{
text-decoration:none;
color:#FFF;	
font-weight:bold;
font-size:1em;
transition:all 1s ease;	}

body{
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:0.875em;
color:#5f5f5f;	
	
	}

.header_top{
background-color:#191919;
padding:20px 0;	
	}

.container{
width:1250px;
max-width:100%;	
margin:0 auto;	}

.clear{
clear:both;	}

.logo{
float:left;	
	}
.nav1{
float:right;
line-height:40px;	
	}
.nav1 li {
display:inline-block;	
	}

.nav1 li a{
padding:35px 16px 44px 16px;	
	}
.nav1 li a:hover{
background-color:#27b6de;	
	}
.nav2{
display:none;	
	}
		
.nav2 select{
width:100%;
outline:none;
border:#27b6de 1px solid;
font-weight:800;
color:#27b6de;	
padding:10px;	}


section{
padding:60px 0px 20px 0px;	
	}
.header_left {
float:left;
font-size:1.5em;
padding:0 50px;	
	}	

.header_right{
float:right;	
font-size:1.5em;
padding:0 45px;	
}

.header_right h1{
display:inline;
border-right:#666 2px solid;
padding:0 5px;	
padding-right:10px;}
.header_right h2{
display:inline;	
color:#27b6de;	
padding-left:10px;}

.header1{
height:100px;
border-bottom:#CCC 1px solid;	}

.navall li{
font-size:30px;
font-weight:600;
padding-right:13px;	}

.navall{
float:right;
line-height:25px;	
	
	}
.navall li{
display:inline;
	}
.navall li a{
color:#666;
font-size:30px;
color:#27b6de;

	} 

.col{
float:left;	
width:33%;	}
.col h1{
color:#27b6de;
padding:30px 25px;	
	}
.col img{
padding:20px 5px;	
	}

.col p{
text-align:justify;	
padding:10px 10px;	}

.btn2 a{
width:100px;	
background-color:#CCC;
font-size:16px;
padding:8px 10px;	
border:#999 1px solid;
color:#27b6de;	
text-align:center;}

.btn2 a:hover{
color:#666;	
	}	

.footer{
background-color:#191919;
padding:15px 0;	
margin-top:50px;	}	
	
.footer_left{
float:left;	
	}	
	
.footer_right{
float:right;	
	}	
	
.footer_Nav li{
display:inline;	
line-height:40px;	}	
	
.footer_Nav li a{
color:#FFF;
padding:16px 15px;

	}	
.footer li a:hover{
background-color:#27b6de;
padding:27px 16px;	
	}	





@media screen and (max-width:768px){
	
.logo{
float:none;
text-align:center;
width:100%;
padding-bottom:15px;	
	}	
	
.nav1{
display:none;	
	}	
	
.nav2{
display:block;	
	}	

.header_left, .header_right{
float:none;	
text-align:center;
width:100%;	}	

.navall{
float:none;
width:100%;	
	}
.col{
float:none;
width:100%;	}




	
.footer_right, .footer_left{
text-align:center;
float:none;	
width:100%;	}	



	}