@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;
}
.blog{padding:50px 0; 
      border-bottom:solid 1px #5f5f5f;
}
.blog h2{font-size:3em;
}
.category{padding:50px 0;
}
.categroy1{float:left;
           width:60%;
		   padding:0.8%;
		   box-sizing:border-box;
}
.categroy1 h3, .category2 h3{font-size:2.5em;
              padding:30px 0;
}
.categroy1 p{
              padding:30px 0;
			  line-height:25px;
}
.categroy1 a{
              color:#5f5f5f;
			  padding:20px 30px;
}
.categroy1 a:hover{
              color:#fff;
			  background:#27b6de;
}
.categroy1 img{-webkit-filter:brightness(0.5); 
-moz-filter:brightness(0.5);
-o-filter:brightness(0.5);
-ms-filter:brightness(0.5);  
transition:all 1s ease-in;        
}
.categroy1 img:hover{-webkit-filter:brightness(1); 
-moz-filter:brightness(1);
-o-filter:brightness(1);
-ms-filter:brightness(1);          
}
.category2{float:left;
           width:40%;
		   padding:3%;
		   box-sizing:border-box;
}
.category2 ul li{padding:10px 20px 5px 0;
                 
				 color:#27b6de;
                 
				                 
}
.category2 li a{ 
                 color:#5f5f5f; font-size:0.75em;
				 transition:all 2s ease;
				 font-weight:100;
}
.category2 li a:hover{border-top-right-radius:10px;
                       border-bottom-right-radius:10px;
					   background:#27b6de;
					   color:#FFF;
					   padding:5px 0;
					   font-size:0.75em;
}
.category4 h3{padding:0px;
}
.recent1{float:left;
          padding:0.8%;
		  box-sizing:border-box;
}
.recent2{float:left;
          box-sizing:border-box;
		  padding:0.8%;
}
.recent2 h4{padding-top:45px;
            font-size:1.3em;
			color:#27b6de;
			padding-bottom:5px;
}
.recent2 h5{
            font-size:1.1em;
			color:#5f5f5f;
			
}
.recent{margin-top:30px;
}
.recent a{color:#5f5f5f; padding:10px 0;
}
.recent a:hover{color:#27b6de;
}
.recent1 img{border: solid 1px #5f5f5f;
}
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;
}
@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:600px;
}
.team1{width:50%;
        
}
.left{width:100%;
      text-align:center;
	  padding-bottom:40px;
	  
}
.right{width:100%;
      text-align:center;
	  
}
.some1{width:100%;
}
.category{height:auto !important; text-align:center;
}
.categroy1, .category2{width:50%; text-align:center;
}
.recent1, .recent2{width:100%;
        text-align:center;
		float:none;
}
.blog{text-align:center;
}
.category2 li a:hover{border-top-right-radius:10px;
                       border-bottom-right-radius:10px;
					   background:#27b6de;
					   color:#FFF;
					   padding:3px 2px;
					   font-size:0.75em;
}
}
@media screen and (max-width:480px){
	
.nav3{display:none;
}
.who1{width:100%;
}
.feature1{width:100%;
}
.feature{height:900px;
}
.team1{width:100%;
}
.categroy1, .category2{width:100%; text-align:center;
}

}