@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;
}
.service{padding:50px 0;
       border-bottom:1px solid #5f5f5f;
}
.service h2{font-size:2.5em;
}
.category{padding:50px 0; 
}
.show{text-align:right; margin-right:20px;
}
.show a{color:#5f5f5f; font-weight:700;
}
#all{color:#27b6de;
}
.category1{width:33%;
           padding:0.8%;
		   box-sizing:border-box;
		   float:left;
		   margin-top:40px;
}

.category1 h3{padding:20px 0; color:#27b6de;
}
.category img{-webkit-filter:brightness(0.5);
               transition:all 1s ease;
}
.category img:hover{-webkit-filter:brightness(1);
}
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){
head{position:fixed;
}
.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;
}
.service{text-align:center;
}
.category{height:auto !important;
}
.category1{width:50%; text-align:center; clear:none !important;
}
.show{display:none;
}
}
@media screen and (max-width:480px){
	
.nav3{display:none;
}
.category{height:auto !important;
}
.category1{width:100%; text-align:center;
}
}