* {
  margin: 0;
  padding: 0;
}
span:focus-visible{
  outline: none;
}
html,  body {font-family: 'Poppins', sans-serif; overflow-x: hidden!important;}
p{ font-size: .9em; line-height: 25px; }
a{color: #000;}
a:hover{color: #000;text-decoration: none;}
.mg-0btm{ margin-bottom: 0!important; }
.mg-0top{ margin-top: 0!important; }
.tb{ margin: 4em 0; }
.no-bm{ margin-bottom: 0!important; }
.no-tm{ margin-top: 0!important; }
.mg-2em{ margin-top: 2em; }
.mgb-5em{ margin-bottom: 5em; }
.slide-img{position: relative;background-color: #000;-o-object-fit: cover; width: 100%; }
.section {position: relative;background-color: #fff;background-size: cover;}
#section1 { background-image: url(../images/slide1.jpg);}
#section2 {   background-image: url(../images/slide2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:bottom;
}
/*#section3 { background-image: url(../images/slide3.jpg); }*/
/*#section4 { background-image: url(../images/slide4.jpg); }*/
/*#section5 { background-image: url(../images/slide5.jpg); }*/
/*#section6 { background-image: url(../images/slide6.jpg); }*/
/*#section7 { background-image: url(../images/c-slide2.jpg);}*/
/*#section8 { background-image: url(../images/c-slide3.jpg);}*/
#section9 { background-image: url(../images/c-slide4.jpg);}
#section10 { background-image: url(../images/c-slide5.jpg);}
#section3 p{ text-align: justify; }
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1.1, 1.1);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}

@keyframes zoom {
  from {
    transform: scale(1.1, 1.1);
  }
  to {
    transform: scale(1, 1);
  }
}
/*
.slide-img {
  -webkit-animation: zoom 5s;
  animation: zoom 5s;
}*/


.pages {position: fixed;right: 20px;top: 50%;list-style: none;}
.pages li {width: 8px;height: 8px;border-radius: 50%;background: #fff;margin: 15px 0 0 3px;}
.pages li.active {margin-left: 0;width: 14px;height: 14px;border: 4px solid #FFFFFF;background: none;}
.caption-text{ position: absolute;width: 60%; left: 20%;z-index: 1; color: #fff; font-weight: bold; top: 45%; bottom: 50%; }
.caption-text h1{ float: left; width: 60%;font-size: 4em; line-height: 1em; }
header{ width: 100%; background-color:#fff; min-height:100px; position: fixed; top: 0;z-index:999999;}
.m-logo{ display: inline-block; float: right; margin-top: 8px; -webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s; margin-left: 15px; }
.menu-nav{ width:75%; float: right; text-align: right; }
.menubox{  width:86%; float: right; text-align: right;}
.menu {display:inline-block;position:relative; width: auto;}
.menu, .menu ul {margin:0;padding:0;list-style:none;position:relative; text-align: left; float: right;}
.menu ul a {float:left}
.menu ul ul a {float:none}
.menu .mega-menu a {float:none;padding:0}
.menu ul ul{opacity:0;visibility:hidden;display:none ! important/9;-webkit-transition:opacity 150ms ease-in-out;-moz-transition:opacity 150ms ease-in-out;-o-transition:opacity 150ms ease-in-out;-ms-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;}
.menu li:hover>ul{opacity:1;visibility:visible;display:block ! important/9; box-shadow: 0 6px 8px 0 rgba(0,0,0,0.1);}
.menu ul:after {content:"";clear:both;display:block}
.menu ul li {float:left;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;}
.menu ul li a {display:block;padding:0px 15px;color:#fff;text-transform: uppercase; font-weight: 300;
    font-size: 13px; line-height: 30px; letter-spacing: 1px; text-decoration: none;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
.menu ul li:hover a{ color: #000;}
.menu ul li:hover a.active{ color: #000;}
.menu ul li a.active{ color: #008677;}
.menu .arrow:after {content:"";float:right;text-align:right;width:0;height:0;display:block;border-left:3px solid rgba(255, 255, 255, 0);border-right:3px solid rgba(255, 255, 255, 0);border-top:3px solid #fff;top:9px;margin:0 0 0 5px;position:relative;border-left:3px solid transparent/9;border-right:3px solid transparent/9}
.menu ul li ul li .arrow:after {border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:3px solid #fff;margin:-2px 0 0 5px;}
.menu ul li ul li a{ background: #fff; }
.menu i {font-size:14px;font-weight:400;font-style:normal;float:left;margin:4px 4px 0 -2px;line-height:14px;padding:0}
.menu .right {float:right}
.menu .right ul, .menu .right .mega-menu {right:0}
.menu ul ul {border-top:0;border-bottom:0;position:absolute;top:100%;width:180px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .04);box-shadow:0 1px 1px rgba(0, 0, 0, .04); background: #fff; border-bottom: 3px solid #ae2220;}
.menu ul ul ul {position:absolute;left:100%; top: 0;}
.menu ul ul li a {font-weight:400; font-size: 14px; padding:12px 20px;color:#898989; background-color: #fff; opacity: 0.99; text-transform: capitalize!important; line-height: 20px!important; letter-spacing: 0;}
.menu ul ul li {float:none;position:relative;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}
.menu ul ul li a:active, .menu ul ul li:hover {background:#fff!important}
.menu ul li:hover ul li a{ color: #1a1a1a;}
.menu ul ul li:hover a{background-color:#f2f2f2; color: #1a1a1a;}
.menu ul li:hover ul{box-shadow:3px 3px 6px rgba(0, 0, 0, .06); z-index: 999;}
.menu ul li:hover ul li a{ background: #fff!important; }
.menu ul li:hover ul li a:hover{ background: transparent;
    color: #ae2220!important; }
.menu-rt-logo{ width: 130px; margin-top: 5px; margin-left: 0px; float: left;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s; }
.menu-rt-logo span{ color: #df0408; display: block; font-size: 7.7px; }
.shrink {z-index:99;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; background-color:#fff;}
/*header.shrink{ height: 90px; }*/
/*.shrink .menu ul li a {-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; line-height: 40px;}.shrink .menu ul ul li a{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; line-height: 20px; }*/
/*.shrink .m-logo{width:65px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin-top:8px;}*/
.shrink .menu-rt-logo{width: 120px;margin-top: 5px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .menu-rt-logo span{ font-size: 7px; }
/*.carousel-item {height: 100vh;min-height: 450px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; position: relative;}*/
.carousel-inner>.item {
    -webkit-transition: -webkit-transform 1.6s ease-in-out left!important;
    -o-transition: -o-transform 1.6s ease-in-out left!important;
    transition: transform 1.6s ease-in-out left!important;
}
.carousel-item:after{ position: absolute;top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0,0,0,0); }
.hometext-animated  {-webkit-animation-duration : 1000 ms  ;animation-duration : 1000 ms  ;-webkit-animation-fill-mode : both ;animation-fill-mode : both  ; opacity: 0;} 
.abs-captions .hometext-animated  {opacity: 0.9;animation-name: slideLeft;-webkit-animation-name: slideLeft; -webkit-animation-duration : 3s;animation-duration : 3s;-webkit-animation-delay : 500ms;animation-delay : 500ms  ; }

@keyframes slideLeft {
  0% {transform: translateX(100%);opacity: 0.0; }
  50% {transform: translateX(0%);opacity: 1; }
}
@-webkit-keyframes slideLeft {
  0% {-webkit-transform: translateX(100%);opacity: 0.0; }  
  50% { -webkit-transform: translateX(0%);opacity: 1; }
}
.abs-captions {width: 100%;
    padding: 0% 0;
    font-size: 25px;
    color: #fff;
    z-index: 1;
    left: 120px;
    /* right: 0; */
    margin: auto;
    position: absolute;
    bottom: 32%;
  }
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    display: inline-block;
    width: 100px;
    height: 1px;
    background: #ffc107;
    margin-bottom: 20px;
}
  .abs-captions h3{
    font-size: 27px;
    font-weight: 300;
    width: 50%;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 8px;
  }
  .banner1{
    display: block;
    color: #fbba00;
    font-weight: 600;
    font-size: 48px;
    letter-spacing: 0px;
    line-height: 1.5;
    margin-top: 25px;
  }
  .banner2{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 42px;
    line-height: 1;
    display: block;
    font-weight: 600;
  }
  .banner-texts .banner2{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 44px;
    line-height: 1.5;
    display: block;
    font-weight: 600;
    color: #ffc105;
  }
.hometext-animated .hd-txt {font-size: 1.5em; line-height: 1.1em;margin-bottom: 5px;visibility: visible; color: #fff; font-weight: 400; position: relative;}
.hometext-animated .hd-txt span{ font-weight: 300; }
.vision-blk{ width: 100%;text-align: left; }
.v-block{ width: 100%; text-align: left;}
.v-block h3{ color: #ae2220; position: relative; width: 100%; padding-bottom: 50px; }
.v-block h3:after{ position: absolute; content: '';  height: 1px; width: 50px; left: 0; top:60px; background: #ae2220; }
.v-block p{ color: #333; }
.prod-block{ width: 100%;
    padding-top: 5%;
    padding-bottom: 2%; }
.prod-block h3, .prod-block h4{ color: #b22d30;
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    font-size: 32px;
    font-weight: 600;
}}
.prod-block h3:after, .prod-block h4:after{ position: absolute; content: '';  height: 1px; width: 50px; left: 0; top:60px;  }
.prod-block p{ color: #f1f1f1; width: 88%; }
a.block-ach{ width: 200px; border: 1px solid rgba(255,255,255,0.6); text-align: center; padding: 10px 0px;border-radius: 30px; text-transform: uppercase; font-size: 12px; color: #fff; display: inline-block; margin-top: 10px;}
a.block-ach:hover{ text-decoration: none; }
#hp-clnt-hd{font-size: 1.75rem;}
/*==============testimonial owl carousel starts============= */
.owl-carousel1 {display: none;width: 95%; margin:0 auto;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1; margin-bottom: 30px; }
.owl-carousel1 .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden;}
.owl-carousel1 .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }
.owl-carousel1 .owl-stage-outer { position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel1 .owl-wrapper,
.owl-carousel1 .owl-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); }
.owl-carousel1 .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none; background: rgba(0,0,0,0.2); }
.owl-carousel1 .item{ padding: 10px;}
/*.owl-carousel1 .item span{ position: absolute; z-index: 1;bottom: 30px; left: 30px; font-size: 20px; line-height: 22px; width: 80%; background-color: rgba(0,0,0,0.5); padding: 10px; }*/
.owl-carousel1 .item a{ color: #fff; }
.owl-carousel1 .item p{ text-align:  left; font-size: 12px; color: #666; }
/*.owl-carousel1 .lt-arrow{ padding: 0px;  position: relative;}*/
/*.owl-carousel1 .lt-arrow:before {content: "";width: 25px;height: 1px;background: #fff;position: absolute;bottom: 46px;margin-top: -1px;right: 14%;transition: all 0.3s ease; z-index: 2;}
.owl-carousel1 .lt-arrow:hover:before {right: 34px;width: 35px;background: #ae2220;}*/
/*.owl-carousel1 .lt-arrow:after {content: "";width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #fff;position: absolute;bottom: 42px;margin-top: -5px;right: 12%;transition: all 0.3s ease; z-index: 2;}
.owl-carousel1 .lt-arrow:hover:after {right: 34px;right: 30px;border-color: transparent transparent transparent #ae2220;}*/
.owl-carousel1 .owl-item img {display: block;width: 100%;}
.owl-carousel1.owl-loaded {display: block; }
.owl-carousel1.owl-loading {opacity: 0;display: block; }
.owl-carousel1.owl-hidden { opacity: 0; }
.owl-carousel1.owl-refresh .owl-item {visibility: hidden;}
.owl-carousel1.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }
.owl-carousel1.owl-grab {cursor: move;cursor: grab; }
.owl-carousel1.owl-rtl {direction: rtl; }
.owl-carousel1.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel1 {display: block; }
.nav-container.is-visible {
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.owl-carousel1 .animated {animation-duration: 1000ms;animation-fill-mode: both; }
.owl-carousel1 .owl-animated-in {z-index: 0; }
.owl-carousel1 .owl-animated-out {z-index: 1; }
.owl-carousel1 .fadeOut {animation-name: fadeOut; }
@keyframes fadeOut {
  0% {opacity: 1; }
  100% {opacity: 0; } }
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel1 .owl-item .owl-lazy {opacity: 0;transition: opacity 400ms ease; }
.owl-carousel1 .owl-item .owl-lazy[src^=""], .owl-carousel1 .owl-item .owl-lazy:not([src]) {max-height: 0; }
.owl-carousel1 .owl-item img.owl-lazy {transform-style: preserve-3d; }
/** Owl Carousel - Video Plugin*/
.owl-carousel1 .owl-video-wrapper {position: relative;height: 100%;background: #000; }
.owl-carousel1 .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;background: url("owl.video.play.png") no-repeat;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;transition: transform 100ms ease; }
.owl-carousel1 .owl-video-play-icon:hover {-ms-transform: scale(1.3, 1.3);transform: scale(1.3, 1.3); }
.owl-carousel1 .owl-video-playing .owl-video-tn,
.owl-carousel1 .owl-video-playing .owl-video-play-icon {display: none; }
.owl-carousel1 .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: contain;transition: opacity 400ms ease; }
.owl-carousel1 .owl-video-frame {position: relative;z-index: 1;height: 100%;width: 100%; }
.owl-carousel1 .owl-nav{ width: 100%; position: absolute;top: 40%; }
.owl-carousel1 .owl-prev{position: absolute; top: 50%; width: 20px;z-index: 9; left: -10px; background: transparent; color: #444; border: 0; text-align: center; padding: 10px 0px; }
.owl-carousel1 .owl-next{position: absolute; top: 50%; width: 20px; text-align: center; padding: 10px 0;z-index: 9; right: -8px;background: transparent; color: #444; border: 0; }
.owl-carousel1 .owl-prev span,
.owl-carousel1 .owl-next span{ font-size: 8em;
    line-height: 40px;
    font-weight: 200; display: none;}
.table-row{ width: 100%; height: 100%; display: table;}
.table-col{ width: 100%; display: table-cell;vertical-align:middle; text-align: center; }
.hp-work{ width: 600px; margin: 0 auto }
.hp-work h3{ color: #fff; position: relative; width: 100%; padding-bottom: 50px; }
.hp-work h3:after{ position: absolute; content: '';  height: 1px; width: 50px; left: 0; right: 0; margin: auto; top:60px; background: #fff; }
.hp-work p{ width: 100%; text-align: center; line-height: 22px; color: #fff; margin: 0px auto; font-weight: 400; }
a.block-ach{ width: 200px; border: 1px solid rgba(255,255,255,0.6); text-align: center; padding: 10px 0px;border-radius: 30px; text-transform: uppercase; font-size: 12px; color: #fff; display: inline-block; margin-top: 10px;}
a.block-ach:hover{ text-decoration: none; }
a.block-ach.center{ display: inline-block; margin:30px auto; }
a.block-ach.red-btn{ background-color:#ae2220  }
.client-div{ width: 100%; margin: 4em auto 4rem auto; text-align: center; }
.client-div ul{ margin:0; padding: 0; list-style: none;}
.client-div ul li{ 
    width: 9%;
    display: inline-block;
    background-color: transparent;
    /* height: 6.6666%; */
    margin: 5px 3px;
    padding: 10px;
    border: 1px solid #e6e6e6;
}
.ft-link{width: 100%; display: block;}
.ft-link ul{ margin: 0;padding: 0; list-style: none;}
.ft-link ul li{ display: block; text-align: left;}
.ft-link ul li a{ font-size: 15px; line-height: 30px; color: #fff; text-decoration: none; font-weight: 400; }
.co-add{ width: 100%; display: block; text-align: left; }
.co-add h6{ font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #292929;
    margin-bottom: 20px; }
.co-add p{ margin-bottom: 15px; line-height: 26px; }
.co-add p, 
.co-add a{width: 100%!important; color: #292929; text-align: left; display: block; }
.co-add h6.dark-lk,
.co-add p.dark-lk,
.co-add a.dark-lk,
.ft-link ul li a.dark-lk{color: #666;}
.ft-from{ width: 100%; }
.ft-from input[type="text"]{ width: 100%; background-color: transparent; border-bottom: 1px solid #f1f1f1; border-top: none; border-left: none; border-right: none; font-size: 12px; color: #fff; padding-bottom: 5px; margin-bottom: 10px; }
.ft-from textarea{ width: 100%; background-color: transparent; border-bottom: 1px solid #f1f1f1; border-top: none; border-left: none; border-right: none; font-size: 12px; color: #fff; padding-bottom: 5px; margin-bottom: 10px; text-align: left; }
.ft-from input[type="submit"]{ width: 100%; background-color: #db0b17;  font-size: 12px; color: #fff;  margin-bottom: 10px; text-align: center; border:1px solid #db0b17; line-height: 30px; }
.copyright{ width: 100%; line-height: 20px; text-align: center; font-size: 12px; color: #fff; margin-top: 2em; letter-spacing: 1px; }
.copyright a{ color: #fff!important; text-decoration: none; }
.txtarea{border-right: #646464 ;border-top: #646464;border-left: #646464;border-bottom: #646464;width:100%;background: #ffffcc; color: #999!important;}
a.banner-btn{  
    display: inline-block;
    width: 150px;
    margin: 0 auto;
    background-color: #ffffff;
    line-height: 50px;
    color: #000;
    text-align: center;
    font-size: 13px;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 25px;
  }
a.banner-btn:hover {
    background: #ae2220;
    color: #fff;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}
.dark-lk{color: #666!important;}
footer{padding: 2em 0; display: block;}
.nav-toggle{ width: 55px;
    float: right;
    margin-top: 45px;
}
.nav-container {position: fixed;top: 103px; /* 1 */left: 0;z-index: 1;overflow-y: auto;visibility: hidden; /* 2 */width: 100%;height: 100%;min-height: 100%;margin: 0;padding: 0;-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%); /* 2 */background-color:#800709;-webkit-overflow-scrolling: touch;}
/* 1. Show when `.is-visible` class is added */
.nav-container.is-visible {visibility: visible; /* 1 */-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0); /* 1 */}
/* Nav toggle */
.nav-toggle {line-height: 1;float: right;padding: 0rem 1rem;border: 0;background-color: transparent;}
/* Nav toggle icon */
.nav-toggle .icon-menu {position: relative;display: inline-block;width: 30px;height: 20px;vertical-align: middle;fill: none;}
/* Nav toggle icon lines */
.icon-menu .line {position: absolute;left: 0;display: block;width: 100%;height: 2px;-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);background-color: #000;}
/* Nav toggle icon line 1 */
.icon-menu .line-1 {top: 0;}
/* When active, rotate line 1 to be lefthand part of X */
.is-active .icon-menu .line-1 {-webkit-transform: translateY(8px) translateX(0) rotate(45deg);-ms-transform: translateY(8px) translateX(0) rotate(45deg);transform: translateY(8px) translateX(0) rotate(45deg);}
/* Nav toggle icon line 2 */
.icon-menu .line-2 {top: 50%;margin-top: -2px;}
/* When active, hide line 2 */
.is-active .icon-menu .line-2 {opacity: 0;}
/* Nav toggle icon line 3 */
.icon-menu .line-3 {bottom: 2px;}
/* When active, rotate line 3 to be righthand part of X */
.is-active .icon-menu .line-3 {-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);-ms-transform: translateY(-8px) translateX(0) rotate(-45deg);transform: translateY(-8px) translateX(0) rotate(-45deg);}
.content {margin: 0px;}
.logo{ width:70px; float: left; text-align: center;  margin: 0 auto 10px;}
.mob-srch{ width: 100%; padding:15px 20px;  background: #f1f1f1;}
.mob-srch input {border: medium none;border-radius: 26px;display: inline-block;font-family: inherit;font-feature-settings: inherit;font-kerning: inherit;font-language-override: inherit;font-size: 12px;font-size-adjust: inherit;font-stretch: inherit;font-style: inherit;font-synthesis: inherit;font-variant: inherit;font-weight: inherit;height: 26px;line-height: 26px;margin: 0;outline: medium none;padding: 0 10px;width: 100%;}
.mob-srch i{ display:  inline-block;}
.topnav {width: 213px;padding: 40px 28px 25px 0;}
ul.topnav {padding: 0;margin: 0;font-size: 14px;line-height: 0.5em;list-style: none; width: 100%;}
ul.topnav li { background:transparent;}
ul.topnav li a {font-size: 14px;color: #fff;text-decoration: none;border-bottom: 1px solid #a11b1d;display: block;height: 42px;line-height: 42px;padding: 0 1em 0 2em;}
ul.topnav li a:hover {color:#fff;}
ul.topnav ul {margin: 0 ;padding: 0 20px;display: none; list-style: none;}
ul.topnav ul li {margin: 0;padding: 0;clear: both;}
ul.topnav ul li a {padding-left: 20px;font-size: 13px;font-weight: normal;outline:0;}
ul.topnav ul li a:hover {background-color:#efefef; color: #333;}
ul.topnav ul ul li a {padding-left: 40px;}
ul.topnav span{float:right; font-size: 20px; margin-right: 20px;}
.mob-nav{ width: 100%;font-size: 14px;  margin: 20px 0 0 20px ; display: block; height: 220px;}
.mob-nav ul{ margin: 0; padding: 0; list-style: none;}
.mob-nav ul li{ width: 100%; display: block; border: none!important; line-height: 28px;color: #fff;}
.mob-nav a:hover{ text-decoration:none; color: #000;}
/*about us page*/
.brdcrumb{ width: 100%; display: block; height: 50px; border-bottom: 1px solid #dedede; }
.breadcrumbs {float: left;padding: 13px 0px;width: 100%; margin-top: 0px;margin-bottom: 20px; }
.breadcrumbs ul {float: none;margin: 0;padding: 0;position: relative;text-align: center;}
.breadcrumbs ul li {display: inline-block;font-size: 12px;line-height: 1.45em;list-style-type: none;font-weight: 500; color: #ae2220;letter-spacing: 1px;}
.breadcrumbs ul li span.dot {display: inline-block;margin: 0 12px; color: #aaa;}
.breadcrumbs ul li a {text-decoration: none;color:#666; letter-spacing: 1px; }
.breadcrumbs ul li a:hover {text-decoration: none;}
.inner-banner{ width: 100%; position: relative; display: table; }
.his-banner{ width: 100%; position: relative; display: table; }
.inner-banner:after{  position: absolute; width: 100%; height: 100%; background-color: rgb(137 137 137 / 10%);content: '';top: 0; left: 0; }
.bnr-head{ 
  position: absolute;
    width: auto;
    bottom: 45px;
    left: 0px;
    /* right: 0; */
    margin: auto;
    color: #fff;
    text-align: left;
    z-index: 1;
  }
.bnr-head h2, .bnr-head h1{ 
  font-size:25px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0px;
    background: rgba(174,34,32,95%);
    padding: 25px;
}
.bnr-head h5{ font-size: 1.5em; color:#fff; font-weight: 300;letter-spacing: 1px;}
#values{
  background: transparent;
}
.about-info{ width: 100%; background-color: #fff; padding: 3em 0; }
.abt-info{ width: 100%; text-align: justify;}
.abt-info h1{ color: #444;font-weight: 400; font-size: 2em; position: relative; padding-bottom: 15px; margin-bottom: 15px; }
.abt-info h1:after{ position: absolute; bottom: 0px; height: 2px; width: 50px; background-color: #ae2220; left: 0; content: ''; }
.abt-info h2{ width: auto; text-align: left; font-weight: 300; color: #444; position: relative; padding-bottom: 1em;}
.abt-info h2:after{ position: absolute; bottom: 0px; height: 2px; width: 60px; background-color: #ae2220; left: 0; content: ''; }
.abt-info h2 span{ font-weight: 600; }
.abt-info h5{ margin-bottom: 20px; font-weight: 400; line-height: 1.4em; font-size: 20px; }
.abt-info h6{ margin-bottom: 10px; font-weight: 600; line-height: 1.4em; font-size: 20px; color: #333 }
.abt-table{ width: 100%; display: table; background:#f9f9f9;}
.abt-col{ width: 50%; display: table-cell; vertical-align: middle; position: relative;}
/*.rightArrow {position: absolute;right: -16px;top: 100px;z-index: 999;width: 17px;height: 48px;background: url(../images/rightarrow.png) no-repeat;}*/
.abt-coltext{ width: 70%; margin: 0 auto; }
.abt-coltext h1{ color: #000;font-weight: 400; font-size: 2em; position: relative; padding-bottom: 15px; margin-bottom: 1em; }
.abt-coltext h1:after{ position: absolute; bottom: 0px; height: 2px; width: 50px; background-color: #ae2220; left: 0; content: ''; }
.abt-coltext h2{
  color: #ae2220;
}
.abt-coltext p{ color: #000;  text-align: justify;}
.abt-coltext h5{     color: #000000;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 22px;}
footer{ width: 100%; display: block; background-color: #f5f5f5;  padding-top: 4em;}
.abt-coltext ul{margin: 20px 0 0 5px; padding: 0; list-style: none; }
.abt-coltext ul li{ width: 100%; display: block; color: #000;font-size: 14px;  margin-bottom: 15px; position: relative; padding-left: 30px; }
.abt-coltext ul li strong,
.about-info ul li strong{ font-size: 16px; }
.abt-coltext ul li:before{ position: absolute;content: ''; width:12px; height: 12px; left: 0; top: 4px; border-radius: 50%; background-color: #333;}

.purpose-info {
    width: 100%;
    background-color: #fff;
    padding: 4em 0;
}
.about-info ul{ margin: 20px 0 0 5px; padding: 0; list-style: none; }
.about-info ul li{ width: 100%; display: block;  margin-bottom: 10px; font-size: 14px; margin-bottom: 15px; position: relative; padding-left: 30px; }
.about-info ul li:before{ position: absolute;content: ''; width:12px; height: 12px; left: 0; top: 4px; border-radius: 50%; background-color: #333; background-color: #ae2220; }
.history-info{ width: 100%; background:url(../images/history-bg.jpg) no-repeat; background-size: cover;padding: 6em 0 12% 0; position: relative; }
.history-info h1{ color:#efefef; text-align: left; width: 100%; margin-bottom: 1em; padding-bottom: 20px; border-bottom: 1px solid #444; font-size: 2rem;  }
.process-info{ width: 100%; background:#fff; background-size: cover;padding: 3em 0 ; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; }
.process-info h1{ color:#333; text-align: left; width: 100%; margin-bottom: 1em; padding-bottom: 20px;  font-size: 1.6rem; padding-bottom: 2em; font-weight: 600; }
/*=========Timeline css starts==========*/
.timeline{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.timeline *,
.timeline :after,
.timeline :before{-webkit-box-sizing:inherit;box-sizing:inherit}
.timeline:not(.timeline--horizontal):before{background-color:#ddd;bottom:0;content:'';left:50%;margin-left:-2px;position:absolute;top:0;width:4px;z-index:1}
.timeline__wrap{overflow:hidden;position:relative;z-index:2}
.timeline__item{font-size:16px;font-size:1rem;padding:.625rem 2.5rem .625rem 0;position:relative;width:50%;z-index:2}
.timeline__item:after{background-color:#ae2220;border:4px solid #ae2220;border-radius:50%;content:'';height:20px;position:absolute;right:-10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:20px;z-index:1}
.timeline__item.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.timeline__item.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.timeline__item--left{left:0}
.timeline__item--right{left:50%;padding:.625rem 0 .625rem 2.5rem}
.timeline__item--right:after{left:-10px}
.timeline__item--right .timeline__content:before{border-bottom:10px solid transparent;border-right:12px solid #ccc;border-left:none;border-top:10px solid transparent;left:-12px}
.timeline__item--right .timeline__content:after{border-bottom:9px solid transparent;border-right:11px solid #fff;border-left:none;border-top:9px solid transparent;left:-10px}
.timeline__content{background-color:rgba(255,255,255,0.1);border:1px solid #777;border-radius:0px;color:#efefef;display:block;padding:2rem ;position:relative; height: 160px;}
.timeline__content:after,
.timeline__content:before{content:'';height:0;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:0}
.timeline__content:before{border-bottom:10px solid transparent;border-left:12px solid #ccc;border-top:10px solid transparent;right:-12px;z-index:1}
.timeline__content:after{border-bottom:9px solid transparent;border-left:11px solid #fff;border-top:9px solid transparent;right:-10px;z-index:2}
.timeline__content h2{font-size:2rem;font-weight:700;margin:0 0 .625rem; position: relative; padding-left: .6em; width: 100%; border-bottom: 1px solid #777; padding-bottom: 10px;}
.timeline__content h2::before {content: " ";position: absolute;border: 4px solid #e7323d;border-radius: 50%;width: 14px;height: 14px;left: -2px;top: 10px;}
.timeline__content h5{ font-size: 1rem; }
.timeline__content p{font-size:.8rem;line-height:1.5;margin-bottom:10px}
.timeline--horizontal{font-size:0;padding:0 3.125rem;overflow:hidden;white-space:nowrap}
.timeline--horizontal .timeline-divider{background-color:#ddd;display:block;height:4px;left:40px;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:40px;z-index:1}
.timeline--horizontal .timeline__items{-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;will-change:transform}
.timeline--horizontal .timeline__item{display:inline-block;left:0;padding:0 0 2rem;position:relative;-webkit-transition:none;-o-transition:none;transition:none;vertical-align:top;white-space:normal}
.timeline--horizontal .timeline__item:after{left:50%;right:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:100%}
.timeline--horizontal .timeline__item .timeline__item__inner{display:table;height:100%;width:100%}
.timeline--horizontal .timeline__item .timeline__content__wrap{display:table-cell;margin:0;padding:0;vertical-align:bottom}
.timeline--horizontal .timeline__item .timeline__content:before{border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #fbeaea;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:100%}
.timeline--horizontal .timeline__item .timeline__content:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fbeaea;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:100%}
.timeline--horizontal .timeline__item--bottom{padding:2rem 0 0}
.timeline--horizontal .timeline__item--bottom:after{top:0}
.timeline--horizontal .timeline__item--bottom .timeline__content__wrap{vertical-align:top}
.timeline--horizontal .timeline__item--bottom .timeline__content:before{border-bottom:12px solid #fbeaea;border-left:12px solid transparent;border-right:12px solid transparent;border-top:none;bottom:100%;top:auto}
.timeline--horizontal .timeline__item--bottom .timeline__content:after{border-bottom:10px solid #fbeaea;border-left:10px solid transparent;border-right:10px solid transparent;border-top:none;bottom:100%;top:auto}
.timeline-nav-button{background-color:transparent;border:2px solid #f1f1f1;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;display:block;height:40px;outline:0;position:absolute;text-indent:-9999px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:40px;z-index:10}
.timeline-nav-button:disabled{opacity:.5;pointer-events:none}
.timeline-nav-button:before{background-position:center center;background-repeat:no-repeat;content:'';display:block;height:14px;left:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);top:50%;width:8px}
.timeline-nav-button--prev{left:0}
.timeline-nav-button--prev:before{background-image:url(../images/arrow-left.svg)}
.timeline-nav-button--next{right:0}
.timeline-nav-button--next:before{background-image:url(../images/arrow-right.svg)}
.timeline--mobile{padding:0}
.timeline--mobile:before{left:10px!important;margin:0!important}
.timeline--mobile .timeline__item{left:0;padding-left:40px;padding-right:0;width:100%}
.timeline--mobile .timeline__item:after{left:2px;margin:0}
.timeline--mobile .timeline__item .timeline__content:before{left:-12px;border-bottom:12px solid transparent;border-right:12px solid #ccc;border-left:none;border-top:12px solid transparent}
.timeline--mobile .timeline__item .timeline__content:after{left:-10px;border-bottom:10px solid transparent;border-right:10px solid #fff;border-left:none;border-top:10px solid transparent}@-webkit-keyframes fadeIn{0%{opacity:0;top:70px}100%{opacity:1;top:0}}@keyframes fadeIn{0%{opacity:0;top:70px}100%{opacity:1;top:0}}@-webkit-keyframes liftUp{0%{top:0}100%{top:-15px}}@keyframes liftUp{0%{top:0}100%{top:-15px}
}
.legal-div{ width: 100%; display: block; padding: 3em 0; }
.tab-pane,
.file-add{ width: 100%; }
.file-area{ width: 100%; margin:2em 0; }
.file-area h5{ margin: 1em 0; }
.file-list{ width: 100%; display: inline-block; border-bottom: 1px solid #dedede; margin-bottom: 0px;}
.file-listrow{ display: block; position: relative; padding: 15px; min-height: 90px; }
.file-listrow a{ display: block; padding-right: 50px; padding-left: 20px; padding: 10px 0; font-size: 16px; color: #444; text-decoration: none; }
.file-listrow span{ display: block; font-size: 12px; }
.file-listrow:hover{background-color: #f3f3f3;}
.d-ico{ position: absolute;top: 30px; right: 30px; }
.navfor{  color: #444;border-bottom: 1px solid #dee2e6; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {color: #fff;background-color: #ae2220;border-color: #ae2220 #ae2220 #ae2220;}
.nav-item{ border-bottom: 2px solid #ae2220; margin-right: 0px; width: 50%; text-align: center; }
.nav-item.c-tab{ width: 16.6%; }
.nav-item:hover a{ color: #666; }
.nav-tabs .nav-link {border-top-left-radius: 0rem;border-top-right-radius: 0rem;}
.brand-topinfo{ width: 60%; background-color: #ae2220; min-height: 300px; margin-top: -40px; padding: 6em; z-index: 1; position: relative; }
.brand-topinfo h5{ color: #fff; font-size: 2em; }
.brand-topinfo p{ color: #fff; }
.pipe-logo{ width: auto; position: absolute;top: 30%; right: -50%; background-color: #fefefe; }
.prod-des{ width: 100%; margin: 0em auto;}
.prod-des h1{ color: #ae2220; font-size: 2em; text-align: center;}
.about-tmt{ width: 100%; float: left; display: table; margin:0em 0; }
.mobile-inner-banner {
    margin-top: 5%;
}
.tmt-info{ width: 60%; display: table-cell; vertical-align: middle; }
.Tempcore .tmt-info, .Tempcore .tmt-img {
  width: 100%;
  display: inline-block;
}
.Tempcore .tmt-img img {
    width: 33%;
    display: inline-block;
}
.Tempcore .tmt-img {
  margin-top: 30px;
}
.Tempcore .tmt-infotext{
  display: inline-block;
  width: 100%;
}
.tmt-infotext{ width: 80%; margin: 0 auto; position: relative;}
.tmt-infotext h6{ line-height: 23px; margin-bottom: 10px; }
.tmt-infotext p{text-align: justify;}
.tmt-img{ width: 40%;display: table-cell; }
.image-caption-wrapper {position: absolute;top: 80%;bottom: 50%;left: -20px;width: 25px;z-index: 1;}
.image-caption-wrapper .image-caption-inner {position: absolute;bottom: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;transform: rotate(-90deg);transform-origin: bottom left;}
.image-caption-wrapper .image-caption-inner .image-caption {font-size: 10px;letter-spacing: 1px;line-height: 1;color: #000000;text-transform: uppercase;white-space: nowrap;}
.image-caption-wrapper .image-caption-inner .image-caption span {color: #e31019;}
.addition-info{width: 85%; display:table; margin:7em auto 3rem;}
.addition-info-col{display: table-cell; width:33.333%; vertical-align:top;}
.addition-coltext{ width: 80%; float: left;}
.addition-text-hd{ width: 100%; position: relative; padding-left: 50px; margin-bottom: 1.8em; }
.addition-hdimg{ position: absolute;content: ''; top: -15px; left: 0px; }
.addition-coltext p{ line-height: 23px; color: #666; }
.prod-shortInfo{ width: 85%; margin: 0 auto; background-color: #f5f5f5; padding:5em 6em; text-align: left; position: relative; }
.prod-shortInfo h4{ color: #ae2220; margin-bottom: 20px;}
.prod-shortInfo p{ color: #000; line-height: 24px; }
.prod-secific{ width: 85%; display: block; padding: 0em 0; margin:3em auto 0;  background: #fff; position: relative; }
.nopadding {padding: 0 !important;margin: 0 !important;}
.inner-prodspec{ width: 100%; float: left; padding-left: 10px; }
.inner-prodspec h4{ margin-bottom: 1em; }
.inner-prodspec ul{ margin: 0 0 3em 20px; padding:0; list-style: none;  }
.inner-prodspec ul li{ width: auto; line-height: 26px; border-bottom: 1px solid #efefef; padding-left: 30px; position: relative; padding-bottom: 5px; margin-bottom: 15px; font-size: 14px; text-align: left; }
.inner-prodspec ul li:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    left: 0;
    top: 7px;
    border-radius: 0;
    background-color: #fff;
    background-color: #ae2220;
}
.btn-link{ width: auto; line-height: 26px;padding-left: 30px; position: relative;   font-size: 14px; text-align: left; color: #222; font-weight: 600;}
.btn-link:before{
  position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    left: 0;
    top: 14px;
    border-radius: 0;
    background-color: #fff;
    background-color: #ae2220;}
.btn-link:hover{ text-decoration: none; color: #333; }
.card-header {background-color: #fff;}
.c-box{ width: 100%; }
.tablehd{ width: 100%; background-color: #ae2220; text-align: left; padding:2px 20px; color: #fff;}
.tablehd h5 {
    margin: 0;
    padding: 5px 0px;
    font-size: 16px;
}
.table-responsive { margin-bottom: 20px; }
a.spec-btn{width: 100%; padding:2em 2.5em;box-shadow: 0 0px 30px 0 rgba(0,0,0,.08);background-color: #fff;position: relative; margin-top: 0em; display: table; vertical-align: middle; text-decoration: none; color: #000; margin-bottom: 3em; }
.s-btntext{ display: table-cell;text-transform: uppercase; font-weight: 600; letter-spacing: 1px; font-size: 16px;}
.spec-btn a{ display: block; }
.s-btntext p{ font-size: 14px; font-weight: 400;text-transform: capitalize; padding: 0; margin: 0; }
.spec-button{ display: table-cell;  position: relative; padding-right: 0px;text-transform: uppercase; font-weight: 600; vertical-align: middle; font-size: 14px; text-align: right; }
/*a.spec-btn:hover{ background: #ae2220;
background: -webkit-linear-gradient(to right, #b31217, #8c1210);
background: linear-gradient(to right, #b31217, #8c1210);
 color: #fff;}*/
.prod-secific h1{ color: #ae2220; font-size: 2em; text-align: left; margin-bottom: 1em; position: relative; width: auto; padding-left: 0px;}
.modal-content {border: none;border-radius:0;padding: 2rem 2rem 0; }
.modal-header {padding: 0 1rem; border-bottom: none;color: #ae2220;}
.modal-backdrop {background-color:#111;}
.modal-backdrop.show {opacity: 0.4;}
.modal-lg, 
.modal-xl {max-width: 70%;}
.table th{ color: #333; font-size: 15px; line-height: 24px; background-color: #fdf4f4; }
.table th.w-thd{ width: 200px; }
.table td{ color:#666; font-size: 14px; }
.table ul{ margin-left: 10px; }
.table ul li{ margin-bottom: 0.3em; }
th.bg{background-color:#ae2220; color: #fff;}
.w-tablehd{ width: 100%; background-color: #fff; text-align: left; padding:2px 0px; color: #333; border-bottom: 2px solid #ae2220; margin-bottom: 20px;}
.w-tablehd h5{ margin: 0; padding: 10px 0px; font-size: 1.5rem }
.r-tablehd{ width: 100%; background-color: #fff; text-align: left; padding:2px 0px; color: #ae2220;margin-bottom: 10px;}
.r-tablehd h5{ margin: 0; padding: 10px 0px; font-size: 22px; }
.prod-msflow{ width: 100%; display: block; background-color: #333; margin: 0em 0 3em; padding: 6em 0 6em 0; position: relative; }
.prod-msflow:before{ width: 1px; height: 100px; position: absolute;top: -60px;px;left: 120px; background-color: #888; content: ''; }
.prod-msflow h2{ margin-bottom: 40px;color: #ce0b0b; padding-left: 10px; line-height: 1.1em; }
.pf-div{ background-color: #ae2220; min-height: 300px; width: 21%; margin: 0 4% 0 0; position: relative; padding: 3em; display: inline-block;}
.step-title{ position: absolute;width: 50%; left: 0; right: 0; margin: auto; background-color: #fff; height: 40px; bottom: -20px; text-align: center; color: #ae2220; font-size: 16px; line-height: 40px; font-weight: 600; }
.pf-arrow{ position: absolute; height: 2px; width: 80px; top:45%; right: -12%; content: ''; z-index: 1; background-color: #fff;}
.pf-arrow:after{ width: 0; height: 0; border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 15px solid #fff; position: absolute; content: ''; right: -10px; top: -15px;}
.flow-pic{ width: 110px; height: 110px; border-radius:50%;margin: 0 auto 10px auto; overflow: hidden; padding: 8px; border:1px solid rgba(255,255,255,0.4); }
.flow-title{width: 100%; display: block; text-align: center; color: #fff; font-weight: 600; margin-top:10px; font-size: 18px;}
.fa-arrow-right {
  -webkit-animation: bounceRight 2s infinite;
  animation: bounceRight 2s infinite;
  float:right;
}
@-webkit-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {-webkit-transform: translateX(0);transform: translateX(0);}
  40% {-webkit-transform: translateX(-30px);transform: translateX(-30px);}
  60% {-webkit-transform: translateX(-15px);transform: translateX(-15px);}
}
@-moz-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {transform: translateX(0);}
  40% {transform: translateX(-30px);}
  60% {transform: translateX(-15px);}
}
@keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {-ms-transform: translateX(0);
    transform: translateX(0);}
  40% {-ms-transform: translateX(-30px);transform: translateX(-30px);}
  60% {-ms-transform: translateX(-15px);transform: translateX(-15px);}
}
.timeline__content h3 {font-size: 1.6rem;font-weight: 600;margin: 0 0 .625rem;position: relative;padding-left: .6em;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.4);padding-bottom: 10px; text-align: center; color: #fff; }
.timeline__content h3::before {content: " ";position: absolute;border: 4px solid #fff;border-radius: 50%;width: 14px;height: 14px;left: 20%;top: 10px;}
.timeline__content.pf-bg{ background-color: #ae2220!important; }
.pf-lable{ color: #fff; font-size: 22px!important; }
.whitebtm-info{ width: 88%; background-color: #fff; min-height: 300px; margin: -40px auto 0 auto; padding: 6em; z-index: 1; position: relative;box-shadow: 0 0px 30px 0 rgba(0,0,0,.08); }
.whitebtm-info p{ text-align: justify; margin: 0; }
.csr-plan{ width: 100%; display: block; margin:3em 0; }
.csr-plan h3{ color: #ae2220; font-size: 2em; text-align: left; margin-bottom: 2em; position: relative; width: auto; padding-left: 80px;}
.csr-plan h3:before{ position: absolute;content: ''; top: 20px; left: 0; width: 60px; height: 1px; background:  #ae2220;}
.csr-ico{ width: 50px; }
.ehs-ico{ width: 70px; }
.csr-plan h5{ margin: 1em 0; }
.csr-plan h4{ margin: 1em 0; font-weight: 300; }
.csr-plan p,
.csr-plan strong{ font-size: 14px; }
.csr-list{ width: 100%; float: left; padding-left: 10px; margin-top: 4.5em; }
.csr-list h4{ margin-bottom: 1.5em; }
.csr-list ul{ margin: 0 0 0 20px; padding:0; list-style: none;  }
.csr-list ul li{ width: auto; line-height: 26px; border-bottom: 1px solid #efefef; padding-left: 30px; position: relative; padding-bottom: 5px; margin-bottom: 15px; font-size: 14px; }
.csr-list ul li:before{ position: absolute;content: ''; width:12px; height: 12px; left: 0; top: 7px; border-radius: 50%; background-color: #fff; background-color: #ae2220; }
.csr-list ul.inner{margin-top:1em;}
.csr-list ul.inner li{border-bottom:none}
.csr-list ul.inner li:before{ position: absolute;content: ''; width:8px; height: 8px; left: 0; top: 9px; border-radius: 50%; background-color: #fff; background-color: #bbb; }
.md-crr{ width: 100%; float:left; position: relative; }
.md-crrtxt{ width: 260px; margin:auto; left: 0; right: 0; height: 100%; position: absolute; top: 30%; text-align: center; color: #fff; }
.md-crrtxt h1{ font-weight: 300; margin: 1em 0; }
.md-crrtxt h5{letter-spacing: 1px; border-bottom: 1px solid rgba(255,255,255,0.6); padding-bottom: 10px; width: auto;}
.md-crrtxt a{ width: 150px; margin: 0 auto; text-align: center; line-height: 40px; border:1px solid #fff; color: #fff; display: inline-block;text-transform: uppercase; font-weight: 600; font-size: 15px; }
.md-crrtxt a:hover{ background-color: #fff; color: #ae2220; text-decoration: none; }
.contact-banner{ width: 100%; position: relative; display: table; }
.c-map{ width: 100%; float: left; height: 550px;}
.add-area{ width: 100%; margin: 1em auto 5em auto; }
.mdv-addcol{width: 100%; display: block; margin-bottom: 2em;}
.mdv-addcol p{ color: #666; }
.mdv-addcol h2, .mdv-addcol h1{font-size: 2rem; margin-top: 1em; font-weight: 400; margin-bottom: 50px; position: relative;}
.mdv-addcol h2:after, .mdv-addcol h1:after{ position: absolute; left: 0; top: 60px; content: ''; border-bottom: 1px solid #aaa; width: 50px; }
.mdv-addcol h5{ font-size: 16px; font-weight: 600; margin-top: 3em; margin-bottom: 20px; }
.mdv-addcol img{ width: 100%; max-width: 100%; display: block; }
.office-col {
    width: 100%;
    float: left;
    background: #f5f5f5;
    padding: 30px;
    border-radius: 7px;
    height: 250px;
}
.office-col span{ width: 100%; display: inline-block; font-size: .9em; margin-bottom: 5px;color: #222; }
.office-col span img{ width: 20px; display: inline-block; margin-right: 5px; margin-top: -3px; }
.office-col a{ color:#222; } 
.office-col span:hover,
.office-col a:hover{ color: #ae2220; }
.mdv-ef-col{ width: 100%; display: table; background-color: #f9f9f9;}
.mdv-map{ vertical-align: top; width: 100%; line-height: 0;}
.mdv-eform{display: block; vertical-align: top; width: 85%; margin:0 auto;}
.mdv-eformimg{ width: 100%;display: table-cell; }
.mdv-eformimg-block{ width: 100%; background:#000 url(../images/eform.jpg) no-repeat; background-size: cover; min-height: 580px; display: block; padding-bottom: 100%;}
.mdv-addcol p{ color: #666; }
.mdv-eformdiv{ width: 100%; padding:3em 6em; }
.mdv-eformdiv h2{ margin-top: 1em; font-weight: 400; margin-bottom: 50px; position: relative;}
.mdv-eformdiv h2:after{ position: absolute; left: 0; top: 60px; content: ''; border-bottom: 1px solid #aaa; width: 50px; }
.mdv-eformdiv label{ font-size: .9em; color: #666; }
.file-area-service{
  margin: 2em 0 0;
}
.mdv-eformdiv .form-control{border-radius: 0; background-color: transparent;padding: 5px 10px; font-size: 14px;}
.mdv-eformdiv button{ background-color: #ae2220;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 12px 20px;
    margin-left: 5px;
    border-radius: 5px;
}
.mdv-eformdiv button:hover{ background-color:#222;}
.step-label{ width: 100%; display: block; background-color: #fff; padding:1em 0; }
.step-label h5{ font-size: 21px; font-weight: 600; color: #333; position: relative; }
.step-label h5:before{ width:80px;position: absolute; top: 20px; left: 70px; height: 1px; background-color: #333; content: ''; }
.step-label h6{ font-size: 16px; font-weight: 600;color:#ae2220; line-height: 23px; }
.carr-block{ width: 100%; float:left; position: relative; padding: 5em 0;}
.carr-imgcell{ width:55%; float: left; position: relative;}
.carr-hd{ position: absolute;top:0; right: -150px; width: auto; padding:10px 20px; background-color: #fff; z-index: 1; }
.carr-txtcell{ width: 45%; float: left; padding: 3em 3em 0 3em; }
.carr-innercell{ width: 95%; margin: 3em auto; }
.carr-innercell h6{ color:#ae2220; border-top: 1px solid #888; padding-top: 15px; margin-top: 10px;}
.work-bg{ width: 100%; background:url(../images/carr-bg.jpg) no-repeat; background-size: cover; background-position: center center; padding:12% 0;position: relative; }
.work-inner{ width: 600px; display: table; vertical-align: middle; margin: 0 auto; }
.work-innercell{ width: 100%; display: table-cell; vertical-align: middle; }
.work-innercell h2{ color: #fff; position: relative; padding-bottom: 20px; margin-bottom: 20px; text-align: center; font }
.work-innercell h2:after{ position: absolute; left: 0; right: 0; margin: auto; top: 60px;  height: 1px; background-color: #fff;width: 100px; z-index: 9; content: '';}
.work-innercell p{ color: #fff; text-align: justify; }
.r-btn{ width: 200px; background-color: #ae2220; margin: 0 auto; text-align: center; border-radius: 30px; padding:15px 20px; }
.r-btn a{ color: #fff; text-decoration: none }
.r-btn a:hover{background-color: #fff;color: #333; text-decoration: none}
.line-btn{ width: 180px; background-color: #fff; border:1px solid #ae2220; margin: 10px 0; text-align: center;border-radius: 30px; }
.line-btn a{ padding:10px 15px; color:#ae2220; display: block; border-radius: 30px; text-transform: uppercase; font-size: 14px; font-weight: 600;   }
.line-btn a:hover{background-color: #ae2220; color: #fff; text-decoration: none;}
.carr-innercell span{ font-size: 16px; font-weight: 400; color: #333; }
.carr-innercell ul{ margin: 20px 0 0 0px; padding:0; list-style: none;  }
.carr-innercell ul li{ width: auto; line-height: 26px; border-bottom: 1px solid #efefef; padding-left: 30px; position: relative; padding-bottom: 5px; margin-bottom: 15px; font-size: 14px; line-height: 22px; }
.carr-innercell ul li:before{ position: absolute;content: ''; width:12px; height: 12px; left: 0; top: 7px; border-radius: 50%; background-color: #fff; background-color: #ae2220; }
.carr-innercell ul li:last-child{border-bottom: 1px solid #fff; margin-bottom: 2em;}
.crr-job{ width: 100%; background: url(../images/pattern.png) repeat; height: 250px; position: relative; margin-bottom: 5em; text-align: center;  }
.crr-jobcell{ width: 60%; margin:0 auto; padding: 3em 0 }
.enq-btn{ position: fixed; width: 32px; height: 120px; background-color: #d8083e; right: 0; z-index: 999; top: 65%; }
.infra-info{ width: 85%; margin: 2em auto; }
.infra-infocell {
    width: 95%;
    margin: 1em 0 4rem;
    position: relative;
    font-size: 18px;
    padding-left: 100px;
}
.infra-infocell h2{ color:#ae2220; margin-bottom: 10px; }
.infra-infocell:before{ position: absolute;content: ''; top: 20px; left: 0; height: 1px; width: 80px; background-color: #bbb; }
.infra-unit {width: 100%;display: inline-block;float: left;padding: 0em 0;position: relative; margin-bottom: 2em; }
.infra-unitInfo {position: absolute;padding: 0px 0px;left: 0;right: 0;color: #555;bottom: 0px;margin: auto;text-align: center;z-index: 3; font-weight: 600; text-transform: uppercase; line-height: 36px; height: 35px; }
.infra-unitInfo label{ margin-bottom: 0 }
.infra-hd{ width: auto; background-color: #ae2220; font-size: 24px; color: #fff; text-align: center; padding: 6px 8px; font-weight: 400; margin-bottom: 2em; }
.infra-unitInfo.colwidth{width:60%; padding: 0px 0;}
.infra-colbtm{ margin-bottom: 2em; }
/*============Section 2 content animation=============*/
#section2 > .fp-tableCell #vb1 {transform: translateX(-100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section2.active > .fp-tableCell #vb1 {transform: translateX(0);opacity: 1;}
#section2.active > .fp-tableCell #vb1 {transition-delay: .4s;transition-duration: 1s;}
#section2 > .fp-tableCell #vb2 {transform: translateX(-100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section2.active > .fp-tableCell #vb2 {transform: translateX(0);opacity: 1;}
#section2.active > .fp-tableCell #vb2 {transition-delay: .6s;transition-duration: 2s;}
#section2 > .fp-tableCell #vb3 {transform: translateX(-100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section2.active > .fp-tableCell #vb3 {transform: translateX(0);opacity: 1;}
#section2.active > .fp-tableCell #vb3 {transition-delay: .8s;transition-duration: 2s;}
/*============Section3 content animation=============*/
#section3 > .fp-tableCell #p-info {transform: translateX(-100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section3.active > .fp-tableCell #p-info {transform: translateX(0);opacity: 1;}
#section3.active > .fp-tableCell #p-info {transition-delay: .4s;}
#section3 > .fp-tableCell #p-list {transform: translateX(100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section3.active > .fp-tableCell #p-list {transform: translateX(0); opacity: 1;}
#section3.active > .fp-tableCell #p-list {transition-delay: .4s; transition-duration: 2s;}
/*============Section4 content animation=============*/
#section4 > .fp-tableCell #w-cult {transform: translateY(100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section4.active > .fp-tableCell #w-cult {transform: translateY(0);opacity: 1;}
#section4.active > .fp-tableCell #w-cult {transition-delay: .4s; transition-duration: 2s;}
#section4 > .fp-tableCell #w-culhd {transform: translateX(100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section4.active > .fp-tableCell #w-culhd {transform: translateX(0);opacity: 1;}
#section4.active > .fp-tableCell #w-culhd {transition-delay: .4s; transition-duration: 2s;}
#section4 > .fp-tableCell #w-culbtn {transform: translateX(-100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section4.active > .fp-tableCell #w-culbtn {transform: translateX(0);opacity: 1;}
#section4.active > .fp-tableCell #w-culbtn {transition-delay: .6s; transition-duration: 2s;}
/*============Section5 content animation=============*/
#section5 > .fp-tableCell #hp-clnt-hd {transform: translateY(100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section5.active > .fp-tableCell #hp-clnt-hd {transform: translateY(0);opacity: 1;}
#section5.active > .fp-tableCell #hp-clnt-hd {transition-delay: .6s;transition-duration: 2s;}
#section5 > .fp-tableCell #hp-clnt-list {transform: translateX(-100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section5.active > .fp-tableCell #hp-clnt-list {transform: translateX(0);opacity: 1;}
#section5.active > .fp-tableCell #hp-clnt-list {transition-delay: .6s; transition-duration: 2s;}
/*============Section6 content animation=============*/
#section6 > .fp-tableCell #h-flink {transform: translateX(-100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section6.active > .fp-tableCell #h-flink {transform: translateX(0);opacity: 1;}
#section6.active > .fp-tableCell #h-flink {transition-delay: .4s;transition-duration: 1s;}

#section6 > .fp-tableCell #h-flink2 {transform: translateX(-100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section6.active > .fp-tableCell #h-flink2 {transform: translateX(0);opacity: 1;}
#section6.active > .fp-tableCell #h-flink2 {transition-delay: .6s;transition-duration: 1s;}

#section6 > .fp-tableCell #h-flink3 {transform: translateX(-100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section6.active > .fp-tableCell #h-flink3 {transform: translateX(0);opacity: 1;}
#section6.active > .fp-tableCell #h-flink3 {transition-delay: .8s;transition-duration: 1s;}
#section6 > .fp-tableCell #h-flink4 {transform: translateX(-100%);opacity: 0;transition: transform .9s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .9s ease-in;} 
#section6.active > .fp-tableCell #h-flink4 {transform: translateX(0);opacity: 1;}
#section6.active > .fp-tableCell #h-flink4 {transition-delay: .8s;transition-duration: 2s;}
.social-Ico{ width: 100%; display: block; height: 30px; }
.social-Ico ul{ margin: 0; padding:0; list-style: none; text-align: center;}
.social-Ico ul li{ display: inline-block; margin-right: 5px; background-color: rgb(255,255,255,0.1); width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; }
.social-Ico ul li.d-circle{ background-color: rgb(0,0,0,0.2); }
.social-Ico ul li a{ color: #fff; font-size: 13px; text-align: center;
 }
.md-hd{ margin-top: 10px; margin-bottom: 0;  }
.event-banner{ width: 100%; position: relative; display: table; height: 300px; background-color:#ae2220; }
.media{ width: 100%; display: block; margin-bottom: 2em;position: relative; }
.media span{width: 100%; display: block; padding: 15px 0 0px; padding-right: 10%;font-weight: 500;}
.media .alb-date{ position: absolute; top: 21px; right: 21px; height: 20px; width: auto; background-color:#ae2220; z-index: 1; color: #fff; text-transform: center; line-height: 20px; padding:0 5px;  font-size: 12px;   }
.media a{ color: #333; text-decoration: none; font-size: 14px; line-height: 18px; font-weight: 600;border:1px solid #dedede; padding: 20px; display: block;  }
.media.d-arrow{ position: relative; right: 0;}
.media a:hover{border:1px solid #999; background-color: #fff; }
.media.d-arrow:before {content: "";width: 25px;height: 2px;background: #000;position: absolute;bottom: 29px;margin-top: -1px;right: 25px;transition: all 0.3s ease;}
.media.d-arrow:hover:before {right: 20px;width: 50px;background: #ae2220;}
.media.d-arrow:after {content: "";width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 7px;border-color: transparent transparent transparent #000;position: absolute;bottom: 23px;margin-top: -5px;right: 20px;transition: all 0.3s ease;}
.media.d-arrow:hover:after {right: 20px;border-color: transparent transparent transparent #ae2220;}
.demo .item{margin-bottom: 60px;}
.content-slider li{background-color: #ed3020;text-align: center;color: #FFF;}
.content-slider h3 {margin: 0;padding: 70px 0;}
.demo{width: 700px; margin: 0 auto;}
#a-width{ width: 700px; margin: 0 auto;}
.md-bg{ width: 100%;/*-- background:url(../images/msg-b.jpg) no-repeat;*/ background-size: cover; background-position: center center; padding:6% 0;position: relative; background: #f5f5f5;}
.md-bg2{ width: 100%; /*-- background:url(../images/msg-b2.jpg) no-repeat;*/ background-size: cover; background-position: center center; padding:6% 0;position: relative; }
.md-row{ width: 100%; display: table; }
.md-rowcol{display: table-cell; vertical-align: top; position: relative;}
.coma{ position: absolute; left:35px; top: 5px; width: 30px; height: 23px; opacity: 7; }
.md-rowcol:first-child{ width: 68%; padding:1em 5em; }
.md-none{ display: none; }
.md-row p{ text-align: justify; color: #333;}
.md-row h6{ color: #333; margin-bottom: 20px; line-height: 22px;}
.md-row span{ color: #333; line-height: }
.md-row strong{ font-size: 18px!important;
    color: #ae2220;
    font-weight: 600;}
.md-info{ width: 100%; text-align: justify; position: relative;}
.md-info:before{ position: absolute; left: -40px; top: -70px; font-size: 6em; content: '"'; color: #fff;}
.md-rowimg{-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.15);-ms-box-shadow: 0 2px 10px rgba(0,0,0,.15);-o-box-shadow: 0 2px 10px rgba(0,0,0,.15);box-shadow: 0 2px 10px rgba(0,0,0,.15);}
.md-mobimg{border:15px solid #fff;-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.15);-ms-box-shadow: 0 2px 10px rgba(0,0,0,.15);-o-box-shadow: 0 2px 10px rgba(0,0,0,.15);box-shadow: 0 2px 10px rgba(0,0,0,.15); width: 50%; float: left;}
.md-rowcol2{display: table-cell; vertical-align: top; position: relative;}
.md-rowcol2:nth-child(2){ width: 68%; padding:1em 5em;  }
.hr-b{ width: 100%; height: 1px; background-color: #efefef; }
.download-brh{ width: 220px; display: block; margin-bottom: 20px; }
.download-brh a{    padding: 12px 25px;
    font-size: 13px;
    color: #555;
    text-align: center;
    border: 1px solid #ae2220;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #ae2220;
    color: #fff;
    margin-top: 1.5em;
    font-weight: 600;
    border-radius: 5px;
  }
.download-brh a:hover{
     background-color: #fff;
     color: #ae2220; 
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}
.table{ margin-bottom: 2em; }
.culture-bg{ width: 100%; background:url(../images/culture-btm.jpg) no-repeat; background-size: cover; background-position: center center; padding:0;position: relative; min-height: 550px; }
.cul-txt{ width: 35%; display: table; height: 100%; vertical-align: middle; margin: 0 auto; }
.cul-txtcell{ width: 100%; display: table-cell; vertical-align: middle; text-align: center; }
.cul-txtcell h2{ color: #fff;  font-weight: 300; margin-bottom: 25px; padding-bottom: 25px; position: relative; }
.cul-txtcell h2:after{ height: 1px; width: 50px; position: absolute; left:0; right: 0; top: 60px; margin:auto; background-color: #fff; content: '';  }
.cul-txtcell span{ font-size: 22px; line-height: 30px; border-bottom: 1px solid #fff;}
.cul-txtcell p{ color: #fff; text-align: center; }
.csr-grey{ width: 100%; background-color: #f5f5f5; padding: 4em 0; }
.csr-wht{ width: 100%; background-color: #fff; padding: 3em 0; }
.billets1{margin-bottom: 20px;}
.int-hd{ width: auto; display: inline-block; padding: 10px 20px; background: #ae2220; margin-bottom: 20px; }
.int-hd h4, .int-hd h2, .int-hd h3, .int-hd h5, .int-hd h6{margin-bottom: 0; color: #fff; font-weight: 300; font-size: 1.5rem;}
.thumbnail{display: block; margin-bottom: 1.5em!important; }
.c-list{width: 100%; display: block; margin: 4em 0;}
.c-list ul{ margin:0; padding: 0; list-style: none; }
.c-list ul li{ width:30%; margin-right: 1%; margin-left:1%; padding: 15px 0; border:1px solid #ddd; text-align: center; text-transform: capitalize; float: left; margin-bottom: 1%; font-weight: 400; color: #222;line-height: 18px; vertical-align: middle; vertical-align: middle;}
.c-list ul li:hover{ background-color: #333; color: #fff; }
.c-list ul li.c-width{ width: 48%; }
.wrapper {vertical-align: top;width: 700px;margin: 0 auto;}
.wrapper h2{ text-align: center; margin-bottom: 30px; font-weight: 300; color: #fff; display: inline-block; background-color: #ae2220; padding: 10px 15px; font-size: 25px;}
.gallery {width: 100%;overflow: hidden;position: relative;box-sizing: border-box;}
.gallery__fake {display: inline-block;height: 100%;vertical-align: middle;}
.gallery__fullscreen__wrap {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;background: rgba(255, 255, 255, 0.98);opacity: 0;text-align: center;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}
.gallery__fullscreen__wrap .gallery__controls {position: absolute !important;}
.gallery__fullscreen__wrap.open {display: block;opacity: 1;}
.gallery__fullscreen__bt {position: absolute;right: 15px;bottom: 15px;width: 30px;height: 30px;background-image: url('../events/fullscreen_black.png');background-repeat: no-repeat;background-size: 100%;z-index: 99;cursor: pointer; display: none;}
.gallery__fullscreen__exit {position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;background-image: url('../events/close_black_2x.png');background-repeat: no-repeat;background-size: 100%;cursor: pointer;}
.gallery__fullscreen__img {max-width: 70%;display: inline-block;vertical-align: middle;}
.gallery__fullscreen__controls {position: absolute;width: 100%;top: 50%;margin-top: -30px;}
.gallery__fullscreen__controls .prev,
.gallery__fullscreen__controls .next {position: absolute;display: inline-block;width: 60px;height: 60px;cursor: pointer;vertical-align: middle;transition: All 0.3s ease;-webkit-transition: All 0.3s ease;-moz-transition: All 0.3s ease;-o-transition: All 0.3s ease;background-color: rgba(255, 255, 255, 0.8); background-repeat: no-repeat;border-radius: 0 20px 20px 0;}
.gallery__fullscreen__controls .prev {left: 0; background-image: url('../events/left_black_2x.png');background-size: 100%;border-radius: 0 20px 20px 0;background-position: right;}
.gallery__fullscreen__controls .next {right: 0;background-image: url('../events/right_black_2x.png');background-size: 100%;border-radius: 20px 0 0 20px; background-position: left;}
.gallery__inner {font-size: 0;position: relative;left: 0;height: 100%;text-align: left;}
.gallery__inner.slide-blur {will-change: transform;}
.gallery__block {position: relative;overflow: hidden;}
.gallery__block.slide-blur {overflow: visible;will-change: transform;}
.gallery__block:hover .gallery__controls-buttons .prev {left: 0;background-position: center;}
.gallery__block:hover .gallery__controls-buttons .next {right: 0;background-position: center;}
.gallery__img-block {display: none;position: relative;text-align: center;height: 100%;vertical-align: middle;}
.gallery__img-block.slide {display: none;position: relative;text-align: center;height: 100%;vertical-align: middle;}
.gallery__img-block.crossfade {opacity: 0;position: absolute;top: 0;left: 0;}
.gallery__img-block__img {max-width: 100%;}
.gallery__img-block.load {background-size: 40px;}
.gallery__description-block {padding: 15px 0;width: 100%;margin: 0 auto;position: absolute;bottom: 0;background: rgba(255, 255, 255, 0.7);text-align: left; display:none;}
.gallery__description-block__description {font-size: 20px;color: #222;display: none;margin-left: 15px;}
.gallery__description-block__description.current {display: inline-block;}
.gallery__img-block:first-child {display: inline-block;}
.gallery__controls {z-index: 2;bottom: 0;width: 100%;text-align: center;}
.gallery__controls.fullscreen {position: absolute;bottom: 0;}
.gallery__controls__ul {display: inline-block;margin: 0;padding: 0;vertical-align: middle;}
.gallery__controls__thumbnails-ul {display: inline-block;vertical-align: middle;width: 100%;text-align: left;overflow: hidden;padding: 10px 0;}
.gallery__controls__inner {position: relative;}
.gallery__controls__inner.go-back {transition: All 0.3s ease;-webkit-transition: All 0.3s ease;-moz-transition: All 0.3s ease;-o-transition: All 0.3s ease;}
.gallery__controls__item {display: inline-block;width: 10px;height: 10px;background: grey;border: 2px solid white;margin: 0 10px;border-radius: 50%;cursor: pointer;}
.gallery__controls__item.current {background: red;}
.gallery__controls__item:hover {color: #fff;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);}
.gallery__controls-buttons {position: absolute;top: 50%;width: 100%;}
.gallery__controls-buttons .hide {opacity: 0.3;}
.gallery__controls-buttons .prev,
.gallery__controls-buttons .next {position: absolute;display: inline-block;width: 60px;height: 40px;cursor: pointer;vertical-align: middle;transition: All 0.3s ease;-webkit-transition: All 0.3s ease;-moz-transition: All 0.3s ease;-o-transition: All 0.3s ease;background-color: rgba(255, 255, 255, 0.8);background-repeat: no-repeat;border-radius: 0 20px 20px 0;}
.gallery__controls-buttons .prev {left: -25px;background-image: url('../events/left_black.png');background-size: 30px;border-radius: 0 20px 20px 0;background-position: right;}
.gallery__controls-buttons .next {right: -25px;background-image: url('../events/right_black.png');background-size: 30px;border-radius: 20px 0 0 20px;background-position: left;}
.gallery__thumbnail {display: inline-block;vertical-align: top;border: 3px solid #fff;position: relative;}
.gallery__thumbnail img {opacity: 0.5;}
.gallery__thumbnail i {content: "";display: block;position: absolute;bottom: -7px;left: 0;right: 0;width: 0;height: 3px;background-color: #757575;}
.gallery__thumbnail.current img {opacity: 1;}
.gallery__thumbnail.current i {background-color: #757575;width: 100%;}
.gallery .slick-track {will-change: transform;}
.gallery .slick-list {overflow: visible;will-change: transform;}
.gallery .slick-slide {padding: 0 100px;width: 100vw;filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.55));}
.gallery .slick-slide img {max-width: 100%;margin: 0 auto;}
@keyframes motion-blur {
  0% {filter: url(#blur0);transform: scale(1, 1);}
  15% {filter: url(#blur1);transform: scale(1, 0.98);}
  30% {filter: url(#blur2);transform: scale(1, 0.93);}
  45% {filter: url(#blur3);transform: scale(1.1, 0.9);}
  60% {filter: url(#blur4);transform: scale(1.2, 0.88);}
  75%,
  100% {filter: url(#blur5);transform: scale(1.35, 0.85);}
}
.do-transition {animation: motion-blur 0.1s linear forwards, motion-blur 0.4s linear reverse forwards 0.1s;}
.ehs-list{ width: 100%; display: block; margin-top: 5.8em }
.ehs-list ul{ margin: 0 0 0 20px; padding:0; list-style: none;  }
.ehs-list ul li{ width: auto; line-height: 26px; border-bottom: 1px solid #efefef; padding-left: 30px; position: relative; padding-bottom: 5px; margin-bottom: 15px; font-size: 14px; }
.ehs-list ul li:before{ position: absolute;content: ''; width:12px; height: 12px; left: 0; top: 7px; border-radius: 50%; background-color: #fff; background-color: #ae2220; }
.bis-tab{ width: 100%; float: left; }
.bis-tab ul{ margin: 0; padding: 0; list-style: none; }
.bis-tab ul li{ width: auto; display: inline-block; margin-bottom: 5px;}
.bis-tab ul li a{padding: 10px; background-color: #333; text-align: center; color: #fff;display: inline-block; text-decoration: none;}
.bis-tab ul li a:hover{background-color: #ae2220;}
a.w-lflink{ color: #777!important; }
.c-title{ display: block; font-size: 16px; color: #ae2220; text-align: center; margin-top: 10px; text-transform: uppercase; font-weight: 600; }
.certi-wbox{ width: 100%; display: block; padding: 10px; border: 1px solid #ddd; background-color: #fff; }
.certi-gbox{ width: 100%; display: block; padding: 10px; border: 1px solid #eee; background-color: #f8f8f8; }
.grp-detail{ width: 100%;background:#444;padding:3em 0 ;  }
.grp-cellico{ width: 40px; display:  inline-block; vertical-align: top; padding-top: 10px; margin-right:10px; }
.grp-cell{ width: 80%; display:  inline-block; height: auto; text-align: left; vertical-align: top}
.grp-cell h1{ color: #ae2220; font-weight: 900; font-size: 2.5em; margin-bottom: 0; }
.grp-cell h5{     font-size: 14PX; color: #aaa; margin-top: 0px;}
/* ============ TIMELINER.JS ============= */
.timeline-bg{ width: 100%;/*-- background: #fafbf5 url('../images/h-bg.jpg') repeat;   padding: 3em 0;--*/ position: relative; }
.timeline-bg h1{ font-size: 2em; }
.timelinebox{ width: 100%; display: inline-block;float: left;background-color: #f1f1f1; position: relative; margin-top: 20px; z-index: 1; }
.timelinebox h1{ margin-top: 100px; text-align: center; }
.cd-container {width: 80%;max-width: 1170px;margin: 0 auto;}
.cd-container::after {content: '';display: table;clear: both;}
#cd-timeline {position: relative;padding: 2em 0;margin-top: 2em;margin-bottom: 2em;}
#cd-timeline::before {content: '';position: absolute;top: 0;left: 18px;height: 100%;width: 4px;background: #d7e4ed;}
@media only screen and (min-width: 1170px) {
#cd-timeline {margin-top: 3em;margin-bottom: 3em;}
#cd-timeline::before {left: 50%;margin-left: -2px;}
}
.cd-timeline-block {position: relative;margin: 2em 0;}
.cd-timeline-block::after {clear: both;content: "";display: table;}
.cd-timeline-block:first-child {margin-top: 0;}
.cd-timeline-block:last-child {margin-bottom: 0;}
@media only screen and (min-width: 1170px) {
.cd-timeline-block {margin: 4em 0;}
.cd-timeline-block:first-child {margin-top: 0;}
.cd-timeline-block:last-child {margin-bottom: 0;}
}
.cd-timeline-img {position: absolute;top: 0;left: 0;width: 40px;height: 40px;border-radius: 50%;box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);}
.cd-timeline-img img {display: block;width: 24px;height: 24px;position: relative;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;}
.cd-timeline-img.cd-picture {background: #75ce66;}
.cd-timeline-img.cd-movie {background: #ae2220;}
.cd-timeline-img.cd-location {background: #f0ca45;}
@media only screen and (min-width: 1170px) {
.cd-timeline-img {width: 30px;height: 30px;left: 50%;margin-left: -15px; margin-top: 10px;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}
.cssanimations .cd-timeline-img.is-hidden {visibility: hidden;}
.cssanimations .cd-timeline-img.bounce-in {visibility: visible;-webkit-animation: cd-bounce-1 0.6s;-moz-animation: cd-bounce-1 0.6s;  animation: cd-bounce-1 0.6s;}
}
@-webkit-keyframes cd-bounce-1 {
  0% {opacity: 0;-webkit-transform: scale(0.5);}
  60% {opacity: 1;-webkit-transform: scale(1.2);}
  100% { -webkit-transform: scale(1);}
}
@-moz-keyframes cd-bounce-1 {
  0% {opacity: 0;-moz-transform: scale(0.5);}
  60% { opacity: 1;-moz-transform: scale(1.2);}
  100% {-moz-transform: scale(1);}
}
@keyframes cd-bounce-1 {
  0% {opacity: 0;-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);}
  60% {opacity: 1;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
  100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
}
.cd-timeline-content {position: relative;margin-left: 60px;background: #fff;padding:1.5em;box-shadow: 0 3px 0 #ddd;}
.cd-timeline-content::after { clear: both;content: "";display: table;}
.cd-timeline-content h2 {color: #000;}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {font-size: 13px;font-size: 0.8125rem;}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {display: inline-block;}
.cd-timeline-content p {margin: 1em 0;line-height: 1.6;}
.cd-timeline-content .cd-read-more { float: right;padding: .8em 1em;background: #acb7c0;color: #ffffff;border-radius: 0.25em;}
.no-touch .cd-timeline-content .cd-read-more:hover {background-color: #bac4cb;}
.cd-timeline-content .cd-date {float: left;padding: 0em 0;opacity: .7;}
.cd-timeline-content::before {content: '';position: absolute;top: 16px;right: 100%;height: 0;width: 0;border: 7px solid transparent;border-right: 7px solid #ddd;}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {font-size: 20px; text-align: left;  font-weight: 500; position: relative; padding-left: 20px;}
  .cd-timeline-content h2:before{ position: absolute; width: 10px; height: 10px; border-radius: 50%; content: ''; top: 5px; left: 0; background: #ae2220; }
  .cd-timeline-content p {font-size: 15px; text-align: left;}
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {font-size: 14px;font-size: 0.875rem;}
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {margin-left: 0;padding: 1.6em;width: 45%;}
  .cd-timeline-content::before {top: 24px;left: 100%; border-color: transparent;border-left-color: #ddd;}
  .cd-timeline-content .cd-read-more {float: left;}
  .cd-timeline-content .cd-date { position: absolute;width: 100%;left: 122%;top: 4px;font-size: 16px;font-size: 2rem; text-align: left;}
  .cd-timeline-block:nth-child(even) .cd-timeline-content {float: right;}
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {top: 24px;left: auto;right: 100%;border-color: transparent;border-right-color: #ddd;}
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {float: right;}
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {left: auto;right: 122%;text-align: right;}
  .cssanimations .cd-timeline-content.is-hidden {visibility: hidden;}
  .cssanimations .cd-timeline-content.bounce-in {visibility: visible;-webkit-animation: cd-bounce-2 0.6s;-moz-animation: cd-bounce-2 0.6s;animation: cd-bounce-2 0.6s;}
}
.g-cell{ width: 100%; display: block; position:relative;padding: 2em 1em;}
.g-cell:hover{ background: #f4f4f4; }
.g-cell:hover .g-sbox{ display: block; }
.g-sbox{ display: none; width: 100%; position: absolute; background: #ae2220; top:75%; color: #000; left: 0px; font-size: 11px; text-transform: uppercase; padding: 1em; z-index: 1; font-weight: 700; }
.total-sum{ width: 100%; display: block; }
.total-sum h2{ font-weight: 500; border-bottom: 1px solid #eee; padding-bottom: 20px; font-size: 1.5em; color: #ae2220 }
.total-sum h5{ font-size: 16px; }
.total-sum ul{ margin: 0 0 0 20px; padding:0; list-style: none;  }
.total-sum ul li{ width: auto; line-height: 26px; border-bottom: 1px solid #efefef; padding-left: 30px; position: relative; padding-bottom: 5px; margin-bottom: 15px; font-size: 14px; }
.total-sum ul li:before{ position: absolute;content: ''; width:12px; height: 12px; left: 0; top: 7px; border-radius: 50%; background-color: #fff; background-color: #ae2220; }
.error{ font-size: 11px; color: #ae2220 }
.success{ font-size: 12px; color: green; }
.brand-topimg{width: 30%; text-align: center;margin-top: 6%;}
.zncoat-tmt{text-align: center;}
.zncoat-tmt p {text-transform: uppercase; font-weight: 600; margin-top: 5px; margin-bottom: 10px;}
.properties{margin-top: 30px; margin-bottom: 30px;}
.inner-prodspec .zncoat-h4{margin-bottom: 10px;}
.zincbrand-topinfo{margin-top: 0;}
.znic-inner-prodspec ul li:before{display: none;}
.znic-inner-prodspec ul li{padding-left: 10px;}
.znic-inner-prodspec ul li img{width: 40px; padding-right: 20px;}
.zn-coat-sec .tmt-infotext{width: 80%;}
.zn-coat-inner:after{background-color: rgb(0,0,0,0);}
.figure-img{margin-bottom: 15px;}
.figure-p{text-align: left;}

/*-------------------blog-----------------------*/

.latest-blogs h1, .latest-blogs h2, .latest-blogs h3, .latest-blogs h4, .latest-blogs h5 {
    margin-bottom: 0;
    line-height: 1.4em;
    font-size: 22px;
    color: #3e3e3e;
    font-weight: 500;
    padding-bottom: 0;
}

.latest-blogs h3:after, .latest-blogs h2:after, .latest-blogs h1:after {
  display: none;
}

.blogbar .blog-text img{
    float: left;
    width: 25%;
}

.blogbar .blog-text a {
  font-weight: 500;
  width: 75%;
  padding-left: 15px;
  display: inline-block;
  font-size: 14px;
}

.latest-blogs a {
    font-weight: 600;
}


#customers, #customer {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0px;
}

#customers td, #customers th, #customer td, #customer th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even), #customer tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover, #customer tr:hover  {background-color: #ddd;}

#customers th, #customer th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #333333;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.v-block a{
  background: #ae2220;
  color: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 300;
}

.blogbar ul{
  margin:0 auto;
  padding-top: 20px;
}

.blog-text {
    background: #fff;
    padding: 15px;
}

.blog-text ul li{
  padding-left: 0;
  margin-bottom: 20px;
  display: inline-block;
}

.blog-text ul li:before{
  display: none;
}

.zinc-coats-pd{
  padding-left: 15px !important;
}

.tmt-bend{
  padding-top: 50px;
}

/*-------------rate list-----------------*/

.rate-form .form-group p{
  margin-bottom: 0;
}

#rate-form .form-group label{
  font-size: 14px; 
  color: #5d5d5d;
}

#rate-form .form-group input{
  border-radius: 0;
}

#exampleModal .btn{
  background: #b51516;
  border: transparent;
  border-radius: 0;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 16px;
  padding: 8px 25px;
}

#exampleModal .btn:hover{
  background-color: #222;
}

#exampleModal .modal-content{
  padding:1rem;
}

#exampleModal{
  padding-right: 0;
}

.price-form .table-responsive{
  width: 70%;
  margin: 0 auto;
}

.form-pricing{
  margin: 0 auto 1em auto;
}

.form-pricing .mdv-eformdiv {
    width: 100%;
    padding: 3em 6em 0;
}

.price-tc ul{
  width:70%;
  margin:0 auto;
}

.price-tc ul li {
    width: auto;
    line-height: 26px;
    border-bottom: 1px solid #efefef;
    padding-left: 5px;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 15px;
    text-align: left;
    list-style: none

}

.price-tc ul li img{
  padding-right: 10px;
}

/*.price-tc ul li:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    left: 0px;
    top: 7px;
    border-radius: 50%;
    background-color: #fff;
    background-color: #ae2220;
}*/

.price-tc h4{
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.form-pricing #enq{
    margin: 0 auto 2em auto;
}

.rate-form .btn{
  margin-right: 10px;
}

.rate-form .form-group{
  padding-left: 0px;
}

#myModal .modal-content, #myModal .modal-body{
  text-align: center;
  padding: 0;
}

#myModal .modal-content img{
  margin-top: -4%;
}

#myModal .close span{
  padding: 0;
  margin-top: 10px;
  display: inline-block;
}

#myModal p{
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
}

#myModal h4{
  font-size: 23px;
  text-transform: uppercase;
  font-weight: 900;
  color: #ac211f;
}

.helpline {
    background: #333;
    color: #fff;
    padding: 5px;
    font-size: 16px;
}

.helpline a{
  color: #fff;
}

#myModal .btn{
  text-transform: uppercase;
  background: #ac211f;
  color: #fff;
  padding: 7px 25px;
  font-size: 14px;
  margin-top: 5px;
  display: inline-block;
  border-radius: 0;
  margin-bottom: 15px;
}

#myModal .modal-bg{
  background-image: url(../images/homepopup.jpg);
  position: relative;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  background-size: cover;
}

#myModal .modal-bg:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(255 255 255 / 80%);
}

#myModal .modal-content{
    color: #000;
    position: relative;
    background: transparent;
    padding:0;
}

/*-------------------------service------------------------*/

.service-tab{
  margin-top: 5%;
  padding: 0;
}

.service-tab .navfor{
  font-size: 15px;
}

.service-tab .nav-tabs li {
 
   width: 16.66%;
   float: left;
   /* margin-left: 10px !important; */
   padding-left: 10px !important;
}
.service-tab .nav-tabs li:first-child { padding-left:0 !important;}

.ratio-cell{
  padding:0;
}

.ratio-cell .grp-cell h1 {
       color: #ae2220;
    font-weight: 600;
    font-size: 24PX;
    margin-bottom: 0;
    margin-top: 10px;
}

.ratio-cell .grp-cell, .ratio-cell .g-cell{
  text-align: center;
}

.growing h4, .service-tabpane h4, .design-row h4, .designs-row h4 {
  width: 100%;
  font-weight: 500;
  margin-top: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  font-size: 24px;
}

.user-img img{
  margin:0 auto;
  text-align: center;
}

.service-tabpane .mdv-eformdiv{
  padding: 0em 6em;
}

.service-tabpane .inner-prodspec p{
  text-align: center;
}

.service-tabpane .inner-prodspec {
    width: 80%;
    margin: 0 auto;
    float: inherit;
}

.service-tabpane .mdv-eform {
    display: block;
    vertical-align: top;
    width: 85%;
    margin:0 auto 3em auto;
}

.user-img{
  margin-bottom: 40px;
}


.heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 300;
    position: relative;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.white-heading{
    color: #ffffff;
}
.heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background: url(img/heading-line.png);
    background-repeat: no-repeat;
    background-position: center;
}

.heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}
.white-heading span {
    color: #ffffff;
}
/*-----Testimonial-------*/

.testimonial {
    position: relative;
    background: url(../images/testimonial1.png);
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: cover;
    width: 100%;
}
#testimonial4 .carousel-inner:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
  overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  margin: 2px 3px;
  background-color: #9dd3af;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
/*.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}*/

.testimonial4_control_button .carousel-control{
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
  left: 7%;
  top: 50%;
  right: auto;
}
.testimonial4_control_button .carousel-control.right{
  right: 7%;
  top: 50%;
  left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
  color: #000;
  background: #fff;
  border: 2px solid #fff;
}

.testimonial4_header{
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h4{
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.testimonial4_slide{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 136px;
    height: 136px;
    margin: auto;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}
.testimonial4_slide p {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.4;
}
.service-tab .testimonial4_slide h5 {
  color: #ffffff;
  font-size: 18px;
}
.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
    width: 20px;
    height: 20px;
}

.carousel-control-prev, .carousel-control-next{
  width: 25%;
}

#testimonial4 {
    position: initial;
}

.service-tab .nav-tabs{
  width: 80%;
  margin: 0 auto;
}

.testimonial .carousel-item:after{
  background: transparent;
}

.testimonials .carousel {
    position: initial;
}
/* ------testimonial  close-------*/

.service-tabpane .architect-text h4, .service-tabpane .architect-text p{
  text-align: left;
}

.architect-text a{
  background-color: #ae2220;
  color: #fff;
  border-radius: 0;
  border: none;
  padding: 10px 20px;
}

.architect-text a:hover, .architect-text a:focus{
  background: #222;
  color: #fff;
}

.service-tabpane .architect-text h4{
  margin-top: 0;
}

#architect .container .row, #fabricator .container-fluid .fabricator-row, #mason .container-fluid .fabricator-row{
    width: 95%;
    margin: 0 auto;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 35px;
    padding-top: 35px;
}

#architect .container .architect-last, #fabricator .container-fluid .architect-last{
   margin-bottom: 40px;
}

#fabricator .user-img, #mason .user-img{
  margin-top: 40px;
}

/*-------------------architect detail-----------------*/

.architect-tab{
  margin-top: 50px;
  padding:0;
} 

.architect-content{
  padding: 0;
}

.architect-content .user-img{
  margin:0;
}

.architect-tab .nav-item{
  width: 33.3%;
}

.architect-tab .nav-tabs {
  width: 80%;
  margin: 0 auto;
}

.architect-tab .nav-tabs .navfor{
  font-size: 16px;
}

#end .znic-inner-prodspec ul li img {
    width: 70px;
    padding-right: 0;
}

#end .inner-prodspec ul li {
    font-size: 15px;
    text-transform: uppercase;
}


.owl-carousel3 .owl-item{
  float: left;
}

.owl-carousel3 .owl-nav{
  display: none;
}

/*.service-blog{
  width: 80%;
}*/

.owl-carousel3{
  margin-top: 25px;
}

.inner-prodspec .Academy-points{
  margin-bottom: 0;
}

#end .inner-prodspec ul {
  margin: 0 auto;
  padding:0;
}

#end .inner-prodspec ul li{
  width: 24.5%;
  display: inline-block;
  border-bottom: transparent;
}


.flip-card {
  background-color: transparent;
  width: auto;
  height: 250px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #ae2220;
  color: #fff;
  padding: 60px 15px;
}

.flip-card-back {
  background-color: #b51516;
  color: #fff;
  transform: rotateY(180deg);
  padding: 35px 15px;
}

.flip-card-back h5{
  margin-bottom: 5px;
}

#end .inner-prodspec p {
    text-align: center;
    font-size: 12px;
    text-transform: initial;
    line-height: 1.5;
}

#end .file-area h5{
   font-size: 18px;
   font-weight: 400;
}

#end .inner-prodspec{
  width: 95%;
}
/*.end-tab{
  width: 80%;
  margin:0 auto;
}*/

#myCarousel2{
  margin-top: 25px;
}

#myCarousel2 .carousel-item a{
  display: block;
  position: relative;
  z-index: 9;
}

.service-blog #myCarousel2 .carousel-item a img{
  height: auto !important;
  margin-top: 0 !important;
}

.contact-query{
  border: 1px solid #eeeeee; padding: 1rem; width: 50%;
}
/*---------------------------jyoti design page--------------------*/

.jyoti-design-p{
      margin: 20px auto;
    text-align: center;
    width: 80%;
}

.jyoti-design .media span {
    width: 100%;
    height: 20px;
    display: block;
    padding: 15px 0 0px;
    padding-right: 10%;
    font-size: 16px;
}

.jyoti-design .media.d-arrow:before {
    content: "";
    width: 25px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 20px;
    margin-top: -1px;
    right: 20px;
    transition: all 0.3s ease;
}

.jyoti-design .media.d-arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #000;
    position: absolute;
    bottom: 16px;
    margin-top: -5px;
    right: 20px;
    transition: all 0.3s ease;
}

.jyoti-design .media.d-arrow:hover:before {
    right: 20px;
    width: 50px;
    background: #ae2220;
}

.jyoti-design .media.d-arrow:hover:after {
    right: 20px;
    border-color: transparent transparent transparent #ae2220;
}

.design-row {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 35px;
  margin-top: 20px;
}

.design-row p, .designs-row p{
  width: 80%;
  margin: 10px auto 30px;
  text-align: center;
}

/*---------------------------jyoti design product detail page --------------------*/

.design-detail .media p{
  margin-bottom: 10px;
  padding-left: 10px;
}

.design-detail .media.d-arrow:before {
    content: "";
    width: 25px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 50px;
    margin-top: -1px;
    right: 20px;
    transition: all 0.3s ease;
}

.design-detail .media.d-arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #000;
    position: absolute;
    bottom: 45px;
    margin-top: -5px;
    right: 20px;
    transition: all 0.3s ease;
}

.design-detail .media a{
  padding:0;
}

.design-detail .media span {
    height: 35px;
    padding: 15px 10px 0px;
}

.design-detail .media.d-arrow:hover:before {
    right: 20px;
    width: 50px;
    background: #ae2220;
}

.design-detail .media.d-arrow:hover:after {
    right: 20px;
    border-color: transparent transparent transparent #ae2220;
}

.design-detail .tb{
  margin-bottom: 0;
}

.product-detail {
    margin: 20px 50px 40px 50px;
    text-align: center;
}

.design-detail h4 {
   width: 100%;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    font-size: 24px;
}

.design-detail {
    margin: 70px auto;
}

/*-------------------------design detail-------------------------*/

.design-detail .carousel-inner img {
    width: 100%;
    height: 100%
}

#custCarousel .carousel-indicators {
    position: static;
    margin-top: 20px
}

#custCarousel .carousel-indicators>li {
    width: 100px
}

#custCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75
}

.product-detail-info p {
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    padding: 15px 0px;
}

.product-detail-info p span{
  font-weight: 600;
}

.product-detail-info h3{
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.specifications{
  padding-left: 25px;
  width: 100%;
}

.specifications li{
  font-size: 14px;
  margin-bottom: 10px;
}

.product-detail-info .table-responsive{
  margin-bottom: 0;
}
ul.services-grp {
        padding-top: 6rem;
        list-style: none;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }
      ul.services-grp li a {
        color: #000000;
        font-size: 20px;
        font-weight: bold;
      }
      ul.services-grp li a:hover {
        text-decoration: none;
      }
      ul.services-grp li a img.social-imgs {
        margin-right: 1rem;
        width: 50px;
      }
      ul.services-grp li a {
        font-size: 23px;
      }
      .logo-img {
        width: 100% ;
      }

/*================IHB Page CSS Start==============*/

.heading-ihb {
    /*font-size: 38px;*/
    line-height: 40px;
    color: #b22d30;
    text-align: center;
    text-transform: uppercase;
}
.underline-left {
    width: 105px;
    border-top: 2px solid #d4001c;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.apart-section .underline-left {
    border-top: 2px solid #fff;
}
.st-main {
    float: left;
    width: 100%;
    margin: 0;
}

.st-section {
    background: #F7F7F7 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 10px #00000029;
    opacity: 1;
    width: 204px;
    height: 204px;
    border-radius: 50%;
    margin: 0 auto;
}
.sm-hr {
    border-right: 1px solid #707070;
    display: block;
    width: 1px;
    height: 30px;
    margin: 0 auto;
}

.sm-circle {
    background: #F7F7F7 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin: 0 auto;
}

.st-main:hover>.st-section {
    background: #b22d30 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 10px #00000029;
}
.st-main .red-icon {
    /*opacity: 1;*/
    display: inline-block;
}
.st-main:hover .red-icon {
    /*opacity: 0;*/
    display: none;
    /*visibility: hidden;*/
}
.st-main .white-icon {
    opacity: 0;
    display: none;
}
.st-main:hover .white-icon {
    opacity: 1;
    display: inline-block;
}
.st-main:hover>.sm-circle {
    background: #b22d30 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

.tata_st:last-child {
    margin-right: 0;
}

.tata_b .st-content h4 {
    font: normal normal 600 19px/30px Poppins !important;
}

.st-content h4 {
    font: normal normal 500 19px/30px Poppins;
    color: #ae2220;
    opacity: 1;
    text-align: center;
}

.st-content p {
    font: normal normal 500 16px/28px Poppins;
    letter-spacing: 0.64px;
    color: #292780;
    text-align: center;
}

.st-content {
    float: left;
    width: 100%;
    margin-top: 16px;
}
.v-center {
    align-self: center;
}
.step-block {
    position: relative;
    padding: 60px 0;
}
.step-block::after {
    position: absolute;
    top: 0;
    left: 50%;
    content: "";
    height: 100%;
    border-right: 3px solid transparent;
    border-image: url('../images/path-line.png') 50 stretch;
    transform: translateX(-50%);
}
.step-block-1::after {
    top: 12.8%;
    height: 87.2%;
}
.step-block-3::before {
    content: "";
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #112769;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.step-block .grid-row .col-sm-6 {
    margin-top: 80px;
}

.step-block .grid-row .text-col,
.step-block .grid-row .img-col {
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-block .grid-row .number-title {
    position: relative;
    margin-bottom: 16px;
    margin-left: 40px;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.1;
    color: #1a1818;
}

.step-block .grid-row .number-title::before {
    position: absolute;
    content: "";
    top: 50%;
    left: -40px;
    width: 27px;
    border-top: 2px solid #d4001c;
    transform: translateY(-50%);
}

.step-block .grid-row .title {
    position: relative;
    margin-bottom: 16px;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.5;
    color: #1a366f;
}

.step-block .grid-row .order-sm-2 .title::after {
    position: absolute;
    content: "";
    top: 50%;
    left: -36%;
    width: 30%;
    border-top: 2px solid #1a366f;
    border-right: 10px;
    transform: translateY(-50%);
}

.step-block .grid-row .order-sm-2 .title::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: #1a366f;
    border-radius: 100%;
    top: 50%;
    left: -145px;
    transform: translateY(-50%);
    z-index: 2;
}

.step-block .grid-row .left-text-1 .title::after {
    position: absolute;
    content: "";
    top: 50%;
    right: -56%;
    width: 35%;
    border-top: 2px solid #1a366f;
    border-right: 10px;
    transform: translateY(-50%);
}

.step-block .grid-row .left-text-1 .title::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: #1a366f;
    border-radius: 100%;
    top: 50%;
    right: -60.2%;
    transform: translateY(-50%);
    z-index: 2;
}

.step-block .grid-row .left-text-2 .title::after {
    position: absolute;
    content: "";
    top: 50%;
    right: -42%;
    width: 35%;
    border-top: 2px solid #1a366f;
    border-right: 10px;
    transform: translateY(-50%);
}

.step-block .grid-row .left-text-2 .title::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: #1a366f;
    border-radius: 100%;
    top: 50%;
    right: -46.5%;
    transform: translateY(-50%);
    z-index: 2;
}
.key-projects .discovery-series .para {
    margin: 0;
    margin-right: auto;
    z-index: -1;
}
.unbeatable-strength .grid-row {
    padding-top: 60px;
}
.unbeatable-strength .grid-row .img-col img {
    width: 95%;
    box-shadow: 0 4px 8px 0 #00000033, 0 6px 20px 0 #00000030;
}
.quote-block {
    padding: 60px 0;
    text-align: center;
    min-height: 150px;
    background: red;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quote-block-1 {
    background: transparent linear-gradient(180deg, #ef3d6b 0%, #8b1231 100%) 0% 0% no-repeat padding-box;
}

.quote-block-2 {
    background: transparent linear-gradient(180deg, #ef3d6b 0%, #8b1231 100%) 0% 0% no-repeat padding-box;
}

.quote-block .quote {
    width: 100%;
    font-size: 32px;
    font-weight: 500;
    color: #ffffff;
}
.why-us-sec {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.steps--div .img-border-left,
.steps--div .img-border-right {
    position: absolute;
    width:  120px;
    height: 120px;
}
.steps--div .img-border-right {
    right: 10px;
    top: 10px;
    border-top: 5px solid #b22d30;
    border-right: 5px solid #b22d30;
}
.steps--div .img-border-left {
    left: 10px;
    bottom: 10px;
    border-bottom: 5px solid #b22d30;
    border-left: 5px solid #b22d30;
}
.col-text-wrap {
    padding:  2rem 9rem;
}
.col-text-wrap span {
    display: inline-block;
    padding: 12px;
    background-color: #b22d30;
    color: #ffffff;
    font-size: 18px;
    font-weight: bolder;
    margin-bottom: 2rem;
}
.prod-des {
    padding:  3rem 0;
}
.prod-des h4 {
  color: #ae2220;
  font-size: 24px;
  font-weight: 600;
}
.prod-des h1 {
  background-color: #b22d30;
    color: #ffffff;
    padding: 10px 0;
    margin-bottom: 3rem;
    margin: 0 auto;
    font-size: 24px;
    margin-bottom: 25px;
}
.line-left,
.line-right {
    display: inline-block;
    width: 67px;
    height: 5px;
    background-color: #fbba00;
    margin-bottom: 8px;
}
.line-left {
    margin-right: 1rem;
}
.line-right {
    margin-left: 1rem;
}
.prod-des .prod-range--sec {
    position: absolute;
    left: 7%;
    top: 25%;
    /*color: #ffffff;*/
}
.prod-des .prod-range--sec h5 {
    color:  #ffffff !important;
    border-bottom: 3px solid #ae2220;
    padding-bottom: 6px;
    font-size: 1.4rem;
}
.prod-des .prod-range--sec ul {
    list-style-type: none;
}
.prod-des .prod-range--sec ul li {
  line-height: 31px;
}
.prod-des .prod-range--sec ul li a {
    color: #ffffff;
    position: relative;
    padding-left: 20px;
    font-size: 1.2rem;
}
.prod-des .prod-range--sec ul li a:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ad2220;
}
@media screen and (max-width: 600px) {
    .text_banner h3 {
        font-family: 'Lobster Two', cursive;
        font: italic normal normal 24px/44px Lobster Two;
        color: #fff;
    }

    nav {
        padding: 10px 0;
        background: #ffffff;
        height: auto;
    }

    .text_banner {
        position: absolute;
        bottom: 45px;
        padding: 0 15px 0 0;
    }

    .section {
        padding:0;
    }

    .subheading {
        text-align: left;
        font: normal normal 600 24px/38px Poppins;
        letter-spacing: 0px;
        color: #292780;
        text-transform: uppercase;
        opacity: 1;
    }

    .buy-online {
        font-family: inherit;
        font-weight: 300;
        font-size: 0.8rem;
        padding: 7px 15px;
        color: #fff;
        background-color: #0f3975;
        border-radius: 20px;
        border: 1px solid #ebebeb;
        outline: none;
        cursor: pointer;
        margin-right: 2px;
    }

    .projects .d-media,
    .p-na-wrapper {
        align-items: center;
        max-width: 100%;
        overflow: scroll;
        white-space: nowrap;
        margin-bottom: 30px;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .projects::-webkit-scrollbar,
    .d-media::-webkit-scrollbar,
    .p-na-wrapper::-webkit-scrollbar {
        display: none;
    }

    .product-info p {
        font: normal normal normal 16px/30px Poppins;
        color: #FFFFFF;
        max-width: 100%;
    }

    .st-section {
        background: #F7F7F7 0% 0% no-repeat padding-box;
        box-shadow: 0px 10px 10px #00000029;
        opacity: 1;
        width: 130px;
        height: 130px;
        border-radius: 50%;
        margin: 0 auto;
    }

    .st-icon svg {
        width: 65px;
    }

    .st-content h4 {
        font: normal normal 600 18px Poppins;
        letter-spacing: 0;
        color: #292780;
        opacity: 1;
        text-align: center;
    }

    .p-qa {
        font: normal normal 500 16px/34px Poppins;
        letter-spacing: 0px;
        color: #FFFFFF;
        margin-right: 20px;
    }

    .p-qa.active {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 1px 50px #00000029;
        border-radius: 24px;
        color: #000;
        padding: 0 15px;
    }

    .p-wrapper-bg {
        background: url(../images/product-bg.png);
        padding: 50px 0px;
    }

    .programm_section {
        background: #fff;
        box-shadow: 0 5px 5px #00000014;
        float: left;
        width: 100%;
        padding: 10px;
        border-radius: 5px;
        min-height: 235px;
        margin-bottom: 20px;
    }

    .logo_img img {
        width: 100px !important;
        height: 55px;
    }

    .programm_section h5 {
        font-size: 16px;
        position: relative;
        right: -20px;
        top: 5px;
    }

    .testi-slider {
        max-width: 90%;
        margin: 0 auto;
        padding: 16px 0;
    }

    .stm-txt {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .overlayBlack {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0.3;
        transition: 0.5s ease;
        background: rgb(212 0 28 / 71%);
        background-size: cover;
    }

    .overlayBlue {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0.3;
        transition: 0.5s ease;
        background: rgb(17 39 105 / 75%);
        background-size: cover;
    }

    .wrapperKeyProject .mbversion div {
        float: left;
        width: 100%;
    }

    .img-key-project-mbversion {
        background-size: cover !important;
        width: 100%;
        float: left;
        height: 600px;
        background-position: center !important;
    }

    .product-slider .slick-dots {
        position: relative;
        bottom: -10px;
    }

    .inner-section-mb .text-div,
    .about-tata-steel-mb .text-div {
        padding: 20px;
    }

    .st-wrapper::after {
        content: url(../images/bg-texure.png);
        position: absolute;
        left: -60px;
        bottom: auto;
    }

    .test-txt-wrapper h4 {
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 0px;
        font: normal normal 400 22px/25px Poppins;
        padding: 20px 0 0px 20px;
    }

    /*.ash-wrapper::after {
    content: url(../images/bg-texure-two.png);
    position: absolute;
    bottom: 0;
    right: 0px;
}*/
    .col-text-wrap {
      padding:  2rem 1rem 1rem;
    }
    .steps--div .img-border-left,
    .steps--div .img-border-right {
      width:  60px;
      height: 60px;
    }
    .line-left,
    .line-right {
      display: none;
    }
    .prod-des {
      padding: 0;
    }
    .lst-sec.prod-des h1 {
      margin-top: 0px !important;
    }
    .prod-des h4 {
      font-size: 1.4rem;
    }
    .why-us-sec {
      padding-top: 1rem;
      padding-bottom: 0;
    }
    .prod-des .prod-range--sec {
      left:  unset;
      bottom: unset;
      top:  unset;
    }
    .prod-txt-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
}
@media screen and (max-width: 767px) {
  .st-main {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .tata_st {
        text-align: left;
        font: normal normal 500 16px/45px Poppins;
        letter-spacing: 0.72px;
        color: #292780;
        opacity: 1;
        margin-right: 20px;
    }

    .story .text-div,
    .about-tata-steel .text-div {
        max-width: 120%;
    }

    .mason-hero-bg h1 br {
        display: none;
    }

    .step-block .grid-row .text-col {
        margin-top: 40px;
    }

    .mason-hero-bg img {
        padding-bottom: 15px;
    }

    .feature-list li {
        margin-bottom: 20px;
    }

    .mason-features h2,
    .mason-form h2,
    .testimonial h2 {
        line-height: 45px;
    }

    .mason-features,
    .mason-form,
    .testimonial {
        padding: 30px 0px;
    }

    .locator-results {
        margin: 30px 0px;
    }

    .locator-results section {
        margin-bottom: 40px;
    }

    #modalTab .nav-link {
        padding: 5px;
        margin-right: 5px;
    }

    .step-block .grid-row .text-col {
        margin-top: 40px;
    }

    .step-block .grid-row .text-col br {
        display: none;
    }
}
@media screen and (min-device-width: 768px) and (max-device-width: 799px) {
    .prod-des .prod-range--sec {
      top:  unset;
      left: unset;
    }
    .prod-txt-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media screen and (min-device-width: 768px) and (max-device-width: 991.99px) {
    .line-left, .line-right{
      display: none;
    }
    
}
@media screen and (min-device-width: 799.99px) and (max-device-width: 992px) {
  .prod-des .prod-range--sec {
      top:  31%;
    }
}
@media screen and (max-width: 992px) {
    .mason-hero-bg h1 br {
        display: none;
    }

    .step-block .grid-row .text-col br {
        display: none;
    }

    .step-block::after,
    .step-block-3::before {
        content: none;
    }

    .step-block .grid-row .order-sm-2 .title::before,
    .step-block .grid-row .order-sm-2 .title::after {
        content: none;
    }

    .step-block .grid-row .left-text-1 .title::after,
    .step-block .grid-row .left-text-1 .title::before,
    .step-block .grid-row .left-text-2 .title::after,
    .step-block .grid-row .left-text-2 .title::before {
        content: none;
    }

    .steps--div .prod-des {
      padding:  3rem 0 0;
    }
    .prod-des h4 {
      font-size: 1rem;
    }
    /*.prod-des .prod-range--sec {
      top:  31%;
    }*/
    .col-text-wrap {
      padding: 2rem 2rem;
    }
}

@media screen and (max-width: 1024px) {
    .step-block .grid-row .order-sm-2 .title::after {
        width: 10%;
        left: -12%;
    }

    .step-block .grid-row .order-sm-2 .title::before {
        left: -17%;
    }

    .step-block .grid-row .left-text-1 .title::after {
        width: 10%;
        right: -26.5%;
    }

    .step-block .grid-row .left-text-1 .title::before {
        right: -33%;
    }

    .step-block .grid-row .left-text-2 .title::after {
        width: 10%;
        right: -16.5%;
    }

    .step-block .grid-row .left-text-2 .title::before {
        right: -22%;
    }
}
@media screen and (max-width: 992px) {
    .about-us .grid-row .text-col br {
        display: none;
    }

    .about-us .grid-row .img-col .img-1 {
        width: 80%;
    }

    .about-us .grid-row .img-col .img-2 {
        margin-top: -200px;
        width: 60%;
    }

    .unbeatable-strength .grid-row .img-col img {
        width: 100%;
    }

    .unbeatable-strength .grid-row .text-col br {
        display: none;
    }

    .sd-rebars .tab-content br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .about-us .grid-row .img-col .img-1 {
        width: 70%;
    }

    .about-us .grid-row .img-col .img-2 {
        margin-top: -200px;
        width: 50%;
    }

    .unbeatable-strength .grid-row .text-col {
        margin-top: 60px;
    }

    .sd-rebars .btn-blue {
        margin-bottom: 16px;
    }

    .sd-rebars .modal .modal-content {
        overflow-x: scroll;
    }

    .sd-rebars .nav-tabs .nav-item {
        width: auto;
        margin-bottom: 20px;
    }

    .tab-content {
        padding-top: 15px;
    }

    .sd-rebars .btn-div button {
        width: 300px;
        margin-right: 0;
    }

    .plus-container {
        width: 100%;
    }

    #plus-sign-one {
        top: 29%;
        left: 47%;
    }

    #plus-sign-two {
        top: 27%;
        left: 23%;
    }

    #plus-sign-three {
        bottom: 29%;
        right: 33%;
    }

    #plus-sign-four {
        bottom: 19%;
        right: 14%;
    }

    #plus-info-one {
        top: 19%;
        left: 55.5%;
        height: 40px;
        width: 40px;
    }

    #plus-info-one span {
        margin-left: -76px;
    }

    #plus-info-two {
        top: 15%;
        left: 27%;
        height: 30px;
        width: 0px;
    }

    #plus-info-three {
        top: 62%;
        right: 41%;
        height: 8px;
        width: 108px;
    }

    #plus-info-four {
        top: 21%;
        right: 18%;
        height: 111px;
        width: 0px;
    }

    #plus-info-four span {
        margin-left: -127px;
    }
}

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

    .sd-rebars .plus-desc,
    .sd-rebars .plus-info {
        display: none !important;
    }

    .rcp-btn-d {
        display: none;
    }

    .rcp-btn-m {
        display: block;
    }

    .about-us .grid-row {
        padding-top: 30px;
    }

    .sd-rebars {
        padding: 30px 0;
    }

    .unbeatable-strength {
        padding: 30px 0;
        background: #ffffff;
    }

    .unbeatable-strength .grid-row {
        padding-top: 30px;
    }
    .order3 {
      order:  3;
    }
    .order4 {
      order:  4;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .unbeatable-strength .img-col {
        text-align: center;
    }

    #plus-sign-one {
        top: 26%;
        left: 39%;
    }

    #plus-sign-two {
        top: 27%;
        left: 23%;
    }

    #plus-sign-three {
        bottom: 29%;
        right: 33%;
    }

    #plus-sign-four {
        bottom: 19%;
        right: 14%;
    }

    #plus-info-one {
        top: 19%;
        left: 44.5%;
        height: 40px;
        width: 40px;
    }

    #plus-info-one span {
        margin-left: -76px;
    }

    #plus-info-two {
        top: 7%;
        left: 6%;
        height: 86px;
        width: 91px;
    }

    #plus-info-three {
        top: 55%;
        right: 38%;
        height: 41px;
        width: 254px;
    }

    #plus-info-four {
        top: 41%;
        right: 16.5%;
        height: 111px;
        width: 0px;
    }

    #plus-info-four span {
        margin-left: -104px;
    }
}


/*================IHB Page CSS End==============*/




/* fOOTER WHATSAPP */
 .whatsapp-float {
    position: fixed;
    width: 46px;
    height: 45px;
    bottom: 13px;
    right: 2px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 25px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.whatsapp-icon-float {
    margin-top: 11px;
}

/*custom css start here*/
.skill-add-title
{
  margin-top:5px;
}


.address-area
{
  margin-top:25px;
}
.footer-register-title
{
  margin-bottom:30px;
}
/*.footer-s-form
{
    background-color:#f1f1f1;
}*/
.skill-footer
{
    padding: 0px 0px 50px;
/*    background-color: #f1f1f1;*/
    margin-top:50px;
}
.gallery-slider-skill
{
   margin-top:40px;
} 
.skill-register-form
{
  position: fixed;
  width: 32px;
  height: 120px;
  background-color: #d8083e;
  right: 0;
  z-index: 999;
  top: 65%;
}
.ourgoals
{
   background-image: url(../images/institute-banner.jpg);
        box-shadow: inset 0 0 0 2000px #ae2220ad;
    background-size: cover;
    padding:30px;
    color:#fff;
    text-align:center;
}

.goals-sec h4
{
  color:#fff;
  font-size:15px;
}
.goals-row
{
   width:100%;
   max-width:600px;
   margin:0 auto;
   margin-top:30px;
} 
.our-goals-title
{ 
   font-size:30px;
}
.build-career
{
  margin-top:60px;
}
.goals-sec img
{
  width:100%;
  max-width:70px;
}
.bulid-title
{
      font-size: 27px;
    color: #ae2220;
    margin-bottom: 20px;
}
.read-m-btn
{
    background-color: #ae2220;
    color: #fff;
    padding: 7px 23px;
    margin-top: 10px;
    display: inline-block;
        border-radius: 5px;
}
.build-career p
{
  width:100%;
  max-width:550px;
}
.skill-about-text h2
{
  font-size:24px;
}
.read-m-btn:hover
{
 color:#fff;
}

.goals-sec
.our-goals-title
{
  font-size:30px;
  text-align: center;
  color:#fff;
}
.c-heading
{
   margin-bottom:40px;
}
.skill-courses
{
  background-color: #fff;
  box-shadow: 0 -4px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
  border-radius: 8px;
  padding:20px;
  margin-bottom:30px;
  padding-bottom:40px;
  height:280px;
}

.course-title
{
  margin-top: 20px;
  color: #333333;
  font-size: 22px;
}
.course-text
{
  width:100%;
  max-width:470px;
  margin:0 auto;
}
.courses-img
{
  border: 2px solid #ae2220;
  border-radius: 50%;
  padding: 10px;
  width:100%;
  max-width:80px;
}

.skill-develpment-sec:hover
{
  box-shadow: 0px 30px 40px 0px rgba(0,0,0,.2);
}

.about-courses h4
{
   text-align:center;
   font-size:30px;
}

.skill-learn-more
{
  color: #fff;
  border: 1px solid #fff;
  padding: 7px 20px;
  margin-top: 10px;
  display: inline-block;;
}
.skill-learn-more:hover
{
  color:#fff;
}
.about-text-info
{
  color:#000;
  padding:50px;
}
.about-text-info
{
   background-color:#f9f9f9;
   margin-top:50px;
}
.skill-modal-form .modal-content
{
   padding:30px 15px;
}

.skill-modal-form label 
{
   color:#000;
   margin-bottom:5px;
}
.skill-slider-caption
{
   position:absolute;
   bottom:100px;
} 
.skill-slider-caption h5
{
      text-align: left;
    font-size: 30px;
    background: #ae2220;
    POSITION: ABSOLUTE;
    LEFT: -21.4%;
    PADDING: 15px;
    font-size: 25px;
    font-weight: 600;
}
.skill-btn
{
  background-color: #ae2220;
  color: #fff;
  border-radius: 0;
  border: none;
  padding: 10px 30px;
}
.skill-btn:hover
{
  background-color: #ae2220;
}
.modal-content
{
    
}
#skill-modalLabel
{
  color:#000;
}
/*.skill-modal-form .form-group
{
   margin-bottom:0;
}*/
.inner-prodspec.skill-center h4
{
  font-size:18px; 
  padding-left:0;
}
.inner-prodspec.skill-center ul
{
  margin:0;
}

.add-area.skil-center-area h4
{ 
  font-size:18px;
}

.skill-develpment-sec
{
  background-color:#f9f9f9;
  border-radius:8px;
  padding: 20px 20px 10px;
  height:300px;
  animation-delay: .1s;
  transform: translate3d(0,0,0) scale(1);

}

.skillsection
{
   margin-top:55px;
}
.skill-develpment-sec img
{
   width:100%;
   max-width:40px;
   display:inline-block;
}
.skill-develpment-sec h4
{
  display:inline-block;
  margin-left:10px;
  font-size:16px;
}
.skill-develpment-sec p
{
  margin-top:20px;
}
.skill-develpment-sec.skil-sec-two p:first-of-type
{
  margin-top:20px;
}
.skill-develpment-sec.skil-sec-two p
{
   margin:0;
}
.skill-list
{
  margin-left:20px;
  margin-top:20px;
}
.skill-register-btn
{
   color: #fff;
    font-size: 15px;
    background-color: #ae2220;
    padding: 6px 20px;
    font-weight: 500;
    margin-top: 2px;
    display: inline-block;
    border-radius: 5px;
    padding: 10px;
}
.skill-register-btn:hover
{
  color:#fff;
}
.about-courses
{
      margin-top: 40px;
    margin-bottom: 40px;
}


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

  .gallery-slider-skill
  {
    margin-top:0;
  }
  .about-skill-area h4
  {
     font-size:20px;
  }

  .skill-develpment-sec
  {
    height:280px;
  }
  .read-m-btn.bestplace-btn
  {
     margin-bottom:10px;
  }
  .c-heading
  {
    margin-bottom:20px;
  }
  .skill-footer
  {
    margin-top:30px !important;
    margin: 0px 15px;
    padding: 25px 0px;
  }
  .skill-add-title
  {
    margin-top:30px;
  }

  .skillsection
  { 
      margin-top:30px;
  } 
  .carousel-caption.skill-slider-caption
  {
    display:block;
  }
  .skill-slider .carousel-inner .carousel-item>div
  {
    display: block !important;
    bottom:0;
  }
  .skill-slider-caption h5
  {
    font-size:16px;
  }
  .skill-develpment-sec
  {
    margin-bottom:20px;
  }
  .about-text-info
  {
    margin-top:10px;
  }
  .about-courses h4
  {
    font-size:25px;
  }
  .about-text-info
  {
    padding:20px;
  }
  .courses-img
  {
    max-width:80px;
  }
  .course-title
  {
    font-size:22px;
  }
  .goals-sec
  {
     margin-bottom:30px;
  }
  .build-career
  {
    margin-top:25px;
  }
  .bulid-title
  {
    margin-top:20px;
    font-size:24px;
  }
  .read-m-btn
  {
    margin-bottom:50px;
  }
  
}



/*05-10-23..*/

.menu-rt-logo img{
/*  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);*/
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.menu-rt-logo img:hover {
    -webkit-filter: none;
    filter: none;
}



.menu .menu-main-li:after,
.menu .menu-main-li:before {
  content: "";
  position: absolute;
  width: 0%;
  display: block;
  height: 1px;
  transition: all 0.3s ease;
  margin-top: 2px;
  transition: all 300ms ease-in;
}

.menu .menu-main-li:after {
  bottom: 15%;
  left: 0;
}

.menu .menu-main-li:before {
  top: 15%;
  right: 0;
}

.menu .menu-main-li:hover::after {
  width: 80%;
    height: 2px;
    bottom: 10%;
    background-color: #ae2220;
    left: 15px;
    right: 0;
}
/*.menu .menu-main-li:hover::before {
  width: 100%;
  height: 1px;
  top: 10%;
  background-color: #fff;
}*/

.menu .menu-main-li {
  float: left;
  display: block;
  height: 100%;
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
  color: #000;
  text-transform: uppercase;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
  line-height: 40px;
  font-weight: 700;
  font-family: 'Nunito', sans-serif;
}

#section2 h3{
      font-size: 32px;
    font-weight: 600;
    color: #ae2220;
    margin-top: 10%;
}

#section2 ul li{
  list-style: none;
  display: flex;
  margin-bottom: 20px;
      font-size: 15px;
    line-height: 2;
}

#section2 ul li img{
  width: 40px;
  margin-right: 20px;
  height: 40px;
  animation: spin 3s linear infinite;
  animation-play-state: paused;
}
.darkbtn {
  background: #ae2220;
  color: #fff;
  padding: 12px 25px;
  margin-top: 20px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.5px;
  border-radius: 5px;
}

.darkbtn:hover{
  background: #ef7f1a;
  color: #fff;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
}
#section2 ul li img:hover {
    animation-play-state: running;
}
@keyframes rotation{
  from{
    transform:rotate(0deg);
  }
  
  to{
    transform:rotate(360deg);
  }
}


#header .container-fluid, #section2 .container-fluid{width: 90%;}{width: 90%;}

#section6 {
    background-color: #f9f9f9;
    color: #292929;
}
.ft-link ul li a{
    color: #292929;
}
.logo-sec{
  text-align: left;
}
.logo-sec img{
  width: 150px;
}

#section3 .row{
  width: 100%;
}

#section3 {
  background: #fff;
}
#p-info h4{
  color: #262626;
}
.flat-products h3{
   color: #262626;
    padding-left: 80px;
    font-weight: 400;
    font-size: 32px;
    padding-bottom: 0;
    font-size: 32px;
    font-weight: 600;
    text-transform: capitalize;
    color: #ae2220;
}
.flat-products p{
  color: #262626;
  margin-top: -5px;
  padding-left: 80px;
}
.fp-tableCell .flat-products h3:after{
  content: none;
}
#p-info p{
  color: #454545;
}
.prod-block h4:after {
       position: absolute;
    content: '';
    height: 2px;
    width: 50px;
    left: 5px;
    top: 50px;
    background: #474747;
}
.flat-products .icon-head img {
    width: 65px;
    position: absolute;
}

.owl-carousel1 .owl-item{
  background: transparent;
}
.owl-carousel1 .item span {
  font-size: 18px;
    line-height: 22px;
    width: 80%;
    color: #ae2220;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 10px;
    font-weight: 500;
}

div#p-list {
    background: url(../images/sl-bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 160px;
}
.why-us ul li{
      list-style: none;
    display: inline-flex;
    width: 31%;
    background: #b02624;
    color: #fff;
    border-radius: 5px;
    padding: 20px;
    margin: 10px;
}

.why-us ul li img{
  width: 61px;
    display: inline;
    height: 60px;
    /* border-radius: 50px; */
    padding: 5px;
    /*transition: 0.2s ease-in-out;
    animation: loader 2s infinite;*/
/*    animation: blink 2s linear infinite;
    animation: spin 3s linear infinite;
    animation-play-state: paused;*/
}

.why-us ul li img:hover, .applications ul li img:hover, .addition-hdimg img:hover{
       -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}
/*@keyframes blink {
        0% {
          opacity: 0;
        }
        50% {
          opacity: .5;
        }
        100% {
          opacity: 1;
        }
      }
*/
/*@keyframes loader {
  0% {
    rotate: 0deg;
  }
  25% {
    rotate: y 90deg;
    scale: 0.5;
  }
  50% {
    rotate: 180deg;
  }
  75% {
    rotate: x 270deg;
    border-radius: 50%;
  }
  100% {
    rotate: 360deg;
  }
}
*/
@supports not (rotate: 0deg) {
  @keyframes loader {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: scale(0.5) rotateY(90deg);
    }
    50% {
      transfrom: rotate(180deg);
    }
    75% {
      transform: rotateX(270deg);
      border-radius: 50%;
    }
    100% {
      transform: rotate(360deg);
    }
  }
}
@keyframes spin {
  100% {transform: rotate(1turn); }
}
.why-us ul li span{
   font-size: 16px;
    padding-left: 10px;
    vertical-align: middle;
    align-items: center;
    font-weight: 300;
    line-height: 1.2;
    /* flex: 1; */
    display: flex;
    font-weight: 400;
}
.sustainability2 {
  text-align: right;
}
.sustainability2 img{
     width:65%;
    margin-top: 25px;
}
/*
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content:"\2d" ;
    font-weight: bold;
    font-size: 22px;
}*/
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\2b"; 
}
.footer-container-fluid{
  background: #ae2220;
  color: #fff;
  text-align: center;
  margin-top: 40px;
  font-size: 13px;
  padding: 10px;
}

.footer-container-fluid a{
  color: #fff;
}
#footer #accordion .card-header{
   background-color: #fff;
   border:transparent;
   cursor: pointer;
}

#footer #accordion .card{
   background-color: transparent;
   border:transparent;
}
.social-Ico ul{
  text-align: right;
}
#footer .card-title{
  font-weight: 400;
  font-size: 17px;
}

.client-div h6{
     font-size: 27px;
    font-weight: 600;
    position: relative;
    color: #b22d30;
}
.client-div h6:after{ 
   position: absolute;
  content: '';
  height: 2px;
  width: 60px;
  left: 47%;
  background: #474747;
  bottom: -30%;
  right: 0;
}

.client-div .darkbtn{
  margin-top: 50px;
}
.ft-link ul li a:hover{
  color: #ae2220;
}
.logo-bg{
background: url(../images/logo-m1.png);
    background-repeat: no-repeat;
    width: 85px;
    display: block;
    height: 98px;
}
.jyotilogo-bg{
  background: url(../images/logo-j2.png);
  background-repeat: no-repeat;
  width: 140px;
  display: block;
  height: 90px;
}
.sustainability1 ul{
  width: 70%;
}
.sustainability1{
  margin-bottom: 25px;
}
.upper-text .upper-menu li a{
  font-size: 13px;
    font-weight: 300;
    line-height: 40px;
    font-weight: 500;
}
.upper-text .upper-menu ul{
  width: 150px;
}

.madhav-life p{
 font-size: 38px;
    font-weight: 400;
    width: 88%;
    line-height: 1.2;
    margin-top:100px;
    padding: 25px;
}

.madhav-life p:after{ 
  position: absolute;
  content: '';
  height: 2px;
  width: 60px;
  left: 42px;
  background: #ae2220;
  bottom: 37%;
}

.madhav-collage{
  padding: 0;
}

.madhav-collage .img-fluid{
  padding: 3px;
}
#section7 h6 {
    font-size: 27px;
    font-weight: 600;
    position: relative;
    text-align: center;
    color: #b22d30;
}

#section7 h6:after {
    position: absolute;
    content: '';
    height: 2px;
    width: 60px;
    left: 48%;
    background: #474747;
    bottom: -30%;
    right: 0;
}
.tmt-process{
  text-align: center;
}
#section7 img{
  width: 90%;
  margin:0 auto;
}
.upper-text {
    margin-top: 10px;
}
.networks .grp-cell{
  display: inline;
  width: 100%;
}
.networks .grp-cell span{
  font-size: 32px;
    font-weight: 500;
  display: inline;
  color: #ae2220;
}
.networks .grp-cellico{
  width: 60px;
}
.networks .g-cell h5{
     color: #191919;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

.networks .display-4{
  font-size: 32px;
    font-weight: 500;
  display: inline;
  color: #ae2220;
}

.networks .g-cell:hover{
  background: transparent;
}

#section3 .networks{
  width: 100%;
  margin: 0 auto;
}

.networks .g-cell{
  padding: 20px;
  text-align: center;
}

.networks .grp-cellico {
    width: 60px;
    margin-right: 0;
}

.networks h4{
  margin-bottom: 20px;
  width: 100%;
  color: #fff;
}
.applications{
  background: #f9f9f9;
  padding-top: 45px;
  padding-bottom: 45px;
}
.applications h6{
  font-size: 27px;
  font-weight: 600;
  position: relative;
  text-align: center;
  color: #b22d30;
}
.applications h6:after{
  position: absolute;
  content: '';
  height: 2px;
  width: 60px;
  left: 48%;
  background: #474747;
  bottom: -30%;
  right: 0;
}
.applications ul {
  width: 90%;
  margin: 0 auto;
}
.applications ul li{
  display: inline-flex;
  width: 22.5%;
  background: #ae2220;
  margin: 10px;
  padding: 10px;
  color: #fff;
  align-items: center;
  border-radius: 5px;
  height: 80px;
}

.applications ul li img{
  width: 50px;
  height: 50px;
  margin-left: 20px;
}

.applications ul li span {
    font-size: 18px;
    padding-left: 20px;
    text-transform: capitalize;
    font-weight: 300;
}

.applications .row{
  margin-top: 40px;
}

#section4 .image-row {
  display: flex; 
  width: 100%; 
}

#section4 .image-row .image {
  margin: 1px; 
}

#section4 .image { 
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 300px;
}
#section4 .image-01 h3 {
    position: relative;
    font-size: 32px;
    width: 100%;
    margin-top: 30%;
    color: #b22d30;
}
#section4 .image-01:after {
    position: absolute;
    content: '';
    height: 2px;
    width: 60px;
    left: 17px;
    background: #474747;
    bottom: 40%;
    right: 0;
}
#section4 .image-02 {
  background-image: url('../images/l1.png'); 
}

#section4 .image-03 {
  background-image: url('../images/l3.png'); 
}

#section4 .image-04 {
  background-image: url('../images/l2.png'); 
}

#section4 .image-05 {
  background-image: url('../images/l6.png');
}

#section4 .image-06 {
  background-image: url('../images/l5.png');  
  flex: 2;
}

#section4 .image-07 {
  background-image: url('https://images.unsplash.com/photo-1614191663579-8780442c043b?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDk3fDZzTVZqVExTa2VRfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60'); 
  flex: 1;
}

#section4 .image-08 {
  background-image: url('../images/l4.png');  
  flex: 3;
}

#section4 .image-09 {
  background-image: url('../images/l7.png');  
  flex: 2;
}

.network{
     background: url(../images/network.jpg);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #f6f6f6;
}

.menu li>.menu-main-li-a::before {
    content: "\f107";
  font-size: 18px;
  position: absolute;
  top: -6%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome\ 5 Free";
  font-weight: bold;
  color: #6b6b6b;
}


/*.menu li>.menu-main-li-a::after {
  background-image: url(../images/arrow.png);
  width: 12px;
  height: 12px;
  position: absolute;
  background-repeat: no-repeat;
  top: 10px;
  right: -15px;
}*/
.network{
    color: #fff;
    text-align: center;
    margin: 0 auto 7%;
    padding: 70px 0 13%;
}

.network-head{
  margin-bottom: 30px;
  color: #000;
}

.network-head h4{
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 6px;
    line-height: 1.4;
}

.network-head img{
  margin-top: -45px;
  margin-right: 15px;
}

.network-head span{
    display: block;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #b22d30;
}
.fourth-tab, .work-office{
  padding-right: 0;
}
.carousel-banner{
  margin-top: 20px;
}
.brand-topinformation{
    width: 100%;
    background-color: #ffffff;
    /* min-height: 300px; */
    margin-top: 50px;
    padding: 5em;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 4px 0 #ccc;
    display: flex;
}
.brand-topinformation h5 {
    color: #ae2220;
    font-size: 2em;
}
.brand-topinformation p {
    color: #000;
}
.brand-topinformation .pipe-logo {
    width: 30%;
    position: initial;
    top: 30%;
    right: -50%;
    /* background-color: #fefefe; */
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.brand-topinformation .brandinfo{
    width: 80%;
    padding-left: 30px;
}
.addition-information {
    background: #f9f9f9;
    width: 100%;
    margin: 3rem auto;
    padding: 65px;
}

.addition-information .addition-info-col {
    display: table-cell;
    width: 33.333%;
    vertical-align: top;
    /* text-align: center; */
    border-right: 1px solid #ccc;
    padding-left: 25px;
        padding-right: 25px;
}

.addition-information .addition-info-col:last-child {
    border-right: transparent;
}

.addition-information .addition-coltext {
    width: 100%;
    float: left;
}
.Tempcore .prod-des{
  padding: 0rem 0 3rem;
}
.prod-shortInformations{
  width: 100%;
  background-color: #ae2220;
}

.prod-shortInformations h4, .prod-shortInformations p{
  color: #fff;
}
.door-bottom{
  margin-bottom: 50px;
  margin-top: 20px;
}

.infra-unit .infra-unitInfo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    width: 100%;
    /* padding-top: 20px; */
    display: grid;
    /* vertical-align: middle; */
    align-items: center;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    background-image: linear-gradient(360.73deg, #030303 -7.35%, #17171703 100.64%);
    line-height: 1.2;
}

.infra-unit:hover .infra-unitInfo {
  height: 100%;
}
/*.infra-units{
  background: #f9f9f9;
  padding: 45px;
}
.infra-admincell{
  margin-top: -5%;
  margin-left: 65px;
}*/
.infra-infocell p{
  font-size: 15px;
}
.map-form {
   border-bottom: 1px solid #e0e0e0;
}
.map-form .mdv-eform {
    display: block;
    /* vertical-align: top; */
    width: 100%;
    margin: 0;
}
.map-form .mdv-eformdiv {
    width: 100%;
    padding: 3em 5em;
    background: #fff;
}
.office-col h5 {
    color: #ae2220;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}

.corporate-office h5{
      background-color: #b22d30;
    color: #ffffff;
    padding: 1rem 0;
    margin-bottom: 3rem;
    text-align: center;
}
.ehs{
  padding: 4em 0 2em;
}

.services-banner .bnr-head h2{
  font-size: 24px;
}
.about-info ul li:last-child{
  margin-bottom: 0;
}
.infra-process-info .infra-tmt-img img{
  width: 75%;
  margin: 0 auto;
}
.infra-process-info .infra-tmt-img {
  border-bottom: 1px solid #ccc;
  padding-bottom: 35px;
  margin-bottom: 45px;
  width: 100%;
  margin: 0px auto 60px;
}

.tmts-bars{
  width: 70%;
  margin: 0 auto;
  display: block;
}

.menu ul .products-show ul {
    width: 100%;
    left: 0;
    padding: 30px;
    right: 0;
}

.menu .product-menu-li ul{
  position: relative;
}

.menu ul .products-show .products-main-head a{
  font-weight: 600;
  border-bottom: 2px solid #ae2220;
  font-size: 15px;
  padding: 10px;
}

.menu ul .products-show .products-main-li a {
    background: #e9ecef !important;
    font-weight: 600;
}
div#footer, .Quick-links {
    padding-top: 3%;
}
.yellow-bg{
  background:#FFCC00;
  border-right:5px #fff solid;
}
.brand-logos li{
  list-style: none;
}


/*--------------brand------------------*/

.owl-carousel5 {display: none;width: 93%; margin:0 auto;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1;}
.owl-carousel5 .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden;}
.owl-carousel5 .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }
.owl-carousel5 .owl-stage-outer { position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel5 .owl-wrapper,
.owl-carousel5 .owl-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); }
.owl-carousel5 .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none; }
.owl-carousel5 .item{ padding: 20px;}
/*.owl-carousel5 .item span{ position: absolute; z-index: 1;bottom: 30px; left: 30px; font-size: 20px; line-height: 22px; width: 80%; background-color: rgba(0,0,0,0.5); padding: 10px; }*/
.owl-carousel5 .item a{ color: #fff; }
.owl-carousel5 .item p{ text-align:  left; font-size: 12px; color: #666; }
/*.owl-carousel5 .lt-arrow{ padding: 0px;  position: relative;}*/
/*.owl-carousel5 .lt-arrow:before {content: "";width: 25px;height: 1px;background: #fff;position: absolute;bottom: 46px;margin-top: -1px;right: 14%;transition: all 0.3s ease; z-index: 2;}
.owl-carousel5 .lt-arrow:hover:before {right: 34px;width: 35px;background: #ae2220;}*/
/*.owl-carousel5 .lt-arrow:after {content: "";width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #fff;position: absolute;bottom: 42px;margin-top: -5px;right: 12%;transition: all 0.3s ease; z-index: 2;}
.owl-carousel5 .lt-arrow:hover:after {right: 34px;right: 30px;border-color: transparent transparent transparent #ae2220;}*/
.owl-carousel5 .owl-item img {display: block;width: 100%;}
.owl-carousel5.owl-loaded {display: block; }
.owl-carousel5.owl-loading {opacity: 0;display: block; }
.owl-carousel5.owl-hidden { opacity: 0; }
.owl-carousel5.owl-refresh .owl-item {visibility: hidden;}
.owl-carousel5.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }
.owl-carousel5.owl-grab {cursor: move;cursor: grab; }
.owl-carousel5.owl-rtl {direction: rtl; }
.owl-carousel5.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel5 {display: block; }
.nav-container.is-visible {
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.owl-carousel5 .animated {animation-duration: 1000ms;animation-fill-mode: both; }
.owl-carousel5 .owl-animated-in {z-index: 0; }
.owl-carousel5 .owl-animated-out {z-index: 1; }
.owl-carousel5 .fadeOut {animation-name: fadeOut; }
@keyframes fadeOut {
  0% {opacity: 1; }
  100% {opacity: 0; } }
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel5 .owl-item .owl-lazy {opacity: 0;transition: opacity 400ms ease; }
.owl-carousel5 .owl-item .owl-lazy[src^=""], .owl-carousel5 .owl-item .owl-lazy:not([src]) {max-height: 0; }
.owl-carousel5 .owl-item img.owl-lazy {transform-style: preserve-3d; }
/** Owl Carousel - Video Plugin*/
.owl-carousel5 .owl-video-wrapper {position: relative;height: 100%;background: #000; }
.owl-carousel5 .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;background: url("owl.video.play.png") no-repeat;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;transition: transform 100ms ease; }
.owl-carousel5 .owl-video-play-icon:hover {-ms-transform: scale(1.3, 1.3);transform: scale(1.3, 1.3); }
.owl-carousel5 .owl-video-playing .owl-video-tn,
.owl-carousel5 .owl-video-playing .owl-video-play-icon {display: none; }
.owl-carousel5 .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: contain;transition: opacity 400ms ease; }
.owl-carousel5 .owl-video-frame {position: relative;z-index: 1;height: 100%;width: 100%; }
.owl-carousel5 .owl-nav{ width: 100%; position: absolute;top: 40%; }
.owl-carousel5 .owl-prev{position: absolute; top: 50%; width: 20px;z-index: 9; left: -10px; background: transparent; color: #444; border: 0; text-align: center; padding: 10px 0px; }
.owl-carousel5 .owl-next{position: absolute; top: 50%; width: 20px; text-align: center; padding: 10px 0;z-index: 9; right: -8px;background: transparent; color: #444; border: 0; }
.owl-carousel5 .owl-prev span,
.owl-carousel5 .owl-next span{ font-size: 8em;
    line-height: 40px;
    font-weight: 200; display: none;}
.brands-sec .tb{
  margin: 1em 0 3em
}
.brands-images ul li {
    list-style: none;
    width: 31%;
    margin: 0px 0px 10px 10px;
    display: inline-block;
    border: 1px solid #d6d6d6;
    padding: 15px;
}
.brands-tabs-images .nav-tabs{
  border-bottom: transparent;
  background: #f9f9f9;
}
.brands-tabs-images .nav-item{
  display: inline;
}
.brands-tabs-images .navfor{
   font-size: 14px;
   text-align: left;
}
.brands-tabs-images{
  margin: 0 auto;
  display: flex;
}
.brands-tabs-images .nav-tabs {
    border-bottom: transparent;
    background: #f9f9f9;
    display: inline-block;
    width: 20%;
    height: fit-content;
    padding: 15px 0;
}
.tab-content.responsive.brands-images {
    width: 80%;
    display: inline-block;
}

/*---------career---------*/

.reasons {
    background: #fff;
    padding: 30px 0 50px;
    margin-top: 4%;
}

.reasons h2{
 font-size: 27px;
 margin-bottom: 35px;
}

.reasons .number {

position: relative;

margin-bottom: 40px;

}
.reason5 .reason-header{
   margin-left: 15%;
}
.reasons .number span {
  font-size: 150px;
  font-family: eurostile-bold-condensed;
  color: #c8c8c8;
  vertical-align: top;
  margin-top: 0;
  position: relative;
  display: block;
  z-index: 99;
}
.reason2 .number span {
    margin-left: -30px;
}
.reasons.reason1.row {

position: relative;

}

.reasons.reason1.row .reason1img {

position: absolute;

top: 0;

z-index: -1;

width: 100%;

height: auto;

}

.reasons.reason1 {

background-color: transparent;

}
.reasons .g-cell {
    background: rgb(242 242 242 / 80%);
    padding: 2em 2em;
    margin-bottom: 30px;
}

}
.reasons .grp-cell h1 {
    color: #ae2220;
    font-weight: 600;
    font-size: 2em;
    margin-bottom: 0;
}
.reasons .grp-cell h5{
  font-size: 1em;
}

.reasons .grp-cell h1 {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
    font-size: 27px;
}

.reasons .g-cell:hover {
    background: #e7e7e7;
}
.reasons .g-cell .grp-cell h5 { color: #000; }

.reasons .g-cell:hover .grp-cell h5 { color: #000; }

a.career-join {
   color: #fff;
    /* display: flex; */
    background: #ae2220;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 3px;
}

a.career-join:hover{
  background: #535353;
}

.reason2 {
  margin-bottom: 50px;
}

.reason2 .wrapper {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.reason2 .card {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    padding: 2rem 1rem;
    background-color: #fff;
    /* box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5); */
    transition: 0.5s ease-in-out;
    border: transparent;
    margin: 10px;
}

.reason2 .card:hover {
  transform: translateY(20px);
}

.reason2 .card::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgb(152 152 152 / 80%), #5c0200);
  z-index: 2;
  transition: 0.5s all;
  opacity: 0;
}

.reason2 .card:hover::before {
  opacity: 1;
}

.reason2 .card img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reason2 .card .overlay {
  position: relative;
  z-index: 3;
  color: #fff;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.5s all;
  padding: 30px 0px;
}

.reason2 .card:hover .overlay {
  opacity: 1;
  transform: translateY(30px);
}

.reason2 .overlay {}

.reason2 .text-h1 {
  margin: 0;
  font-size: 20px;
}

.reason2 .text-p {
  letter-spacing: 1px;
  margin-top: 8px;
  margin-bottom: 10px;
}

.reason2 .link-a {
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  transition: .4s ease-in-out;
}

.reason2 .link-a:hover {
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
}


body .navi-page-container {
    position: absolute;
    left: 0;
    height: 44px;
    width: 100%;
    display: block;
    text-align: center;
    z-index: 9;
}
body .navi-page-container .navi-page {
    background: #ae2220;
    width: auto;
    padding: 15px 0 10px;
    display: inline-block;
    margin: 0 auto;
}
body .navi-page-container .navi-page ul {
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff;
}
body .navi-page-container .navi-page ul li.active {
    position: relative;
}
body .navi-page-container .navi-page ul li {
    display: inline-block;
    margin: 0 40px;
}
body .navi-page-container .navi-page ul li a {
    color: #fff;
}
body a {
    outline: none !important;
}
body .navi-page-container .navi-page ul li.active:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ae2220;
}

.culture-info{
  margin-top: 4%;
}

.career-tabs{
  margin-top: -49px;
}