@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700|Oswald:300,400,500,600,700&display=swap');


@font-face {font-family: "Flaticon";src: url("fonts/Flaticon.eot");
src: url("fonts/Flaticon.eot?#iefix") format("embedded-opentype"),  url("fonts/Flaticon.woff") format("woff"),  url("fonts/Flaticon.ttf") format("truetype"),  url("fonts/Flaticon.svg#Flaticon") format("svg");
font-weight: normal;font-style: normal;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {font-family: "Flaticon";src: url("fonts/Flaticon.svg#Flaticon") format("svg");}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {font-family: Flaticon;font-style: normal;}
.flaticon-facebook-logo:before {content: "\f100";}
.flaticon-twitter-logo-silhouette:before {content: "\f101";}
.flaticon-linkedin-logo:before {content: "\f102";}
.flaticon-thumbs-up-hand-symbol:before {content: "\f103";}
.flaticon-telephone:before {content: "\f104";font-style: normal;}
.flaticon-mail-black-envelope-symbol:before {content: "\f105";font-style: normal;}
.flaticon-forklift:before {content: "\f106";}
.flaticon-swipe-up:before {content: "\f107";}
.flaticon-google-plus:before {content: "\f108";}

body {font-family: 'Montserrat', sans-serif; color: #000;   font-size: 16px; overflow-x:hidden; background: #fff;}
ul, ol { margin:0; padding:0; } 
a, button  { -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; text-decoration: none !important;}
a, a:focus, a:hover, a:active, input:focus, select:focus, button:focus{ outline:0}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; color: #000; margin: 0; padding: 0;}
.nav > li > a {color: #000 !important;font-size: 16px;text-transform: uppercase;font-weight: 600;}
.navbar {background: rgba(255,255,255,0.8) !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color:transparent; color:#db0081 !important;}
.navbar-nav{float: right; padding: 0 5% 0 0;}
.dropdown-menu{ background:#f4f4f4;border-radius: 0; padding:0 0;border: none;min-width: 190px;}
.dropdown-menu ul {min-height: 600px !important; background:#fff; padding: 30px !important; margin: 10px !important;  -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; text-decoration: none !important;}
.dropdown-menu  .col-sm-3{padding: 0px !important; margin: 0px !important;}
.dropdown-menu ul:hover{ background:#fff;  -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; text-decoration: none !important;}
.dropdown-menu li:hover{ background:#fff;  -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; text-decoration: none !important;}
.dropdown-menu ul li {border-bottom: 1px solid #dadada;}
.dropdown-menu li a{ color:#000 !important;font-size: 15px;}
 
.dropdown-menu li:last-child{ border:none !important;}
.navbar-default .navbar-brand {color: #fff;position: absolute; z-index: 9999;}
.navbar-default {background: rgba(0,0,0,0);width: 100%; }
.navbar-nav > li > a {padding-top: 35px;padding-bottom: 35px;}
.navbar-brand > img  {    width: 100%; background: #fff; padding: 7px 80px; -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out;}
.top-nav-collapse .navbar-brand > img {width: 85%; -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out;}


/******top section*********/
.subMenu {width: 100%; float: left; padding: 0; background: #044d94;}
.topInfo {width: 100%;f ont-size: 16px; float: left; background: #fff; -webkit-transition:-webkit-transition: margin .7s ease-in-out; -moz-transition: margin .7s ease-in-out; transition: margin .7s ease-in-out}
.topInfo ul {margin: 0;float: right; background:#f3f3f3; padding: 6px 40px; color:#00923f;border-bottom-left-radius: 20px;}
.topInfo li {list-style: none;float: left;margin: 0 50px 0 0; font-weight: 500;}
.topInfo li:last-child {margin: 0;}
.topInfo li span{ color:#00923f;margin-right: 8px;}
.topInfo .col-sm-5{ margin:0; padding:0;}
.topInfo a {color: #000; font-size: 16px; } 
.topInfo .col-sm-4{width: 39% !important; }
.topInfo .col-sm-6:last-child{ border-bottom:1px solid rgba(255,255,255,0.3)}
.topInfo .col-sm-2 {width: 10% !important; }
.logoBox{margin: 10px 0 10px 10%;} 
#myCarousel img {width: 100%; height: auto; }
 
@media(min-width:1200px) {
	
    .navbar {
        -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out;
    }
   /* .top-nav-collapse {
        padding: 0 3% ;
    }*/
	.top-nav-collapse .navbar-brand > img {
	  -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; 
}
	.top-nav-collapse .navbar-brand { min-width:80px; padding: 0;  -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; }
	.top-nav-collapse .navbar-nav { -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out;  }
	.top-nav-collapse .topInfo { margin:-118px 0 0; }
	.top-nav-collapse .navbar-nav > li > a {padding-top: 25px;padding-bottom: 25px;}
	.top-nav-collapse {background: rgba(0,0,0,0.5) !important;}
	.top-nav-collapse .nav > li > a {
    color: #fff !important;}
	
 }


/********back to top***/
#back-to-top {cursor: pointer;position: fixed !important;bottom: 20px;right: 20px;z-index: 99 !important;background: #e8008a;padding: 10px 15px;border-radius: 10px;outline: none;border: none;}
/* Flexible Container---*/
.Flexible-container {position: relative; padding-bottom: 40%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
.Flexible-container1 {position: relative; padding-bottom: 40%; height: 0; overflow: hidden; border: none; margin-bottom:0; }
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%;  border: none; top: 0; left: 0; width: 100%; height: 100%;}

/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #3673ae; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }

/********* Welcome Section ******/
#welcomeSection {width: 100%; float: left; background: #fff; font-size: 18px; padding: 0 0 40px 0;  color: #000; position: relative; line-height: 30px;}
#welcomeSection .container-fluid {width: 70%; float: left; margin: 0 15%}
#welcomeSection h1 {font-weight: 600; line-height: 25px; font-size: 36px; margin: 10px 0; font-weight: 700; text-transform: uppercase;}
#welcomeSection h1 span {font-weight: 400; line-height: 45px; font-size: 25px; margin: 10px 0; font-weight: 400; display: block;  }
.readMore {background-color: #db0081;border: none;color: #fff;text-align: center;font-size: 18px;padding: 12px 80px 12px 30px;cursor: pointer;display: inline-block;position: relative;transition: 0.5s;font-weight: 400; margin: 25px 0 0 0; }
#welcomeSection h5 {font-size: 20px;text-transform: uppercase; font-weight: 500;padding: 100px 0 15px 0;}
#welcomeSection h5 span{width: 17%;height: 1px;display: inline-block;background: #000;}
#welcomeSection h3 span{width: 17%;height: 1px;display: inline-block;background: #000; margin: 20px 0 30px 0;}
.readMore .w1 {background: #fff;right: 16px;bottom: 47%;width: 25%;left: auto; position:absolute; height:1px;} 
#welcomeSection .col-md-7 {padding: 0 0 0 60px;}
#welcomeSection h4 {font-size: 150px; font-weight: 700; margin: 40px 0 0 0; text-align: center; text-transform: uppercase; color: #eeeeee; -webkit-text-stroke: 7px #eeeeee;}
/*-------------what we do section----------------*/
.what-we-do {width: 100%;float: left;padding: 80px 0;background: #fff;}
.what-we-do .container-fluid {margin: 0; padding: 0px !important;} 
#testimonials .col-sm-6 { margin:0; padding:0;}  
.proDataCon {position: absolute; bottom: 0; background: #fff; padding: 30px;  -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; }
.prodInfo a {font-size: 16px; color: #000; text-transform: uppercase; }
.prodInfo a:hover .proDataCon {background:#db0081; color: #fff;}
.what-we-do .owl-theme .owl-nav.disabled+.owl-dots {display: none;} 
.what-we-do  .owl-carousel .owl-nav.disabled  {text-align: center;}
.what-we-do .owl-theme .owl-nav {margin-top: 40px;}
.what-we-do h3 {font-size: 150px; font-weight: 700; margin: 0 0 40px 0; text-align: center; text-transform: uppercase; color: #eeeeee; -webkit-text-stroke: 7px #eeeeee;}
 
 
/*******testimonials*****/
#testimonials{ width:100%; float:left; position:relative; background: url(../images/packages.jpg) no-repeat left top; background-attachment: fixed; background-size: 100%; padding:120px 0 120px 0;}
#testimonials img {margin: 100px 0 0 0;}
#testimonials .howPatch {width: 100%;float: left;background: #f2f2f2; padding: 50px;border-right: 5px solid #e3000f; position: relative;  }
#testimonials .howPatch h5{ color:#000; font-size:18px; position:relative;}
#testimonials .howPatch h2{ color:#000; font-size:20px; text-transform:capitalize; line-height:25px;margin: 10px 0; font-weight:600;}
#testimonials .howPatch h5 .w1 {background: #000;bottom: 30%;width: 20%;left: 28%; position:absolute; height:1px;}
#testimonials hr{ border-top:1px solid #d7d7d7;}
.howPatch img{ float:left;margin-right: 16px; width:auto !important;}
.howPatch h4{ color:#e3000f; font-size:18px; text-transform:capitalize;margin-top: 25px;line-height: 25px;}
.howPatch h4 span{color:#6d6d6d; font-size:15px; display:block;}
#testimonials a{ color:#000;}
#testimonials .howPatch img {margin: 0px 20px 0 0;}
#testimonials h3{ color:#fff; font-size:80px; text-transform:capitalize; line-height:25px; text-transform: uppercase; opacity: 0.2; margin: 80px 0; font-weight:900; text-align: center;}

/*******Services*****/
#servicesSec {width: 100%; float: left; padding: 150px 0 100px 0; background: url(../images/projectsBg.jpg) no-repeat left top #f2f7fb; }
.servicesCon {background: url(../images/clientBg.jpg) repeat left top !important; padding: 100px 0 !important;}
.servicesCon .cardInfo {padding: 40px 60px 40px 60px !important;}
#servicesSec .container-fluid {width: 70%; margin: 0 15%;}
#servicesSec h4 {font-size: 38px; color: #000; font-weight: 800; margin: 0 0 50px 0; line-height: 50px;}  
#servicesSec h5 {font-size: 25px; color: #000; font-weight: 700; margin: 0; text-transform: uppercase;} 
#servicesSec h5 .w1 {background: #000; width: 20%; left: 15%; position: absolute; height: 1px; top: 20px;}
#servicesSec .col-sm-4 {margin: 0 0 30px 0;}
#servicesSec .p-3 {float: right;}
#servicesSec img {width: 100%; height: auto; margin: 0;}

#servicesSec h3 {font-weight: 600; line-height: 25px; font-size: 36px;  margin: 0 0 20px 0; font-weight: 700; text-transform: uppercase; text-align: left;}
#servicesSec h2 {font-weight: 600; line-height: 25px; font-size: 20px;  margin: 0 0 45px 0; font-weight: 500; text-align: left;}


/*******Partner*****/
#partnerCon {width: 100%; float: left; background: #fff; padding: 100px 0 60px 0;}
#partnerCon  .container-fluid {width: 70%; margin: 0 15%;}
#partnerCon .prodInfo {width: 100%; float: left; position: relative;}
#partnerCon .proImg{width: 55%; float: left; position: relative;}
#partnerCon .proDataCon {width: 60%; position: absolute; background: #fff; padding: 40px 0; box-shadow: 0px 0px 15px 0px rgba(214,214,214,0.75);
-webkit-box-shadow: 0px 0px 15px 0px rgba(214,214,214,0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(214,214,214,0.75); bottom: 15%; z-index: 10; left: 40%; color: #000;}
#partnerCon .proRera {width: 100%; float: left; background: #fff; padding: 6px 0; border-bottom: 2px solid #f2f2f2; border-top: 2px solid #f2f2f2;} 
#partnerCon .proRera1 {width: 100%; float: left; background: #f2f2f2; padding: 20px 0; }
#partnerCon .proDataCon p {margin: 0 60px 30px 60px;}
#partnerCon .proDataCon h3 {font-size: 35px; font-weight: 700; color: #000; text-transform: uppercase; margin: 0 60px 0 60px; line-height: 50px;}
#partnerCon .proDataCon h4 {font-size: 18px; font-weight: 600; color: #000; line-height: 30px; margin: 0 60px;}
#partnerCon .proDataCon h4 span {font-size: 22px; font-weight: 700; color: #e32869; line-height: 30px; display: block;}
#partnerCon h5 {font-size: 70px; font-weight:800; color: #e6e6e6; text-transform: uppercase; line-height: 50px; position:absolute; top: 18%; right: 0; -webkit-text-stroke: 3px #e6e6e6;}
#partnerCon .owl-theme .owl-nav.disabled+.owl-dots {display: none;}
#partnerCon .owl-carousel .owl-stage-outer {height: calc(100% + 30px); margin: -15px; padding: 15px; width: calc(100% + 30px);}
#partnerCon .owl-nav {position: absolute;  left: -14%; top: 40%; }
#partnerCon .owl-carousel .owl-nav button.owl-prev {padding: 10px 22px!important; margin: 10px 30%;}
#partnerCon .owl-carousel .owl-nav button.owl-next {padding: 10px 22px!important; margin: 10px 30%;}
#partnerCon .readMore {background-color: #e32869;border: none;color: #fff;text-align: center;font-size: 18px;padding: 12px 80px 12px 30px;cursor: pointer;display: inline-block;position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;font-weight: 400; margin: 20px 0 0 60px; }
#partnerCon .readMore .w1 {background: #fff;right: 16px;bottom: 47%;width: 25%;left: auto; position:absolute; height:1px;}  
#partnerCon h2 {font-size: 150px; font-weight: 700; margin: 60px 0 0 0; text-align: center; text-transform: uppercase; color: #e6e6e6; -webkit-text-stroke: 7px #e6e6e6;}




/*******Vision*****/
#visionCont {width: 100%; float: left; background: url(../images/road.jpg) no-repeat left top; background-attachment: fixed; background-size: 100% auto; min-height: 450px; position:relative;}
.visioInfo {width: 70%; position:absolute; bottom: -15px; background: rgba(9,92,170,0.5);   padding: 50px 80px ; margin: 0 15%; text-align: center; color: #fff; font-size: 22px; font-weight: 600;}

/*******testimonials*****/
#customersSec {width: 100%; float: left; background: #fff/*url(../images/clientBg.jpg) repeat left top*/; padding: 100px 0; text-align:center;}
#customersSec .container-fluid {width: 70%; margin: 0 15%;}
#customersSec img {width: 100%; height: auto; border: 1px solid #e4e4e4;} 
#customersSec .col-sm-3 {margin: 0 0 30px 0;}
#customersSec h3 {font-size: 150px; font-weight: 700; margin: 0 0 40px 0; text-align: center; text-transform: uppercase; color: #eeeeee; -webkit-text-stroke: 7px #eeeeee;}

/***footer ****/ 
.footerSection {width: 100%;float: left; position: relative; background:#fff;  padding: 100px 0;  }
.footerSection .col-sm-7 {margin: 0px !important; padding: 0px !important;}
.footerSection .col-sm-5 {margin: 0px !important; padding: 0px !important;}
.followBox {width: 100%; float: left; background: #da1212; padding: 20px 30px; }
.enquiryBox {width: 100%; float: left; padding: 100px 120px 60px 70px; position: relative;}
.enquiryBox h4 {font-size: 38px; color: #000; font-weight: 800; margin: 0 0 20px 0;} 
.enquiryBox h4 span {font-weight: 400; } 
.enquiryBox h5 {font-size: 23px; color: #000; font-weight: 500; margin: 0 0 10px 0;} 
.copeRight {  width: 100%; float: left; background: url(../images/footer.jpg) repeat left top; padding: 0px 15% 45px 15%; color: #fff; }
.copeRight ul {padding: 0; margin: 0;}
.copeRight li {list-style: none; width: 50%; float: left; line-height: 45px;} 
.copeRight a {color: #fff; text-decoration: none; font-size: 15px;  font-weight: 500; } 
.copeRight a:hover {color: #e8008a; }
.copeRight .links {color: #fff; font-size:14px; text-transform: uppercase;font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.3); margin: 0 0 30px 0;}
.copeRight .links i {padding: 10px;text-align: center;color: #999999;font-size: 18px;margin: 0px !important;}
.copeRight .links i:hover {color: #fff;}
.enquiryBox  button, input, select, textarea {display: block;width: 100%;line-height: 24px; height: 50px; font-size: 16px;box-shadow: none;background: #fff; padding: 12px 0;border-radius: 0px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;margin: 15px 0; color:#000; border: none; border-bottom: 1px solid #414244;}
#form1 textarea {height: 90px;}
.enquiryBtn {display: inline-block;}
.subbtn {background: #1c314b !important;display: inline-block;padding: 10px 30px !important;text-align: center;color: #fff;font-size: 17px;font-weight: 600;text-transform: uppercase;text-decoration: none;transition: all 1s;border: none; margin: 15px 0 0 0;}
.subbtn:hover{background:#000 !important;}
.left.carousel-control { position: absolute;bottom: -5%;background: #fff;color: #494949;  right: 14.2% !important; opacity: 1; padding: 33px 30px; border-radius: 100%;}
.right.carousel-control { position: absolute;bottom: -5%;background: #db0081;color: #fff; right:10%; opacity: 1;padding: 33px 30px; border-radius: 100%;}
#myCarousel .glyphicon{top: 5px;}
.copeRight h5 {color: #fff;font-size: 17px;line-height: 30px;font-weight: 600;}
.copeRight h5 span {display: block;font-weight: 300;font-size: 18px;}
.right_txt {text-align: right;}
.call_blk{ width:100%; background:#636363;padding:0 0 0 30px;margin-bottom: 40px;}
.call_mail{ width:100%; background:#3e3e3e;padding: 15px 30px;margin-bottom: 0; float: left;}
.call_blk .col-sm-1 {margin: 15px 0 0 0;}
.call_blk .col-sm-11 {margin: 15px 0 0 0;}
.copeRight i{font-size: 40px;}
.copeRight #back-to-top {cursor: pointer;  position: relative !important;  bottom: 0; right: 0; z-index: 99 !important; background: none;  padding: 0; border-radius: 0; outline: none;  border: none;}
.enquiryBox h5{ color:#000; font-size:18px; position:relative;}
.enquiryBox h2{ color:#000; font-size:20px; text-transform:capitalize; line-height:25px;margin: 10px 0; font-weight:600;}
.enquiryBox h5 .w1 {background: #000;bottom: 30%;width: 20%;left: 13%; position:absolute; height:1px;}
.copeRight .links {color: #fff; font-size: 17px; line-height: 80px; text-transform: uppercase;}
.copeRight .links i { padding: 10px; border-radius: 50%; width: 40px;  height: 40px; text-align: center; line-height: 22px; margin: 0 3px; color: #000; font-size: 18px; background: #ffffff; margin: 0px !important;} 
.copeRight .links i:hover {color: #e8008a;}

/*********Mega Menu*******/
.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a { 
  font-weight: bold;
}

.mega-dropdown {
  position: static !important;
/*  width: 100%;*/
}

.mega-dropdown-menu {
  padding: 0 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.mega-dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  position: absolute;
  top: -15px;
  left: 285px;
  z-index: 10;
}

.mega-dropdown-menu:after {
  content: "";
  border-bottom: 17px solid #ccc;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  position: absolute;
  top: -17px;
  left: 283px;
  z-index: 8;
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 5px 0;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #000;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #e8008a !important;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
  color: #207ccb;
  font-size: 18px;
  font-weight: bold; text-transform: uppercase;  
}

.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}


/**box effect**/
.culd{
    position: absolute;
    top: 100px;
    left: 100px;
    width: 10px;
    height: 10px;
    border: 1px solid #f2f2f2;
    transform-origin: top left;
    transform: scale(0) rotate(0deg) translate(-50%,-50%);
    animation: culd 12s  ease-in forwards infinite;
}
.culd:nth-child(2n){
    border-color: #f2f2f2;
}
.culd:nth-child(2){
    animation-delay: 2s;
    top: 90%;
    left: 10%;
}
.culd:nth-child(3){
    animation-delay: 4s;
    top: 10%;
    left: 50%;
}
.culd:nth-child(4){
    animation-delay: 6s;
    top: 50%;
    left: 60%;
}
.culd:nth-child(5){
    animation-delay: 8s;
    top: 40%;
    left: 90%;
}
@keyframes culd{
    from{
        transform: scale(0) rotate(0deg) translate(-50%,-50%);
        opacity: 1;
    }
    to{
        transform: scale(20) rotate(360deg) translate(-50%,-50%);
        opacity: 0;
    }
}
/**404pxge***/

.flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  color: white;
  animation: colorSlide 15s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;
}
.flex-container .text-center {
  text-align: center;
}
.flex-container .text-center h1,
.flex-container .text-center h3 {
  margin: 10px;
  cursor: default;
}
.flex-container .text-center h1 .fade-in,
.flex-container .text-center h3 .fade-in {
  animation: fadeIn 2s ease infinite;
}
.flex-container .text-center h1 {
  font-size: 8em;
  transition: font-size 200ms ease-in-out;
  border-bottom: 1px dashed white;
}
.flex-container .text-center h1 span#digit1 {
  animation-delay: 200ms;
}
.flex-container .text-center h1 span#digit2 {
  animation-delay: 300ms;
}
.flex-container .text-center h1 span#digit3 {
  animation-delay: 400ms;
}
.flex-container .text-center button {
  border: 1px solid white;
  background: transparent;
  outline: none;
  padding: 10px 20px;
  font-size: 1.1rem;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  transition: background-color 200ms ease-in;
  margin: 20px 0;
}
.flex-container .text-center button:hover {
  background-color: white;
  color: #555;
  cursor: pointer;
}
.flex-container a{ color:#fff;}

@keyframes colorSlide {
  0% {
    background-color: #152a68;
  }
  25% {
    background-color: royalblue;
  }
  50% {
    background-color: seagreen;
  }
  75% {
    background-color: tomato;
  }
  100% {
    background-color: #152a68;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.list-type1 ol{
counter-reset: li;
list-style: none;
*list-style: decimal;
font-size: 15px;

padding: 0;
margin-bottom: 4em;
}
.list-type1 li{width: 46%;float: left;margin: 0 20px;}
.list-type1 ol ol{
margin: 0 0 0 2em;
}

.list-type1 a{
font-size: 16px;
position: relative;
display: block;
padding: .4em .4em .4em 2em;
*padding: .4em;
margin: .5em 0;
background: #d70823;
color: #fff;
text-decoration: none;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
border-radius: 10em;
transition: all .2s ease-in-out;
}
.list-type1{margin-top: -50px;}
.list-type1 a:hover{
background: #d6d4d4;
text-decoration:none;
transform: scale(1.1);
color:#000;
}

.list-type1 a:before{
line-height: 30px;
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background:#000;
height: 40px;
width: 40px;
border: .3em solid #f1f1f1;
text-align: center;
font-weight: bold;
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;
color:#FFF;
}
.chairman h6{ font-size:30px;line-height: 30px}
.chairman h6 span{ font-size:19px; display:block; color:#e3000f ; margin:5px 0;}
.chairman img{ border:2px dotted #ccc; margin-left:30px;}




/*********About inner Page*******/ 
#aboutSection {width: 100%; float: left; background: #fff; font-size: 18px; padding: 0 0 40px 0;  color: #000; position: relative; line-height: 30px;}
#aboutSection .container-fluid {width: 70%; float: left; margin: 0 15%}
#aboutSection h1 {font-weight: 600; line-height: 45px; font-size: 36px; margin: 10px 0; font-weight: 700; text-transform: uppercase;}
#aboutSection h1 span {font-weight: 400; line-height: 45px; font-size: 25px; margin: 10px 0; font-weight: 400; display: block;  }
#aboutSection h5 {font-size: 20px;text-transform: uppercase; font-weight: 500;padding: 100px 0 15px 0;}
#aboutSection h5 span{width: 17%;height: 1px;display: inline-block;background: #000;}
#aboutSection h3 span{width: 17%;height: 1px;display: inline-block;background: #000; margin: 20px 0 30px 0;}
.readMore .w1 {background: #fff;right: 16px;bottom: 47%;width: 25%;left: auto; position:absolute; height:1px;} 
#aboutSection .col-md-7 {padding: 0 60px 0 0}
#aboutSection h4 {font-size: 150px; font-weight: 700; margin: 20px 0 40px 0; text-align: center; text-transform: uppercase; color: #eeeeee;  }
.whyInfo { width: 100%; background: url(../images/road.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed;  display: grid; align-items: center; justify-content: center; padding: 150px 0;}
.whyCon {width: 70%; min-height: 20rem; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);  border-radius: 5px; background-color: rgba(255, 255, 255, .25);  backdrop-filter: blur(5px); padding: 50px 80px ; margin: 0 15%; text-align: center; color: #fff; font-size: 18px; font-weight: 600;}
.whyCon h5 {color: #fff; font-size: 25px; font-weight: 600; text-align: center; margin: 0 0 15px 0; }
#customersSec ul {padding: 0; margin: 0;}
#customersSec li {list-style: none; background: rgba(255,255,255,0.5); border: 1px solid #e4e4e4; border-left: 2px solid #d4047f; text-align: left; padding: 15px 20px; width: 100%; float: left;  margin: 0 0 15px 0; font-weight: 500; font-size: 16px;}
#customersSec h6 {font-weight: 600; line-height: 25px; font-size: 36px;  margin: 0 0 20px 0; font-weight: 700; text-transform: uppercase; text-align: left;}
#customersSec h5 {font-weight: 600; line-height: 25px; font-size: 20px;  margin: 0 0 30px 0; font-weight: 500; text-align: left;}
#customersSec h2 {font-weight: 600; color: #d4047f; line-height: 25px; font-size: 20px;  margin: 0 0 10px 0; font-weight: 600; text-align: left;}
.machineBox {width: 100%; height: auto; background: #fff; float: left; text-align: left; border: 1px solid #e4e4e4; padding: 40px; margin: 0 0 30px 0;}
.machineBox p {margin: 0;}
.machineBox h4  {font-weight: 600; line-height: 25px; font-size: 20px; color: #e8008a; margin: 0 0 15px 0; font-weight: 700; text-align: left;}
#customersSec img{  transition: all 2s, transform 1s;} 
#customersSec img:hover {  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */  }
.careersBox {width: 100%; height: auto; background: #fff; float: left; text-align: left; border: 1px solid #e4e4e4; padding: 40px; margin: 0 0 30px 0;}
.careersBox p {margin: 0 0 10px 0; line-height: 30px;}
.careersBox h4  {font-weight: 600; line-height: 25px; font-size: 20px; color: #e8008a; margin: 0 0 15px 0; font-weight: 700; text-align: left;}
.careersBox .readMore { padding: 12px 140px 12px 30px;}
.careersBox .readMore { margin: 10px 0 0 0;}
.careersBox img {width: 40% !important; float: right; margin: 0 0 0 50px; border: 1px dashed #db0081 !important; padding: 8px; }
.aboutImg {margin: 100px 0 0 0;}


/*----animated text---*/
 #aboutSection h4 {font-family: 'Montserrat', sans-serif; font-size:110px; font-weight: 900 !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;background: url(../images/road.jpg); background-size: 100%; -webkit-animation: moving 20s ease infinite; text-transform: uppercase; text-align: center;  }
@-webkit-keyframes moving {
 0% { background-position: 0 0;}
 100% {background-position: 0 500px;}
}​
 


/*******Projects*****/
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #f2f7fb;
	background-clip: border-box;
	border: none; border-radius:.25rem; animation: pulse 3s ease infinite alternate, nudge 5s linear infinite alternate; padding: 0 20px;
}
.card>hr {
	margin-right: 0;
	margin-left: 0
}
.card>.list-group {
	border-top: inherit;
	border-bottom: inherit
}
.card>.list-group:first-child {
	border-top-width: 0;
border-top-left-radius:calc(.25rem - 1px);
border-top-right-radius:calc(.25rem - 1px)
}
.card>.list-group:last-child {
	border-bottom-width: 0;
border-bottom-right-radius:calc(.25rem - 1px);
border-bottom-left-radius:calc(.25rem - 1px)
}
.card>.card-header+.list-group, .card>.list-group+.card-footer {
	border-top: 0
}
.card-body {
	flex: 1 1 auto;
    padding: 10px 10px;
    position: absolute;
    z-index: 10;
    background: #fff;
    bottom: -48px;
    width: 70%;
    margin: 0 15%;  
}
.card-title {
margin-bottom:0; font-weight: bold; font-size: 22px; color: #000; border: 1px solid #b2b2b2; padding: 20px 25px;	
}
.card-subtitle {
margin-top:-.25rem;
	margin-bottom: 0
}
.card-text:last-child {
	margin-bottom: 0
}
.card-link:hover {
	text-decoration: none
}
.card-link+.card-link {
	margin-left: 1rem
}
.card-header {
padding:.5rem 1rem;
	margin-bottom: 0;
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer {
padding:.5rem 1rem;
	background-color: rgba(0,0,0,.03);
	border-top: 1px solid rgba(0,0,0,.125)
}
.card-footer:last-child {
border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-right:-.5rem;
margin-bottom:-.5rem;
margin-left:-.5rem;
	border-bottom: 0
}
.card-header-pills {
margin-right:-.5rem;
margin-left:-.5rem
}
.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
border-radius:calc(.25rem - 1px)
}
.card-img, .card-img-bottom, .card-img-top {
	width: 100%
}
.card-img, .card-img-top {
border-top-left-radius:calc(.25rem - 1px);
border-top-right-radius:calc(.25rem - 1px)
}
.card-img, .card-img-bottom {
border-bottom-right-radius:calc(.25rem - 1px);
border-bottom-left-radius:calc(.25rem - 1px)
}
.card-group>.card {
margin-bottom:.75rem
} 
.cardInfo {width: 100%; float: left; position:relative; background: #fff; margin: 0 0 60px 0; font-size: 18px; line-height: 30px;  padding: 70px 60px 40px 60px; color: #000; box-shadow: 0px 0px 15px 0px rgba(112,177,229,0.25);
-webkit-box-shadow: 0px 0px 15px 0px rgba(112,177,229,0.25); -moz-box-shadow: 0px 0px 15px 0px rgba(112,177,229,0.25);}
.cardPhoto {width: 100%; float: left; position:relative; } 
#servicesSec span {color: #db0081; font-size: 18px; font-weight: 600;}
#servicesSec a:hover .card-body { padding: 10px 10px; background: #db0081; bottom: -48px;  -moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out; }
#servicesSec a:hover h5 {color: #fff;}
#servicesSec a:hover .card-title {border: 1px solid #fff;}
#servicesSec a:hover span {color: #000}


@media (min-width:576px) {
.card-group {
	display: flex;
	flex-flow: row wrap
}
.card-group>.card {
	flex: 1 0 0%;
	margin-bottom: 0
}
.card-group>.card+.card {
	margin-left: 0;
	border-left: 0
}
.card-group>.card:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top {
	border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom {
	border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top {
	border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom {
	border-bottom-left-radius: 0
}
}

.menu1{-webkit-animation: action 1s infinite  alternate;  animation: action 1s infinite  alternate; }
	@-webkit-keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-20px); }
    }
    @keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-20px); }
    }
.menu2{ -webkit-animation: action 0.9s infinite  alternate; animation: action 0.9s infinite  alternate;}
    @-webkit-keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-20px); }
    }
    @keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-20px); }
    }

/*******Inner Projects*****/ 
.projectSection {width: 100%; float: left;  background-image: url(../images/default_pattern1.png), url(../images/default_pattern.png); background-position: left top, left top;  background-repeat:  repeat-y, repeat; padding: 80px 0;} 
.projectSection img {width: 100%; height: auto;}
.innerSec h5 span {width: 7% !important;}
.projectSection h5 {line-height: 30px; font-size: 25px !important; padding: 0px !important;  margin: 150px 60px 20px 60px; font-weight: 700 !important; text-transform: uppercase !important; text-align: left;} 
.projectSection h6  {line-height: 30px; font-size: 18px;   margin: 20px 60px 20px 60px; font-weight: 600;  } 
.projectSection .readMore {margin: 10px 60px 0 60px;}
.innerConBox {width: 100%; height: auto; background: #fff; float: left; text-align: left; border: 1px solid #e4e4e4; padding: 10px; margin: 0 0 30px 0;}

.innerwhy { width: 100%; background: url(../images/road1.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed;  display: grid; align-items: center; justify-content: center; padding: 180px 0;}
.innerwhy h5 {line-height: 70px; font-size: 30px !important; color: #fff; padding: 0px !important;  margin: 0; font-weight: 400 !important; text-transform: uppercase !important; text-align: center;} 
.innerwhy h5 span {line-height: 70px; font-size: 40px !important; color: #fff; line-height: 30px; font-size: 30px !important; font-weight: 700; display: block;}

.innerwhy1 { width: 100%; background: url(../images/road2.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed;  display: grid; align-items: center; justify-content: center; padding: 180px 0;}
.innerwhy1 h5 {line-height: 70px; font-size: 30px !important; color: #fff; padding: 0px !important;  margin: 0; font-weight: 400 !important; text-transform: uppercase !important; text-align: center;}
.innerwhy1 h5 span {line-height: 70px; font-size: 40px !important; color: #fff; line-height: 30px; font-size: 30px !important; font-weight: 700; display: block;}

.innerwhy2 { width: 100%; background: url(../images/road3.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed;  display: grid; align-items: center; justify-content: center; padding: 180px 0;}
.innerwhy2 h5 {line-height: 70px; font-size: 30px !important; color: #fff; padding: 0px !important;  margin: 0; font-weight: 400 !important; text-transform: uppercase !important; text-align: center;}
.innerwhy2 h5 span {line-height: 70px; font-size: 40px !important; color: #fff; line-height: 30px; font-size: 30px !important; font-weight: 700; display: block;}

.innerwhy3 { width: 100%; background: url(../images/road4.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed;  display: grid; align-items: center; justify-content: center; padding: 180px 0;}
.innerwhy3 h5 {line-height: 70px; font-size: 30px !important; color: #fff; padding: 0px !important;  margin: 0; font-weight: 400 !important; text-transform: uppercase !important; text-align: center;}
.innerwhy3 h5 span {line-height: 70px; font-size: 40px !important; color: #fff; line-height: 30px; font-size: 30px !important; font-weight: 700; display: block;}


.innerwhy4 { width: 100%; background: url(../images/road5.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed;  display: grid; align-items: center; justify-content: center; padding: 180px 0;}
.innerwhy4 h5 {line-height: 70px; font-size: 30px !important; color: #fff; padding: 0px !important;  margin: 0; font-weight: 400 !important; text-transform: uppercase !important; text-align: center;}
.innerwhy4 h5 span {line-height: 70px; font-size: 40px !important; color: #fff; line-height: 30px; font-size: 30px !important; font-weight: 700; display: block;}

.innerwhy5 { width: 100%; background: url(../images/road6.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed;  display: grid; align-items: center; justify-content: center; padding: 180px 0;}
.innerwhy5 h5 {line-height: 70px; font-size: 30px !important; color: #fff; padding: 0px !important;  margin: 0; font-weight: 400 !important; text-transform: uppercase !important; text-align: center;}
.innerwhy5 h5 span {line-height: 70px; font-size: 40px !important; color: #fff; line-height: 30px; font-size: 30px !important; font-weight: 700; display: block;}

.innerwhy6 { width: 100%; background: url(../images/road7.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed;  display: grid; align-items: center; justify-content: center; padding: 180px 0;}
.innerwhy6 h5 {line-height: 70px; font-size: 30px !important; color: #fff; padding: 0px !important;  margin: 0; font-weight: 400 !important; text-transform: uppercase !important; text-align: center;}
.innerwhy6 h5 span {line-height: 70px; font-size: 40px !important; color: #fff; line-height: 30px; font-size: 30px !important; font-weight: 700; display: block;}

.innerwhy7 { width: 100%; background: url(../images/road8.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed;  display: grid; align-items: center; justify-content: center; padding: 180px 0;}
.innerwhy7 h5 {line-height: 70px; font-size: 30px !important; color: #fff; padding: 0px !important;  margin: 0; font-weight: 400 !important; text-transform: uppercase !important; text-align: center;}
.innerwhy7 h5 span {line-height: 70px; font-size: 40px !important; color: #fff; line-height: 30px; font-size: 30px !important; font-weight: 700; display: block;}

.innerwhy8 { width: 100%; background: url(../images/road9.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed;  display: grid; align-items: center; justify-content: center; padding: 180px 0;}
.innerwhy8 h5 {line-height: 70px; font-size: 30px !important; color: #fff; padding: 0px !important;  margin: 0; font-weight: 400 !important; text-transform: uppercase !important; text-align: center;}
.innerwhy8 h5 span {line-height: 70px; font-size: 40px !important; color: #fff; line-height: 30px; font-size: 30px !important; font-weight: 700; display: block;}

 

/*********resposnive*******/ 
 
@media (min-width: 1500px) { 
.navbar-brand > img {width: 100%;} 
.right.carousel-control {padding: 25px 30px; }
.left.carousel-control {padding: 25px 30px;}
.carousel-caption h1 {font-size: 25px !important; }
.left.carousel-control {right: 15.4% !important;}
#welcomeSection h1 {font-size: 30px;}
#servicesSec { background-size: 100% auto;}
#partnerCon .proDataCon {bottom: 15%;}
.machineBox { min-height: 170px;}
}
@media (max-width: 1700px) { 
#partnerCon .proDataCon {bottom: 10%;}
}
@media (max-width: 1600px) { 
#partnerCon .proDataCon {bottom: 5%;}
}
@media (max-width: 1499px) { 
.navbar-brand > img {width: 100%;} 
.navbar-brand > img {width: 100%;} 
.right.carousel-control {padding: 25px 30px; }
.left.carousel-control {padding: 25px 30px;}
.carousel-caption h1 {font-size: 25px !important; }
.left.carousel-control {right: 15.4% !important;}
#welcomeSection h1 {font-size: 30px;}
#servicesSec { background-size: 100% auto;}
#partnerCon h5 { top: 10%;}
#partnerCon .proDataCon h3 { font-size: 25px;}
#partnerCon h5 {top: 0px !important;}
#partnerCon .proDataCon { bottom: 0% !important;}
#servicesSec h5 {font-size: 20px;}
.call_blk .col-sm-8 {width: 56.666667%;}
.call_blk .col-sm-4 {width: 43.333333%;}
#aboutSection h5 {padding: 60px 0 15px 0;}
#aboutSection h1 {font-size: 25px;}
.projectSection h5 {font-size: 22px !important;}
.projectSection h6 {line-height: 25px; font-size: 15px;}
.readMore {color: #fff; text-align: center; font-size: 14px; padding: 7px 80px 7px 20px;}
.projectSection h5 {margin: 40px 60px 20px 60px;  font-size: 17px !important;}
.machineBox { min-height: 170px;} 
}
 
@media (max-width: 1350px) {
#welcomeSection h1 {font-size: 25px;}
#welcomeSection h1 span { font-size: 20px; margin: 0;}
#welcomeSection .col-md-5 {display: none;}
#welcomeSection .col-md-7 {width: 100% !important; padding: 0;}
#welcomeSection h5 {padding: 80px 0 15px 0;}
#welcomeSection h3 span {margin: 0 0 30px 0;}
#partnerCon .proDataCon h4 span {font-size: 19px; }
#partnerCon .proDataCon {bottom: 5%;}
}
@media (max-width: 1300px) {
.navbar-nav > li > a {padding: 20px 20px !important;}
.nav > li > a{font-size: 14px;}
.navbar-brand > img {width: 77%;}
.left.carousel-control { right: 16.4% !important;}
.dropdown-menu ul {min-height: 0 !important; padding: 30px !important; margin: 10px !important; }
 .mega-dropdown-menu > li > ul > li { width: 33.333%; float: left;}
.dropdown-menu .col-sm-3 {  width: 100%;}
.mega-dropdown-menu .dropdown-header { width: 100%; }
.dropdown-menu ul {padding: 0px !important;}
.mega-dropdown-menu .dropdown-header { color: #207ccb; font-size: 15px; background: #fff; padding: 9px 20px;} 
#customersSec .col-xs-6 {width: 50%;}

}
@media (max-width: 1280px) {
.proDataCon {font-size: 14px;} 
#partnerCon .proDataCon h4 {font-size: 16px; line-height: 23px; }
}
@media (max-width: 1250px) {
#customersSec {padding: 60px 0;}
#customersSec h3 {font-size: 100px;}
#aboutSection .col-md-7 {padding: 0; width: 100%;}
.aboutImg { margin: 100px 0 0 0; display: none;}
#aboutSection h4 {font-size: 90px;}
}
@media (max-width: 1220px) {
.container{width:94%;}
.navbar-nav > li > a {padding: 20px 15px !important; font-size: 15px;}
}
@media (max-width: 1199px) {
.left.carousel-control {right: 17.4% !important;}
#partnerCon .proDataCon {width: 75%;}
#partnerCon h5 { top: 0px !important; right: -14%;}
.dropdown-menu li a { color: #000 !important; font-size: 13px;}
#aboutSection h4 {font-size: 80px;}
.projectSection .col-sm-7 { width: 100%;}
.projectSection .col-sm-5 { width: 100%;}
#aboutSection h1 {font-size: 25px; line-height:40px; margin: 0px;}
#aboutSection h5 {font-size: 20px;  padding: 40px 0 15px 0;}
/******** start toggle***********/
.dropdown-menu ul {min-height: inherit!important; overflow: inherit !important;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height:  inherit!important;}
.navbar-nav {padding: 0px !important;}
.navbar-inverse { background:#fff}
.navbar-toggle { margin-top: 0px; cursor:pointer;background: #e3000f;}
.navbar-header { width:100%;}
.navbar-wrapper .container { width:100%; padding:0}
.nav-top .container { padding:0 30px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { position:absolute; width:100%; padding:0; background:#004588}
.navbar-nav { margin:0}
.navbar-nav > li > a {border-bottom: 1px solid rgba(255,255,255,0.2);font-size: 15px;font-weight: normal;padding: 10px 20px;color:#000}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background:#fff}
.navbar-inverse .navbar-toggle { border:0}
.carousel-caption {left: 7%;bottom: 13%;} 
.bar1, .bar2, .bar3 { width: 35px; height: 4px; background-color: #d30000; margin: 5px 0; transition: 0.4s;}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover { color:#fff}
.navbar-nav > li > .dropdown-menu {  border: 0 none; border-top-left-radius: 0; border-top-right-radius: 0;box-shadow: none;clear: both; margin-top: 0;position: relative;width: 100%;} 
.dropdown-menu > li > a { clear: both; color: #000;display: block;font-weight: 400;line-height: 1.42857; padding: 7px 39px;
text-transform:uppercase; font-size:14px;border-bottom:solid 1px rgba(255,255,255,0.2); white-space: nowrap;}
.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;color: #000 !important;}
.nav>li {position: relative; display: block; background: #f7f7f7;}
 
/******** end toggle***********/
.navbar-fixed-bottom, .navbar-fixed-top{position: absolute;}
.navbar-nav {float: right;width: 100%;}
.navbar-default .navbar-nav > li > a {color: #000 !important;}
.navbar-nav > li > a {padding: 10px 15px !important;}
.navbar-fixed-bottom, .navbar-fixed-top {position: relative;}
.navbar-toggle {background: #ec008c;}
.navbar-toggle {margin: 14px 15px 14px 0 !important; background: #db0081; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7;  position: absolute;  width: 100%;}
.dropdown-menu ul {margin: 0 !important; }
.dropdown-menu ul {padding: 10px 0!important;}
.mega-dropdown-menu > li > ul > li > a { padding: 5px 25px;}
.mega-dropdown-menu .dropdown-header { font-size: 16px;}
#servicesSec h5 { font-size: 16px;}
#customersSec h3 {font-size: 70px; -webkit-text-stroke: 3px #e6e6e6; margin: 0 0 20px 0;}
#customersSec { padding: 40px 0;}
.call_mail {display: none;}
.call_blk .col-sm-1 {float: left;}
.copeRight li {width: 33.33333%; text-align: center;}
.copeRight .links {font-size: 17px; text-align: center; width: 100%; border-top: 1px solid rgba(255,255,255,0.3); margin: 30px 0 30px 0;} 
.copeRight .pull-right {width: 100%; text-align:center;}
 .mega-dropdown-menu > li > ul > li { width: 100%; float: left;}
.dropdown-menu .col-sm-3 {  width: 100%;}
.mega-dropdown-menu .dropdown-header { width: 100%; }
.dropdown-menu ul {padding: 0px !important;}
.mega-dropdown-menu .dropdown-header { color: #207ccb; font-size: 15px; background: #fff; padding: 9px 20px;}  
.navbar-nav .open .dropdown-menu { position: relative;}
#aboutSection h4 {font-size: 35px;}
.aboutImg {margin: 40px 0 20px 0;}
#aboutSection .col-md-7 {padding: 0;}
#customersSec .col-xs-6 {width: 50%;}
#aboutSection h5 {font-size: 20px; text-transform: uppercase; font-weight: 500; padding: 70px 0 15px 0; }
.innerwhy1 {padding: 80px 0;}
.whyCon {font-size: 14px; padding: 20px 40px;}
.innerwhy1 h5 {font-size: 23px !important;}
#customersSec h5 {font-size: 16px;}
#customersSec h6 {font-size: 30px;}
#customersSec .col-xs-6 {width: 100%;}
.machineBox {width: 100%;padding: 20px 40px;   margin: 0 0 20px 0;}
.mega-dropdown-menu p {display: none;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #fff !important;  background-color: #db0081 !important;}
#welcomeSection .container-fluid {width: 90%;float: left;margin: 0 5%;}
#welcomeSection h4, .what-we-do h3{font-size: 140px;}
.copeRight{padding: 0px 5% 30px 5%;}
#servicesSec .container-fluid {width: 90%;margin: 0 5%;}
#aboutSection .container-fluid, #customersSec .container-fluid {width: 90%;float: left;margin: 0 5%;}
}
@media (max-width: 1150px) {
.projectSection { padding: 30px 0;}


}
@media (max-width: 1100px) {
#customersSec h3 {font-size: 100px;}
#servicesSec h5 {font-size: 20px; }
.card-title { padding: 10px 25px;}
.cardInfo p {margin: 0 0 10px; font-size: 14px; line-height: 25px; }
.cardInfo {padding: 50px 60px 30px 60px;}
#servicesSec span {font-size: 15px;}
#servicesSec h5 {font-size: 15px;}
#servicesSec {padding: 100px 0 70px 0;}
#partnerCon .proDataCon {bottom: -10%;}
#partnerCon h5 {font-size: 50px;}
#partnerCon .proDataCon {bottom: -10% !important;}
.copeRight {padding: 0px 0% 45px 0%; }
.servicesCon {  padding: 70px 0 !important;}
.servicesCon .cardInfo {padding: 20px 30px !important;}
.machineBox { min-height: inherit !important;}
#customersSec .col-sm-6 { width: 100% !important; }
#welcomeSection h4, .what-we-do h3 {font-size: 100px;}
}
@media (max-width: 1000px) {
.navbar-nav > li > a {padding: 21px 10px !important; font-size: 14px;}
.logoBox img {width: 100%; height: auto;}
.navbar-nav > li > a{font-size: 11px;}
.left.carousel-control {right: 18.4% !important;}
.left.carousel-control {bottom: -10%;}
.right.carousel-control {bottom: -10%;}
#welcomeSection h4 {font-size: 100px;}
#servicesSec {background-size: 100% auto;}
#partnerCon .proImg {display: none;}
#partnerCon .proDataCon {position: relative; bottom: 0; z-index: 10; left: 0; }
#partnerCon .proDataCon {width: 100%;}
#partnerCon h2 {font-size: 110px;  margin: 20px 0 0 0;  -webkit-text-stroke: 2px #e6e6e6;}
#partnerCon h5 {margin: 0 0 30px 0; position: relative;}
#partnerCon {padding: 60px 0 60px 0;}
.visioInfo  p {font-size: 16px;}
#partnerCon h5 {top: 0px !important; right: 0;}
.proDataCon {padding: 15px 25px;}
.what-we-do {padding: 40px 0;}
.what-we-do h3 { font-size: 100px;}
#servicesSec h3 {font-weight: 600; line-height: 25px; font-size: 30px;}
#servicesSec h2 {line-height: 25px; font-size: 17px; margin: 0 0 40px 0;}
.cardInfo p {margin: 0; }
} 
@media (max-width: 950px) { 
.navbar-nav > li > a {padding: 7px 7px !important;font-size: 10px;}
.dropdown-menu li a { color: #000 !important; font-size: 10px;}
.mega-dropdown-menu .dropdown-header {font-size: 12px;}
#aboutSection h4 {font-size: 75px; margin: 20px 0 0 0;}
.left.carousel-control, .right.carousel-control{padding: 20px 25px;}
.copeRight .col-sm-4, .copeRight .col-sm-8{ width:100%;}
#aboutSection h4 {font-size: 60px;margin: 20px 0 0 0;}
}
@media (max-width: 900px) {
#servicesSec h5 { font-size: 12px;}
#visionCont {background-size: 100% 100%;}
.visioInfo { width: 100%; position: relative; bottom: 0;  margin: 0;}
#customersSec h3 {font-size: 70px; -webkit-text-stroke: 3px #e6e6e6;}
#aboutSection h4 {font-size: 55px;}
#aboutSection h1 {font-size: 22px; line-height:35px;}
#aboutSection h5 {font-size: 18px;  padding: 40px 0 15px 0;}
#servicesSec .container-fluid {width: 80%; margin: 0 10%;}
.careersBox img {display: none;}
#customersSec .container-fluid {width: 80%;  margin: 0 10%;}
.careersBox .readMore .w1 {display: none;}
.careersBox .readMore { padding: 12px 30px 12px 30px;}
.machineBox a{word-wrap: break-word;}
}
@media (max-width: 850px) {
#customersSec .col-xs-6 {width: 100%;}
.innerwhy {padding: 70px 0;}
.innerwhy h5 {font-size: 20px !important; line-height: 60px;}
.innerwhy h5 span {font-size: 40px !important; line-height: 0px; font-size: 18px !important; }
.innerwhy2 {padding: 70px 0;}
.innerwhy2 h5 {font-size: 20px !important; line-height: 60px;}
.innerwhy2 h5 span {font-size: 40px !important; line-height: 0px; font-size: 18px !important; }
.innerwhy7 h5 {font-size: 20px !important; line-height: 60px; line-height: 30px; }
.innerwhy7 h5 span { font-size: 18px !important;}
.innerwhy8 h5 {font-size: 20px !important; line-height: 60px; line-height: 30px; }
.innerwhy8 h5 span { font-size: 18px !important;}
#aboutSection h1 {font-size: 20px; margin: 0;}
.carousel-caption{padding: 15px 30px 15px 30px;}
.cardInfo {padding: 50px 20px 30px 20px;}
.what-we-do h3 {font-size: 80px;}
.carousel-caption h1 {font-size: 20px !important;}
}
@media (max-width: 800px) {
.left.carousel-control {display: none;}
.right.carousel-control {display: none;}
.carousel-caption {display: none;}
#servicesSec h5 { font-size: 10px;}
.visioInfo {padding: 30px 50px;}

}
@media (max-width: 767px) {

#welcomeSection h5 {padding: 50px 0 15px 0;}
#welcomeSection p {  margin: 0 0 10px; font-size: 15px; line-height: 28px;}
#welcomeSection h4 {font-size: 80px;}
#welcomeSection h4 {font-size: 80px; font-weight: 700; color: #eeeeee; -webkit-text-stroke: 5px #eeeeee;}
#aboutSection h1 {font-size: 18px; line-height: 30px;}
#aboutSection h5 {font-size: 16px;  padding: 40px 0 15px 0;}
.projectSection {padding: 0;}
.projectSection h5 {margin: 30px 0 10px 0;}
.projectSection h6 {line-height: 28px; font-size: 16px; margin: 0 0 20px 0;}
.projectSection .readMore {margin: 0 0 0 0;}
#aboutSection .container-fluid {width: 80%; float: left; margin: 0 10%;}
.navbar-brand > img{background: transparent;padding: 7px 80px 7px 20px;}
.what-we-do h3 {font-size: 70px;}
} 
@media (max-width: 650px) {
#welcomeSection h4 {font-size: 80px;}
#customersSec h3 {font-size: 50px; margin: 0 0 20px 0;}
.readMore {font-size: 14px; padding: 7px 80px 7px 20px;}
.what-we-do h3 {font-size: 80px;  margin: 0 0 20px 0; -webkit-text-stroke: 3px #eeeeee;} 
#partnerCon .proDataCon h3 {font-size: 20px;  margin: 0 30px 0 30px; line-height: 25px;}
#partnerCon .proDataCon p {margin: 0 30px 30px 30px;}
#partnerCon .proDataCon h4 {margin: 0 30px;}
#customersSec .col-xs-6 {width: 100%;}
#servicesSec .container-fluid {width: 90%; margin: 0 5%;}
.cardInfo p { margin: 0; font-size: 13px; line-height: 20px;}
#servicesSec { padding: 70px 0 70px 0;}
#customersSec h6 {font-size: 20px;}
}
@media (max-width: 600px) {
#welcomeSection h4 {font-size: 60px;  -webkit-text-stroke: 3px #eeeeee;}
#aboutSection h1 {font-size: 16px; line-height: 26px;}
#aboutSection h5 {font-size: 14px;  padding: 40px 0 15px 0;}
}
@media (max-width: 550px) {
#partnerCon h2 { font-size: 70px;}
#welcomeSection h4 {font-size: 50px; -webkit-text-stroke: 3px #eeeeee;}
.projectSection h5 {margin: 40px 0 20px 0;}
.projectSection h6 { margin: 20px 0 20px 0; }
.projectSection h6 {margin: 0 0 20px 0;}
.projectSection .readMore { margin: 10px 0 0 0;}
#aboutSection h1 { font-size: 20px; line-height: 30px;}
#aboutSection h5 {padding: 70px 0 0 0;}
.projectSection { padding: 0;}
.projectSection h6 { margin: 0 0 10px 0;}
#customersSec h6 {font-size: 25px; margin: 0 0 10px 0;}
.navbar-nav > li > a { padding: 8px 15px !important; font-size: 12px;}
.cardInfo p { margin: 0; font-size: 12px; line-height: 18px;}
#customersSec .container-fluid {width: 90%; margin: 0 5%;}
.what-we-do h3 {font-size: 60px;margin: 0 0 20px 0;-webkit-text-stroke: 3px #eeeeee;}
#customersSec .col-sm-3 {margin: 0 0 30px 0;width: 50%;}
#aboutSection h4 {font-size: 30px;}
.whyCon{width: 90%;margin: 0 5%;}
#aboutSection h5 {padding: 40px 0 0 0;}
#aboutSection .container-fluid {width: 90%;float: left;margin: 0 5%;}
#aboutSection h1 {font-size: 17px;line-height: 25px;}
}
	
@media (max-width: 500px) {
#welcomeSection h4 { font-size: 65px;}
#customersSec .col-xs-4 {width: 50%;}
#customersSec .col-sm-3 {margin: 0 0 10px 0;}
#welcomeSection h1 {font-size: 20px;}
#welcomeSection h1 span {font-size: 12px; }
#welcomeSection h3 span {margin: 0 0 20px 0;}
.call_blk .col-sm-8 {width: 100%;}
#customersSec h2 {font-size: 18px;}
.machineBox p {font-size: 14px;}
#customersSec h2 {font-size: 14px;}
.navbar-brand > img { width: 65% !important; padding: 7px 30px !important;}
#welcomeSection h4 {font-size: 45px;  -webkit-text-stroke: 2px #eeeeee;}
#welcomeSection h5 {font-size: 16px; padding: 50px 0 0px 0;}
#welcomeSection h1 { font-size: 18px;}
.readMore {margin: 5px 0 0 0;}
#servicesSec h2 {line-height: 23px; font-size: 15px; margin: 0 0 30px 0;}
#servicesSec h3 {font-weight: 600; line-height: 20px; font-size: 23px; margin: 0 0 10px 0;}
.servicesCon {padding: 50px 0 !important;}
#servicesSec h3 {line-height: 20px; font-size: 18px; margin: 0 0 5px 0;}
.innerwhy h5 {font-size: 15px !important; line-height: 60px;}
.innerwhy h5 span {font-size: 12px !important;}
.innerwhy2 h5 {font-size: 15px !important; line-height: 60px;}
.innerwhy2 h5 span {font-size: 12px !important;}
.innerwhy5 {padding: 70px 0;}
.innerwhy5 h5 {font-size: 15px !important; line-height: 60px; line-height: 30px; }
.innerwhy5 h5 span {font-size: 12px !important;}
.innerwhy5 h5 {font-size: 15px !important; line-height: 60px; line-height: 30px; }
.innerwhy7 h5 {font-size: 15px !important; line-height: 60px; line-height: 30px; }
.innerwhy7 h5 span { font-size: 12px !important;}
.innerwhy7 {padding: 80px 0;}
.innerwhy8 h5 {font-size: 15px !important; line-height: 60px; line-height: 30px; }
.innerwhy8 h5 span { font-size: 12px !important;}
.innerwhy8 {padding: 80px 0;}
.innerwhy3 h5 {font-size: 15px !important; line-height: 60px; line-height: 30px; }
.innerwhy3 h5 span { font-size: 12px !important;}
.innerwhy3 {padding: 80px 0;}
}
@media (max-width: 450px) {
#customersSec h3 {font-size: 35px; }
#welcomeSection h4 {font-size: 40px; -webkit-text-stroke: 1px #eeeeee;}
.what-we-do h3 {font-size: 50px; -webkit-text-stroke: 2px #eeeeee;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {padding: 15px 24px;}
.copeRight .links {font-size: 12px;}
#partnerCon .proDataCon h4 span {font-size: 14px; line-height: 20px;}
#partnerCon .proDataCon h4 {  font-size: 13px;  line-height: 23px;}
.card-body {width: 100%; margin: 0;}
.cardInfo {padding: 50px 30px 30px 30px;}
#servicesSec h5 {font-size: 13px;}
.cardInfo p {margin: 0 0 10px; font-size: 14px; line-height: 22px;}
.cardInfo p { margin: 0; font-size: 14px; line-height: 22px;}
.navbar-default .navbar-brand {width: 60% !important;}
.navbar-brand > img { width: 100%; padding: 7px 10px !important;} 
.navbar-toggle {margin: 10px 15px 10px 0 !important;}
#welcomeSection h1 span { line-height: 25px;}
#customersSec h3 {font-size: 30px; -webkit-text-stroke: 1px #e6e6e6;}
#aboutSection h1 {font-size: 14px; line-height: 22px;}
#aboutSection h5 {font-size: 12px;  padding: 40px 0 10px 0;}
.navbar-brand > img {width: 55% !important;padding: 7px 30px !important;}
.navbar-brand > img {width: 68% !important;padding: 7px 30px !important;}
}
@media (max-width: 400px) {
#welcomeSection h4 { font-size: 40px;  -webkit-text-stroke: 2px #eeeeee;}
#customersSec h6 {font-size: 20px;  margin: 0 0 10px 0;} 
#welcomeSection h4 {font-size: 30px; -webkit-text-stroke: 1px #eeeeee;}
#aboutSection .container-fluid {width: 90%;float: left;margin: 0 5%;}
}
@media (max-width: 390px) {
.navbar-brand > img {width: 70%;}
.navbar-brand > img {width: 70% !important;padding: 7px 30px !important;}
#customersSec .col-xs-4 {width: 100%;}
.copeRight li {width: 100%;text-align: center;}
#aboutSection h3 span{margin: 15px 0 15px 0;}
}
@media (max-width: 320px) {
.navbar-default .navbar-brand {width: 70% !important;}
#welcomeSection h1 {font-size: 15px;}
}