@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;}
.container-col-top{ width: 100%; max-width: 1200px; box-sizing: border-box; padding: 0px 15px; margin: 0px auto;}


.home-col{width: 100%; float: left; z-index: -1; position: absolute; top: 0; left: 0; overflow-x: hidden;} 

.home-slider{ width: 100%; float: left;  }
.home-slider img{width: 100%; float: left;}


.container-col{ width: 100%;  box-sizing: border-box;  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;}










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



.about-uc{ width:100%; box-sizing:border-box; margin:30px 0px 70px; text-align:center; }
.about-uc p{ font-size:16px; line-height:30px; font-weight:500;width: 68%; padding:30px 0px 50px 0px; text-align:left; margin:0px auto; color: #373737; }
	.about-uc a{ color:#ee373d; font-size:16px; font-weight:500; padding:15px 40px; text-align:left; border:2px solid #ed1c24; background:#fef3f4;}
	.about-uc a:hover{ background:#ee373d; color:#fff; transition:1s;}
	.about-heading{text-align:center; font-weight:800; font-size:30px; color:#ed1c24;  }
	.motors{ width:100%; box-sizing:border-box; background:#f0f0f0; float:left;    margin-top: 70px;}
	.text-section{ width:35%; box-sizing:border-box; float:left; padding:100px 0px;}
	.image-section{ width:65%; float:right; box-sizing:border-box;}
	.image-section img{     width: 78%;float: right;     margin: -100px 0px 0px 0px;}
	.head{ font-size:30px; font-weight:200; line-height:46px; color:#ed1c24;}
	.bold-head{ font-size:30px; line-height:48px; font-weight:900; color:#ed1c24;}
	.text-section p{ font-size:16px; line-height:24px; color:#373737; font-weight:300; margin:10px 0px;}
	.text-section a{ color:#ee373d; font-size:16px; font-weight:500; padding:15px 40px; text-align:left; border:2px solid #ed1c24; background:#fef3f4; float:left; margin:15px 0px;}
	.text-section a:hover{ background:#ee373d; color:#fff; transition:1s;}
	
	.motors-next{  width:100%; box-sizing:border-box; float:left;    margin: 70px 0px;}
    .image-section-next{ width:60%; box-sizing:border-box; float:left;  }
	.image-section-next img{ width: 78%;}
	.text-section-next{  width:40%; float:right; box-sizing:border-box; text-align:right;padding:100px 0px;} 
	.text-section-next p{ font-size:16px; line-height:24px; color:#373737; font-weight:300; margin:10px 0px;}
	.text-section-next a{ color:#ee373d; font-size:16px; font-weight:500; padding:15px 40px; text-align:left; border:2px solid #ed1c24; background:#fef3f4; float:left; margin:15px 0px;}
	.text-section-next a:hover{ background:#ee373d; color:#fff; transition:1s;}


	.text-section-next a{ color:#ee373d; font-size:16px; font-weight:500; padding:15px 40px; text-align:right; border:2px solid #ed1c24; background:#fef3f4; float:right; margin:15px 0px;}
	.text-section-next .bold-head{ font-size:30px; line-height:48px; font-weight:900; color:#ed1c24;}
	.text-section-next .text-section p{ font-size:16px; line-height:24px; color:#373737; font-weight:300; margin:10px 0px;}
	.infrastructure{ background:url(../images/infra-bg.png) no-repeat; background-size:cover;    overflow: auto; padding: 0px 0px 65px 0px; }
	.infra-head{ color:#fff; font-size:30px; font-weight:800; line-height:44px; text-align:center;  padding:60px 0px 40px 0px;}
	.infra-section{ width:100%; box-sizing:border-box; float:left; }
	.box{ float:left; width:45%; box-sizing:border-box; padding: 25px 20px 50px 30px; background:#fff;    border-bottom: 2px solid #ed1c24;    margin: 0px 0px 35px 35px; }
	.icon{ width:25%; float:left; box-sizing:border-box;}
	.text{ width:70%; float:right; box-sizing:border-box;}
	.text p{ font-size:15px; font-weight:400; color:#4d4d4d; padding:20px 0px;}
	.text a{color:#ed1c24; font-size:16px; font-weight:400; }
	.text a:hover{color:#000; }
	.box-head{ font-size:25px; font-weight:800; color:#ed1c24; margin-top: 40px;}
	.outer-head{ width:90%; box-sizing:border-box;  margin:0px auto 60px;}
	.video-section{ width:100%; box-sizing:border-box; text-align:center; margin:100px 0px;}
	.video-section img{ width:80%;}
	.prod-images{ width:100%; float:left; box-sizing:border-box;}
	.product{width: 33.333%; float:left; box-sizing:border-box; margin: -5px 0px 0px 0px;}
	.red-head{ font-size:30px; font-weight:800; position:absolute; color:#fff;   background: #ed1c24;padding: 10px 20px;    margin: -26px 0px 0px 180px;}
	 .product img{ width:100%;  }

	 .form-head{ font-size:30px; font-weight:800; color:#ed1c24; text-align:center;}

	 .form-area{ width: 70%; margin:50px auto; box-sizing: border-box;}
	 	form{ margin:30px auto;}
	 .form-name { width:45%; float:left; padding: 18px 20px;border: 1px #ffffff solid;background: #fff; color: #000000;
	  font-size: 14px;line-height: 26px;box-sizing: border-box; border:1px solid #c7c7c7; padding-right:20px;    margin: 20px 20px;}
	  .form-query{ width:95%; float:left; padding: 18px 20px;border: 1px #ffffff solid;background: #fff; color: #000000;
	  font-size: 14px;line-height: 26px;margin-bottom: 20px;box-sizing: border-box; border:1px solid #c7c7c7; padding-right:20px;         margin: 20px 20px;}
	  .submit {background: #fef3f4;color: #ed1c24;padding:15px 40px;border:2px solid #ed1c24; font-size: 16px; font-weight:400;cursor: pointer;}
	  .submit:hover { background:#ee373d; color:#fff; transition:1s; }
	  .button{ margin:20px 0px; text-align:center;}
     















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;}