@charset "utf-8";
/* CSS Document */
*{margin:0;
  padding:0;
}
.clear{clear:both;
}
header, nav, main, section, footer{display:block;
}
img, video, embed, ifram{max-width:100%;
}
a{text-decoration:none;
color:#FFF;
font-weight:bold;
}
body{font-family:Helvetica, Arial, sans-serif;
        color:#5f5f5f;
}
.container{max-width:1250px;
           width:98%;
		   margin:0 auto;
}
.header{background:#1a1a1a;
        padding:35px 0;
}
.logo{float:left;
}
.nav1{float:right;
}
.nav1 a{padding:54px 10px; line-height:50px;
         transition:all 1s ease;
         }
.nav1 a:hover{background:#27b6de;
}
.nav1 li{display:inline;
}

.nav2{display:none;
}
footer{background:#191919; height:72px;
}
.logo1{background:url(../images/footer-logo.png) no-repeat; height:30px; float:left; margin-top:30px;
}
.logo1 p{padding-left:45px; padding-top:8px;
}
.nav3{float:right;  margin-top:30px;
}
.nav3 li{display:inline;
}
.nav3 a{padding:25px 10px;
         transition:all 1s ease;
         }
.nav3 a:hover{color:#27b6de;
}
.about{padding:50px 0;
       border-bottom:solid 1px #5f5f5f;
}
.about h1{font-size:3em;
}
.who{padding:50px 0;
      
}
.who h2{font-size:3.5em;
}
.who1{width:50%;
      padding:0.8%;
	  float:left;
	  box-sizing:border-box;
	  margin-top:30px;
}
.who1 h3{font-size:1.7em;
}
.who1 p{padding:10px 0;
}
.who1 span{color:#27b6de; padding-top:20px;
            font-weight:bold;
			font-size:1.1em;
}
.p{padding:0.8%;
}
.feature{background:url(../images/about.png) no-repeat;
		  background-size:cover;
		  background-attachment:fixed;
		  padding:50px 0;
}
.feature h2{color:#FFF;
            font-size:2.5em;
}
.feature1{float:left;
           width:50%;
		   padding:0.8%;
		   box-sizing:border-box;
		   margin-top:40px;
}
.icon{ color:#FFF;
       
}
.feature1 span{padding-left:10px; color:#27b6de;
}
.feature1 p{color:#FFF; padding-top:15px;
             padding-left:25px;
             
}
.team{padding:50px 0;
}
.team h2{font-size:3em;
}
.team1{width:25%;
        padding:0.8%;
		box-sizing:border-box;
		float:left;
	    
		text-align:center;
}
.team1 h3{color:#27b6de; padding:15px 0;         
}
.team1 img{-webkit-filter:brightness(0.5);
}
.team1 img:hover{-webkit-filter:brightness(1);
}
.paralax{padding:80px 0;
          background:url(../images/paralax.png) no-repeat;
		  
		  background-size:cover;
		  background-attachment:fixed;
}
.left{width:50%;
	float:left; color:#FFF;
       font-size:1.5em;
	   padding:0.8%;
	   box-sizing:border-box;
}
.right{
	width:50%;
	float:right;
       padding-top:80px;
	   margin-right:20px;
	   
	   box-sizing:border-box;
	   text-align:center;
}
.right a{
	color:#27b6de;
	transition:all 2s ease;
         padding:15px 20px;
}
.right a:hover{background:#27b6de;
               color:#fff;
}
.some{padding:50px 0;
}
.some h2{font-size:2.7em;
}
.some1{float:left;
       width:50%;
	   padding:0.8%;
	   box-sizing:border-box;
	   margin-top:30px;
}
.some1 span{font-size:2.5em; font-weight:bolder; 
            color:#27b6de;
			border-bottom:solid 1px #5f5f5f;
}
.some1 a{color:#5f5f5f; font-size:16px;
}
.some1 p{padding-top:20px;
          
}
.some1 p:before{content:open-quote; color:#27b6de; font-size:35px; 
}
@media screen and (max-width:768px){

.logo{text-align:center;
      float:none !important;
}
	.nav1{float:none; display:none !important;
}
	.nav2{display:block;
}
.nav2{padding-top:20px;
}
.nav2 select{border-radius:3px;
              outline:none;
			  padding:10px;
			  color:#27b6de;
			  font-weight:600;
			  width:100%;
			  
}
.nav3{display:none;
}

.feature{height:auto !important;
}
.team{text-align:center; height:auto !important;
}
.team1{width:50%; 
         
       
        
}
.left{width:100%;
      text-align:center;
	  padding-bottom:40px;
	  
}
.right{width:100%;
      text-align:center
}
}
@media screen and (max-width:480px){
	
.nav3{display:none;
}
.who1{width:100%;
}
.feature1{width:100%;
}
.feature{height:auto !important;
}
.team1{width:100%; float:none !important;
}
}