*{ margin:0; padding:0;}
a{ text-decoration:none;}
ul,li{ list-style-type:none;}

h1,h2,h3,h4,h5,h6{ font-family:ArchivoNarrow-Bold;}
p{ font-family:Roboto-Regular;}

@font-face{ src:url(../fonts/ArchivoNarrow-Bold.ttf); font-family:ArchivoNarrow-Bold;}
@font-face{ src:url(../fonts/Rubik-Regular.ttf); font-family:Rubik;}
@font-face{ src:url(../fonts/Roboto-Regular.ttf); font-family:Roboto-Regular;}

.container{ width:1170px; margin:0 auto;}

.header{ width:100%; display:inline-block; padding:10px 0; background:rgb(41,34,99); }
.header_left{ width:50%; float:left; color:#fff;}
.header_left span{ margin-right:15px; font-size:12px; font-family:"Open Sans"; display:inline-block;}
.header_left span i{ margin-right:10px;}
.header_right{ float:right;}
.header_right span{ margin-left:15px; color:#fff; font-size:14px; background: rgba(0,0,0,0.4); border-radius: 100%; position:relative; width:30px; height:30px; display:inline-block; text-align:center; line-height:30px; z-index:2;}
.header_right span i{ line-height:30px; position:relative; z-index:3; color:#fff; cursor:pointer; }
/*.header_right span::before{ content:""; position:absolute; left:0; background:#f00; width:100%; border-radius: 100%; top:0px; right:0; bottom:100%; transition:0.5s all ease-in-out; z-index:-1;}
.header_right span:hover::before{ content:""; position:absolute; left:0; background:#f00; border-radius: 100%; top:0px; display:block; z-index:222; right:0; bottom:0; transition:0.5s; }*/

.menu{ width:100%; display:inline-block; background:#fff;}
.menu_left{ width:50%; float:left; margin-top:10px;}
.menu_left img{ width:22%;}
.menu_right li{ float:left;}
.menu_right{ float:right;}
.menu_right li a{ font-family:Rubik; font-size:16px; color:rgb(41,34,99); display:inline-block; padding:25px; transition:all 0.5s ease-in-out; }
.menu_right li a:hover,.menu_right li a.active{ background:rgb(41,34,99); color:#fff;}

.about{ width:100%; display:inline-block; background:#fff; text-align:center; padding:50px 0;}
.about h1{ font-size:30px; color:rgb(41,34,99);}
.about p{ line-height:35px; margin-top:15px; color:#636363; font-size:17px; }
.about a{ color:#fff; padding: 8px 28px; background:rgb(41,34,99); margin-top:20px; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; transition:all 0.5s ease-in-out;}
.about a:hover{ background:rgb(41,34,99); box-shadow: 0px 10px 5px #ccc;}

.service{ width:100%; display:inline-block; padding:50px 0; background:rgb(41,34,99); text-align:center;}
.service h1{ color:#fff; text-align:center; font-size:30px;}
.service li{ width:31.333%; float:left; background:#fff; height:355px; margin:1%;}
.service li:hover h2{ color:#DA7A29;}
.service li img{ display:block; margin:15px auto;}
.service li h2{ text-align:center; margin:30px 0; font-size:20px;}
.service li a{ background:rgb(41,34,99); padding:8px 32px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; transition:all 0.5s ease-in-out;}
.service li a:hover{ background:rgb(41,34,99); box-shadow: 0px 10px 5px #ccc;}
.service li a i{ margin-left:10px; display:none; transition:all 0.5s ease-in-out;}
.service li a:hover i{ display:inline-block;}
.service_inner{ margin-top:15px;}

.products{ width:100%; display:inline-block; padding:50px 0; background:url(../images/white-background-03.jpg); text-align:center; background-position: 0px 445px; background-size: cover; height:345px;}
.products h1{ color:#000; text-align:center; font-size:30px; margin-bottom:35px;}
.first-poducts{ /*border:1px solid transparent;*/ transition:all 0.5s ease-in;}
.first-poducts:hover{ /*border:1px solid #fff;*/ background:#292263;}
.first-poducts img{ transition:all 0.5s ease-in-out;}
.first-poducts:hover img{ transform:scale(0.8); }
.first-poducts a{ display:none; background: rgb(41, 34, 99) none repeat scroll 0% 0%; /*border: 1px solid rgb(255, 255, 255);*/ padding: 10px 20px; color: rgb(255, 255, 255); font-family:Arial, Helvetica, sans-serif; font-size:15px; border-bottom:0;}
.first-poducts:hover a{ background: rgb(41, 34, 99) none repeat scroll 0% 0%; /*border: 1px solid rgb(255, 255, 255);*/ padding: 10px 20px; color: rgb(255, 255, 255); display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:15px; border-bottom:0;}
.first-poducts a:hover{ background:#DA7A29; transition:0.5s;}

.patners{ width:100%; display:inline-block; padding:20px 0;}
.patners h1{ text-align:center; font-size:30px; padding:10px 0; color: #292263;}
.partners-1{ padding:20px 0;object-fit:contain;}
.partners-1 img{object-fit:contain; width:78%; height:215px;}

.footer{ width:100%; display:inline-block; padding:10px 0; background:#292263;}
.footer .left{ width:50%; float:left;}
.footer .left li{ float:left;}
.footer .left li a{ color:#fff; font-family:Rubik; font-size:14px; padding-right:20px; transition:all 0.5s ease-in-out;}
.footer .left li a:hover,.footer .left li a.active{ color:#D79B4C;}
.footer .right{ float:right; color:#fff; font-family:Rubik; font-size:14px;}
.footer .right span a{ color:#D79B4C; margin-left:5px; }

.mainabout{ width:100%; display:inline-block; padding:50px 0;}
.mainabout h1{ color:#292263; text-align:center; font-size:30px; padding-bottom:20px; }
.mainabout p{  line-height:35px; color:#636363; font-size:17px; margin-bottom:30px;}
.team{text-align:center; color: #292263;margin-bottom: 30px;}
h1 .team{text-align:center;}
.mainabout_left{ float:left; width:30%;}
.mainabout_right{ float:right; width:70%; }
.mainabout_right p{ text-align:justify;margin-bottom:20px;}
.names{color: #292263;
    margin-left: 93px;
    padding-bottom: 10px;
    font-size: 18px;}
.mainabout_others{ width:100%; display:inline-block; }
.mainabout_others p{ text-align:justify;}
 .namescontent{margin-left:93px;}
.mainservice{  width:100%; display:inline-block; padding:50px 0;}
.mainservice h1{ text-align:center; font-size:30px; padding:10px 0; color: #292263;}
.mainservice p{ text-align:center; line-height:25px; color:#636363; font-size:17px;}
.awards{text-align: center;
    line-height: 34px;color: #636363;
    font-size: 17px;font-family: Roboto-Regular; margin-top:-30px;}
.knowladge{ width:100%; display:inline-block; padding:10px 0;}
.knowladge .left{ width:50%; float:left;}
.knowladge .right{ width:50%; float:right; margin-top:-40px;}
.knowladge .right p{ line-height:25px; color:#636363;}
.knowladge .right li{font-family:Roboto-Regular; margin:0 0 20px 0; }
.knowladge .right li i{ margin-right:10px;  color: #292263;}

.technical{ width:100%; display:inline-block; padding:50px 0; background:url(../images/technical-bg.jpg); background-size:cover;  position:relative; z-index:33333; background-position:0px -200px; background-repeat:no-repeat; background-attachment:fixed; }
.technical::before{ position:absolute; top:0; left:0; background:rgba(1, 3, 45, 0.8); content:""; right:0; bottom:0; z-index:-1;}
.technical h1{ text-align:center; font-size:30px; padding:10px 0; color: #fff;}

.technical_inner{ padding:20px 0;}
.technical_inner li{ width:31.333%; margin:1%; float:left; }
.technical_inner li span{ display:block; padding:20px 0; font-size:18px; color:#fff; font-family:Roboto-Regular; }
.technical_inner li span i{ margin-right:10px;}

.management{ width:100%; display:inline-block; padding:50px 0;}
.management li { width:22.222%; margin:1%; float:left; border-right:1px solid #ccc; min-height:210px;}
.management li h4{ margin:15px 0; font-size:20px; min-height:60px;}
.management li span{ display:block; margin:10px 0; font-family:Roboto-Regular;}
/*.management li i{ font-size:40px; color:#bdbdbd;}
*/

.other_service{ width:100%; display:inline-block; background:url(../images/white-background-03.jpg); background-repeat:no-repeat; background-size:cover; padding:50px 0;  }
.other_service li{ float:left;  position:relative; width:31.333%; overflow:hidden; margin:1%; }
.other_service li img{ width:100%;}
.other_service h1{ margin:10px 0; font-size:30px;}
.vision{padding-left: 20px;}
.other_service li span{ position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.6); width:100%; color:#fff;transition:0.5s; transition:all 200m ease-in-out; text-align:center; line-height:50%; padding:10px 0; font-family:ArchivoNarrow-Bold; font-size:18px;}
.other_service li:hover span{ position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.6); width:100%; height:100%; color:#fff;transition:0.5s; transition:all 200m ease-in-out; text-align:center; padding:30% 0; font-family:ArchivoNarrow-Bold; font-size:20px; line-height:50%; display:block;}
.visioncontent{padding-bottom:20px; padding-left:20px;}
.mainproducts{ width:100%; display:inline-block; background:url(../images/white-background-03.jpg); background-repeat:no-repeat; background-size:cover; padding:50px 0; }
.mainproducts h1{ font-size:30px; margin:10px 0; text-align:center; color:#292263;}
.mainproducts p{ text-align:center; padding:5px;}
.mainproducts li{ box-sizing: border-box; float: left; margin: 10px 0;  width: 25%; position:relative; }
.mainproducts li span{ position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.6); width:100%; color:#fff;transition:0.5s; transition:all 200m ease-in-out; text-align:center; line-height:50%; padding:10px 0; font-family:ArchivoNarrow-Bold; font-size:18px;}
.mainproducts li span{ position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.6); width:100%; color:#fff;transition:0.5s; transition:all 200m ease-in-out; text-align:center; line-height:50%; padding:10px 0; font-family:ArchivoNarrow-Bold; font-size:18px;}
.hide i{opacity:0;}
.career{ width:100%; display:inline-block; padding:50px 0;}
.career h1{ font-size:30px; margin:10px 0; text-align:center; color:#292263;}
.career .left{ width:30%; float:left;}
.career .right{ width:70%; float:right;} 
.career .right p{ line-height:25px; margin:10px 0; color:#636363; font-size:16px;}

.contact{ width:100%; display:inline-block; background:#292263; padding:50px 0; }
.contact h1{ color:#fff; font-size:30px;}
.contact .left{ float:left; width:50%;}
.contact .left li{ margin:20px 0;}
.contact .left i{ margin-right:8px; color:#D79B4C;}
.contact .left li span{ font-family:"Open Sans"; font-size:16px; color:#fff;}
.contact .right{ float:right; width:50%;}
.contact .right input[type="text"]{ width:98%; display:block; margin:15px 0; padding:6px 4px; color:#ccc; border:0; border:1px solid rgba(72, 72, 72, 0.57); background:transparent;}
.contact .right textarea{ width:98%; display:block; margin:10px 0; padding:6px 4px; height:100px; font-family:"Open Sans"; font-size:12px; border:0; border:1px solid rgba(72, 72, 72, 0.57); background:transparent; color:#ccc; resize:none;}
.contact .right input[type="submit"]{ background:#fff; border:0; padding:4px 8px; font-family:"Open Sans"; font-size:12px; transition:0.5s; border:1px solid #fff; float:right; }
.contact .right input[type="submit"]:hover{ background:transparent; transition:0.5s; border:1px solid #ccc; color:#fff; }


.last h1{ color:#fff; font-size:30px;}
.last{ float:left; width:50%;} 
.last li{ margin:20px 0;}
.last i{ margin-right:8px; color:#D79B4C;}
.last li span{ font-family:"Open Sans"; font-size:16px; color:#fff;}


.contact .right{
    width:100%;
    
    
}

.contact .right input[type="text"]{
        padding: 15px 4px;
    
}