@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
body{
	color:#333;
	font-size:16px;
	font-family: 'Lato', sans-serif !important;
	}
a:hover{
	transition:all 0.5s !important;	
}
header{
	min-height:100px;
	background:#fff;
	border-bottom:1px solid #24ADE7;
	}
	.logo{
		padding:10px 0;	}
	.h-contact{
		font-size:16px !important;
		/*background:#D9D9D9;*/
		padding:7px 10px !important;
		display:inline-block;
		color:#000080;
		/*border-radius:5px 5px 5px 5px;*/
		}	
	.h-contact a{
			color:#000080;
        }
	.social-icon li a{
		display:inline-block;
		padding:6px 0 !important;
		/*font-size:22px !important;*/
		color:#01bfe1;
		}
	.social-icon li a:hover{
		color:#010080;
		}
 .nav-menu{
	 background:#01BFE1;
	 color:#fff;
	 min-height:46px !important;
	 border-bottom:3px solid #010080;
	 border-top:3px solid #010080;
 }
 .menu{
	 margin: 0px;
	 list-style:none;
	 text-align:center;
 }
 .menu li{
	 list-style:none;
	 display:inline-block;
 }
  .menu li a{
	  text-decoration:none;
	  text-transform:uppercase;
	  font-size:18px;
	  color:#fff;
	  padding:8px 88px;
	 list-style:none;
	 display:inline-block;
	
 }
 .menu li a:hover{
	 color:#010080;
 }
 .nav-menu .menu li ul{
	 list-style:none;
	 display:none;
 }
 .menu li:hover> ul{
	 list-style:none;
	 display:none;
 }
 
 .nav {
    padding-left: 315px !important;}
 .box-line{
	 background:#010080;
	 min-height:60px !important;
 }
 .box-line h1{
	 color:#fff;
	 font-size:32px;
	 margin:0;
	 padding:20px 0;
 }
 .main-head{
	 font-size:30px;
	 color:#333;
	 /*border-bottom: 1px solid #01bfe1;*/
	 padding-bottom:10px;
 }
 
 .air_quality{
	 margin-top:-140px;
	 width:100%;
	 }
.text_size{line-height: 32px;font-size: 17px;}
.valume {
padding: 7px 35px !important;font-size: 20px !important;text-transform: uppercase;/*background-color:#3c5993;border-color:#3c5993;*/
}
.news_article{
	padding:50px;
	}
	.news_p{border: 1px solid #01bfe1;padding: 17px;}
	
.scrollbar {
width:100%
color:#000;
}
#ex3::-webkit-scrollbar {
    width: 7px;
}
#ex3::-webkit-scrollbar-thumb {
    background-color: #B03C3F;
    border-radius: 10px 10px 0 0;
}
#ex3::-webkit-scrollbar-thumb:hover {
    background-color: #BF4649;
    border: 1px solid #333333;
}
#ex3::-webkit-scrollbar-thumb:active {
    background-color: #A6393D;
    border: 1px solid #333333;
}
#ex3::-webkit-scrollbar-track {
    border: 1px gray solid;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px gray inset;
}
.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}
.contact_style{ color:#d25515;text-transform: uppercase;padding: 20px 10px;font-size: 37px;text-align:center; }	
	.input_centre{ text-align:center; }
	.textarea{width:854px !important;}
	
	.cont_text{color:#FFFFFF;text-align:center;border-bottom:2px solid #3A93F1;}
	.comp{ width:21%; } .locat{ width:37%; } .regis{width:29% }
	
	.test{
	width:12%;
	border-radius:50%;
	border:1px solid #01bfe1;
	margin: 0px 5px;
	
	}
	.test:hover{
		color:#FFF;
		border-color:#010080 !important;
		}
	
			.item span{font-weight:bold;}

	.paragraph{line-height: 28px;
    font-family: sans-serif;
    text-align: justify;}
	
.btn_color{
	background-color:#010080;
	border-color:#010080;
	color:#fff;
	text-transform:capitalize;
	}
	.btn_color:hover{border-color:#01bfe1 !important; color:#fff !important; }	
	.btn.focus, .btn:focus, .btn:hover {border-color:#01bfe1 !important; color:#fff !important; }	
@media (max-width: 768px){.air_quality{
	 margin-top:auto;
	 }
	 .textarea{width:auto !important;} 
	 .valume {
padding: auto !important;}
.comp{width:45% ;} .locat{width:71% ;} .regis{width:65% ;}

.social-icon .text-right{ text-align:center;}
 }
.top_padding{
		padding-top:100px;
	}
	

@-webkit-keyframes glowing {
  0% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; -webkit-box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }
}

@-moz-keyframes glowing {
  0% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; -moz-box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }
}

@-o-keyframes glowing {
  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}

@keyframes glowing {
  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}

.anim {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}