*{margin:0; padding:0; box-sizing:border-box;}
ul{list-style:none;};
a{text-decoration:none; color:#000000;}
ul li a{text-decoration:none; color:#000000;}
h4{color: #e91e26; font-size: 24px;}
h2 strong{font-size:18px; display:block; font-weight:normal; line-height:34px;}
h3{font-size: 18px; color: #E8554E;text-transform: uppercase;}
p{font-size: 14px; text-align: justify; color: #6d6868; line-height:1.5; }
.Clearfix{clear:both}
body{font-family: 'Cabin', sans-serif;}
.container{width:100%; max-width:1200px; margin:auto; padding:0 10px;}

header{ widows:100%; margin:auto; background:#fff; position:relative; text-align:center;     border-bottom: 2px solid #212777;}
.AQSC-logo{float:left; margin-top:5px;}

nav{ display:inline-block;}
nav ul li { padding:30px 15px; display:inline-block; font-size:20px; font-weight:normal;}
nav ul li:hover{background:#212777;}
nav ul li:hover a{color:#fff;}

.social-icon{float:right; padding:21px 10px;}
.social-icon ul li{display:inline-block; margin-left:10px; width:24px; height:24px; background:url(../images/social-icon.png) no-repeat; transition:all 0.5s;} 
.social-icon ul .fb{background-position:0% 0%;}
.social-icon ul .th{background-position:50% 0%;}
.social-icon ul .ln{background-position:100% 0%;}
.social-icon ul .fb:hover{background-position:0% 100%;}
.social-icon ul .th:hover{background-position:50% 100%;}
.social-icon ul .ln:hover{background-position:100% 100%;}

.banner{position:relative;  margin:auto; overflow:hidden;}
.slider img{width:100%; }
.slider-info{position:absolute; top:50%; transform:translateY(-50%); width:50%;  }
.slider-info p{font-size:30px;  color:#fff; text-align:center; display:inline-block; float:left; text-align:left;padding: 35px;}
.news-sec{background:#e4868b;  position:relative; padding:20px 10px; color:#fff;}
.news{display:inline-block; width:80%; float:right;}
.news-cartoon{width:15%; bottom:0; position:relative; display:inline-block}
.news-sec img{position:absolute; bottom:0; }
.news .news-title{width:25%; display:inline-block; vertical-align:top; font-size:20px;  font-weight:bold;}

.news .news-info{display:inline-block; width:70%; vertical-align:top; margin-left:15px; font-size:18px; }


.about-us{width:100%; text-align:center; }
 h2{color:#4e4848; font-size:28px; margin:20px auto;}
.about-us .item{width:28%; margin:0 10px; display:inline-block; margin-bottom:50px;  vertical-align:top;}
.about-us .item img{width:100px; margin-bottom:15px;}
.about-us .item h4{color:#e91e26; font-size:24px;}
.about-us .item p{font-size:16px; font-family: Arial, sans-serif; line-height:24px; margin-top:15px; text-align:justify;}
.about-us .item a{color:#e91e26; cursor:pointer; float:left;  }
.about-us .item a:hover{border-bottom:1px solid ; transition:all 2s;}
.abouttxt{ width:72%; float:left; margin-bottom:35px; }
.abouttxt p{ line-height:1.6; margin-bottom:14px ;font-family: arial;}
.abt-pra p{ line-height:1.6; margin-bottom:14px;font-family: arial;}
.abouttxt img{ display:block; width:100%; margin-bottom:10px;}
.header-title{ background:#212777; margin-bottom:35px;}
.header-title h2{color:#fff;font-size: 30px; margin:0px; padding:0px; line-height:70px;}
.about-news{ width:25%; float:left; margin-left:35px;  }
.about-news .events{width:100%; margin-left:0;}
.about-team .item{ float:left;}
.abt-pra{ width:48%; float:left;}
.abt-img{ width:48%; float:right;}
.about-team .item ul li{ list-style:none; float:left; display:block;}
.about-item{ margin-top:10px;}
.about-item .item{width: 44%; margin:0 15px; display:inline-block; margin-bottom:50px;  vertical-align:top;}
.about-item .item img{width:100px; margin-bottom:15px;}
.about-item .item h4{color:#e91e26; font-size:24px;}
.about-item  .item h4{color:#e91e26; font-size:24px;}
.about-item  .item p{font-size:16px; font-family: Arial, sans-serif; line-height:24px; margin-top:15px; text-align:justify;}
.about-item .item a{color:#e91e26; cursor:pointer; float:left;  }
.about-item  .item a:hover{border-bottom:1px solid ; transition:all 2s;}
.activesub{background: #E5E2E2;}






.services{ position:relative; overflow:hidden; padding:50px; background:#000; background: url(../images/image1.jpg) no-repeat; background-size: cover; background-position: center;}
.services img{width:100%; }
.services .services-info{width:450px; float:right; text-align:center; }
.services-info span{color:#ffd57b; font-size:24px; padding:10px; display:inline-block; vertical-align:super;}
.services-info img{width:30px; height:30px;}
.services-info p{color:#fff; text-align:justify; padding:0 10px; margin-top:15px; line-height:24px;}
.services-info ul li{color:#fff; display:inline-block; width:49%; text-align:left; margin:30px 0px 0px;; }
.services-info ul li span{width:25px; height:25px; background:url(../images/sprite-img.png) no-repeat; margin-right:20px; float:left; }

.services-info ul li span.Water{background-position:0% 0%;}
.services-info ul li span.Oil{background-position:0% 21%;}
.services-info ul li span.Telecommunication{background-position:0% 44%;}
.services-info ul li span.Construction{background-position:0% 66%;}
.services-info ul li span.Environment{background-position:0% 103%;}
.services-info ul li span.Automobiles{background-position:0% 85%;}

.members{padding: 6px 0 38px;  width:100%; text-align:center; background:#f7f7f7; margin-bottom:30px; }
.members h2{color:#4e4848; font-size:28px; margin-bottom:0px; }
.members .item{width:22%; margin:0 30px; display:inline-block;vertical-align:top;}
.members .item span{ font-size:18px; font-weight:bold; display: inline-block; padding: 10px 0;}
.members .item span:nth-child(2){margin-left:10px; display:inline-block; line-height: 60px; padding: 0; vertical-align:middle;}
.members .item p{font-size:16px; font-family: Arial, sans-serif; line-height:24px; margin-top:5px; }
.members .item .member-logo{width:60px; height:60px; position:relative; display:inline-block; vertical-align: middle;}
.members .item .member-logo img{position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
footer ul li{display:inline-block; vertical-align:top; }
footer .map{width:30%; border-radius:15px;}
footer .address{width:33%; padding-left:100px; padding-right:34px; color:#6d6868;}
.address p{width:100%; display:block; line-height:24px; margin-bottom:20px; vertical-align:top; text-align:left; position:relative;}
.address p span{width:25px; height:35px; position:absolute; background:url(../images/location.png) no-repeat; margin-left:-35px;}
.events{display:inline-block; width:32%; text-align:center; margin-left:15px; padding:15px; border-radius:15px; border:1px solid; font-size:24px; color:#6d6868;}
footer ul{display:inline;}
.events p{font-size:14px; text-align:justify; padding: 6px 0 15px; border-bottom:1px solid;}
.events p:last-child{border-bottom:none;}
.events strong{font-size:16px; text-align:left; display:block; margin-top:10px;}
.events strong a{text-decoration:none; color:#e8554e;}

.small-footer{padding:10px; text-align:center; background:#373435; margin-top:10px; color:#d1cbcb; font-size:12px;}
 
.mobile_nav{display:none;}
.submenu{display:none; width:300px; background:rgb(32, 35, 72); position:absolute; z-index:99; color:#fff; margin-top:30px; margin-left:-15px}
.submenu:hover{display:block;}
nav ul li .submenu li a{color:#fff; font-size:18px;}
nav ul li .submenu li{display:block; text-align:left; padding:8px 0 8px 20px; margin-left:0; border-top:1px solid #4A4949;}
nav ul li .submenu li:hover{background:#181C55; }
.active{background:#212777;}
.active a{color:#fff;}
.mob-menu{display:none;}
.d-block{display:block !important; }
.d-none{display:none !important; }
.dropdown{position:relative;}
.dropdown:after{display:none;}
.page-header{border-top:2px solid #212777; overflow:hidden;}
.page-header img{width:100%;}
.page-header h1{text-transform: uppercase; text-align: center;  margin-top: 50px; font-weight: initial; font-weight: bolder;  font-size: 60px;color: #E82837;}
.about-page{padding: 0 10px 50px;}
.para{margin-top:50px;}
.para:nth-child(even){background: #E82837; padding:25px 0;}
.para:nth-child(even) p{color:#fff;}
.para:nth-child(even) h2{color:#fff;}
.para h2{margin:5px 0;}
.para p{line-height:1.5; font-size:16px; margin-bottom:10px; text-indent : 25px; font-family:arial;}
.para strong{border-bottom: 1px solid #000;  display: block; margin:20px 0;}
.contact-frm{margin-top:25px;}
.contact-frm input, .contact-frm textarea {background-color: #e1e1db; border-style:none;width: 100%; padding: 12px 14px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;  box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;    border-radius: 3px;}
.contact-frm input:focus, .contact-frm textarea:focus{background-color:hsla(47,100%,86%,1.00);} 
.contact-frm label{display: block;font-weight: 700; letter-spacing: 1px;font-size:14px; line-height: 20px;text-transform: uppercase;color: #4e4e4d;}

.contact-frm div{ margin-bottom:15px; width:75%;}
.contact-info{text-align:left;}
.contact-info span{ text-transform: uppercase; font-weight: 700; letter-spacing: 1px;font-size: 16px; color: #e8554e;}
.contact-info a{letter-spacing: 1px;font-size: 14px; line-height:28px}
.contact-info div{margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted; }

input[type=submit], .button {width:180px; border-style:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap;  position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; font-weight: 700;  letter-spacing: 2px; font-size: 14px;  line-height: 14px; text-transform: uppercase; color: white;  background-color: #e8554e;cursor: pointer; border-bottom: 5px solid #9a3834; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;  -webkit-transition: none 125ms ease-out;  -webkit-transition-delay: 0; -moz-transition: none 125ms ease-out 0; -o-transition: none 125ms ease-out 0;transition: none 125ms ease-out 0; -webkit-transition-property: background-color, color;-moz-transition-property: background-color, color;  -o-transition-property: background-color, color; transition-property: background-color, color; padding: 10px 55px;}
.member-list{}
.member{width:30%; height: 300px;  margin:10px; box-sizing:border-box; overflow:hidden; position:relative; display:inline-block; background:#F1F1F1;}
.member img{max-width: 100%; width: auto; margin-left: 50%; margin-top: 50%; transform: translate(-50%, -50% );  margin-bottom:0;} .member .info-wrap{height: 300px;  position:relative; overflow:hidden;}
.member-info{height: 300px; position:absolute; display:block; text-decoration:none; width:100%; height:100%; background:rgba(194, 12, 11,0.9); transform:translateY(0%);transition:all 0.5s; padding:10px; text-align:center;     transform: translateY(-18%);}
.active-member .member-info{transform:translateY(-100%);transition:all 0.5s; padding-top:20px;} 
.member-info h2{color:#fff; margin:0 0 20px } .member-info p{color:#fff; text-align:left; line-height:1.6; }

 
.sub-pages ul li a{display:block; width:100%; font-size:14px;  padding:6px; color:#6d6868;}
.sub-pages ul li a:hover{background:#E5E2E2;}

.sub-pages{margin-bottom:25px;}
.sub-pages h3{padding-bottom:5px; border-bottom:1px solid; }
.sub-contact h3{padding-bottom:5px; border-bottom:1px solid; margin-bottom:10px;}
.sub-pages.events{border:none; text-align:left; padding:0;}
.sub-pages.events p{border-bottom:none; padding: 6px 0 5px;}
.sub-pages.events a{text-decoration:none; display:block; padding:5px; }
.sub-pages.events a strong{text-decoration:none;color: #e8554e; margin-top:0;}
.sub-pages.events a:hover{background: #E5E2E2;}
.chart{margin-top:25px; width:auto !important;margin-left:50%; transform:translateX(-50%);}
.AQSC-Org{margin-top:35px; padding:10px; background:hsl(0, 30%, 94%);}
.site-map li a{ padding: 0 20px; font-size:16px; color:#212777;  line-height:42px; text-transform:uppercase; font-weight:bold;  display:block;}
.site-map li a:hover{ text-decoration:underline;}
.sub-menu-map{margin-bottom:10px; margin-left:20px;}
.sub-menu-map li a{font-size:14px; line-height:28px; }
 ul.site-map {width: 100%;  }
 ul.site-map li{  border-bottom: 1px solid #fff;}
 ul.site-map .sub-menu-map li{border:none;}
 .news-text{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid hsla(359,100%,42%,1.00); }
 .news-text .news-info img{width:120px; display:inline-block; margin-right:10px; vertical-align:top; height:100px; overflow:hidden;}
 .news-text .news-info{text-decoration:none; padding:10px; display:block;  }
 .news-text .news-info:hover{background:hsla(0,4%,95%,1.00);}
 .news-text .news-info .news-wrap{display:inline-block; width: calc(100% - 170px); vertical-align:top;}
 .news-text .news-info .news-wrap h2{margin:0 0 20px;}
 .abouttxt .head-left{float:left; width:48%; padding-right:15px;}
 .abouttxt h2{margin-top:0;}
 .showsub .submenu{display:block;}
 .error{color:red;}
 .commitee-member{width:100%;  box-sizing:border-box; position:relative;  background:#F1F1F1; margin-bottom:10px; overflow:hidden; }
 .commitee-member .info-wrap{width:150px; display:table-cell;}
 .commitee-member .member-info{transform:none; position:relative; display: table-cell; vertical-align:top; height: auto; width:auto; background: none; text-align: left;}
 .commitee-member h2, .commitee-member p{color:#6d6868; margin-bottom:10px;}
 .commitee-member img{margin-bottom:0px;}

.news-logo{ border:2px solid #DC292C; width:20%; background:#C7C6C6;}
.head-img{background:#EFEFEF;display: inline-block;width: 36%;height: 220px;margin-right: 60px; position:relative;}
.head-img img{ top: 50%; left: 50%; margin: auto; width: auto; position: absolute; transform: translate(-50%, -50%);}
.head-right{display: inline-block;vertical-align: top;}
.head-right1{ float:left; margin-right:25px;}
.head-right h2{ color:#E8554E;}
.head-right ul li{ margin-top:20px;}
.head-right-h2{overflow: hidden; border-bottom:2px solid #6d6868;width: 100%; }


 
 .footer-link{float:left;} .small-footer span{float:right;}
 .footer-link li{display:inline-block;} .footer-link li a{color:#d1cbcb;} .footer-link li a:after{content:"|"; margin:0 3px;} .footer-link li:last-child a:after{content:""; margin:0 3px;} .footer-link li a:hover{text-decoration:underline;}
@media screen and (max-width: 920px){
nav ul li{margin-left:10px; font-size:17px;}
footer .events{width:100%; margin-bottom:15px;}

footer .map{width:50%; margin-bottom:15px;}
footer .address { width: 43%; padding-left: 77px; padding-right: 0px; margin-bottom:15px;}
.about-news{display:none;}
.abouttxt{width:100%; padding:15px}
}



@media screen and (max-width: 760px){
.member{width:49%;}
.dropdown:after{content: url(../images/d-arw.png); display: block; position: absolute; right: 30px; top: 18%;}
nav.mobile_nav{position:absolute; top:57px; margin-left:-10px; width:100%; background:#101444; z-index:9999;}
nav ul li{ border-bottom:1px solid #4A4949; display:block; width:100%; padding:4px 0 0; text-align:left; margin:0; } 
nav ul li a{ color:#fff; display: block;padding: 10px; font-size: 14px;} 
nav ul li .submenu{display:none; width:100%; background:#5F5F5F;position:relative; margin:0; } 
nav ul li .submenu li{padding-left:20px; }
nav ul li .submenu li a{font-size:14px;}
nav ul li:hover{background:none;}
nav ul li .submenu li{padding:0;}
.chart{width:90% !important;}
header{padding: 3px 0 3px;}
.slider-info p{font-size:18px;}
.AQSC-logo{width: 80px; border-radius: 74px; overflow: hidden; background: #fff; margin-top:10px;} .AQSC-logo img{width:100%; }

nav {display:none;}
.social-icon{position:fixed; right:0; top:100px; z-index:99; padding: 12px 10px 3px 0px; background:#CED1D5; border-radius:20px;}
.social-icon ul li{display:list-item; margin-bottom:7px;}
.news-sec img{display:none;}
.news{width:100%;}
.news .news-title{display:block; width:100%; margin-bottom:15px;}
.news .news-info{display:block; width:100%; margin:0px;}
.about-us{margin-bottom:25px;}
.about-us .item{display:block; width:100%; margin:0;}
.services{padding: 0;} .services .container{padding:0;}
.services .services-info{ width:100%; background: rgba(0, 0, 0, 0.44); padding:15px;}
footer .map{width:100%; margin-bottom:15px;}
footer .address { width: 100%; padding-left: 35px; padding-right: 0px; margin-bottom:15px;}
footer .events{margin-left:0;}


.mob-menu{ display:block; width: 36px;height: 19px; position:absolute; margin-top: 15px;right: 10px;}
.mob-menu .one {width:30px; height:4px; background:#151883; position:absolute; top:0px; right:5px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.mob-menu .two {width:30px; display:block; height:4px; background:#151883; position:absolute; top:7px; right:5px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.mob-menu .three {width:30px; height:4px; background:#151883; position:absolute; top:14px; right:5px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; }

.show .one{transform:rotate(45deg); margin-top:6px}
.show .three{transform:rotate(-45deg); margin-top:-8px}
.abt-pra, .abt-img{float:none; width:100%;}
.header-title{margin-bottom:15px;}

}
@media screen and (max-width: 500px)
{
	.commitee-member .info-wrap{display:block; text-align:center; width:100%;}
	.commitee-member .member-info{display:block; text-align:center;}
	.news-text .news-info img{display:none;}
	.news-text .news-info .news-wrap{width:100%;}
	.abouttxt .head-left{float:none;}
	.footer-link, .small-footer span{float:none;}
	
}



@media screen and (max-width: 400px)
{
	.services-info ul li{display:list-item; width:100%;}
	.header-title h2{font-size:28px; line-height: 50px;}
	.member{width:100%;}
	
}