@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

html{scroll-behavior: smooth; overflow-x: hidden;}
body
{
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif !important;
    overflow-x: hidden !important;
    font-size:14px;font-weight: 400;
}
* {padding: 0;margin: 0;}
ul{list-style-type: none;}
a {text-decoration:none;}


[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 1.5s !important;
}

/*=====================================MENU======================*/

ul {list-style: none;margin: 0; padding: 0;}

/* Micro Clearfix */
.cf:before, .cf:after {	content: '';	display: table;	visibility: hidden;}
.cf:after {	clear: both;}
.cf {	*zoom: 1;}
.wrap {  text-align: center;}
#header {overflow: visible;position: relative;}
#header h1 {margin: 5px 0;}
#primary-nav-button {background: transparent;display: none;border: 1px solid #aaa;position: absolute;bottom: -2px; right: 18px;
  padding: 0; text-decoration: none; color: #333; text-align: center; font-weight: bold; font-size: 0;  z-index: 9999999;
  border-radius: 5px;}
#primary-nav-button:hover {background: rgba(0,0,0,0.05);}
#primary-nav-button.selected {background: rgba(0,0,0,0.1);}
#primary-nav-button:before { /* content: '☰'; */  content: '\2261'; display: block; font-size: 36px; font-style: normal;
  font-weight: normal;  line-height: 1.05;  height: 1em; width: 1em; color: inherit; speak: none;}
.menu li { float: left; padding-right:30px; position: relative;}
.menu li:last-child { margin-right: 0;}
.menu .sub-menu li { width: 100%;}
.menu li a {  display: block;  text-decoration: none;}
#top-nav li a { color: #8CC152; padding: 5px 0;}
#top-nav .sub-menu { background: #fff;}
#top-nav .sub-menu li a { padding: 5px;}
#top-nav .sub-menu li > a:hover, #top-nav .sub-menu li.selected > a {  background: #8CC152; color: #000;}
#primary-nav li a { font-family: 'Questrial', sans-serif; color: #fff; font-size: 18px; font-weight: 600; text-decoration: none;padding: 55px 0 0}
#primary-nav li.active > a, #primary-nav li > a:hover, #primary-nav li.selected > a { color:rgb(226, 226, 226);}
.downarrow {	background: none;display: inline-block; padding: 0;	text-align: center; min-width: 3px;}
.sub-menu .downarrow { position: absolute; right: 0; padding-right: 10px;}
.downarrow:before { content: '\25be'; color: inherit; display: block; font-family: sans-serif;  font-size: 1em; line-height: 1.1;
	  width: 1em;	height: 1em;}
.menu .sub-menu {display: none; position: absolute; left: 0; max-height: 1000px;}
.menu .sub-menu.hide { display: none;}
#primary-nav .sub-menu { background: #fff; min-width: 250px; z-index: 200;border: 1px solid #fff;}
#primary-nav .sub-menu li { border-bottom: 1px solid #e20008;transition: all 0.5s ease;-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
#primary-nav .sub-menu li a{color:#e20008; text-align: left;padding: 10px 15px;font-size: 16px;text-transform: capitalize;font-weight: 400; }
#primary-nav .sub-menu li:last-child { border-bottom: 0;}
#primary-nav .sub-menu .downarrow:before {content: '\25b8';}
#primary-nav.mobile { display: none; position: absolute; top: 100%; background: #E20008; width: 100%; z-index: 999999; margin: 10px 0 0;}
#primary-nav.mobile li { width: 100%;  margin: 0; border-bottom: 1px solid #a2090e  ;}
#primary-nav li a.active{ color:rgb(226, 226, 226);}
#primary-nav .sub-menu li:hover {background: #e20008;}
#primary-nav .sub-menu li a:hover {color:#fff;}
#primary-nav.mobile li:hover {background: #a2090e;}
#primary-nav .sub-menu li a.active{color:#fff;background: #e20008;}
#primary-nav.mobile li a{color:#fff;}
#primary-nav .dropdown, .dropup {  position: relative;  float: right;margin: 0px;}
#primary-nav.mobile li.selected > a {  border-bottom: 1px solid #a2090e;}
#primary-nav.mobile li:last-child { border: none;}
#primary-nav.mobile li a { padding: 15px 0;}
#primary-nav.mobile li{transition: all 0.5s ease;-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
#primary-nav.mobile .sub-menu li a {text-align: center; color:#e20008}
#primary-nav.mobile .sub-menu li a:hover {color:#fff;}
#primary-nav.mobile .sub-menu li a.active{color:#fff !important;}
#primary-nav.mobile .sub-menu .submenu li a { padding-left: 9%;  }
#primary-nav.mobile .sub-menu .sub-menu .sub-menu li a { padding-left: 11%;  }
#primary-nav.mobile .sub-menu { float: left; position: relative; width: 100%;}
.mobile .downarrow, .mobile .sub-menu .downarrow { position: absolute; right: 0; padding-right: 5%;}
#primary-nav.mobile .sub-menu .downarrow:before {content: '\25be';}
#primary-nav-button.mobile { display: inline-block;}
 ul.sub-menu li{padding: 0px;} 
/*================================menu End==============*/
.clearfix {clear: both;}
 /* ==============================header ======================================  */
 
.menuBoxs {width:100%;padding: 0 0px;background: #fff;position: relative;margin: 0px 0 -5px;}
/* .menuBg:before {position: absolute;content: "";background:  #e20008;width: 1500px;height: 129px;top: 0;right:-245px;transform: skew(12deg);z-index: -2;} */
.menuBg {text-align: right;position: relative;z-index: 2;background:url(../images/headerBg.png) no-repeat;background-size: cover;padding: 0 150px 0 0;height:125px;width: 73%;
    float: right; right: 15px;top: 0;}

 #topcontrol img{width:40px;}
.headerares{padding: 0px 0px; margin: 0px 0; display: inline-block; width: 100%;background: #fff}

.bulletBox {background: #E85D22;height: 170px;width: 83%; margin: -95px 0 50px ;}
.mainLogo {float: left;padding: 0 0 0 150px;}
.mainLogo a img {width: 190px;position: relative;z-index: 9999999;margin: 20px 0;}

/* ==================== Mobile Menus =================== */

#chkmenu{ display: none;}
.lblmenu{ position: absolute; right: 20px;top: 12px;font-size: 43px; z-index: 99999999;  display: none;}
#chkmenu:checked ~ ul.mobmenus{ display: block;}
ul.mobmenus{ background: #ffffff;position: absolute;z-index: 99999;width: 100%;text-align: center;border-bottom: solid 5px #0E5CAC; display: none;}
ul.mobmenus li{display: block;}
ul.mobmenus li a{ display: block; color: #333333; font-size: 14px; padding: 5px 0;}

.activity .back_activity a:hover{ background: #011945; text-decoration: none;}
.ms-skin-default .ms-bullet.active {width: 15px;height: 15px;background: #E85D22;border: 2px solid #000;}

/* ==================== Home slider =================== */


.bannerWidth {margin:0px 0 0; background:#fff; width: 100%;  padding: 0px 150px; height: 890px;position: relative;}
.bannerBox {background:  transparent;  width: 100%;  height: auto;position: relative;}
/* .bannerbgRed:before {position: absolute;content: "";background:  #e20008;width: 1500px;height: 940px;top: -781px;right:-334px;transform: skew(15deg);z-index: -2;}
.bannerbgRed {text-align: right;position: relative;z-index: 2;} */

.bannerbgRed{float: right;}
.bannerbgRed {margin:0px 0 0; background:url(../images/bannerBg.png) no-repeat;background-size: cover;  width: 72%;  padding: 0;  height:890px;  position: absolute;
  top: 0;  right: 0;}


.bannerText {margin: 30px 0;}
.bannerText p{font-family: 'Montserrat', sans-serif;color:#FFF;font-size:50px;font-weight: 700;text-transform: capitalize;margin: 0px;padding: 0px;}
.bannerText a { padding: 7px 20px; font-size:13px; color:#fff; background: rgb(14, 92, 172); text-decoration: none;border-radius:0px;text-transform: uppercase; width: 130px;text-align: center;display: block; margin: 15px 0;
    transition: all 0.5s ease;-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.bannerText a:hover{text-decoration: none;background: #4B4B4D;color:#fff; }
.bannerPic img {width:100%;}

.swiper-slide .bannertext{ position: absolute; left:50px; padding: 20px; margin: 0; text-align: left; } 
.swiper-slide .bannertext p { font-family: 'Russo One', sans-serif; font-size:50px; color: #111; font-style:italic ;line-height: 60px;} 
.swiper-slide .bannertext span { font-family:'Montserrat', sans-serif;font-size: 18px; color: #333;padding: 0px 0; } 
.banner .swiper-container { width: 100%; height: 100%;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-pagination-bullet {width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color:#000;opacity: 1;background: rgba(0,0,0,0.2);}
.banner .swiper-pagination-bullet-active {color:#fff;background: #007aff;}
.banner .swiper-pagination-bullet {width:35px;height: 35px;margin: 0 ;border-radius: 100%;background: transparent;font-size: 28px;bottom: -20px;position: relative;color: #fff;outline: none !important;right: 0;font-family: 'Montserrat', sans-serif;font-size:20px;}
.banner .swiper-pagination {  text-align: right;  width: 100%;}
.banner .swiper-pagination { z-index: 1;}
/* ======================================= About Home ================================================= */
.about_home  {margin:0px 0 0px; background-color: #eeeeee52; width: 100%;  padding: 0px 0px; height: auto;position: relative;}

/* .abtleftBg:before {position: absolute;content: "";background:#6f797b;width: 935px;height: 740px;top: 0px;left: -93px;transform: skew(15deg);z-index: -2;}
.abtleftBg {text-align: right;position: relative;z-index: 2; float: left;} */
.abtleftBg{float: left;}
.abtleftBg {margin:0px 0 0; background:url(../images/abtpicBg.png) no-repeat;background-size: cover;  background-position: 50% 50%;  width: 880px;  padding: 130px 0;}

.abtImgs img {padding: 0px 150px;position: relative; z-index: 1;}

.effect-square-home:after {position: absolute; top:108px; left: 114px; width: 670px; height: 470px; content: " "; background-color: #fff;}


.containerBox {float: right;}
.containerBox{margin:0px 0 0; background:url(../images/map.png) no-repeat;background-size: cover;  background-position: 50% 50%;  width: 1026px;  padding: 130px 0;}

.abtHome { margin: 0 auto;padding: 50px 40px; }

.abtHome h2{ position: relative; text-align: center; display:block;padding:25px 0 10px ;margin:0px;font-family: 'Montserrat', sans-serif;color:#e20008;font-size:40px;font-weight: 400;text-transform: uppercase;}
.abtHome h2 img {position: absolute; left: 282px; top: 34px;}

.abtHome span{display:block;padding:0 0 10px ;margin:0px;}
.abtHome p{display:block;padding:10px 0 30px;margin:0px;font-family: 'Open Sans', sans-serif;color:#939393;font-size:14px;font-weight: 400;}

/* .abtHome a { padding: 15px 20px; font-size:13px; color:#fff; background: rgb(226, 30, 38); text-decoration: none;border-radius:0px; width: 150px;text-align: center;display: block; margin: 15px auto;
    transition: all 0.5s ease;-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.abtHome a:hover{text-decoration: none;background: #4B4B4D;color:#fff; } */

/* Bounce To Right */
.abtHome a.send-requestbtn::before { background: #6f797b;color:  #fff;}
.abtHome a.send-requestbtn {font-size: 14px;color: #fff;background:#e20008;display: block;width: 150px;margin: 15px auto;text-decoration: none;font-weight: 600;padding: 14px 20px;font-family: 'Montserrat', sans-serif;text-align: center;}
.abtHome .hvr-bounce-to-right {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;}
.abtHome .hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #333;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.abtHome .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {	color: white;}
.abtHome .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);	transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.about_conbox
{
    margin:0px 0 0; background:url(../images/map.png) no-repeat;background-size: cover;  background-position: 50% 50%;  padding: 80px 0;
}
/*======================================product home================================*/
.product_home  {margin:0px 0 50px; background:#fff; width: 100%;  padding: 0px 0px; height: auto;position: relative;}


.productBox {float: left;}
.productBox{margin:0px 0 0;  padding: 130px 0;padding: 90px 0 0; width:810px;}

.producttext { margin: 0 auto;padding: 50px 150px;}

.producttext h2{ position: relative; text-align: center; display:block;padding:0px 0 10px ;margin:0px;font-family: 'Montserrat', sans-serif;color:#e20008;font-size:40px;font-weight: 400;text-transform: uppercase;}
.producttext h2 img {position: absolute; left: 116px; top: 9px;}

.producttext span{display:block;padding:0 0 10px ;margin:0px;}
.producttext p{display:block;padding:10px 0 30px;margin:0px;font-family: 'Open Sans', sans-serif;color:#939393;font-size:14px;font-weight: 400;}

.producttext p.text_arrange {
    display: block;
    padding: 10px 0 0px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    color: #939393;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    z-index: 9999;
    width: 190%;
    text-align: justify;
}

.productBg{float: right;}
.productBg {position: relative;  z-index: 999;margin:22px 0 0; background:url(../images/productBg.png) no-repeat;background-size: cover;  background-position: 50% 50%;  width:1087px;  padding: 130px 0;height: 1400px;}

.productImgs {padding: 0px 150px;}

.productImages {z-index: 999; width: 100%; position: absolute;top: 312px;height: 700px;padding: 0 150px;}

.productImages img{position: relative;}
.prdName {position: absolute;bottom: 0;width: 92%;}
.prdName a {width: 360px;  margin: 0 auto;text-align: center; display:block;padding:25px 15px ;font-family: 'Montserrat', sans-serif;background:#333;
  color:#fff; font-size:20px;font-weight: 600;text-decoration: none !important;transition: all 0.5s ease;-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.prdName a i {padding: 0 0 0 10px;}

.prdCont:hover .prdName a{background:#e20008;color:#fff;text-decoration: none !important;}

/* .prdread a{ padding: 15px 20px; font-size:13px; color:#fff; background: rgb(226, 30, 38); text-decoration: none;border-radius:0px; width: 150px;text-align: center;display: block; margin: 50px auto;
  transition: all 0.5s ease;-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.prdread a:hover{text-decoration: none;background: #4B4B4D;color:#fff; } */

.table_data table {
    text-align: center;
  border-collapse: collapse;
  width: 100%;
}

.table_data td, .table_data th {
  border: 1px solid #dddddd;
  padding: 8px;
  text-align: center;
      font-size: 14px;
}

.table_data tr:nth-child(even) {
  background-color: #cccccc4d;
}

/* Bounce To Right */
.prdread a.send-requestbtn::before { background: #6f797b;color:  #fff;}
.prdread a.send-requestbtn {font-size: 14px;color: #fff;background:#e20008;display: block;width: 150px;margin:50px auto;text-decoration: none;font-weight: 600;padding: 14px 20px;font-family: 'Montserrat', sans-serif;text-align: center;}
.prdread .hvr-bounce-to-right {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;}
.prdread .hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #333;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.prdread .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {	color: white;}
.prdread .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);	transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/*======================================why us home ================================*/
.whyusBg  {margin:-130px 0 50px; background:#1c1c1c; width: 100%;  padding: 0px 150px; height: auto;position: relative;height: 800px;}

.whypic img{width:100%; margin: 110px 0 0;position: relative;z-index: 999999;}

.whyhomeText{ margin: 0 auto;padding:250px 80px 0;}

.whyhomeText h2{ position: relative; text-align: center; display:block;padding:25px 0 30px ;margin:0px;font-family: 'Montserrat', sans-serif;color:#fff;font-size:40px;font-weight: 400;text-transform: uppercase;}
.whyhomeText h2 img {position: absolute; left: 184px; top: 34px;}

.whyhomeText span{text-align:center;display:block;padding:0 0 0px ;margin:0px;font-family: 'Open Sans', sans-serif;color:#fff;font-size:24px;font-weight: 400;}
.whyhomeText p{display:block;padding:10px 0 30px;margin:0px;font-family: 'Open Sans', sans-serif;color:#fff;font-size:14px;font-weight: 400;}

/* .whyhomeText a { padding: 15px 20px; font-size:14px; color:rgb(226, 30, 38); background: #fff; text-decoration: none;border-radius:0px; width: 150px;text-align: center;display: block; margin: 15px auto;
    transition: all 0.5s ease;-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
    .whyhomeText a:hover{text-decoration: none;background: rgb(226, 30, 38);color:#fff; } */


/* Bounce To Right */    
.whyhomeText a.send-requestbtn::before { background: #e20008;color:  #fff;}
.whyhomeText a.send-requestbtn {font-size: 14px;color: #e20008;background:#fff;display: block;width: 150px;margin:15px auto;text-decoration: none;font-weight: 600;padding: 14px 20px;font-family: 'Montserrat', sans-serif;text-align: center;}
.whyhomeText .hvr-bounce-to-right {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;}
.whyhomeText .hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #333;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.whyhomeText .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {	color: white;}
.whyhomeText .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);	transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*======================================testimonial home ================================*/
.testiBg {position: relative;  z-index: 999;margin:-50px 0 0; background:url(../images/testimonialbg.jpg) no-repeat;background-size: cover;  background-position: 50% 50%;  width:100%;  padding: 200px 150px 0;height:858px;}

.testiForms {width: 94%;}
.testiForms form input	{box-shadow: none;border: none;border-bottom:1px solid #fff;background: unset; outline: unset; width:100%;font-size:20px; font-family: 'Open Sans', sans-serif;height:40px;margin: 5px 0px 30px; color:#fff;padding:0 10px;}
.testiForms form textarea	{border:1px solid #fff;outline: unset; width:100%;font-size:20px; font-family: 'Open Sans', sans-serif; height:190px;margin: 40px 0px 30px; color:#fff;padding:10px 10px 10px;background: unset;}
.testiForms form button{border: none; padding: 15px 20px; font-size:14px; color:rgb(226, 30, 38); background: #fff; text-decoration: none;border-radius:0px; width: 150px;text-align: center;display: block; margin: 15px auto;
  transition: all 0.5s ease;-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;float: right;}
.testiForms form button:hover{border: none;text-decoration: none;background: rgb(226, 30, 38);color:#fff; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff;}

/* Bounce To Right */
.testiForms form button.send-requestbtn::before { background: #880100;color:  #fff;}
.testiForms form button.send-requestbtn {font-size: 14px;color: #e20008;background:#fff;display: block;width: 150px;margin:15px auto;text-decoration: none;font-weight: 600;padding: 14px 20px;font-family: 'Montserrat', sans-serif;text-align: center;}
.testiForms .hvr-bounce-to-right {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;}
.testiForms .hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #333;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.testiForms .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {	color: white;}
.testiForms .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);	transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.testimonal_slider .testimonial{background-color: #880100;padding: 90px 110px;border-radius: 10px;color: #ffeef0;position: relative;margin: 40px auto 25px;}
.testimonal_slider::after {content: " ";position: absolute;left: 110px;top: 380px;border-top: 60px solid transparent;border-right: none;border-left: 60px solid #880100;border-bottom: 60px solid transparent;transform: rotate(20deg);}
.testimonal_slider .testimonial p{color: #ffeef0;}
.testimonal_slider .testimonial img{width: 100%;border-radius: 50%;}
.testimonal_slider .slick-dots {position: absolute;bottom: -25px;display: block;width: unset;padding: 0;margin: 0;right: 0;list-style: none;text-align: center;}
.testimonal_slider .slick-dots li button {width: 18px;padding: 2px;}
 .testimonal_slider .slick-dots li button{background-color: #fff !important;}
 .testimonal_slider .slick-dots li.slick-active button{background-color: #880100 !important;width: 18px;}
 .testimonal_slider .slick-dots li {margin: 0 4px;}
.testimonial h5 {display:block;padding:10px 0 0px ;margin:0px;font-family: 'Montserrat', sans-serif;color:#fff;font-size:30px;font-weight: 600;}
.testimonial p {display:block;padding:10px 0 30px;margin:0px;font-family: 'Open Sans', sans-serif;color:#fff;font-size:14px;font-weight: 400;}
.testimonal_slider .slick-dots {text-align: right;}


/*======================================About================================*/

.aboutBanner2{margin: 5px 0 0; background: #444 no-repeat; background-size: cover; background-position: 50% 50%; width: 100%; padding: 40px 0; height: auto;}

.reachText h1{font-family: 'Montserrat', sans-serif;font-size:30px;color:#fff; text-transform: uppercase;display:block;font-weight: bold;margin: 0px;padding: 0px;}
.reachText {padding: 0px 0 0; text-align: center;}
.reachText ul.breadcrumb {padding: 10px 16px 0; list-style: none; background-color: unset; margin: 0; }
.reachText ul.breadcrumb li {display: inline; font-size: 14px; color: #fff;}
.reachText ul.breadcrumb li+li:before { padding: 8px; color: #fff; content: "/\00a0";}
.reachText ul.breadcrumb li a {color: #fff; text-decoration: none;transition: all 0.5s ease;-moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.reachText ul.breadcrumb li a:hover {color: rgb(226, 0, 8);text-decoration: none;}

.aboutus { padding: 0 0; margin: 15px 0;}
.aboutImg { margin-top: 90px;}
.abtText {  margin-top: 90px;}
.aboutImg img {width:100%; position: relative; z-index: 1;}
.companyProfile {margin: 0px 0 20px; }
/* .companyProfile h1{position: relative; font-family: 'Montserrat', sans-serif;font-size: 30px;color:#000; text-transform: uppercase;display:block;font-weight: bold;margin: 0px;padding: 0px;text-align: center;} */
.companytext {margin: 0 0 50px;}
.companytext p  {font-family: 'Open Sans', sans-serif;font-size: 15px;color: #666;padding:0 0 0px;text-align: justify;}

.companyProfile h1 img {position: absolute; left: -3px; top: 21px;}
.companyProfile h1{position: relative; font-family: 'Montserrat', sans-serif;color: #e20008; font-size:30px;text-transform: uppercase;display:block;font-weight: 700;margin: 0px;padding:15px 0px 0px 30px;}

.effect-square:after {position: absolute;top: 63px; left: -12px; width: 170px;
  height: 170px; content: " "; background-color: #eaeaea;}

.aboutVMV {background:#f4f4f4; padding: 100px 0 200px; height:auto;margin: 70px 0 0;}
.vision {width:100%;background: #fff;height: 350px;display: block;text-align: center;  padding:30px 22px;}
.vision span{padding:0px 0 10px;margin:0px;display: block; font-family: 'Montserrat', sans-serif;color:#333;font-size:30px;font-weight: 600;text-transform: uppercase;text-align: center}
.vision p  {font-family: 'Open Sans', sans-serif;font-size: 17px;color: #333;padding:10px 0 0px;text-align: center;}
.vmvPic {width:100%;}
.vmvIcon img {width:50px; margin:15px auto}
.hvr-bounce-to-bottom {display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}
.hvr-bounce-to-bottom:before {content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e20008;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-bounce-to-bottom:active, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:hover { color:#fff  }
.hvr-bounce-to-bottom:active:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:hover:before {  -webkit-transform:scaleY(1);
 transform:scaleY(1); -webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66); transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)
}
.single-features-style-two:hover span, .single-features-style-two:hover p, .single-features-style-two:hover i { color: #fff;}


.directors {background: #f5f5f5;}
.directorsHead h1{padding:40px 0px;margin:0px;display: block; font-family: 'Montserrat', sans-serif;color:#333;font-size:30px;text-align: center}
.dirBox {display: inline-block; width: 100%; padding: 30px 30px 60px; margin: -60px auto 50px;  background:  #1c1c1c;}

.majorDetails h6{padding:0px 0 10px;margin:0px 0 10px;font-family: 'Montserrat', sans-serif;color:#fff;font-size:22px;font-weight: 600;text-transform: uppercase;text-align: left;border-bottom: 1px solid #dfdfdf;}
.majorDetails p{display:block;padding:0 0 10px ;margin:0px;font-family: 'Open Sans', sans-serif;color:#fff;font-size:15px;font-weight: 400;text-align: justify;}
.directorsHead h1 img {position: absolute; left:490px; top: 10px;}
.directorsHead h1{position: relative; font-family: 'Montserrat', sans-serif;color: #e20008; font-size:30px;text-transform: uppercase;display:block;font-weight: 700;margin: 0px;padding:15px 0px 60px 30px;}


.redContact {background:#e20008;padding: 20px 0px 20px;text-align: center;z-index: 999;position: relative;}
.redText h5 {font-size: 30px;color:#fff;font-weight: 400;font-family: 'Montserrat', sans-serif;text-transform: none;margin: 12px 20px;display: inline-block;}
.redText h5 span {font-weight: 700;}
/* Bounce To Right */    
.redText a.send-requestbtn::before { background: #071c2e;color:  #fff;}
.redText a.send-requestbtn {text-transform: uppercase; font-size: 16px;color: #e20008;background:#fff;display: inline-block;width: 200px;margin:-14px auto 0;text-decoration: none;font-weight: 600;padding: 14px 20px;font-family: 'Montserrat', sans-serif;text-align: center;}
.redText .hvr-bounce-to-right {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;}
.redText .hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #333;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.redText .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {	color: white;}
.redText .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);	transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/*======================================why us ================================*/
.whyus{ padding: 0 0; margin: 15px 0 90px;}
.whyImg { margin-top: 90px;}
.whyText {  margin-top: 90px;}
.whyImg img {width:100%; position: relative; z-index: 2;}

/*======================================work culture================================*/
.workus{ padding: 0 0; margin: 15px 0 90px;}
.workImg { margin-top: 90px;}
.workText {  margin-top: 90px;padding-top: 100px;}
.applicationForm {width: 100%;background: #f4f4f4;height: 923px; padding: 0 150px;position: relative;}
.workImg img {width:100%; position: relative; z-index: 2;}
.appli-form input[type=file] {
    display: block;
    padding-top: 20px !important;
}
.formWhite {float: left;}

.formGray:before {  position: absolute; content: ""; background:   #6f797b;  width: 1145px; height: 939px; top: 0; right: -245px; transform: skew(12deg);  z-index: 2;}
.applicationBox {position: absolute; top: 50px;background: #fff;height: auto;width:1000px;margin: 50px auto;z-index: 999;left: 450px;box-shadow: 0 0 25px rgba(0,0,0, 0.3);}



.fromMessage {padding: 0 15px;}
.formApplication {margin: 0px 0 0; padding:40px;display: inline-block; width: 100%;}
.formApplication h1 img {position: absolute; left: -3px; top: 19px;}
.formApplication h1{position: relative; font-family: 'Montserrat', sans-serif;color: #e20008; font-size:30px;text-transform: uppercase;display:block;font-weight: 700;margin: 0px;padding:15px 0px 30px 30px;}
.formApplication cite{background:#4c2e90;width:73px; height: 2px; margin: 6px auto;display: block; }
.formApplication p{display:block;padding:10px 0 30px;margin:0px;font-family: 'Open Sans', sans-serif;color:#333;font-size:15px;font-weight: 400;}

.appli-form form input	{border:1px solid #CCC; width:100%;font-size:13px; font-family: 'Open Sans', sans-serif;height:65px;margin: 5px 0px 15px; color:	#1a1d1c;padding:0 10px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);}
.appli-form form textarea	{border:1px solid #CCC; width:100%;font-size:13px; font-family: 'Open Sans', sans-serif; height:175px;margin: 5px 0px 20px; color:#1a1d1c;padding:10px 10px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);}
/* .reach-form form input[type=submit] {width:110px; margin: 5px 0 0px 0px; background:#4c2e90; border:none; color:#fff; font-size:13px;transition: all 0.5s ease;
								-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease; 
								 float:left;font-size:14px;height: auto;padding: 10px 0;border-radius: 5px;}
.reach-form form input[type=submit]:hover	{background: #CA93C2;color:#fff;} */

/* Bounce To Right */
.appli-form form button.send-requestbtn::before { background: #6f797b;color:  #fff;}
.appli-form form button.send-requestbtn {font-size: 14px;color: #fff;background:#e20008;display: block;width: 150px;margin:15px 0;text-decoration: none;font-weight: 600;padding: 14px 20px;font-family: 'Montserrat', sans-serif;text-align: center;border:unset}
.appli-form .hvr-bounce-to-right {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;}
.appli-form .hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #333;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.appli-form .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {	color: white;}
.appli-form .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);	transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*========= Application ============================================*/

.applicatios_industry .image_hover {
    position: relative;
    display: block;
    overflow: hidden;
    border: solid 5px #cccccc40;
}
 .mySlides i {
    color: #e20008;
}

/*======================================Products===============================*/
.prdBox {margin: 70px 0; width:100%; display: inline-block;}
.prdHead h1{text-align:left;position: relative; font-family: 'Montserrat', sans-serif;color: #e20008; font-size:30px;text-transform: uppercase;display:block;font-weight: 700;margin: 0px;padding:15px 0px 30px 38px;}
.prdHead h1 img {position: absolute; left: 47px; top: 20px;}

.prdText p{ border-left: 1px solid #838383; padding: 4px 52px;display:block;margin:0px;font-family: 'Open Sans', sans-serif;color:#333;font-size:18px;font-weight: 400;}
.marbtm50 {margin-bottom: 50px;}.image_hover {position: relative;display: block;overflow: hidden;}
.image_hover::after {position: absolute;content: '';opacity: 0;background-color:rgba(0,0,0,.2);top: 0;bottom: 0;left: 0;right: 0;transition: all .3s ease-out;}
.service-list-column img {width: 100%;float: left;height: auto;}
.zoom_img_effect {position: relative;transition: all .3s ease-out;}
.service-list-column .service-heading {width: 100%;float: left;border-left: 4px solid #e20008;padding: 15px 10px 15px 20px;box-shadow: 0px 4px 10px#ccc;}
.service-list-column .service-heading h5 {font-size:18px;margin-bottom: 8px;font-weight: 700;color:#242424;text-transform: uppercase;font-family: 'Montserrat', sans-serif;}
.read-more-link {font-size: 15px;color: #e20008;text-decoration: none;display: inline-block;}
.image_hover{position: relative;display: block;overflow: hidden;}
.image_hover.mbot_38{margin-bottom:38px; }
.image_hover:after{background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;content: "";height: 100%;left: -180%;position: absolute;top: 0;transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);width: 100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.image_hover:hover:after{opacity:.1}
.zoom_img_effect {position: relative;transition: all .3s ease-out;}
.image_hover:hover .zoom_img_effect {-webkit-transform: scale(1.05) translateZ(0);transform: scale(1.05) translateZ(0);}
.image_hover:focus:after, .image_hover:hover:after {opacity: 1;}
.image_hover:hover img {transform: scale(1.1);}.image_hover:hover:after {left: -70%;}

/*======================================Product inner page ================================*/
.productDetail-tab {	padding-right: 7px;}
.productDetail .nav-tabs{	border:none;	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;	-moz-transition: all 1s ease 0s;	-o-transition: all 1s ease 0s;}
.productDetail .nav-tabs > li{	float: none;	margin-bottom: 10px;position: relative;		border-left: 4px solid transparent;
	margin-left: -2px;	transition: all 1s ease 0s;	-webkit-transition: all 1s ease 0s;	-moz-transition: all 1s ease 0s;	-o-transition: all 1s ease 0s;}
.productDetail  .nav-tabs > li.active::before {	position: relative;}
.productDetail .nav-tabs > li:last-of-type {	border-bottom: none;}
.productDetail .nav-tabs > li > a{border-radius: 0;	margin-right: 0;	position: relative;		line-height: 35px;	transition: all 1s ease 0s;	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;	-o-transition: all 1s ease 0s;	font-size: 18px;	color: #252525;	text-decoration: none;	text-transform: capitalize;
	letter-spacing: 0.3px;	padding-left: 30px;	border: none;background: #F5F5F5;font-weight: 400;}
.productDetail .nav-tabs > li > a:hover{background-color: #252525;color:#fff;	border-left: 4px solid #e20008;}

.productDetail .nav-tabs > li > a > i{float: right; padding: 8px;} 

/* .productDetail .nav-tabs > li:hover {border-left-color:#e20008}
.productDetail .nav-tabs > li.active {border-left-color:#e20008} */
.productDetail .nav-tabs > li.active > a,
.productDetail .nav-tabs > li.active > a:focus,
.productDetail .nav-tabs > li.active > a:hover {	border: none;	color: #222;}
.productDetail .nav-tabs > li > a.active { background:#252525 !important;  color: #ffffff !important;	border-left: 4px solid #e20008;}


.prodDesc h3 {padding:0px 0px 5px;margin:0px;display: block; font-family: 'Montserrat', sans-serif;color:#e20008;font-size:30px;font-weight: 600;}
.prodDesc p {font-family: 'Open Sans', sans-serif;font-size: 14px;color: #333;display: block;padding: 10px 0 0px; position: relative;margin-bottom: 20px;}
.prodDesc img {float: right;margin-bottom: 15px;margin-left:15px;}

.prodDesc span{font-family: 'Open Sans', sans-serif;font-size: 16px;color: #000;display: block;padding: 10px 0 0px;font-weight: 600;}

.pdf a {background: #F5F5F5;width: 100%;padding: 25px 12px;display: block;color:#000;font-weight: 600;font-size: 18px; margin:55px 0;text-decoration: none;	transition: all 1s ease 0s;	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;	-o-transition: all 1s ease 0s;}
.pdf a:hover{background:#252525; color:#fff;text-decoration: none}
.pdf a i{font-size: 30px; padding: 0 15px;color:#e20008;}




/*======================================Careers================================*/
.careerBanner {margin: -75px 0 0; background:url(../images/career.jpg) no-repeat;background-size: cover;  background-position: 50% 50%;  width: 100%;  padding: 130px 0 45px 0px; height: auto;}
.careerText h1{padding:40px 0px 5px;margin:0px;display: block; font-family: 'Montserrat', sans-serif;color:#333;font-size:30px;text-align: center}
.careerText h1 span{ padding:0px 0 10px;margin:0px; font-family: 'Montserrat', sans-serif;color:rgb(14, 92, 172);font-size:30px;font-weight: bold;text-transform: uppercase;text-align: center}
.careerText p{display:block;padding:0 0 10px ;margin:0px;font-family: 'Open Sans', sans-serif;color:#aaa;font-size:14px;font-weight: 400;}
.careerText{padding:0px 0 25px ;text-align: center;width: 72%;  margin: 0 auto;}

.cat_title {text-align: center !important;font-size: 20px;color: #000000 !important;}
.cattype {border-radius: 0 !important;border: solid 1px #ccc !important;padding: 10px !important; height: 50px !important; outline: none !important;}
.categorybox {width: 30%; margin: 50px auto 10px}

.careerForm { display:block; width: 70%; margin: 0px auto 50px; }
.careerEnq { background: #f5f5f5;padding: 35px 35px 50px; display: inline-block; width: 100%;}
.careerArea { position: relative; background-image: url(../images/aboutvmv.png); background-size: cover; background-position: center; background-repeat: no-repeat;}

.careerEnq form input	{border:1px solid #CCC; width:100%;font-size:13px; font-family: 'Open Sans', sans-serif;height:50px;margin: 5px 0px 10px; color:	#1a1d1c;padding:0 10px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);}
.careerEnq form textarea	{border:1px solid #CCC; width:100%;font-size:13px; font-family: 'Open Sans', sans-serif; height:140px;margin: 5px 0px 20px; color:#1a1d1c;padding:10px 10px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);}
.careerEnq form input[type=submit] {width:150px; margin: 5px auto; background:rgb(14, 92, 172); border:none; color:#fff; font-size:13px;transition: all 0.5s ease;
								-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease; 
								 font-size:14px;height: auto;padding: 10px 0;display: block;text-align: center}
.careerEnq form input[type=submit]:hover	{background: #4B4B4D;color:#fff;}



/*****************************************Contact us***********************/
.contactBanner{margin:5px 0 0; background:url(../images/contact.jpg) no-repeat;background-size: cover;  background-position: 50% 50%;  width: 100%;  padding:115px 0 90px; height: auto;}
.bg-contt				      {margin:30px 0;padding:0px;display:inline-block;width:100%;}
.contact-box .add-row {width: 100%;display: block;margin: 0px 0px 26px;padding: 0px 0px 15px 50px;position: relative;border-bottom: 1px dashed #CCC;}
.contact-box 		      {width: 100%;display: block; margin: 0px; padding: 0px;height: auto;background: #FFF none repeat scroll 0% 0%;position: relative;}
.contact-box .add-row span {position: absolute;top: 0px;left: 20px;font-size: 22px;color: #fff;}
.contact-box .add-row p  {width: auto; font: 1em/22px "Open Sans",Arial; color: #fff;}
.contact-box .add-row p a {color:#fff;}
.contact-box b			{color:#181818;}
.contact-box		  	{color:#181818;}
.login h4				    {font-family: 'Montserrat', sans-serif;font-size:20px;color:#000;display:block;}
.login span				  {margin:0px auto 20px;padding:0px;width:100%;border-bottom:1px solid #999;display:block;float:left;}
.map-container			 {padding:0px;margin:67px 0px 0; position: relative; z-index: 999;}

p.error
{
    display:none;
    color: red !important;
    padding: 0 0 12px !important;
}
p.error1
{
    display:none;
    color: red !important;
    padding: 0 0 12px !important;
}
p.error_h
{
    display:none;
    color: #ffffff !important;
    padding: 0 0 10px !important;
        font-weight: 700;
}
p.suc_msg
{
    display:none;
    color: #ffffff !important;
    padding: 0 0 12px !important;
    font-weight: 700;
}
.contDetails { display: block; width: 100%; height:auto;  padding:45px; background: #f3f3f3;  background-image: linear-gradient(180deg, #f3f3f3 80%, #ffffff 100%); }
.contDetails h6{font-family: 'Montserrat', sans-serif;font-size: 30px;color:#fff; text-transform: uppercase;display:block;font-weight: bold;margin: 0px;padding: 0px;}
.contDetails p{font-family: 'Open Sans', sans-serif;font-size: 14px;color: #fff;display: block;padding: 10px 0 5px;margin: 0px;font-weight:600}

.contDetails span {font-family: 'Open Sans', sans-serif;font-size: 14px;color: #333;display: block;padding: 30px 0 30px;clear: both;
    border-bottom: 1px solid #e7eaee; position: relative;margin-bottom: 20px;}
.contDetails span:after {content: '';background-color: #ff4f01;width: 20px; height: 1px;      position: absolute;left: 0;bottom: -1px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.contDetails span:hover:after { left: calc(100% - 20px);}

.contDetails span h1{font-family: 'Montserrat', sans-serif;font-size:24px;color: #000;display: block;padding: 0px 0 10px;margin: 0;font-weight: 600;}
.contDetails span cite {font-style: normal;}
.contDetails span cite a{color: #333;text-decoration:none;}
.contDetails span cite a:hover{text-decoration:none;}
.iconRotate{ width: 50px; height: 50px;margin-right: 30px;margin-bottom: 30px;float: left;}
.contDetails span .iconRotate i {padding:0;color: #e20008;font-size: 38px; float: left; margin-right: 30px;
  margin-bottom: 30px; margin-top: 4px; }
 

.headMessage {padding: 0 15px;}
.formField {margin: 100px 0 0;}
.formField h1 img {position: absolute; left: -5px; top: 19px;}
.formField h1{position: relative; font-family: 'Montserrat', sans-serif;color: #e20008; font-size:30px;text-transform: uppercase;display:block;font-weight: 700;margin: 0px;padding:15px 0px 0px 30px;}
.formField cite{background:#4c2e90;width:73px; height: 2px; margin: 6px auto;display: block; }
.formField p{padding:10px 0 30px;margin:0px;font-family: 'Open Sans', sans-serif;color:#333;font-size:15px;font-weight: 400;}

.reach-form form input	{border:1px solid #CCC; width:100%;font-size:13px; font-family: 'Open Sans', sans-serif;height:65px;margin: 5px 0px 15px; color:	#1a1d1c;padding:0 10px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);}
.reach-form form textarea	{border:1px solid #CCC; width:100%;font-size:13px; font-family: 'Open Sans', sans-serif; height:175px;margin: 5px 0px 20px; color:#1a1d1c;padding:10px 10px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);}
/* .reach-form form input[type=submit] {width:110px; margin: 5px 0 0px 0px; background:#4c2e90; border:none; color:#fff; font-size:13px;transition: all 0.5s ease;
								-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease; 
								 float:left;font-size:14px;height: auto;padding: 10px 0;border-radius: 5px;}
.reach-form form input[type=submit]:hover	{background: #CA93C2;color:#fff;} */

/* Bounce To Right */
.reach-form form button.send-requestbtn::before { background: #6f797b;color:  #fff;}
.reach-form form button.send-requestbtn {font-size: 14px;color: #fff;background:#e20008;display: block;width: 150px;margin:15px 0;text-decoration: none;font-weight: 600;padding: 14px 20px;font-family: 'Montserrat', sans-serif;text-align: center;border:unset}
.reach-form .hvr-bounce-to-right {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;}
.reach-form .hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #333;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.reach-form .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {	color: white;}
.reach-form .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);	transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* =======================================FOOTER  ================================================= */

.footer{background: #fff;color: #333; margin: 0px 0 0;  padding: 0px 0;position: relative;}
.footBox {width:100%;margin: 0 auto;padding: 65px 0 0 0px;position: relative;}
.footLogo img {margin: 0 0 10px;width: 135px;}
.footLogo p {font-family: 'Open Sans', sans-serif;font-size: 14px;color: #939393;padding: 10px 0;}

.footUseful{margin-left: 20px;}

.pdLeft{padding-left: 0px !important;}


.footUseful span {font-size: 20px;color:#838383;display: block; margin:0;padding:0 0 10px; font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: 700;}
.spclpd {padding: 0px !important;}
.footUseful ul li a{font-family: 'Open Sans', sans-serif;font-size: 14px;color: #939393;display: block;padding: 0 0 5px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.footUseful ul li a:hover{color:rgb(226, 30, 38); text-decoration: none;}


.footProd span {font-size: 20px;color:#838383;display: block; margin:0;padding:0 0 10px; font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: 700;}
.spclpd {padding: 0px !important;}
.footProd ul li a{font-family: 'Open Sans', sans-serif;font-size: 14px;color: #939393;display: block;padding: 0 0 5px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.footProd ul li a:hover{color:rgb(226, 30, 38); text-decoration: none;}



.footCont span {font-size: 18px;color:#838383;display: block; margin:0;padding:0 0 25px; font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: 700;}
.footCont p {font-family: 'Open Sans', sans-serif;font-size: 14px;color: #939393;display: block;padding: 0 0 5px;}
.footCont p cite {font-style: normal;position: relative; left:27px;}
.footCont p cite a{color: #939393;text-decoration: none;}
.footCont p cite a:hover{color: rgb(226, 30, 38);}
.footCont p i {padding:4px 10px 0 0;position: absolute;color: #939393;font-size: 18px; }


.foot-social1 ul 				{width: 100%;margin: 20px auto;display: block;}
.foot-social1 ul li			{margin:0px 5px 0;padding:0px;display: inline-block;}
.foot-social1 ul li a    {text-decoration: none; }
.foot-social1 ul li a i	{ -moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%;background-color:#878787;font-size:18px;
    color: #fff;text-align: center;-moz-transition-property: all; -o-transition-property: all;-webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;transition-duration: 0.25s;height: 38px;width: 38px;display: block; line-height: 38px;
    text-align: center; overflow: hidden;text-decoration: none;border:1px solid #878787;}
  
.foot-social1 ul li a i:hover	 	{color: #333;border:1px solid #333;text-decoration: none;background-color:#fff;}


.footercopy {padding: 15px 0;margin: 0px 0 0 0;background: #e9e9e9;color: #ccc;text-align: center;}
.footercopy p {font-size: 13px;display: block;margin: 0px 0 0 0;color: #333;line-height: 30px;}

/* .brochure-foot:before {position: absolute;content: "";background: #071c2e;width: 470px;height: 80px;top: -331px;right: -53px;transform: skew(35deg);z-index: -2;} */
.brochure-foot {text-align: right;position: absolute;z-index: 2;width:390px;height: 80px;top:0px;right:0px;background:url(../images/brochureBg.png) no-repeat;background-size: cover;}
.brochure-foot a{position: relative; top:20px;right:53px;font-family: 'Questrial', sans-serif;font-size: 28px;color: #fff;display: block;font-weight: 600;}
.brochure-foot a:hover{color: rgb(226, 30, 38); text-decoration: none;}


/*================Side Enquery form===============*/

/* Bounce To Right */
.contact-details form button.send-requestbtn::before { background: #6f797b;color:  #fff;}
.contact-details form button.send-requestbtn {font-size: 14px;color: #fff;background:#e20008;display: block;width: 250px;margin:15px 0;text-decoration: none;font-weight: 600;padding:0px 20px;font-family: 'Montserrat', sans-serif;text-align: center;border:unset}
.contact-details .hvr-bounce-to-right {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;}
.contact-details .hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #333;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.9s;transition-duration: 0.9s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.contact-details .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {	color: white;}
.contact-details .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);	transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.feedback .row {
  overflow: hidden;
  max-width: 1280px;
  min-width: 768px;
  margin: 0 auto;
}
.feedback .row.full-width {
  max-width: 100%;
}
.feedback .row:after {
  content: "";
  display: table;
  clear: both;
}
.feedback .row .row {
  max-width: 100%;
  min-width: 100%;
}

.feedback .column, .columns {
  float: left;
  padding-left: 12px;
  padding-right: 12px;
}
.column .column:first-of-type, .column .columns:first-of-type, .columns .column:first-of-type, .columns .columns:first-of-type {
  padding-left: 0;
}
.column .column:last-of-type, .column .columns:last-of-type, .columns .column:last-of-type, .columns .columns:last-of-type {
  padding-right: 0;
}
.column.no-padding, .columns.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.column.one, .columns.one {
  width: 8.3333333333%;
}
.column.two, .columns.two {
  width: 16.6666666667%;
}
.column.three, .columns.three {
  width: 25%;
}
.column.four, .columns.four {
  width: 33.3333333333%;
}
.column.five, .columns.five {
  width: 41.6666666667%;
}
.column.six, .columns.six {
  width: 50%;
}
.column.seven, .columns.seven {
  width: 58.3333333333%;
}
.column.eight, .columns.eight {
  width: 66.6666666667%;
}
.column.nine, .columns.nine {
  width: 75%;
}
.column.ten, .columns.ten {
  width: 83.3333333333%;
}
.column.eleven, .columns.eleven {
  width: 91.6666666667%;
}
.column.twelve, .columns.twelve {
  width: 100%;
}

.offset.by-one {
  margin-left: 8.3333333333%;
}
.offset.by-two {
  margin-left: 16.6666666667%;
}
.offset.by-three {
  margin-left: 25%;
}
.offset.by-four {
  margin-left: 33.3333333333%;
}
.offset.by-five {
  margin-left: 41.6666666667%;
}
.offset.by-six {
  margin-left: 50%;
}
.offset.by-seven {
  margin-left: 58.3333333333%;
}
.offset.by-eight {
  margin-left: 66.6666666667%;
}
.offset.by-nine {
  margin-left: 75%;
}
.offset.by-ten {
  margin-left: 83.3333333333%;
}
.offset.by-eleven {
  margin-left: 91.6666666667%;
}

.feedback .button,   .feedback button,   .feedback input[type="submit"],   .feedback input[type="reset"],   .feedback input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: rgb(14, 92, 172);
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
}

.feedback .button:hover,   .feedback button:hover,   .feedback input[type="submit"]:hover,   .feedback input[type="reset"]:hover,   .feedback input[type="button"]:hover,   .feedback .button:focus,   .feedback button:focus,   .feedback input[type="submit"]:focus,   .feedback input[type="reset"]:focus,   .feedback input[type="button"]:focus {
  color: #fff;
  border-color: #888;
  outline: 0;
}

.feedback .button.button-primary,   .feedback button.button-primary,   .feedback input[type="submit"].button-primary,   .feedback input[type="reset"].button-primary,   .feedback input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0;
}

.feedback .button.button-primary:hover,   .feedback button.button-primary:hover,   .feedback input[type="submit"].button-primary:hover,   .feedback input[type="reset"].button-primary:hover,   .feedback input[type="button"].button-primary:hover,   .feedback .button.button-primary:focus,   .feedback button.button-primary:focus,   .feedback input[type="submit"].button-primary:focus,   .feedback input[type="reset"].button-primary:focus,   .feedback input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB;
}

.feedback input[type="email"],   .feedback input[type="number"],   .feedback input[type="search"],   .feedback input[type="text"],   .feedback input[type="tel"], input[type="url"],   .feedback input[type="password"],   .feedback textarea, select {
  height: 38px;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
}

.feedback input[type="email"],   .feedback input[type="number"],   .feedback input[type="search"],   .feedback input[type="text"],   .feedback input[type="tel"],   .feedback input[type="url"],   .feedback input[type="password"],   .feedback textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.feedback textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
  height: 80px !important;
}

.feedback input[type="email"]:focus,   .feedback input[type="number"]:focus,   .feedback input[type="search"]:focus,   .feedback input[type="text"]:focus,   .feedback input[type="tel"]:focus,   .feedback input[type="url"]:focus,   .feedback input[type="password"]:focus,   .feedback textarea:focus,   .feedback select:focus {
  border: 1px solid #33C3F0;
  outline: 0;
}

.feedback label,   .feedback legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600;
}

.feedback fieldset {
  padding: 0;
  border-width: 0;
}

.feedback input[type="checkbox"], input[type="radio"] {
  display: inline;
}

.feedback label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal;
}

.feedback ul {
  list-style: circle inside;
}

.feedback ol {
  list-style: decimal inside;
}

.feedback ol,   .feedback ul {
  padding-left: 0;
  margin-top: 0;
}

.feedback ul ul,  .feedback ul ol,   .feedback ol ol,   .feedback ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}


.feedback code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}

.feedback pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

th, td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}

th:first-child, td:first-child {
  padding-left: 0;
}

th:last-child, td:last-child {
  padding-right: 0;
}

.feedback button,   .feedback .button {
  margin-bottom: 1rem;
}

.feedback input,   .feedback textarea,   .feedback select,   .feedback fieldset {
  margin-bottom: 1.5rem;
}

pre, blockquote, dl, figure, table,   .feedback p,   .feedback ul,   .feedback ol,   .feedback form {
  margin-bottom: 24px;
}

.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

.u-pull-right {
  float: right;
}

.u-pull-left {
  float: left;
}

.feedbackhr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}
.feedback{position: absolute;
  z-index: 9999;}
.feedback .container:after,
.feedback .row:after,
.feedback .u-cf {
  content: "";
  display: table;
  clear: both;
}

.feedback .contact-tab {
  position: absolute;
  display: block;
  top: 40%;
  left: -50px;
  right: auto;
  bottom: auto;
  -webkit-transform: translate3d(0, 0, 0) rotate(-90deg);
  transform: translate3d(0, 0, 0) rotate(-90deg);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  padding: 12px 33px;
  background-color: #090909;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 15px;
  width: 166px;
  font-weight: 600;
  height: 50px;
  z-index: 10;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.65, 1) 0s;
  box-shadow: 3px 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 15px 15px 0 0;
}
.contact-tab:after {
  content: '\f057';
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  left: auto;
  right: 30px;
  bottom: auto;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  color: #fff;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.65, 1) 0s;
}
.contact-tab:hover {
  color: #fff;  
  transition: all 0.3s cubic-bezier(0.35, 0, 0.65, 1) 0s;
}
.contact-tab.slide-out {
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translate3d(0, -100%, 0) rotate(0deg);
  transform: translate3d(0, -100%, 0) rotate(0deg);
  transition: all 0.3s cubic-bezier(0.35, 0, 0.65, 1) 0s;
}
.contact-tab.slide-out:after {
  transition: all 0.3s cubic-bezier(0.35, 0, 0.65, 1) 0s;
  opacity: 1;
}

.contact-container {
  position: fixed;
  display: block;
  line-height: 27px;
  top: 60%;
  left: auto;
  right: -300px;
  bottom: auto;
  z-index: 11;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  transition: all 0.3s cubic-bezier(0.35, 0, 0.65, 1) 0s;
}
.contact-container .contact-details {
  position: relative;
  display: block;
  background-color: #F7F1F0;
  color: #1E1B1A;
  padding:20px 10px 10px;
  width: 300px;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.65, 1) 0s;
}
.contact-container .form-group {
  margin-bottom: 0;
}
.contact-container .contact-details .titles {
  font-size: 24px;
  margin: 0 auto;
  margin-bottom: 12px;
}
.contact-container .contact-details .links {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
}
.contact-container a:hover {
  color: #A18463;
}
.contact-container i {
  padding-right: 6px;
}
.contact-container.slide-out {
  right: 0;
}
.contact-container.slide-out .contact-details {
  opacity: 1;
}


/* ==================== Responsive Start=================== */

@media only screen and (max-width: 1440px) {
  .productSlide .slick-dots { right: -110px;}
  .bannerIcon {margin: -115px 0 0px;}
  .prod_home { padding: 30px 0 0;}
  #primary-nav li a {font-size: 16px;}
  .fixedmenus { width: 310px;position: relative;}

  .menuBg::before {width: 1150px;}
  .abtleftBg {width: 704px;}
  .bannerbgRed {width: 1000px;height: 700px;}
  .bannerWidth {height: 700px;}
  .abtImgs img { padding: 0px 0 0 150px;width: 100%;}
  .effect-square-home::after { height: 335px;width: 540px;}
  .containerBox {width: 740px;padding: 90px 0 0;}
  .abtHome h2 img { left: 114px;}
  .swiper-slide .bannertext p {font-size: 42px;line-height: 45px;}
  .swiper-slide .bannertext span {font-size: 16px;}
  .productBg {width: 762px; height: 1080px;}
  .productBox { width: 695px;}
  .whyusBg {margin: -115px 0 -190px;}
  .productImages img { width: 100%;}
  .producttext { padding: 20px 0 0 150px;}
  .producttext h2 img { left: 135px;}
  .whyhomeText { padding: 150px 80px 0;}
  .whyhomeText { padding: 150px 50px 0; text-align: center;}
  .whyhomeText h2 img {left: 97px;}
  .testimonal_slider .testimonial {padding: 90px 34px}
  .brochure-foot::before {top: -370px;}
  /* .brochure-foot a { top: -340px;} */
  .directorsHead h1 img { position: absolute; left: 410px;}
  .companyProfile h1 {font-size: 30px;}
  .companytext p {font-size: 14px;}
  .workText { padding-top: 80px;}
  .applicationBox {left: 225px;}
  .formGray::before {width: 890px;}
  .whyhomeText { padding: 115px 50px 0;}
  .testiBg { padding: 120px 150px 0; height: 700px;}
  .vision p {font-size: 16px;}
  #primary-nav li a {  font-size: 16px;}
  .prdName a { width: 310px;}
  .prdHead h1 img { left: 0px;}
  .feedback .contact-tab { padding: 5px 33px;}
  .productDetail .nav-tabs > li > a > i {  padding: 10px 8px;}
  .productDetail .nav-tabs > li > a { font-size: 14px;padding-left: 20px;}
 
.prodDesc img { width: 44%;}


} 

@media only screen and (max-width: 1435px) {
 
  .bannerIcon {margin: -200px 0 0px;}
  .productSlide .slick-dots { right: -175px;}
  .menu li { padding-right: 22px;}
  #primary-nav li a {font-size: 14px;}

  .workText { padding-top: 35;}
  .companyProfile h1 { font-size: 20px;}
  .directorsHead h1 img { left: 285px;}
  /* .brochure-foot a { top: -353px;} */
  .testiBg {padding: 95px 150px 0; height: 660px;}
 
  .bannerbgRed {width: 995px;height: 700px;}
  .bannerWidth {height:700px;}
  .vision p {font-size: 15px;}
  #primary-nav li a {  font-size: 18px;}
  .swiper-slide .bannertext p { font-size: 37px; line-height: 36px;}
  .swiper-slide .bannertext span { font-size: 16px;}
  .service-list-column .service-heading {padding: 15px 10px 15px 10px; min-height: 102px;}
  .service-list-column .service-heading h5 { font-size: 15px;}
  .prdHead h1 img { left: 5px; width: 25px;}
 
} 
@media only screen and (max-width: 1366px) {
  .menuBg::before {width: 1070px;}
  .bannerbgRed {width: 925px;height: 593px;}
  .bannerWidth {height: 650px;}
  .abtleftBg {width: 700px;}
  .abtImgs img { padding: 0px 0 0 150px;width: 100%;}
  .effect-square-home::after { height: 335px;width: 540px;}
  .containerBox {width: 675px;padding: 90px 0 0;}
  .abtHome h2 img { left: 81px;}
  .productBg {width: 693px; height: 772px;}
  .productBox { width: 695px;}
  .whyusBg {margin: -100px 0 -290px;}
  .productImages img { width: 100%;}
  .producttext { padding: 20px 0 0 150px;}
  .producttext h2 img { left: 140px;}
  .whyhomeText { padding: 150px 80px 0;}
  .whyhomeText { padding: 150px 50px 0; text-align: center;}
  .whyhomeText h2 img {left:117px;}
  .testimonal_slider .testimonial {padding: 90px 34px}
  .testimonal_slider:after { top: 367px;}
  .brochure-foot::before {top: -388px;}
  /* .brochure-foot a { top: -360px;} */
  .directorsHead h1 img { position: absolute; left:285px;}
  .companyProfile h1 {font-size: 25px;}
  .companytext p {font-size: 14px;}
  .workText { padding-top: 25px;}
  .applicationBox {left: 190px;}
  .formGray::before {width: 890px;}
  .whyhomeText { padding: 80px 15px 0;}
  .testiBg { padding: 120px 150px 0; height: 700px;}
  .footUseful span, .footProd span, .footCont span { font-size: 16px;}
  .vision p {font-size: 15px;}
  .majorDetails p {font-size: 14px;}
  .companyProfile h1 img { top: 18px;  width: 20px;}
  .contDetails {  padding: 45px 25px;}
  #primary-nav li a {  font-size: 18px;}
}
@media only screen and (min-width: 1280px) {
    .abtleftBg {
    width: 663px;
}
.containerBox {
    width: 638px;
}
    .brochure-foot {
       top: -13px;
    height: 70px;
    }
    .bannerWidth {
        height: 589px;
    }
    .abtHome h2 img {
    left: 64px;
}
}


@media only screen and (max-width: 1024px) {
  .productSlide .slick-dots { right: -115px;}
  .menu li {padding-right: 14px;}
  #primary-nav li a { font-size: 11px; padding: 50px 0 0;}

  .mainLogo { padding: 0 0 0 50px;}
  .menuBg { padding: 0 50px 0 0; width: 65%;}
  .menuBoxs {padding: 0 0px;}
  .menuBg::before {width: 950px;}
  .bannerbgRed { width: 100%; height: 555px;  background:  #e20008;}
  .bannerWidth {height: 555px;padding: 0 0px;}
  .banner .swiper-pagination { text-align: center; }
  .abtleftBg {width: 100%; padding: 50px 0; float: unset;}
  .about_home { background:#6e787a;}
  .abtImgs img { padding: 0px 0 0 0px;width: 100%;}
  .effect-square-home::after { height: 335px;width: 540px;top: 33px; left: 70px;}
  .containerBox {width: 100%;padding: 0px 0 0;float: none;background: none;}
  .abtHome {padding:0px 100px 60px;}
  .abtHome h2 {color: #fff;}
  /*.abtHome h2 img {left: 221px;}*/
  .abtHome p { color: #fff;text-align: center;}
  .productBg {width: 100%; height: auto; background: unset;padding: 0; float: unset;}
  .productBox { width: 100%; float: unset;padding: 50px 0 10px;}
  .product_home {padding: 0px 100px}
  .prdName a { width: 100%;font-size: 16px;}
  .prdName { width: 255px;}

  .whyusBg {margin: 10px 0 20px;padding: 0px 100px 50px; height: auto; }
  .whypic img {margin: 60px 0 0;}
  .productImages img { width: 100%;}
  .producttext { padding:0px;}
  .producttext p {text-align: center;}
  .producttext h2 img { left: 287px;}
  .whyhomeText { padding:40px 0px 0; text-align: center;}
  .productImages { position: relative; top: 0; height: auto; padding: 0 0px;}
  .whyhomeText h2 img {left: 77px;}

  .testimonal_slider .testimonial {padding: 60px 34px}
  .testimonal_slider:after {top: 351px; left: 78px; border-top: 40px solid  transparent;  border-left: 40px solid #880100;}
  .brochure-foot {width: 320px;top: -25px;}
  .brochure-foot a {  font-size: 23px;top: 35px;}
  .directorsHead h1 img { position: absolute; left:225px;}
  .companyProfile h1 {font-size:25px;}
  .companytext p {font-size: 14px;}
  .workText { padding-top: 25px;}
  .applicationBox {left: 165px; width: 700px;}
  .formGray::before {width: 890px;}
  
  .testiBg {padding: 20px 100px 0;height: 600px;}
  .footUseful span, .footProd span, .footCont span { font-size: 16px;}
  .vision p {font-size: 13px;}
  .majorDetails p {font-size: 14px;}
  .companyProfile h1 img {left: 1px;     top: 21px;}
  .contDetails {  padding: 45px 25px;}
  #primary-nav li a {  font-size: 18px;}
  .redText a.send-requestbtn {margin: 10px auto 0;}
  .applicationForm {padding: 0 100px;background: #6f797b !important;display: block; }
  .testimonial h5 {padding: 0 0 0px;font-size: 26px;}
  .formGray::before {display: none;}

  .productDetail .nav-tabs > li > a { font-size: 13px; padding-left: 10px;}
  .productDetail .nav-tabs > li > a > i {  padding: 10px 0px;}
  .prodDesc img { float: unset; margin-bottom: 20px;margin-left: 0; width: 100%;}
  .pdf a {padding: 25px 5px;font-size: 15px;}
    .producttext p.text_arrange {
        width: 100%
    }


}
@media only screen and (max-width: 992px) {
  .bannerbgRed, .bannerWidth { height: 540px;}
  
  .prdName { width: 244px;}
  .whyhomeText h2 img { left: 78px;}
  .swiper-slide .bannertext p { font-size: 31px;}
  .swiper-slide .bannertext span { font-size: 14px;}
  .redText a.send-requestbtn {margin: 10px auto 0;}
  .redText h5 { display: block;}


}

@media only screen and (max-width: 768px) {
  .mainLogo a img { width: 140px;  margin: 16px 0;}
  .menuBox { padding: 5px 0 0;}
  #primary-nav li a { font-size: 14px; padding: 35px 0 0;}
  #primary-nav .dropdown, .dropup { margin: 0 7px 0 0;}
  .menuBg { height: 87px;}

  .contDetails span h1 { font-size: 19px;}
  .contDetails span { font-size: 11px;}
  .iconRotate { margin-right: 0px;}
  .footUseful { height: 320px;padding: 15px 0;}
  .workus { padding: 0 0; margin: 0px 0 10px;}
  .workText { padding-top: 0px;    margin: 63px 0 35px;}
  .applicationBox { left: 35px;}
  .workImg { margin-top: 70px;}
  .effect-square:after { top: 40px;}
  .whyImg { margin-top: 65px;}
  .whyText { margin-top: 64px;}
  .whyus { margin: 15px 0 40px;}
  .directorsHead h1 img { left: 150px;}
  .aboutVMV {padding: 60px 0 120px;}
  .aboutVMV {padding: 60px 0 120px;}
  .swiper-slide .bannertext { left: 15px;}
  .swiper-slide .bannertext p { font-size: 25px;}
  .swiper-slide .bannertext span { font-size: 13px;}
  .bannerbgRed { width: 100%; height: 450px;  background:  #e20008;}
  .bannerWidth {height:450px;padding: 0 0px;}
  .abtHome { padding: 0px 10px 30px;}
  
  .producttext h2 img { left: 160px;}
  .prdName { width: 95%;}
  .prdCont{margin-bottom: 15px;}
  .whyhomeText h2 img { left: 158px;}
  .testiBg { padding: 20px 25px 0;}
  .testimonal_slider:after { top: 400px;}
  .service-list-column .service-heading h5 { font-size: 14px;}
  .redText h5 { font-size: 25px;}
  .brochure-foot a { font-size: 20px;}
  .prdText p {font-size: 14px;}
  .redText h5 {margin: 0px 20px;}

}

@media only screen and (max-width: 767px) {
  #primary-nav .dropdown, .dropup { margin: 0 7px 0 0;float: none;}
    /* #primary-menu { display: none;  }
    .lblmenu {display: block;color: #000;top: 12px;font-size:24px;cursor: pointer;width: 35px; height: 28px;    
     text-align: center;border-radius: 5px;border: 1px solid #ccc;}*/
     .menu li { padding-right: 0px;}
}
@media only screen and (max-width: 480px) {
  .headerares { padding: 0px 0px;}
  .menuBox { padding: 5px 0 0;}
  .mainLogo { padding: 0 0 0 25px;}
  .menuBg { background: unset;width: 60%;padding: 0 25px 0 0;text-align: center;}
  .menuBg {width: 100%;float: unset;right: 0;}
  #primary-nav-button {bottom: 25px;}
  #primary-nav.mobile {margin: 0px 0 0;}
  .swiper-slide .bannertext p { font-size: 12px; line-height: 20px;}
  .swiper-slide .bannertext span { font-size: 10px;}
  .bannerbgRed { width: 100%; height: 300px;  background:  #e20008;}
  .bannerWidth {height:300px;padding: 0 0px;}
  .effect-square-home::after { width: 95px;height: 95px;left: 0px;}
  .about_home {padding: 0 30px;}
  .abtHome h2 img { left: 120px;}
  .product_home { padding: 0px 30px;}
  .producttext h2 img { left: 95px;}
  .prdName {width: 420px; left: 15px;}
  .testiForms { width: 100%;display: inline-block;}
  .testiBg { height: auto; padding: 20px 25px 20px;}
  .testimonal_slider .testimonial img {width: 150px; margin: 0 auto;}
  .testimonial h5, .testimonial h6   {padding:5px 0 0px 0;  text-align: center;}
  .testimonal_slider .testimonial { padding: 20px 20px;}
  .testimonial p { padding: 10px 0 0px;text-align: center;}
  .testimonal_slider::after { top: 370px; left: 30px;}
  .footUseful {  height: auto;  padding: 15px 0;  margin-left: 0;}
  .whyusBg { padding: 0px 30px 50px;}
  .whyhomeText h2 img { left: 95px;}
  .aboutImg { margin-top: 20px;}
  .effect-square::after { top: -16px;}
  .abtText { margin-top: 30px;}
  .aboutVMV { padding: 20px 0 120px;  margin: 0;}
  .vision { margin-bottom: 15px;}
  .directorsHead h1 img { left: 15px;}
  .majorDetails h6 { padding: 20px 0 10px;}
  .whyImg { margin-top: 20px;}
  .whyText { margin-top: 30px;}
  .companytext {  margin: 0 0 0px;}
  .prdBox {  margin: 30px 0;}
  .prdHead h1 img {
    width: 20px;
}
.prodDesc h3{font-size:21px;}
  .prdHead h1 {padding: 15px 15px 15px 35px;}
  .prdText p { border-left:unset; padding: 4px 15px;text-align: center;}
  .workImg { margin-top: 35px;}
  .workText {margin: 30px 0 35px;}
  .applicationForm { padding: 0 30px;}
  .applicationBox {margin: 0px auto;position: relative;  left: 0;  width: 100%;}
  .formApplication {  padding: 20px;}
  .pdLeft { padding-left: 15px !important;}
  .formField { margin: 30px 0 0;}
  .contDetails span h1 {  font-size: 21px;}
  .contDetails span {  font-size: 14px;}
  .redText a.send-requestbtn {width: 160px;padding: 10px 15px;}
  .redText h5 { font-size: 22px;}
  .banner .swiper-pagination-bullet { font-size: 16px;}

  .pdf a {margin: 30px 0;}
  .productDetail .nav-tabs > li > a { font-size: 16px;  padding-left: 20px;}
  .pdf a { font-size: 16px;}
  .feedback .contact-tab {
    top: 69%;
    left: -38px;
    height: 38px;
  }
    
}
@media only screen and (max-width:425px) {

  .bannerbgRed { width: 100%; height: 270px;  background:  #e20008;}
  .bannerWidth {height:270px;padding: 0 0px;}
  .abtHome h2 img {      left: 80px;
    top: 31px;}

  .formApplication { padding: 10px;}
  .formApplication h1 {font-size: 27px;}
  .prdHead h1 {font-size: 25px;}
  .directorsHead h1 {font-size: 28px;}
  .dirBox { padding: 30px 10px 60px;}
  .producttext h2 img { left: 61px;}
  .prdName { width: 365px; left: 15px;}
  .whyhomeText h2 img { left: 60px;}

  
}

@media only screen and (max-width:375px) {
 
  .bannerbgRed { width: 100%; height: 250px;  background:  #e20008;}
  .bannerWidth {height:250px;padding: 0 0px;}
  .abtHome h2 img {  left: 75px;}

  .formApplication { padding: 10px;}
  .formApplication h1 {font-size: 27px;}
  .prdHead h1 {font-size: 25px;}
  .directorsHead h1 {font-size: 28px;}
  .dirBox { padding: 30px 10px 60px;}
  .producttext h2 img { left: 63px;    top: 7px;
}
  .prdName { width: 315px; left: 15px;}
  .whyhomeText h2 img { left: 55px;top: 31px;}
  .abtHome h2, .producttext h2, .whyhomeText h2 { font-size: 30px;}
  .testimonal_slider .testimonial img { width: 125px;}
  .directorsHead h1 img { left: 60px;}
  .formApplication h1 {  font-size: 23px;}
  .formField h1 {font-size: 26px;}
  .contDetails { padding: 5px 10px;}


}
@media only screen and (max-width:320px) {

  
  .bannerbgRed { width: 100%; height: 225px;  background:  #e20008;}
  .bannerWidth {height:225px;padding: 0 0px;}
  .abtHome h2 img {  left:46px;}
  .reachText h1 {font-size: 22px;}
  .formApplication { padding: 10px;}
  .formApplication h1 {font-size: 27px;}
  .prdHead h1 {font-size: 20px;}
  .directorsHead h1 {font-size: 28px;}
  .dirBox { padding: 30px 10px 60px;}
  .producttext h2 img { left: 34px;}
  .prdName { width: 260px; left: 15px;}
  .whyhomeText h2 img { left:32px;}
  .abtHome h2, .producttext h2, .whyhomeText h2 { font-size: 30px;}
  .testimonal_slider .testimonial img { width: 125px;}
  .directorsHead h1 img { left: 30px;}
  .prdHead h1 img { width: 18px;}
  .formApplication h1 {  font-size: 18px;}
  .formField h1 {font-size: 26px;}
  .contDetails { padding: 5px 10px;}
  .testimonal_slider::after { top: 399px;}
  .brochure-foot { width: 285px;}
  .brochure-foot a { right: 32px;}
  .footCont p { font-size: 13px;}
  .footProd ul li a, .footUseful ul li a, .footLogo p { font-size: 13px;}
  .contDetails span { font-size: 11px;}
  .swiper-slide .bannertext p { font-size: 15px; line-height: 18px;}
  .effect-square:after { height: 142px;}
  .productDetail .nav-tabs > li > a { font-size: 14px; padding-left: 15px;}

  
}