@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


body { margin:0; padding:0; font-family: 'Raleway', sans-serif;}
p, h1, h2, h3, h4, h5, h6, li, ol, ul {list-style: none; margin:0; padding:0; }
 .clear{ clear:both; }
.clear-10{ clear:both; height:10px;}
.clear-20{ clear:both; height:20px;}
.clear-30{ clear:both; height:30px;}
.clear-40{ clear:both; height:40px;}
.clear-50{ clear:both; height:50px;}
a{ text-decoration:none; transition: ease-in 0.3s;}
a:hover{transition: ease-in 0.3s;}




#wrapper{ width: 100%; height: auto; float: left;}

.top-white-col{width: 100%; float: left; background: #fff;}
.container-col-top{ width: 100%; max-width: 1200px; box-sizing: border-box; padding: 0px 15px; margin: 0px auto;}

.top-logo{ width: 30%; float: left; margin-top: 50px;}
.top-logo img{ width: 100%; max-width: 292px; float: left;}

.top-logo-mobile{ width: 30%; float: left; margin-top: 50px; display: none;}
.top-logo-mobile img{ width: 100%;}
.navigation-col{width: 70%; float: right; margin-top: 50px;}
.banner-col{width: 100%; float: left; text-align: center; box-sizing: border-box; margin: 10px 0px 0px 0px;}
.banner-col img{ width: 100%; text-align: center; }



.container{ width: 100%; max-width: 1200px; box-sizing: border-box; padding: 0px 15px; margin: 0px auto;}



.address-col{ width: 100%; float: left; box-sizing: border-box; }
.address-left{ width:30%; float:left;}
.add-heading{ float:left; font-size:24px; color:#dd1f26; font-weight: 600;  }
.location{ float:left; font-size:36px; color:#cccccc; width:7%;}
.address{ margin: 80px 0px 0px 0px;}
.location-txt { width:89%; color:#373737; line-height:26px; font-size:16px; float: right;}
.location-txt a{ color:#dd1f26; }
.location-txt a:hover{ color:#373737; }


.address-right{ width:65%; float:right;}
.address-right p{width: 60%; float: left; font-weight: 400; font-size: 16px; color: #373737; line-height: 28px;}


.inner-heading{ width: 100%; text-align:center; font-weight:800; font-size:30px; color:#ed1c24; box-sizing: border-box; margin: 70px 0px 60px 0px;  } 


.form-area-inner{ width: 100%; margin:20px auto; box-sizing: border-box;}

.form-name-inner { width:100%; float:left; padding: 18px 20px;border: 1px #ffffff solid;background: #ececec; color: #000000; font-size: 14px;line-height: 26px;box-sizing: border-box; border:1px solid #c7c7c7; padding-right:20px;  margin: 8px 0px;}
.form-name-inner:hover{ border: 1px #ed1c24 solid; }

.form-query-inner{ width:100%; float:left; padding: 18px 20px;border: 1px #ffffff solid;background: #ececec; color: #000000; font-size: 14px;line-height: 26px;margin-bottom: 20px;box-sizing: border-box; border:1px solid #c7c7c7; padding-right:20px;  margin: 8px 0px;}
.form-query-inner:hover{ border: 1px #ed1c24 solid; }


.submit-inner {background: #fef3f4;color: #ed1c24;padding:15px 40px;border:2px solid #ed1c24; font-size: 16px; font-weight:400;cursor: pointer;}
.submit-inner:hover { background:#ee373d; color:#fff; transition:1s; }
.button{ margin:20px 0px;}
     




.infra-col{ width: 100%; float: left;  }
.infra-box{ width: 47%; float: left; }
.infra-box-right{ width: 47%; float: right; }


.infra-heading{ font-size: 24px; float: left; font-weight: 600;  color: #373737; text-transform: uppercase; margin: 20px 0px;  }

.divider{ width: 100%; height: 1px; background: #eeeeee; margin: 50px 0px; }

.red-blocks{color: #db061f; font-size: 18px; font-weight: 600; line-height: 30px;}
.red-blocks span{ margin: 0px 10px 0px 0px; }
.space-next { margin: 0px 10px 0px 10px!important;  }

.overlap-img {position: relative; width: 100%; background-color: rgba(237, 28, 36, 0.7 );}
.image {opacity: 1; display: block;  width: 100%;  height: auto;  transition: .5s ease;  backface-visibility: hidden;}
.middle {  transition: .5s ease;  opacity: 0;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%)}
.overlap-img:hover .image {  opacity: 0.3;}
.overlap-img:hover .middle {  opacity: 1; }
.text {  color: #fff;  font-size: 80px;  padding: 16px 32px;}




.products-area{ width: 100%; box-sizing: border-box; margin: 0px; padding: 0px; }
.products{ width: 30%; float: left; margin: 0px 19px 0px 19px; }
.products img{ width: 100%;}
.prod-txt{ font-size: 16px; color: #000; font-weight: 600; float: left; margin: 10px 10px; }







.form-area{ width:75%; float:right;}


.about-inner{ width: 70%; margin: 0px auto; box-sizing: border-box;  }
.about-inner p{font-size: 16px; line-height: 30px; color: #373737; font-weight: 500; margin-bottom: 20px; box-sizing: border-box; }

.black-bg-col{ width: 100%; float: left; margin: 50px auto; background: url(../images/about-black-bg.png); background-size: cover; padding: 20px 0px 30px;  }
.black-bg-col ul { list-style: none; margin: 0px; padding: 0px; }
.black-bg-col ul li{ width: 100%; text-align: center; font-size: 20px; color: #fff; font-weight: 600; margin: 50px 0px; }

.leadership-col{ width: 100%; float: left; }
.leadership-col-inner{ width: 25%; float: left; box-sizing: border-box; }
.leadership-col-inner img {width: 60%; float: left; margin-bottom: 30px;}

.leadership-text{ width: 74%; float: left; font-size: 16px; color: #666; line-height: 30px; font-weight: 300; }



.vision-bg-col{ width: 100%; float: left; margin: 50px auto; background: url(../images/vision-bg.png); background-size: cover; padding: 20px 0px 100px; box-sizing: border-box; }
.vision-white-bg{ width: 30%; height: 350px; float: left; background: #fff; box-sizing: border-box!important; padding: 20px 20px 40px 20px ; border-bottom: 4px #ed1c24 solid; margin: 0px 19px 0px 19px;  } 

.vision-white-bg p{ width: 100%; float: left; color: #666666; font-size: 16px; line-height: 26px; font-weight: 300;}
.vision-white-bg span{ color: #ff3333; font-weight: 800; font-size: 20px; line-height: 28px; margin-bottom: 30px;}


.values{ width: 100%; margin: 0px auto; }
.values-col{ width: 82%; margin: 0px auto; box-sizing: border-box; }
.points{ width: 100%; float: left; border-bottom: 1px #ccc solid; padding-bottom: 20px; margin-bottom: 20px;}
.value-col-no{width: 5%; float: left; font-size: 72px; font-weight: 300; color: #ff3333; line-height: 46px;}
.value-col-text{ width: 93%; float: right; color:  #666666; font-size: 18px; line-height: 30px; font-weight: 300; }
.value-col-text span{ font-size: 24px; font-weight: 800; color: #666666; text-transform: uppercase; }


.strategy-bg-col{ width: 100%; float: left; margin: 50px auto 0px; background: url(../images/strategy-bg.png); background-size: cover; padding: 20px 0px 100px; box-sizing: border-box; }
.strategy-bg-inner-col{ width: 25%; float: left; }
.strategy-bg-inner-col img{ width: 35%; float: left; }
.strategy-bg-inner-col p{ width: 85%; float: left; color: #ffffff; font-size:16px; line-height: 24px;  } 



footer{ width: 100%; background: #373737; padding: 50px 0px; overflow: auto; }
.footer-col{ width: 100%; max-width: 1200px; margin: 0px auto; padding: 0px 15px; box-sizing: border-box;}
.footer-col-1 { width: 20%; float: left; box-sizing: border-box; }
.footer-col-2 { width: 75%; float: right; box-sizing: border-box; }
.footer-col-2-inner{width: 20%; float: left; box-sizing: border-box;}
.footer-col-2-inner h3{ margin:0px 0px 30px 0px;  }
.footer-col-2-inner a{ color: #fff; font-weight: 500; font-size: 18px; }
.footer-col-2-inner a:hover{ color: #ed1c24; font-weight: 500; font-size: 18px; }


.footer-col-2-inner ul{ margin:0px; padding: 0px; list-style: none; }
.footer-col-2-inner ul li{ width: 100%; float: left;  }
.footer-col-2-inner ul li a{color: #afafaf; line-height: 28px; font-size: 15px; font-weight: 300;}
.footer-col-2-inner ul li a:hover{color: #ed1c24; font-size: 15px; font-weight: 300;}

.bottom-text{ width: 98%; float: left; color: #afafaf;  font-size: 13px; line-height: 20px; margin-top: 30px;	}
.copyright{ width: 21%; float: left; box-sizing: border-box; font-size: 13px; color: #fff; line-height: 20px; margin: 100px 0px 0px 0px; }
.smartech{ width: 12%; float: right; box-sizing: border-box; font-size: 13px; color: #fff; line-height: 20px; margin: 100px 0px 0px 0px; display: block; }
.smartech a{color: #fff;}
.smartech a:hover{color: #ed1c24;}



.thanks{ width: 100%; float: left; font-size: 30px; line-height: 40px; color: #666; }
.thanks span{ font-weight: 800; color: #ed1c24;  }