:root {
    --brandColor: #ed3237;
    --boxShadow: 0px 4px 8px 0px rgba(0,0,0,0.13);
}


* {margin:0; padding:0;}
body, html {margin:0; padding:0; width:100%; height:100%; font-family:'Poppins', sans-serif; font-size:16px; color:#484848;}
a {text-decoration:none; color:inherit;}
a:hover {text-decoration:none;}

h1 {font-size:50px; font-weight:600;}
h1 span {color:var(--brandColor);}
h1 ~ p {font-size:30px; line-height:1.5;}
h1 ~ p:last-of-type {margin:0}
h3 {font-size:26px; font-weight:600;}
h4 {font-size:20px; line-height:1.4;}
h5 {font-size:18px;}
h5 span {font-weight:600;}

p {line-height:1.8;}
p a, p a:hover {text-decoration:none; color:var(--brandColor);}

/*Header*/

.top-hdr {background-color:#f9f9f9; padding:4px 0;}
.top-hdr i {color:#8c8c8c; margin-right:16px; font-size:20px;}
.top-hdr .top-hdr-icon-div{
	padding: 5px;
	background: var(--brandColor);
	border-radius: 5px;
	cursor: pointer;
}
.top-hdr .top-hdr-icon-div i{
	color: #fff;
	margin-right: 5px;
}

.top-hdr .top-hdr-icon-div span{
	color: #fff;
}
.tophdrbtn{
	display: flex;
	align-items: center;
}

/*Logo*/
.logo {max-width:200px; width:100%;}
.logo img {width:100%;}

/*Navigation*/
#mobNav {max-width:45px; width:100%; cursor:pointer; display:none;}

/*Navigation for mobile*/
/*Mobile Navigation Menu*/
.mob_menu-btn {display:none; cursor:pointer;}

.nav_links-container {position:fixed; background-color:#fff; height:100vh; top:0; left:0; width:300px; z-index:1; -webkit-transform:translateX(-300px); -moz-transform:translateX(-300px); transform:translateX(-300px); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; overflow:auto;}

.nav_links-container img {max-width:25px; width:100%;}

.nav_links-container > .w-100 {border-bottom:1px solid #e6e6e6;}
.nav_links-container > .w-100 > span:first-of-type {font-weight:600;}

.nav-open .nav_links-container {-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0); -webkit-box-shadow:var(--boxShadow); -moz-box-shadow:var(--boxShadow); box-shadow:var(--boxShadow);}

.nav_link {font-family:var(--geomanist); font-size:18px; display:flex; align-items:center; flex-wrap:wrap; padding:16px 16px 16px 36px;}
.nav_link span {font-family:var(--helvetica); font-size:12px; display:block; width:100%; margin-top:1px;}
.nav_link-active, .nav_link:hover {background-color:#dee8fd;}

.nav_overlay {position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.5); backdrop-filter:blur(2px); visibility:hidden; opacity:0; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s;}

.nav-open .nav_overlay {visibility:visible; opacity:1;}

.navClose {cursor:pointer;}

.mobLinksContainer, .menu2ndLevel, .menu3rdLevel {width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; font-size:14px; border-bottom:1px solid #e6e6e6;}
.mobLinksContainer a:hover, .menu2ndLevel a:hover, .menu3rdLevel a:hover {color:inherit; text-decoration:none;}
.menu2ndLevel {border-bottom:none; display:none;}
.menu2ndLevel .w-100 {background-color:#f4f4f4;}
.menu2ndLevel a {border-bottom:none; padding:16px 16px 16px 24px; font-size:13px; display:block; background-color:#f4f4f4;}
#solution .w-100 {border-top:1px solid #e6e6e6;}
.menu3rdLevel {display:none;}
.menu3rdLevel a {padding-left:32px; border-top:1px solid #e6e6e6; display:block; width:100%; background-color:#eee;}

#aboutLnk, #solLnk, #domLnk, #indLnk, #agrLnk, #borLnk, #wtrLnk, #drnLnk, #solarLnk, #prodLnk, #insLnk, #medLnk {cursor:pointer;}

/*Close top header*/
#topClose {background-color:#d7d7d7; padding:12px; position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); width:40px; height:40px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; cursor:pointer; display:none;}
#topClose img {width:100%;}

/*Body*/
.wrapper {padding-top:125px;}

/*Slideshow*/
.carousel img {width:100%;}

/*Heading Classes*/
.bodyHeading {width:100%;}
.bodyHeading h1{font-size: 45px;color:var(--brandColor);text-align:center}

.bodyHeading h2{font-size: 37px;color:var(--brandColor);text-align:center}
.bodyHeading span, .bodyHeading h3 {text-align:center;}
.bodyHeading h3 {color:var(--brandColor);}

/*Home product carousel*/
.owl-carousel .owl-item {width:100%;}

.bbb_viewed {
     /*padding-top: 51px;
     padding-bottom: 60px;
     background: #eff6fa*/
 }

.bbb_main_container {
     /*background-color: #fff;
     padding: 11px*/
 }

 .bbb_viewed_title_container {
     /*border-bottom: solid 1px #dadada*/
 }

 .bbb_viewed_title {
     margin-bottom: 16px;
     margin-top: 8px
 }

.bbb_viewed_nav_container {position:absolute; right:0; top:-50px;}

 .bbb_viewed_nav {
     display: inline-block;
     cursor: pointer
 }

.bbb_viewed_nav i {
     color: #484848;
     font-size: 24px;
     padding: 5px;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

 .bbb_viewed_nav:hover i {
     color: #606264
 }

 .bbb_viewed_prev {
     margin-right: 15px
 }
 
.bbb_viewed_prev, .bbb_viewed_next {width:40px; height:40px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; display:inline-flex; justify-content:center; align-items:center;}

 
.bbb_viewed_prev:hover, .bbb_viewed_prev:active, 
.bbb_viewed_next:hover, .bbb_viewed_next:active {background-color:var(--brandColor);}

.bbb_viewed_prev:hover i, .bbb_viewed_prev:active i, 
.bbb_viewed_next:hover i, .bbb_viewed_next:active i {color:#fff;}

 .bbb_viewed_slider_container {
     /*padding-top: 13px*/
 }

.bbb_viewed_item {width:100%; overflow:hidden; background:#FFFFFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
     /*padding-top: 25px;
     padding-bottom: 25px;
     padding-left: 30px;
     padding-right: 30px*/
}

.bbb_viewed_item:hover .bbb_viewed_content {background-color:var(--brandColor); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.bbb_viewed_item:hover .bbb_viewed_content h4, .bbb_viewed_item:hover .bbb_viewed_content p {color:#fff;}
.bbb_viewed_item:hover .btnRed {background-color:#fff; color:var(--brandColor);}

 .bbb_viewed_image {width:100%; height:auto;}

 .bbb_viewed_image img {
     display: block;
     max-width: 100%
 }

.bbb_viewed_content {width:100%; margin-top:0; padding:24px;}
.bbb_viewed_content h4 {color:var(--brandColor); text-align:center; height:54px;}
.bbb_viewed_content p {text-align:left; overflow:hidden; margin-bottom:24px; height:90px;}

 .bbb_viewed_price {
     font-size: 16px;
     color: #000000;
     font-weight: 500
 }

 .bbb_viewed_item.discount .bbb_viewed_price {
     color: #df3b3b
 }

 .bbb_viewed_price span {
     position: relative;
     font-size: 12px;
     font-weight: 400;
     color: rgba(0, 0, 0, 0.6);
     margin-left: 8px
 }

 .bbb_viewed_price span::after {
     display: block;
     position: absolute;
     top: 6px;
     left: -2px;
     width: calc(100% + 4px);
     height: 1px;
     background: #8d8d8d;
     content: ''
 }

 .bbb_viewed_name {
     margin-top: 3px
 }

 .bbb_viewed_name a {
     font-size: 14px;
     color: #000000;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

 .bbb_viewed_name a:hover {
     color: #0e8ce4
 }

 .item_marks {
     position: absolute;
     top: 18px;
     left: 18px
 }

 .item_mark {
     display: none;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     color: #FFFFFF;
     font-size: 10px;
     font-weight: 500;
     line-height: 36px;
     text-align: center
 }

 .item_discount {
     background: #df3b3b;
     margin-right: 5px
 }

 .item_new {
     background: #0e8ce4
 }

 .bbb_viewed_item.discount .item_discount {
     display: inline-block
 }

 .bbb_viewed_item.is_new .item_new {
     display: inline-block
 }
 
 /*Slick Slider*/
 .team-image {overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:var(--boxShadow); -moz-box-shadow:var(--boxShadow); box-shadow:var(--boxShadow); position:relative;}
 .team-image img {width:100%;}
 .team-image:after {content:"\f00e"; position:absolute; top:3px; right:10px; font-family:'FontAwesome'; color:var(--brandColor); font-size:24px;}
 
 .slick-slide {padding:0 16px 0 16px;}

/*Homepage Video Section*/
.videoBg {background-image: url(../images/_video_bg.jpg); background-size:cover; background-position:center bottom; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.videoBg .tab-content ul {list-style-type:disc; margin-left:16px; color:#fff; font-size:14px;}

/*Homepage Testimonial Section*/
.testItem {width:100%; margin-top:24px;}
.testItem p, .hoverBox p {display:-webkit-box; max-width:100%; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-align:left; margin-top:10px; font-size:14px;}
.testItem span {font-size:12px;}

.quote {width:30px; height:30px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:var(--brandColor); position:absolute; top:-16px; left:18px; display:flex; justify-content:center; align-items:center;}

.testAuthor {display:flex; padding-bottom:16px; align-items:center;}
.testAuthor .image {flex:0 0 20%; max-width:20%; height:100%; border:1px solid #e6e6e6; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; overflow:hidden;}
.testAuthor .image img {width:100%;}

.testDetails {flex:0 0 80%; max-width:80%; padding-left:16px;}
.testDetails h5 {color:var(--brandColor);}

/*Blogs Section*/
.blogLarge {width:100%; height:100%; border:1px solid #e6e6e6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:hidden;}
.blogLarge img {width:100%;}
.blogLarge h4 {color:var(--brandColor);}

.otherBlogs {width:100%; overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#fff; border:1px solid #e6e6e6; display:flex;}
.otherBlogs .imgDiv {flex:0 0 25%; max-width:25%; height:100%;}
.otherBlogs .imgDiv img {width:100%; height:100%; object-fit:cover;}
.otherBlogs .content {flex:0 0 75%; max-width:75%; padding:16px; height:100%;}
.otherBlogs .content p {display:-webkit-box; max-width:100%; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; color:var(--brandColor);}

/*Product Detail*/
.prodGallery, .rangeImg {width:100%; background-color:#fff; padding:4px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #e6e6e6;}
.rangeImg img {width:100%;}

/*Product Application*/
.works-slideshow3 .team-item .team-image {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:1px solid #e6e6e6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:8px; background-color:#fff;}
.works-slideshow3 .team-item .team-image img {max-width:50px; width:100%; display:block; margin-left:auto; margin-right:auto; margin-bottom:16px;}
.works-slideshow3 .team-item .team-image:after {content:none;}
.works-slideshow3 .team-item .team-image p {line-height:1.2; margin-bottom:0; height:40px;}


/*Slick Slider Custom*/
.prodGallery .slick-slide img {width:100%;}
.prodGallery .slick-slide {padding:0;}
.prodGallery .slider.slider-nav img {padding:0 4px; cursor:pointer;}
.prodGallery .slick-dots, .prodGallery .slick-prev.slick-arrow, .prodGallery .slick-next.slick-arrow {display:none !important;}
.prodGallery .slick-dotted.slick-slider {margin-bottom:0;}


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul {
  padding: 50px 0;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background:var(--brandColor);
}

.timeline ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 15px;
  background: #ffdfe0;
}

.timeline ul li div::before {
  content: '';
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ul li:nth-child(odd) div {
  left: 45px;
}

.timeline ul li:nth-child(odd) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #ffdfe0 transparent transparent;
}

.timeline ul li:nth-child(even) div {
  left: -439px;
}

.timeline ul li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #ffdfe0;
}

time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}


/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul li::after {
  transition: background .5s ease-in-out;
}

.timeline ul li.in-view::after {
  background:var(--brandColor);
}

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out;
}

.timeline ul li:nth-child(odd) div {
  transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(even) div {
  transform: translate3d(-200px, 0, 0);
}

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}


/*Legacy Achievements*/
.masonry {display:grid; grid-gap:16px; grid-template-columns:repeat(auto-fill, minmax(min(260px, 100%), 1fr)); grid-auto-rows:0;}

.masonry-content {overflow:hidden;}
.masonry-brick {background-color:#f5f6fa; transition:opacity .25s ease-in-out; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.masonry-brick:hover {opacity:.75;}
/*.masonry-title, .masonry-description {margin:0;}
.masonry-title {font-weight:700; font-size:1.1rem; padding:1rem 1.5rem;}*/
.masonry-description {padding:16px;}

.ach1 {grid-row-end:span 18;}
.ach2 {grid-row-end:span 27;}
.ach3 {grid-row-end:span 29;}
.ach4 {grid-row-end:span 25;}
.ach5 {grid-row-end:span 20;}


/*solutions*/
.solutions {background-size:cover; background-position:right center; background-repeat:no-repeat;}
.solutions a {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:8px 12px; background-color:var(--brandColor); color:#fff; font-size:13px; display:table;}
.solutions img {width:120%; -webkit-transform:translate(-25px,15px); -moz-transform:translate(-25px,15px); transform:translate(-25px,15px);}

/*Pipe types*/
.pipeTypes {list-style-type:none; padding:8px 0 4px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; display:block; margin-bottom:32px;}
.pipeTypes li {display:inline-flex; align-items:center; text-transform:uppercase; font-weight:600;}
.pipeTypes li:after {content:"|"; margin-left:8px; margin-right:8px;}
.pipeTypes li img {width:25px; margin-right:8px;}
.pipeTypes li:last-of-type:after {content:none;}

/*Footer*/
footer {background-color:#202020; padding:60px 0 0 0; width:100%; color:#979797;}
footer h4 {color:var(--brandColor);}
footer ul {list-style-type:none; font-size:13px;}
footer ul li {color:#979797; margin-bottom:4px;}
footer a, footer a:hover {text-decoration:none; color:#979797;}
footer i {font-size:22px !important;}
.footerContent {flex:0 0 50%; max-width:50%;}
.footerBottom {width:100%; background-color:#111111; margin-top:32px; padding:8px 0;}
.footerNav ul {list-style-type:none; margin-bottom:0;}
.footerNav ul li {display:inline-block; padding:0 8px 0 0;}
.footerNav ul li a {text-decoration:none; color:#979797;}

/*Utility Classes*/
.boxShadow {-webkit-box-shadow:0px 4px 8px 0px rgba(0,0,0,0.13); -moz-box-shadow:0px 4px 8px 0px rgba(0,0,0,0.13); box-shadow:0px 4px 8px 0px rgba(0,0,0,0.13);}
.img20 {max-width:20px; width:100%;}
.smallTxt, .smallTxt i {font-size:12px !important;}
.medTxt {font-size:13px;}
.lineHeight1 {line-height:1;}

.bgWhite {background-color:#fff;}
.bgGrey {background-color:#f5f6fa;}

.colorLight {color:#959595;}
.txtRed {color:var(--brandColor);}

.borderTopGrey {border-top:1px solid #e6e6e6;}
.borderBottomGrey {border-bottom:1px solid #e6e6e6;}
.txtBold {font-weight:600;}

.btnRed {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:8px 12px; background-color:var(--brandColor); color:#fff; font-size:13px; display:table; margin-left:auto; margin-right:auto;}
.btnRed:hover {color:#fff;}

.btnWhite {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:8px 12px; background-color:#fff; color:var(--brandColor); font-size:13px; display:table; margin-left:auto; margin-right:auto;}
.btnWhite:hover {color:var(--brandColor);}

.borderLink {margin-top:24px;}
.borderLink ul {list-style-type:none; margin:0;}
.borderLink ul li {display:inline-flex; margin-right:16px; margin-bottom:8px;}
.borderLink ul li a {font-size:14px; color:var(--brandColor); text-decoration:none; border:1px solid var(--brandColor); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 8px;}
.borderLink ul li a:hover {color:var(--brandColor); text-decoration:none;}

.icon100 {max-width:100px; width:100px;}
.icon50 {max-width:50px; width:100%;}

.listDisc {list-style-type:disc; margin-left:24px;}

.overflowCircle {max-width:250px; width:100%; overflow:hidden; -webkit-border-radius:500px; -moz-border-radius:500px; border-radius:500px; border:5px solid #e6e6e6; display:flex; justify-content:center; align-items:center; float:left; margin-right:16px;}
.overflowCircle img {width:100%;}

.borderBox {width:100%; border:1px solid #e6e6e6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:16px;}

.content_ul li {padding:10px 0;}


/*Top Banner*/
.topBanner {width:100%; padding:5vw 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
.bannerImg {position:absolute; right:0; bottom:-6.35vw; width:55%;}

/*Hover Boxes*/
.hoverBox {width:100%; height:460px; background-color:#fff; overflow:hidden; border:1px solid #e6e6e6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.hoverBox h3, .hoverBox h2 {color:var(--brandColor); text-align:center; height:68px; overflow:hidden; margin-bottom:16px;font-size: 24px}
.hoverBox p {font-size:16px;}
.hoverBox img {width:100%;}
.hoverBox .btnRed {margin-top:24px;}
.hoverBox .btnRed:hover {color:#fff;}
.hoverBox a:hover {text-decoration:none; color:inherit;}
.hoverDesc {width:100%; height:100%; padding:24px; background-color:#fff; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.hoverBox:hover .hoverDesc {transform:translateY(-16%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; background-color:var(--brandColor);}
.hoverBox:hover h3,.hoverBox:hover h2, .hoverBox:hover p {color:#fff;}
.hoverBox:hover .btnRed {background-color:#fff; color:var(--brandColor);}

/*Tabs*/
.nav-tabs {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.nav-tabs .nav-link {border:none;}
.videoBg .nav-tabs .nav-link {color:#fff;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {color:var(--brandColor); background:none; border-color:#dee2e6 #dee2e6 #fff; border-bottom:3px solid var(--brandColor);}
.videoBg .nav-tabs .nav-link.active, .videoBg .nav-tabs .nav-item.show .nav-link {color:#fff; border-color:#fff #fff #fff #fff;}
.nav-tabs .nav-link:hover {color:inherit;}
.videoBg .nav-tabs .nav-link:hover {color:#fff; text-decoration:none;}
.tab-pane {padding:16px 0 0 0;}
.tab-pane p {margin-bottom:0;}

/*Product Color Name*/
.color-name {
    position: absolute;
    bottom: -3px;
    left: 0;
    background-color: rgba(0,0,0,.75);
    color: #fff;
    bottom: 5px;
    right: 0;
    margin: 0;
    padding-left: 8px;
    font-size: 14px;
    text-align:center;
}

/*Media Queries*/
@media screen and (max-width:1299px) {
	.top-hdr .row > div:nth-child(2){
		padding: 0;
	}
	.top-hdr .row > div:nth-child(2) .top-hdr-icon-div{
		margin-right: 10px;
	}
	.top-hdr .row > div:last-child{
		padding: 0;
	}
    .hoverBox {height:430px;}
    .works-slideshow3 .team-item .team-image p {height:60px;}
    
    .ach1 {grid-row-end:span 20;}
    .ach2 {grid-row-end:span 31;}
    .ach3 {grid-row-end:span 34;}
    .ach4 {grid-row-end:span 27;}
    .ach5 {grid-row-end:span 22;}
}

@media screen and (max-width:1199px) {
    #mobNav {display:block;}
    .hoverBox {height:460px;}
    .footerContent {flex:0 0 50%; max-width:50%;}
    
    .timeline ul li div {width:300px;}
    .timeline ul li:nth-child(2n) div {left:-340px;}
    
    .ach1 {grid-row-end:span 17;}
    .ach2 {grid-row-end:span 26;}
    .ach3 {grid-row-end:span 28;}
    .ach4 {grid-row-end:span 22;}
    .ach5 {grid-row-end:span 19;}
}

@media screen and (max-width:991px) {
	.hoverBox h3, .hoverBox h2 {height:68px; overflow:hidden; margin-bottom:16px;font-size: 20px}
    .hoverBox {height:380px !important}
    .overflowCircle {max-width:200px; margin-right:0;}
    .footerContent {flex:0 0 50%; max-width:50%;}
    .footerContent:last-of-type {padding-left:16px;}
    
    .ach1 {grid-row-end:span 20;}
    .ach2 {grid-row-end:span 29;}
    .ach3 {grid-row-end:span 33;}
    .ach4 {grid-row-end:span 26;}
    .ach5 {grid-row-end:span 22;}
    
    .solutions img {width:140%;}
    .pipeTypes li img {width:23px;}
}

@media screen and (max-width:900px) {
    .timeline ul li div {width: 250px;}
    .timeline ul li:nth-child(even) div {left: -289px;/*250+45-6*/}
}

@media screen and (max-width:767px) {
	.hoverBox {height:400px !important}
    h1 {text-align:center; margin-bottom:24px; font-size:48px;}
    h4 {font-size:20px;}
    .bannerImg {display:none;}
    .topBanner {padding-top:6vw; padding-bottom:0;}
    .bannerMnegative {margin-bottom:-14px;}
    .medTxt {font-size:12px;}
    .hoverBox h4 {height:85px;}
    
    .timeline ul li div {width:170px;}
    .timeline ul li:nth-child(2n) div {left:-210px;}
    
    .solutions img {width:100%; -webkit-transform:translate(40px,15px); -moz-transform:translate(40px,15px); transform:translate(40px,15px);}
    
    .pipeTypes {padding:16px 0;}
    .pipeTypes li {display:flex; margin-bottom:16px;}
    .pipeTypes li:last-of-type {margin-bottom: 0;}
    .pipeTypes li:after {content:none;}
}

@media screen and (max-width:600px) {
    .timeline ul li {margin-left: 20px;}
    .timeline ul li div {width: calc(100vw - 40vw);}
    .timeline ul li:nth-child(even) div {left: 45px;}
    .timeline ul li:nth-child(even) div::before {left: -15px; border-width: 8px 16px 8px 0; border-color: transparent #ffdfe0 transparent transparent;}
}

@media screen and (max-width:575px) {
	
	.hoverBox {height: auto !important}
	.hoverBox h3, .hoverBox h2{
		height: auto;
	}
	.topBanner h1{
		font-size: 35px;
	}
    h1 ~ p {font-size:20px;}
    
    .wrapper .container-fluid .container {padding-left:0; padding-right:0;}
    
    .wrapper {padding-top:190px;}
    .top-hdr {position:relative;}
    .hoverBox {overflow:visible; height:auto;}
    .hoverBox h4 {height:32px;}
    .hoverBox:hover .hoverDesc {-webkit-transform:translateY(0%); -moz-transform:translateY(0%); transform:translateY(0%);}
    #topClose {display:flex;}
    
    .overflowCircle {flex:0 0 48%; max-width:48%; margin-right:0;}
    
    .solutions img {width:100%; -webkit-transform:translate(30px,15px); -moz-transform:translate(30px,15px); transform:translate(30px,15px);}
	
	
	.top-hdr .row > div{
		display: flex;
		justify-content:center;
	}
	.top-hdr .row > div:nth-child(2) .top-hdr-icon-div{
		margin-right: 0;
	}
	.top-hdr .top-hdr-icon-div{
		display: inline-block;
		width: 200px;
		margin: 5px 0;
	}
	.top-hdr .top-hdr-icon-div .tophdrbtn{
		width: 200px;
		display: flex;
		justify-content: center;
	}
}



@media (min-width: 768px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
/*         transform: translateX(50%); */
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
/*         transform: translateX(-50%); */
    }
}

/* large - display 3 */
@media (min-width: 992px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
/*         transform: translateX(33%); */
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
/*         transform: translateX(-33%); */
    }
}

@media (min-width:1300px) {
    /*Custom container*/
    .container {max-width:1280px;}
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item>div {
        display: none;
    }

    .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
/*     transform: translateX(0); */
}


.alignwide{
	position:relative;
	padding-top: 100px;
	z-index: 1
}
.error-404{
	padding-bottom: 100px;
}
#search-form-1{
	padding: 5px 10px;
    border: 1px solid #ccc;
   
}
#search-form-1:focus{
	outline: none;
}
.search-submit{
	padding: 5px 40px;
    border: 1px solid #ccc;
	background: #ed3237;
	color: #fff;
	cursor:pointer;
	margin-left: 15px;
}
.error-404  form label{
	display: block
}
#map{
      height: 400px;
      width: 100%;
}