#scrolltop-button {
 display: none;
 width: 70px;
 line-height: 17px;
 height: 55px;
 position: fixed;
 bottom: 0px;
 right: 0px;
 z-index: 99;
 font-size: 25px;
 border: none;
 outline: none;
 background-color:#1D4F48;
 color: white;
 cursor: pointer;
 padding: 3px;
 border-radius: 2px;
}

.topbutton-style {
 display: block;
 font-size: 12px;
}

#scrolltop-button:hover {
 background-color: #1D4F48;
}


@media (max-width: 576px) {
 #scrolltop-button {
 display: none !important;
 }
}

@media (min-width: 768px) {
 #scrolltop-button {
 bottom: 615px;
 }
}

@media (min-width: 992px) {
 #scrolltop-button {
 bottom: 783px;
 }
}

@media (min-width: 1200px) {
 #scrolltop-button {
 bottom: 15px;
 }
}

@media (min-width: 1300px) {
 #scrolltop-button {
 right: 0px;
 bottom: 15px;
 }
}

@media (min-width: 1400px) {
 #scrolltop-button {
 bottom: 15px;
 }
}

@media (min-width: 1800px) {
 #scrolltop-button {
 bottom: 15px;
 }
}




@font-face {
 font-family: 'Barlow Semi Condensed';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v14/wlpvgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXd4qqOEo.woff2) format('woff2');
 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
 font-family: 'Barlow Semi Condensed';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v14/wlpvgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXdoqqOEo.woff2) format('woff2');
 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
 font-family: 'Barlow Semi Condensed';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v14/wlpvgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXeIqq.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV0ewJER.woff2) format('woff2');
 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVQewJER.woff2) format('woff2');
 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVwewJER.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}

@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVMewJER.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}

@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVIewJER.woff2) format('woff2');
 unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV8ewJER.woff2) format('woff2');
 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV4ewJER.woff2) format('woff2');
 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAewA.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
 unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 600;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 600;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 600;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 600;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 600;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
 unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 600;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 600;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 600;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
 unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



.slick-slider {
 position: relative;
 display: block;
 box-sizing: border-box;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-tap-highlight-color: transparent
}

.slick-list {
 position: relative;
 overflow: hidden;
 display: block;
 margin: 0;
 padding: 0
}

 .slick-list:focus {
 outline: none
 }

 .slick-list.dragging {
 cursor: pointer;
 cursor: hand
 }

.slick-slider .slick-track, .slick-slider .slick-list {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}

.slick-track {
 position: relative;
 left: 0;
 top: 0;
 display: block;
 margin-left: auto;
 margin-right: auto
}

 .slick-track:before, .slick-track:after {
 content: "";
 display: table
 }

 .slick-track:after {
 clear: both
 }

.slick-loading .slick-track {
 visibility: hidden
}

.slick-slide {
 float: left;
 height: 100%;
 min-height: 1px;
 display: none
}

[dir="rtl"] .slick-slide {
 float: right
}

.slick-slide img {
 display: block;
 width: -webkit-fill-available;
}

.slick-slide.slick-loading img {
 display: none
}

.slick-slide.dragging img {
 pointer-events: none
}

.slick-initialized .slick-slide {
 display: block
}

.slick-loading .slick-slide {
 visibility: hidden
}

.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid transparent
}

.slick-arrow.slick-hidden {
 display: none
}

.slick-arrow.slick-disabled {
 display: none !important
}

.container {
 padding-right: 0;
 padding-left: 0;
 max-width: 100%
}

body {
 color: #1A1A1A;
 font-family: "Open Sans", sans-serif;
 font-size: 18px;
 line-height: 27px;
 background-color: #FAFAFA;
 overflow-x: hidden
}

 body .test {
 display: block
 }

h1, .h1 {
 margin: 0;
 color: #1D4F48;
 font-family: "Barlow Semi Condensed", sans-serif;
 font-size: 2.5rem;
 font-weight: normal
}

h2 {
 color: #1A1A1A;
 font-family: "Barlow Semi Condensed", sans-serif;
 font-size: 49px
}

h3 {
 font-size: 38px;
 line-height: 38px;
 font-weight: normal;
 color: #1D4F48
}

h4 {
 margin: 0;
 font-size: 36px;
 line-height: 36px;
 font-weight: 700
}

h6 {
 margin: 0;
 font-size: 24px;
 font-weight: 700
}

.gray-text {
 color: #707070
}

.green-text {
 color: #1D4F48
}

.light-gray-text {
 color: #D8D2D2
}

.ff-1 {
 font-family: "Open Sans", sans-serif
}

.ff-2 {
 font-family: "Barlow Semi Condensed", sans-serif
}

.fs-20 {
 font-size: 20px
}

.fs-18 {
 font-size: 18px
}

.fs-22 {
 font-size: 22px
}

.fs-24 {
 font-size: 24px
}

.fs-27 {
 font-size: 27px
}

a {
 color: #1D4F48;
 text-decoration: underline;
 transition: color 250ms
}

 a:hover {
 color: #12312d
 }

img, video {
 max-width: 100%
}

.fullwidth-video {
 position: relative;
 width: 100%;
 height: 0;
 padding-bottom: 56.25%
}

 .fullwidth-video .video-iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%
 }

select {
 font-family: "Open Sans", sans-serif
}

.gray-background {
 background-color: #D8D2D2
}

.dark-gray-background {
 background-color: #ABA5A5
}

.green-background {
 background-color: #47b372
}

.white-background {
 background-color: #FFFFFF
}

.blue-background {
 background-color: #ABA5A5
}

.border-top {
 border-top: solid 1px #B4B4B4 !important
}

.border-bottom {
 border-bottom: solid 1px #B4B4B4 !important
}

.page-header .section-container {
 background-color: #1D4F48;
 color: #FFFFFF;
 font-size: 32px;
 line-height: 32px;
 font-family: "Barlow Semi Condensed", sans-serif
}

 .page-header .section-container .product-title {
 color: white
 }

 .page-header .section-container .content-container {
 padding-top: 20px;
 height: 80px
 }

 .page-header .section-container .content-container .primary-menu-item img {
 height: auto;
 height: 50px;
 max-width: 100%
 }

.spacer .section-container {
 height: 50px
}

.spinner {
 position: absolute;
 z-index: 700;
 left: 0;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 text-align: center;
 opacity: 0;
 transition: opacity 250ms;
 pointer-events: none
}

 .spinner.show {
 opacity: 1
 }

 .spinner.show i, .spinner.show svg {
 font-size: 40px;
 color: #1D4F48;
 animation: rotate 1s infinite;
 animation-timing-function: linear
 }

@-webkit-keyframes rotate {
 from {
 -webkit-transform: rotate(0deg)
 }

 to {
 -webkit-transform: rotate(360deg)
 }
}

@keyframes rotate {
 from {
 transform: rotate(0deg)
 }

 to {
 transform: rotate(360deg)
 }
}

.section-container {
 background-color: #FFFFFF;
 border-left: solid 1px #f1f1f1;
 border-right: solid 1px #f1f1f1
}

.content-container {
 padding: 20px 20px
}

.vertical-container {
 display: table;
 height: 100%;
 width: 100%
}

 .vertical-container .vertical-container-content {
 display: table-cell;
 width: 100%;
 vertical-align: middle
 }

.button {
 padding: 5px 20px;
 text-transform: uppercase;
 text-decoration: none !important;
 transition: background-color 250ms
}

.border-button {
 border: solid 1px #707070;
 color: #1D4F48 !important;
 padding: 5px 15px !important;
 font-size: 15px !important;
 text-transform: uppercase !important;
 transition: color 250ms, border-color 250ms;
 text-decoration: none
}

 .border-button:hover {
 border-color: #12312d;
 color: #12312d !important
 }

.green-button {
 background-color: #1D4F48;
 padding: 5px 15px !important;
 font-size: 15px !important;
 text-transform: uppercase !important;
 border: none;
 color: #FFFFFF !important;
 text-decoration: none !important;
 height: 35px;
 font-weight: 600
}

.popup-modal {
 background-color: #D8D2D2;
 box-shadow: 0px 3px 20px #000000;
 position: fixed;
 z-index: 1050;
 max-height: 100%;
 width: 100%;
 max-width: 1188px;
 top: 150%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 opacity: 0;
 -webkit-transition: opacity 250ms ease-out, top 250ms ease-out;
 -moz-transition: opacity 250ms ease-out, top 250ms ease-out;
 -o-transition: opacity 250ms ease-out, top 250ms ease-out;
 transition: opacity 250ms ease-out, top 250ms ease-out
}

 .popup-modal.open {
 top: 50%;
 opacity: 1
 }

 .popup-modal .modal-header {
 border-color: #FFFFFF;
 padding: 0;
 position: relative
 }

 .popup-modal .modal-header h3 {
 color: #FFFFFF;
 margin: 0;
 padding: 20px;
 font-family: "Barlow Semi Condensed", sans-serif
 }

 .popup-modal .modal-header h5 {
 display: none;
 color: #FFFFFF
 }

 .popup-modal .modal-header .close-modal {
 color: #FFFFFF;
 font-size: 30px;
 position: absolute;
 top: 24px;
 right: 24px
 }

 .popup-modal .modal-body {
 padding: 20px
 }

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

 ul.spx-bullets li {
 font-weight: bold;
 color: #707070
 }

 ul.spx-bullets li i, ul.spx-bullets li svg {
 color: #1D4F48
 }

 ul.spx-bullets li a {
 color: #1A1A1A;
 text-decoration: none
 }

 ul.spx-bullets li a:hover {
 color: #1D4F48
 }

.two-row-block {
 padding: 15px;
 margin-bottom: 30px;
 color: #FFFFFF
}

 .two-row-block.green-background a:hover {
 color: #1A1A1A
 }

 .two-row-block.green-background a icon, .two-row-block.green-background a svg {
 color: #1A1A1A
 }

 .two-row-block .background-image {
 width: 100%;
 min-height: 250px;
 height: 100%;
 background-size: cover;
 background-position: center;
 margin-bottom: 25px
 }

 .two-row-block img {
 max-width: 100%;
 height: auto;
 width: auto;
 margin: 0 auto 20px
 }

 .two-row-block h4 {
 font-size: 20px;
 line-height: 30px;
 text-transform: uppercase;
 margin: 0
 }

 .two-row-block a {
 text-decoration: none;
 color: #FFFFFF
 }

 .two-row-block a:hover {
 color: #1D4F48
 }

 .two-row-block a icon, .two-row-block a svg {
 color: #1D4F48
 }

table {
 width: 100%
}

 table th, table .th {
 color: #1D4F48;
 font-weight: bold
 }

 table td, table th {
 border: solid 1px #958c8c;
 padding: 5px;
 text-align: left;
 font-size: 15px;
 line-height: 23px
 }



.contact-button {
 background-color: #1D4F48;
 color: white;
 border: none;
 font-size: inherit;
 font-weight: 600;
 outline: 0 !important;
 text-transform: uppercase
}

.secondary-contact {
 float: right;
 margin-right: -240px !important
}



footer {
 position: relative;
 z-index: 1
}

 footer .section-container {
 background-color: #1D4F48
 }

 footer .footer-logo-container {
 padding: 50px 20px;
 background-color: #FFFFFF
 }

 footer .footer-logo-container img {
 max-width: 100%;
 height: 30px
 }

 footer .content-container {
 padding: 20px 0
 }

 footer .content-container .footer-nav {
 margin: 20px 20px;
 border-top: 1px solid white
 }

 footer .content-container .footer-nav nav:first-child {
 margin-top: 20px;
 padding-top: 20px
 }

 footer .content-container .footer-nav nav a {
 color: #FFFFFF;
 font-size: 18px;
 line-height: 18px;
 font-weight: 600;
 display: block;
 margin: 15px 15px
 }

 footer .content-container .footer-cta {
 margin: 40px 0;
 margin-left: 20px;
 padding: 40px;
 padding-right: 20px
 }

 footer .content-container .footer-cta > * {
 margin-right: 40px
 }

.secondary-menu .section-container {
 padding: 5px 0 5px 20px;
 border-bottom: solid 1px #B4B4B4
}

.secondary-menu nav a {
 font-size: 20px;
 color: #707070;
 transition: color 250ms;
 margin: 0 15px;
 white-space: nowrap;
 text-transform: uppercase;
 vertical-align: middle;
 display: inline-block;
 padding: 3px 0
}

 .secondary-menu nav a:not(.primary-menu-item):hover {
 color: #1D4F48
 }

 .secondary-menu nav a.primary-menu-item {
 font-size: 32px;
 font-weight: 700;
 display: block;
 padding: 8px 20px 8px 0;
 white-space: normal;
 margin: 0 10px 0 0
 }

 .secondary-menu nav a.primary-menu-item img {
 height: auto;
 max-height: 24px
 }

 .secondary-menu nav a.primary-menu-item i, .secondary-menu nav a.primary-menu-item svg {
 color: #1D4F48;
 font-size: 42px;
 vertical-align: sub
 }

.bread-crumb {
 display: none;
 overflow: hidden;
 white-space: nowrap;
 width: 100%;
 position: fixed;
 top: 0;
 opacity: 0;
 z-index: 100
}

 .bread-crumb .section-container {
 background-color: #1D4F48;
 height: 40px
 }

 .bread-crumb .bread-crumb-container {
 font-size: 0.95rem;
 color: #FFFFFF;
 font-weight: 600
 }

 .bread-crumb .bread-crumb-container a {
 color: #FFFFFF;
 transition: color 250ms;
 text-decoration: none;
 margin: 0 5px;
 white-space: nowrap;
 display: inline-block;
 vertical-align: middle
 }

 .bread-crumb .bread-crumb-container a:hover {
 color: #3f9c35
 }

 .bread-crumb .bread-crumb-container a.selected {
 color: #FFFFFF
 }

 .bread-crumb .bread-crumb-container a:after {
 content: '';
 padding-bottom: 5px;
 display: block;
 border-bottom-width: 3px;
 transform: scaleX(0);
 transition: transform 250ms ease-in-out
 }

 .bread-crumb .bread-crumb-container a.active:after {
 transform: scaleX(1)
 }

 .bread-crumb .bread-crumb-container a.logo {
 float: right;
 margin-right: 20px
 }

 .bread-crumb .bread-crumb-container a.logo img {
 height: 11px;
 margin: 0
 }

 .bread-crumb .bread-crumb-container a img {
 height: 25px;
 margin: 0 -30px 0 -15px
 }

 .bread-crumb .bread-crumb-container .addlinespace {
 border-style: solid;
 border-right-style: none;
 border-bottom-style: none;
 border-top-style: none;
 border-width: thin;
 text-indent: 6px
 }

 .bread-crumb.show {
 transition: opacity 250ms;
 opacity: 1;
 display: block
 }

.page-menu {
 width: 100%;
 position: relative;
 z-index: 110
}

 .page-menu.secondary-page-menu {
 z-index: 99;
 position: sticky;
 top: 94px
 }

 .page-menu.secondary-page-menu a {
 font-size: 12px
 }

 .page-menu.sticky {
 position: fixed;
 top: 0
 }

 .page-menu.sticky.no-breadcrumb {
 top: 0
 }

 .page-menu.sticky .section-container {
 border-bottom: solid 1px #D8D2D2;
 border-top: none
 }

 .page-menu .section-container {
 background-color: #FFFFFF;
 border-top: solid 1px #B4B4B4;
 padding: 15px 0 15px 20px
 }

 .page-menu .section-container .Secondarymenutitile {
 margin-top: 5px;
 margin-left: 22px
 }

 .page-menu nav a {
 font-size: 15px;
 color: #1a1a1a;
 transition: color 250ms;
 margin: 0 8px;
 white-space: nowrap
 }

 .page-menu nav a:hover {
 color: #1D4F48
 }

 .page-menu nav a.selected {
 color: #1D4F48
 }

 .page-menu nav a.brand-page-logo {
 display: none
 }

 .page-menu nav a.brand-page-logo img {
 height: 45px;
 margin-top: -5px
 }

.block1 {
 text-align: center;
 height: 380px;
 padding-top: 20px
}

.block-header-text {
 font-size: 27px;
 line-height: 27px;
 font-weight: bold;
 text-transform: uppercase;
 color: #ABA5A5
}

.section-block.gray-block .section-container .section-block-body {
 background-color: #D8D2D2
}

.section-block.gray-block .block-header {
 background-color: #D8D2D2
}

 .section-block.gray-block .block-header .block-header-text {
 background-color: #D8D2D2;
 color: #FFFFFF
 }

.section-block.dark-gray-block .section-container .section-block-body {
 background-color: #1A1A1A
}

.section-block.dark-gray-block .block-header {
 background-color: #1A1A1A
}

 .section-block.dark-gray-block .block-header .block-header-text {
 background-color: #1A1A1A;
 color: #FFFFFF
 }

.section-block.medium-gray-block .section-container .section-block-body {
 background-color: #D8D2D2
}

.section-block .section-container {
 background-color: #FFFFFF;
 padding: 0
}

 .section-block .section-container .section-block-body {
 background-color: #FFFFFF
 }

.section-block .block-header {
 background-color: #FFFFFF
}

 .section-block .block-header .close-section {
 float: right;
 color: #707070 !important;
 margin: 28px 25px 0 0;
 font-size: 26px;
 transition: transform 250ms;
 transform: rotate(0deg)
 }

 .section-block .block-header .close-section.closed {
 transform: rotate(135deg)
 }

 .section-block .block-header .block-header-text {
 max-width: calc(100% - 55px);
 display: inline-block;
 background-color: #FFFFFF;
 padding: 30px 0 30px 20px
 }

.carousel .dots {
 margin: 10px 0
}

 .carousel .dots .dot {
 text-decoration: none
 }

 .carousel .dots .dot .outer-circle {
 position: relative;
 display: inline-block;
 vertical-align: middle;
 margin: 0 3px 0 0;
 height: 20px;
 width: 20px;
 border-radius: 50%;
 background-color: #fff
 }

 .carousel .dots .dot .outer-circle.active .inner-circle {
 opacity: 1
 }

 .carousel .dots .dot .outer-circle .inner-circle {
 opacity: 0;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 height: 10px;
 width: 10px;
 border-radius: 50%;
 background-color: #1D4F48;
 transition: .3s ease opacity
 }

.carousel .slides .slide:not(:first-child) {
 display: none
}

.carousel .slides .slide .green-bar {
 display: inline-block;
 background-color: #1D4F48;
 color: #FFFFFF;
 padding: 5px 25px 5px 25px;
 font-weight: 600;
 text-transform: uppercase
}

.carousel .slides .slide h2 {
 color: #FFFFFF;
 margin: 15px 0;
 font-size: 37px
}

.carousel .slides .slide a {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 16px
}

 .carousel .slides .slide a i, .carousel .slides .slide a svg {
 color: #FFFFFF
 }

.carousel + .carousel-images img {
 height: auto;
 width: 100%;
 display: none
}

 .carousel + .carousel-images img:first-child {
 display: inline
 }

.page-hero .section-container {
 background-size: cover;
 background-position: center center;
 display: table;
 width: 100%;
 min-height: 300px
}

 .page-hero .section-container.carousel-background-image .content-container {
 background: rgba(255,255,255,0);
 -webkit-transition: background 1s linear;
 transition: background 1s linear
 }

 .page-hero .section-container.carousel-background-image.transitioning .content-container {
 background: white
 }

 .page-hero .section-container .content-container {
 width: 100%;
 height: 100%;
 padding-bottom: 0;
 display: table-cell;
 vertical-align: bottom
 }

 .page-hero .section-container .content-container .carousel {
 margin-top: 30px
 }

 .page-hero .section-container .content-container .carousel .dots {
 margin: 20px 0
 }

 .page-hero .section-container .content-container .carousel .slides .slide .slide-content-box {
 background-color: rgba(183,191,198,0.83);
 width: 100%;
 padding: 10px 20px 0 20px;
 height: auto;
 padding-bottom: 20px
 }

 .page-hero .section-container .content-container .carousel .slides .slide .slide-content-box h2 {
 margin: 0 0 15px 0
 }

.contact-widget {
 position: fixed;
 z-index: 500;
 top: auto;
 bottom: 10px;
 right: 0;
 margin-top: -85px
}

 .contact-widget a {
 background-color: #1A1A1A;
 display: block;
 float: right;
 clear: both;
 width: 35px;
 height: 35px;
 margin: 2px 0;
 padding: 6px 0 0 6px;
 text-decoration: none;
 transition: width 250ms;
 white-space: nowrap;
 overflow: hidden
 }

 .contact-widget a.hover {
 background-color: #1D4F48;
 width: 230px
 }

 .contact-widget a i, .contact-widget a svg {
 color: #FFFFFF;
 font-size: 24px
 }

 .contact-widget a span {
 color: #FFFFFF;
 text-decoration: none;
 font-weight: 600;
 font-size: 16px;
 text-transform: uppercase;
 padding: 0 20px;
 vertical-align: top
 }

 .contact-form {
 position: relative
}

 .contact-form .form-cover {
 background-color: #D8D2D2;
 opacity: 0.65;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 600;
 display: none
 }

 .contact-form .form-cover.show {
 display: block
 }

 .contact-form label {
 font-size: 14px;
 font-weight: 700;
 width: 100%;
 margin: 10px 0 5px
 }

 .contact-form label.error {
 margin-top: 0px;
 color: #BA0000;
 font-weight: 600
 }

 .contact-form input[type=text], .contact-form input[type=email], .contact-form select, .contact-form textarea {
 width: 100%;
 height: 35px;
 border: solid 1px #B4B4B4;
 font-size: 14px;
 color: #1A1A1A
 }

 .contact-form input[type=text].error, .contact-form input[type=email].error, .contact-form select.error, .contact-form textarea.error {
 border-color: #BA0000;
 border-width: 2px
 }

 .contact-form textarea {
 min-height: 150px
 }

 .contact-form .submit-buttons {
 margin-top: 20px;
 text-align: right
 }

 .contact-form .submit-buttons button, .contact-form .submit-buttons input a {
 margin-left: 20px
 }

 .contact-form .secondary-subject {
 display: block;
 }

 #genericpage-extrasections {
 padding: 5px 20px
 }

@media (max-width: 576px) {


 .content-container .spareparts {
 position: absolute;
 padding-top: 45px
 }

 .content-container .primary-menu-item img {
 height: auto;
 height: 35px !important;
 max-width: 100%
 }

 

 .page-header .section-container .product-title {
 font-size: 28px;
 line-height: 33px
 }



 .mobresponsive-change {
 padding-top: 0rem !important
 }
}

@media only screen and (max-width: 410px) and (min-width: 360px) {


 .page-header .section-container .product-title {
 font-size: 25px;
 line-height: 33px
 }

 a.language-styles {
 background-color: #d8d2d2;
 margin: 0px 0px 0px -2px
 }
}

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


 .page-header .section-container .product-title {
 font-size: 20px;
 line-height: 33px
 }
}

@media (min-width: 768px) {
 .contact-widget {
 top: 50%;
 bottom: auto
 }

 .contact-widget a:hover {
 background-color: #1D4F48;
 width: 230px
 }

 

 .content-container .spareparts {
 position: absolute;
 margin-top: 50px
 }

 

 .page-header .section-container .product-title {
 font-size: 32px;
 line-height: 33px
 }
}

@media (min-width: 992px) {
 

 footer .container {
 background: #FFFFFF;
 padding-top: 100px
 }

 footer .footer-logo-container {
 background-color: #FFFFFF;
 padding: 30px 0 30px 50px;
 text-align: left;
 width: 50%
 }

 footer .footer-logo-container img {
 height: 40px
 }

 footer .content-container {
 padding: 20px 0 50px
 }

 footer .content-container .footer-nav {
 float: left;
 width: 90%;
 margin-left: 50px;
 border-top: 1px solid white
 }

 footer .content-container .footer-nav nav {
 display: inline-block;
 vertical-align: top
 }

 footer .content-container .footer-nav nav:not(:first-child) {
 margin-left: 32px;
 margin-top: 20px;
 padding-top: 20px
 }

 footer .content-container .footer-cta {
 float: right;
 width: 40%;
 padding-right: 50px;
 margin-left: 0;
 margin-top: -60px
 }

 .content-container {
 padding: 25px 50px
 }

 .two-row-block {
 padding: 30px
 }

 .block-header-text {
 font-size: 54px;
 line-height: 54px
 }

 .section-block.gray-block .block-header {
 background-color: #D8D2D2
 }

 .section-block.gray-block .block-header.align-header-right {
 background-color: #FFFFFF;
 text-align: right
 }

 .section-block.gray-block .block-header.align-header-right .block-header-text {
 background-color: #D8D2D2;
 color: #ABA5A5;
 padding: 30px 50px 30px 70px
 }

 .section-block.gray-block .block-header .block-header-text {
 background-color: #FFFFFF;
 color: #D8D2D2
 }

 .section-block.dark-gray-block .section-container .section-block-body {
 background-color: #1A1A1A
 }

 .section-block.dark-gray-block .block-header {
 background-color: #1A1A1A
 }

 .section-block.dark-gray-block .block-header .block-header-text {
 background-color: #1A1A1A;
 color: #FFFFFF
 }

 .section-block .section-container {
 background-color: #FFFFFF;
 padding: 5px 0 0 0
 }

 .section-block .block-header .close-section {
 display: none
 }

 .section-block .block-header .block-header-text {
 text-align: center;
 padding: 30px 70px 30px 50px
 }

 .section-block.white-block .block-header.align-header-right {
 text-align: right
 }

 .secondary-menu .section-container {
 padding: 0 0 0 50px
 }

 .bread-crumb .section-container {
 padding: 3px 0 0 50px
 }

 .bread-crumb .bread-crumb-container a.logo {
 margin-right: 50px
 }

 .page-menu {
 display: block
 }

 .page-menu .section-container {
 padding-left: 50px
 }

 .popup-modal .modal-header {
 border-color: #FFFFFF;
 padding: 0;
 justify-content: left
 }

 .popup-modal .modal-header h3 {
 border-right: solid 1px #FFFFFF;
 padding: 55px 35px 35px 35px
 }

 .popup-modal .modal-header h5 {
 display: block;
 padding: 67px 35px 0 35px
 }

 .popup-modal .modal-body {
 padding: 20px 35px
 }

 .carousel .slides .slide h2 {
 font-size: 48px;
 margin: 30px 0
 }

 .carousel .slides .slide .green-bar {
 padding: 5px 100px 5px 25px
 }

 .carousel + .carousel-images img {
 position: absolute;
 bottom: 0;
 right: 0;
 max-height: 100%;
 height: auto;
 left: auto;
 width: auto;
 max-width: 60%;
 transform: none
 }

 .page-hero .section-container {
 min-height: 500px;
 position: relative
 }

 .page-hero .section-container .content-container {
 min-height: 400px;
 padding-bottom: 0;
 height: 100%
 }

 .page-hero .section-container .content-container .carousel {
 margin-top: 60px
 }

 .page-hero .section-container .content-container .carousel .slides .slide .slide-content-box {
 height: 100%;
 width: 547px;
 padding: 40px 40px 20px 65px
 }

 #genericpage-extrasections {
 padding: 15px 50px
 }

 

 .page-header .section-container .product-title {
 font-size: 38px;
 line-height: 33px
 }
}

@media (min-width: 1200px) {
 

 .mobresponsive-change {
 padding-top: 0rem !important
 }
}

@media (min-width: 1300px) {
 .mobresponsive-change {
 padding-top: 3rem !important
 }


 .d-xxl-none {
 display: none !important
 }

 .container {
 max-width: 1920px
 }

 .content-container {
 padding: 70px 80px
 }

 .page-header .section-container {
 background-color: #1D4F48;
 color: #FFFFFF;
 font-size: 32px;
 line-height: 32px;
 font-family: "Barlow Semi Condensed", sans-serif
 }

 .page-header .section-container .product-title {
 font-size: 84px;
 line-height: 90px
 }

 .page-header .section-container .content-container {
 height: 140px;
 margin: 0 80px 0 80px;
 padding: 20px 0 0 35px;
 border-left: solid 1px #FFFFFF
 }

 .page-header .section-container .content-container .primary-menu-item img {
 height: 70px
 }

 footer .footer-logo-container {
 padding: 50px 80px
 }

 footer .content-container .footer-nav {
 border-top: 1px solid white;
 margin-left: 80px
 }

 footer .content-container .footer-cta {
 padding-right: 80px
 }

 

 .block-header-text {
 font-size: 78px;
 line-height: 78px
 }

 .section-block.gray-block .block-header.align-header-right .block-header-text {
 padding: 30px 80px 30px 70px
 }

 .section-block .block-header.align-header-right {
 background-color: #FFFFFF;
 text-align: right
 }

 .section-block .block-header.align-header-right .block-header-text {
 padding: 30px 50px 30px 70px
 }

 .section-block .block-header .block-header-text {
 padding: 30px 70px 30px 80px
 }

 .secondary-menu .section-container {
 padding: 0 0 0 80px
 }

 .secondary-menu .section-container .Secondarymenutitile {
 margin-top: 5px;
 margin-left: 22px
 }

 .secondary-menu nav {
 white-space: nowrap
 }

 .secondary-menu nav a {
 font-size: 17px;
 padding: 15px 0;
 margin: 0 10px;
 display: inline-block
 }

 .secondary-menu nav a.primary-menu-item {
 font-size: 36px;
 padding: 10px 0 15px 0;
 display: inline-block
 }

 .bread-crumb .section-container {
 padding: 5px 0 0 80px
 }

 .bread-crumb .bread-crumb-container a.logo {
 margin-right: 80px
 }

 .page-menu.sticky {
 top: 40px
 }

 .page-menu .section-container {
 padding-left: 80px
 }

 .page-menu nav a {
 margin: 0 15px 0 0
 }

 #product-info .middle-container {
 padding-right: 50px
 }

 #genericpage-extrasections {
 padding: 40px 70px
 }

 
 
 

 a.language-styles {
 background-color: #fdfdfd;
 margin: 23px -5px 0px 28px
 }
}

@media (min-width: 1400px) {
 .secondary-menu .section-container {
 padding: 0 0 0 80px;
 text-align: left
 }

 .secondary-menu .section-container .Secondarymenutitile {
 margin-top: 5px;
 margin-left: 22px
 }

 .secondary-menu nav a {
 font-size: 20px;
 margin: 0 15px
 }

 

 #genericpage-extrasections {
 padding: 40px 70px
 }



 .mobresponsive-change {
 padding-top: 3rem !important
 }
}

@media (min-width: 1800px) {
 .mobresponsive-change {
 padding-top: 3rem !important
 }

 .content-container {
 padding: 30px 30px
 }

 .page-header .section-container .content-container {
 height: 140px;
 margin: 0 300px
 }

 footer .footer-logo-container {
 padding: 50px 300px
 }

 footer .content-container .footer-nav {
 margin-left: 300px;
 width: 80%;
 border-top: 1px solid white
 }

 footer .content-container .footer-cta {
 padding-right: 300px;
 width: 45%
 }

 .section-block.gray-block .block-header.align-header-right .block-header-text {
 padding: 30px 300px 30px 70px
 }

 .section-block .block-header .block-header-text {
 paddiild-ng: 30px 70px 30px 300px
 }

 .secondary-menu .section-container {
 padding: 0 0 0 300px
 }

 .page-menu .section-container {
 padding-left: 300px
 }

 .page-menu .section-container .Secondarymenutitile {
 margin-top: 5px;
 margin-left: 22px
 }

}

.solutions-header .section-container {
 padding-top: 0
}

.solutions-header .content-container {
 background-color: #B7BFC6;
 padding-top: 0;
 padding-bottom: 0
}

.solutions-header .inner {
 padding-top: 100px;
 padding-bottom: 40px;
 border-left: 1px solid white;
 padding-left: 40px
}

 .solutions-header .inner h1 {
 display: inline-block;
 font-size: 21px;
 letter-spacing: 3px;
 color: #646363;
 font-weight: 600;
 text-transform: uppercase;
 padding-left: 15px;
 padding-bottom: 15px;
 padding-right: 20px;
 border-left: 2px solid darkgrey;
 border-bottom: 2px solid darkgrey;
 margin-bottom: 40px
 }

 .solutions-header .inner .large-text {
 color: white;
 font-size: 84px
 }

.solutions.showcase-image {
 max-width: 100%;
 overflow: hidden;
 text-align: center
}

.solutions.page-menu .section-container {
 border-bottom: 1px solid black
}

.solutions.page-menu nav a {
 text-transform: uppercase;
 font-size: 15px;
 letter-spacing: 1.5px;
 font-weight: 700
}

.solutions.page-menu nav > a:nth-of-type(1) {
 margin-left: 0
}

.solutions#features .section-block-body {
 padding-bottom: 100px
}

.solutions#features .feature-block-content h3 {
 letter-spacing: 1.2px;
 color: #3f9c35;
 text-transform: uppercase;
 line-height: 60px;
 font-weight: 600;
 max-width: 580px
}

.solutions#features .feature-block-content hr {
 margin: 40px 0
}

.solutions#features .feature-block-content p {
 letter-spacing: 0;
 color: #2E2E2E;
 opacity: 1
}

.solutions#features .image-container {
 text-align: left
}

 .solutions#features .image-container img {
 margin: 0
 }

.solutions#process .content-container {
 padding-top: 20px
}

.solutions#process .slider-wrap {
 display: flex;
 align-items: center
}

.solutions#process .left-button, .solutions#process .right-button {
 width: 5%;
 text-align: center
}

.solutions#process .slick-list {
 width: 90%
}

.solutions#process .step h3 {
 margin-bottom: 60px;
 font: 54px;
 letter-spacing: 0;
 color: #3f9c35;
 font-weight: 600
}

.solutions#process .step .step-card {
 background: #B7BFC6;
 padding: 30px;
 padding-bottom: 60px;
 position: relative
}

 .solutions#process .step .step-card img {
 margin-bottom: 35px
 }

 .solutions#process .step .step-card h4 {
 font-size: 21px;
 letter-spacing: 2.1px;
 color: #FFFFFF;
 text-transform: uppercase
 }

 .solutions#process .step .step-card p {
 font-size: 18px;
 letter-spacing: 0;
 color: #FFFFFF;
 margin-bottom: 40px
 }

 .solutions#process .step .step-card a {
 position: absolute;
 bottom: 30px;
 color: white;
 text-decoration: none
 }

 .solutions#process .step .step-card a svg {
 margin-right: 10px
 }

.solutions#related .slider-wrap {
 display: flex;
 align-items: center
}

.solutions#related .left-button, .solutions#related .right-button {
 width: 5%;
 text-align: center
}

.solutions#related .slick-list {
 width: 90%
}

.solutions#related .content-container > .row:first-of-type {
 margin-bottom: 40px
}

.solutions#related .content-container h4 {
 font-size: 24px;
 color: #2E2E2E;
 text-transform: uppercase;
 max-width: 200px;
 margin-bottom: 10px
}

.solutions#related .content-container a {
 color: #3f9c35;
 text-decoration: none
}

.solutions#related .content-container svg {
 margin-right: 10px
}

.solutions#relatedProducts .slider-wrap {
 display: flex;
 align-items: center
}

.solutions#relatedProducts .left-button, .solutions#relatedProducts .right-button {
 width: 5%;
 text-align: center
}

.solutions#relatedProducts .slick-list {
 width: 90%
}

.solutions#relatedProducts .content-container > .row:first-of-type {
 margin-bottom: 40px
}

.solutions#relatedProducts .content-container h4 {
 font-size: 24px;
 color: #2E2E2E;
 text-transform: uppercase;
 max-width: 200px;
 margin-bottom: 10px
}

.solutions#relatedProducts .content-container a {
 color: #1D4F48;
 text-decoration: none
}

.solutions#relatedProducts .content-container svg {
 margin-right: 10px
}

.solutions#resources .slider-wrap {
 display: flex;
 align-items: center
}

.solutions#resources .left-button, .solutions#resources .right-button {
 width: 5%;
 text-align: center
}

.solutions#resources .slick-list {
 width: 90%
}

.solutions#resources .slick-track {
 margin-left: 0
}

.solutions#resources .content-container > .row:nth-of-type(2) {
 margin-top: 80px
}

.solutions#resources .resource img {
 margin-bottom: 35px
}

.solutions#resources .resource h4 {
 color: #3f9c35;
 font-weight: 500;
 margin-bottom: 20px
}

.solutions#resources .resource p {
 margin-bottom: 20px
}

.solutions#resources .resource a {
 color: #3f9c35;
 text-decoration: none
}

.solutions#resources .resource svg {
 margin-right: 10px
}

.solutions#resources .case-study {
 background: #FFFFFF;
 border: 1px solid #707070;
 padding: 50px 60px
}

 .solutions#resources .case-study h4 {
 margin-top: 30px;
 margin-bottom: 40px;
 font-weight: 400;
 color: #3f9c35
 }

 .solutions#resources .case-study p {
 margin-bottom: 50px
 }

 .solutions#resources .case-study a {
 color: #3f9c35;
 text-decoration: none
 }

 .solutions#resources .case-study svg {
 margin-right: 10px
 }

.solutions#resources .call-to-action {
 background: #B7BFC6;
 padding: 50px 60px;
 color: white
}

 .solutions#resources .call-to-action h4 {
 margin-bottom: 40px;
 font-weight: 400
 }

 .solutions#resources .call-to-action p {
 margin-bottom: 40px
 }

 .solutions#resources .call-to-action a {
 background: #FFFFFF;
 color: #646363;
 padding: 5px 60px;
 text-align: center;
 text-transform: uppercase;
 font-size: 18px;
 text-decoration: none;
 letter-spacing: 2px;
 font-weight: 600
 }

.solutions#overview .row {
 margin: 100px 0
}

.solutions#overview h3 {
 max-width: 500px;
 line-height: 1.5;
 font-weight: 600;
 text-transform: uppercase;
}

.solutions#overview hr {
 border-top: 1px solid #707070;
 margin: 30px 0
}

.solutions#overview p {
 margin-bottom: 30px;
 font-size: 18px
}

.solutions#overview a {
 color: #3f9c35;
 text-decoration: none
}

 .solutions#overview a svg {
 margin-right: 10px
 }

.solutions#video .video {
 display: inline-block
}

.solutions#video .text {
 display: inline-block
}

 .solutions#video .text h4 {
 font-size: 38px;
 letter-spacing: 0;
 color: #3f9c35;
 margin-bottom: 20px;
 line-height: 1.3;
 font-weight: 600
 }

 .solutions#video .text hr {
 height: 1px;
 margin-bottom: 10px;
 border-top: 1px solid #707070;
 margin-bottom: 20px
 }

 .solutions#video .text p {
 font-size: 18px;
 letter-spacing: 0;
 color: #2E2E2E;
 line-height: 1.4
 }

.solutions#expertise .video {
 display: inline-block;
 text-align: right
}

.solutions#expertise .text {
 display: inline-block
}

 .solutions#expertise .text h4 {
 font-size: 38px;
 letter-spacing: 0;
 color: #3f9c35;
 margin-bottom: 20px;
 line-height: 1.3;
 font-weight: 600
 }

 .solutions#expertise .text hr {
 height: 1px;
 margin-bottom: 10px;
 border-top: 1px solid #707070;
 margin-bottom: 20px
 }

 .solutions#expertise .text p {
 font-size: 18px;
 letter-spacing: 0;
 color: #2E2E2E;
 line-height: 1.4
 }

@media (max-width: 567px) {
 .content-container > .row:nth-of-type(2) {
 padding-left: 16px
 }
}

@media (min-width: 768px) {
 .content-container > .row:nth-of-type(2) {
 padding-left: 32px
 }
}

@media (min-width: 992px) {
 .content-container > .row:nth-of-type(2) {
 padding-left: 44px
 }

 .solutions#video .text h4 {
 font-size: 38px
 }

 .solutions#video .text p {
 font-size: 18px
 }
}

@media (min-width: 1200px) {
 .content-container > .row:nth-of-type(2) {
 padding-left: 58px
 }
}

@media (min-width: 1300px) {
 .content-container > .row:nth-of-type(2) {
 padding-left: 60px
 }
}

[data-page="industries"] section.header .section-container {
 padding-top: 0
}

[data-page="industries"] section.header .content-container {
 background-color: #B7BFC6;
 padding-top: 0;
 padding-bottom: 0
}

[data-page="industries"] section.header .inner {
 padding-top: 100px;
 padding-bottom: 40px;
 border-left: 1px solid white;
 padding-left: 40px
}

 [data-page="industries"] section.header .inner h1 {
 display: inline-block;
 font-size: 21px;
 letter-spacing: 3px;
 color: #646363;
 font-weight: 600;
 text-transform: uppercase;
 padding-left: 15px;
 padding-bottom: 15px;
 padding-right: 20px;
 border-left: 2px solid darkgrey;
 border-bottom: 2px solid darkgrey;
 margin-bottom: 40px
 }

 [data-page="industries"] section.header .inner .large-text {
 color: white;
 font-size: 84px
 }

[data-page="industries"] section.showcase-image {
 max-width: 100%;
 overflow: hidden;
 text-align: center
}

[data-page="industries"] section.page-menu .section-container {
 border-bottom: 1px solid black
}

[data-page="industries"] section.page-menu nav a {
 text-transform: uppercase;
 font-size: 15px;
 letter-spacing: 1.5px;
 font-weight: 700
}

[data-page="industries"] section.page-menu nav > a:nth-of-type(1) {
 margin-left: 0
}

[data-page="industries"] section#overview .row {
 margin: 100px 0
}

[data-page="industries"] section#overview h3 {
 max-width: 500px;
 line-height: 1.5;
 font-weight: 600;
 text-transform: uppercase;
}

[data-page="industries"] section#overview hr {
 border-top: 1px solid #707070;
 margin: 30px 0
}

[data-page="industries"] section#overview p {
 margin-bottom: 30px;
 font-size: 18px
}

[data-page="industries"] section#overview a {
 color: #1D4F48;
 text-decoration: none
}

 [data-page="industries"] section#overview a svg {
 margin-right: 10px
 }

[data-page="industries"] section#video .video {
 display: inline-block
}

[data-page="industries"] section#video .text {
 display: inline-block
}

 [data-page="industries"] section#video .text h4 {
 font-size: 38px;
 letter-spacing: 0;
 color: #1D4F48;
 margin-bottom: 20px;
 line-height: 1.3;
 font-weight: 600
 }

 [data-page="industries"] section#video .text hr {
 height: 1px;
 margin-bottom: 10px;
 border-top: 1px solid #707070;
 margin-bottom: 20px
 }

 [data-page="industries"] section#video .text p {
 font-size: 18px;
 letter-spacing: 0;
 color: #2E2E2E;
 line-height: 1.4
 }

[data-page="industries"] section#industries .industry .fixedimgsize {
 max-height: 120px;
 min-height: 120px;
 max-width: 175px;
 min-width: 175px;
 object-fit: revert
}

[data-page="industries"] section#industries .industry img {
 margin-bottom: 25px
}

[data-page="industries"] section#industries .industry h3 {
 font-size: 24px;
 font-weight: 600;
 letter-spacing: 0;
 color: #FFFFFF;
 opacity: 1
}

[data-page="industries"] section#industries .industry a {
 text-decoration: none
}

 [data-page="industries"] section#industries .industry a svg {
 margin-right: 10px
 }

[data-page="industries"] section#industries .industryimgalign {
 max-width: fit-content
}

[data-page="industries"] section#industries p {
 font-size: 18px;
 letter-spacing: 0;
 color: #FFFFFF;
 font-weight: 500;
 line-height: 1.4
}

[data-page="industries"] section#industries .industries {
 padding-left: 50px
}

 [data-page="industries"] section#industries .industries > .row:nth-of-type(2) {
 margin-top: 60px
 }

[data-page="industries"] section#industries .close-section {
 color: #fff !important
}

[data-page="industries"] section#industries .block-header, [data-page="industries"] section#industries .block-header-text {
 text-align: left
}

[data-page="industries"] section#expertise .video {
 display: inline-block;
 text-align: right
}

[data-page="industries"] section#expertise .text {
 display: inline-block
}

 [data-page="industries"] section#expertise .text h4 {
 font-size: 38px;
 letter-spacing: 0;
 color: #1D4F48;
 margin-bottom: 20px;
 line-height: 1.3;
 font-weight: 600
 }

 [data-page="industries"] section#expertise .text hr {
 height: 1px;
 margin-bottom: 10px;
 border-top: 1px solid #707070;
 margin-bottom: 20px
 }

 [data-page="industries"] section#expertise .text p {
 font-size: 18px;
 letter-spacing: 0;
 color: #2E2E2E;
 line-height: 1.4
 }

[data-page="industries"] #solutions .slider-wrap {
 display: flex;
 align-items: center
}

[data-page="industries"] #solutions .solutions-section .section-container .solution-item {
 padding: 30px 25px
}

[data-page="industries"] #solutions .left-button, [data-page="industries"] #solutions .right-button {
 width: 5%;
 text-align: center
}

[data-page="industries"] #solutions .slick-list {
 width: 90%
}

[data-page="industries"] #solutions .slick-slide img {
 height: 222px
}

[data-page="industries"] #solutions .solution {
 color: white
}

 [data-page="industries"] #solutions .solution .inner {
 background-color: #3f9c35;
 margin: 0 20px;
 padding: 36px
 }

 [data-page="industries"] #solutions .solution img {
 margin-bottom: 20px
 }

 [data-page="industries"] #solutions .solution h3 {
 font-size: 18px;
 font-weight: 600;
 letter-spacing: 0;
 color: #FFFFFF;
 opacity: 1
 }

 [data-page="industries"] #solutions .solution p {
 margin-bottom: 30px
 }

 [data-page="industries"] #solutions .solution a {
 color: white;
 text-decoration: none
 }

 [data-page="industries"] #solutions .solution a svg {
 margin-right: 10px
 }

[data-page="industries"] #solutions .maxlines {
 max-height: 109px;
 overflow: hidden;
 min-height: 108px
}

[data-page="industries"] #solutions .titlelink {
 color: white;
 text-decoration: none
}

[data-page="industries"] section#resources .upcoming-events {
 border: 1px solid #707070;
 padding: 42px
}

 [data-page="industries"] section#resources .upcoming-events h3 {
 font-size: 54px;
 margin-bottom: 50px
 }

 [data-page="industries"] section#resources .upcoming-events .event .month {
 font-size: 24px;
 margin-bottom: 30px
 }

 [data-page="industries"] section#resources .upcoming-events .event .day {
 font-size: 84px;
 color: #3f9c35
 }

 [data-page="industries"] section#resources .upcoming-events .event h4 {
 font-size: 24px
 }

 [data-page="industries"] section#resources .upcoming-events .event p {
 font-size: 18px
 }

 [data-page="industries"] section#resources .upcoming-events .event:first-of-type {
 margin-bottom: 30px
 }

[data-page="industries"] section#resources .whitepaper {
 border: 1px solid #707070;
 padding: 42px
}

 [data-page="industries"] section#resources .whitepaper .row {
 margin-top: 60px
 }

 [data-page="industries"] section#resources .whitepaper a {
 color: #3f9c35;
 text-decoration: none
 }

 [data-page="industries"] section#resources .whitepaper a svg {
 margin-right: 10px
 }

[data-page="industries"] section#resources .case-study img {
 margin-bottom: 20px
}

[data-page="industries"] section#resources .case-study h3 {
 margin-bottom: 20px
}

[data-page="industries"] section#resources .call-to-action {
 color: white
}

 [data-page="industries"] section#resources .call-to-action h3 {
 color: white;
 margin-top: 80px;
 margin-bottom: 50px
 }

 [data-page="industries"] section#resources .call-to-action p {
 margin-bottom: 50px
 }

 [data-page="industries"] section#resources .call-to-action a {
 background: #FFFFFF;
 color: #646363;
 padding: 5px 60px;
 text-align: center;
 text-transform: uppercase;
 font-size: 18px;
 text-decoration: none;
 letter-spacing: 2px;
 font-weight: 600
 }

@media (min-width: 992px) {
 [data-page="industries"] section#industries .industry h3 {
 color: #1D4F48
 }

 [data-page="industries"] section#industries .industry .fixedimgsize {
 max-height: 120px;
 min-height: 120px;
 max-width: 175px;
 min-width: 175px;
 object-fit: revert
 }

 [data-page="industries"] section#industries .industryimgalign {
 max-width: fit-content
 }

 [data-page="industries"] section#industries p {
 font-size: 18px;
 color: #fff
 }

 [data-page="industries"] section#industries .industries {
 padding-left: 50px
 }

 [data-page="industries"] section#video .text h4 {
 font-size: 38px
 }

 [data-page="industries"] section#video .text p {
 font-size: 18px
 }
}

[data-page="services"] section.header .section-container {
 padding-top: 0
}

[data-page="services"] section.header .content-container {
 background-color: #B7BFC6;
 padding-top: 0;
 padding-bottom: 0
}

[data-page="services"] section.header .inner {
 padding-top: 100px;
 padding-bottom: 40px;
 border-left: 1px solid white;
 padding-left: 40px
}

 [data-page="services"] section.header .inner h1 {
 display: inline-block;
 font-size: 21px;
 letter-spacing: 3px;
 color: #646363;
 font-weight: 600;
 text-transform: uppercase;
 padding-left: 15px;
 padding-bottom: 15px;
 padding-right: 20px;
 border-left: 2px solid darkgrey;
 border-bottom: 2px solid darkgrey;
 margin-bottom: 40px
 }

 [data-page="services"] section.header .inner .large-text {
 color: white;
 font-size: 84px
 }

[data-page="services"] section.showcase-image {
 max-width: 100%;
 overflow: hidden;
 text-align: center
}

[data-page="services"] section.page-menu .section-container {
 border-bottom: 1px solid black
}

[data-page="services"] section.page-menu nav a {
 text-transform: uppercase;
 font-size: 15px;
 letter-spacing: 1.5px;
 font-weight: 700
}

[data-page="services"] section.page-menu nav > a:nth-of-type(1) {
 margin-left: 0
}

[data-page="services"] section#overview .row {
 margin: 100px 0
}

[data-page="services"] section#overview h3 {
 max-width: 500px;
 line-height: 1.5;
 font-weight: 600;
 text-transform: uppercase;
}

[data-page="services"] section#overview hr {
 border-top: 1px solid #707070;
 margin: 30px 0
}

[data-page="services"] section#overview p {
 margin-bottom: 30px
}

[data-page="services"] section#overview a {
 color: #3f9c35;
 text-decoration: none
}

 [data-page="services"] section#overview a svg {
 margin-right: 10px
 }

[data-page="services"] section#video .video {
 display: inline-block
}

[data-page="services"] section#video .text {
 display: inline-block
}

 [data-page="services"] section#video .text h4 {
 font-size: 48px;
 letter-spacing: 1.2px;
 color: #3f9c35;
 margin-bottom: 20px;
 line-height: 1.3;
 font-weight: 500
 }

 [data-page="services"] section#video .text hr {
 height: 1px;
 margin-bottom: 10px;
 border-top: 1px solid #707070;
 margin-bottom: 20px
 }

 [data-page="services"] section#video .text p {
 font-size: 24px;
 letter-spacing: 1.2px;
 color: #2E2E2E;
 line-height: 1.2
 }

[data-page="services"] section#industries .industry img {
 margin-bottom: 25px
}

[data-page="services"] section#industries .industry h3 {
 font-size: 24px;
 font-weight: 600;
 letter-spacing: 0;
 color: #FFFFFF;
 opacity: 1
}

[data-page="services"] section#industries .industry a {
 text-decoration: none
}

 [data-page="services"] section#industries .industry a svg {
 margin-right: 10px
 }

[data-page="services"] section#industries p {
 font-size: 24px;
 letter-spacing: 0;
 color: #FFFFFF;
 font-weight: 500;
 line-height: 1.4
}

[data-page="services"] section#industries .industries {
 padding-left: 50px
}

 [data-page="services"] section#industries .industries > .row:nth-of-type(2) {
 margin-top: 60px
 }

[data-page="services"] section#industries .section-container {
 border: 0
}

[data-page="services"] section#industries .section-block-body {
 background-color: #646363
}

[data-page="services"] section#industries .block-header-text {
 background-color: #646363;
 color: white
}

[data-page="services"] section#expertise .video {
 display: inline-block;
 text-align: right
}

[data-page="services"] section#expertise .text {
 display: inline-block
}

 [data-page="services"] section#expertise .text h4 {
 font-size: 48px;
 letter-spacing: 1.2px;
 color: #3f9c35;
 margin-bottom: 20px;
 line-height: 1.3;
 font-weight: 500
 }

 [data-page="services"] section#expertise .text hr {
 height: 1px;
 margin-bottom: 10px;
 border-top: 1px solid #707070;
 margin-bottom: 20px
 }

 [data-page="services"] section#expertise .text p {
 font-size: 24px;
 letter-spacing: 1.2px;
 color: #2E2E2E;
 line-height: 1.2
 }

[data-page="services"] section#solutions .solution {
 color: white
}

 [data-page="services"] section#solutions .solution .inner {
 background-color: #3f9c35;
 margin: 0 20px;
 padding: 36px
 }

 [data-page="services"] section#solutions .solution img {
 margin-bottom: 20px
 }

 [data-page="services"] section#solutions .solution h3 {
 font-size: 24px;
 font-weight: 600;
 letter-spacing: 0;
 color: #FFFFFF;
 opacity: 1
 }

 [data-page="services"] section#solutions .solution p {
 margin-bottom: 30px
 }

 [data-page="services"] section#solutions .solution a {
 color: white;
 text-decoration: none
 }

 [data-page="services"] section#solutions .solution a svg {
 margin-right: 10px
 }

[data-page="services"] section#resources .upcoming-events {
 border: 1px solid #707070;
 padding: 42px
}

 [data-page="services"] section#resources .upcoming-events h3 {
 font-size: 54px;
 margin-bottom: 50px
 }

 [data-page="services"] section#resources .upcoming-events .event .month {
 font-size: 24px;
 margin-bottom: 30px
 }

 [data-page="services"] section#resources .upcoming-events .event .day {
 font-size: 84px;
 color: #3f9c35
 }

 [data-page="services"] section#resources .upcoming-events .event h4 {
 font-size: 24px
 }

 [data-page="services"] section#resources .upcoming-events .event p {
 font-size: 18px
 }

 [data-page="services"] section#resources .upcoming-events .event:first-of-type {
 margin-bottom: 30px
 }

[data-page="services"] section#resources .whitepaper {
 border: 1px solid #707070;
 padding: 42px
}

 [data-page="services"] section#resources .whitepaper .row {
 margin-top: 60px
 }

 [data-page="services"] section#resources .whitepaper a {
 color: #3f9c35;
 text-decoration: none
 }

 [data-page="services"] section#resources .whitepaper a svg {
 margin-right: 10px
 }

[data-page="services"] section#resources .case-study img {
 margin-bottom: 20px
}

[data-page="services"] section#resources .case-study h3 {
 margin-bottom: 20px
}

[data-page="services"] section#resources .call-to-action {
 color: white
}

 [data-page="services"] section#resources .call-to-action h3 {
 color: white;
 margin-top: 80px;
 margin-bottom: 50px
 }

 [data-page="services"] section#resources .call-to-action p {
 margin-bottom: 50px
 }

 [data-page="services"] section#resources .call-to-action a {
 background: #FFFFFF;
 color: #646363;
 padding: 5px 60px;
 text-align: center;
 text-transform: uppercase;
 font-size: 18px;
 text-decoration: none;
 letter-spacing: 2px;
 font-weight: 600
 }

[data-page="search"] #search-results .section-container {
 background-color: transparent;
 border: 0
}

[data-page="search"] #search-results .search-category {
 display: none
}

 [data-page="search"] #search-results .search-category.seperator {
 border-top: 1px solid black
 }

 [data-page="search"] #search-results .search-category.active {
 display: block;
 padding: 100px 0
 }

 [data-page="search"] #search-results .search-category.active:first-of-type {
 padding-top: 0
 }

 [data-page="search"] #search-results .search-category.active:last-of-type {
 padding-bottom: 0
 }

 [data-page="search"] #search-results .search-category.active h2 {
 font-size: 30px;
 font-weight: 600;
 letter-spacing: 2.4px;
 color: #599B42;
 text-transform: uppercase
 }

 [data-page="search"] #search-results .search-category.active .learn-more {
 padding: 10px 40px;
 background-color: #599B42;
 color: white;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 2px
 }

[data-page="search"] #search-results #products .results .product-item {
 margin-bottom: 50px
}

[data-page="search"] #search-results #products .results .image {
 width: 269px;
 height: 182px;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 background-image: url("https://via.placeholder.com/269x182")
}

[data-page="search"] #search-results #products .results h3 {
 color: #2E2E2E;
 text-align: left;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 1.3;
 text-transform: uppercase;
}

[data-page="search"] #search-results #products .results p {
 text-align: left;
 font-size: 18px;
 font-weight: normal;
 letter-spacing: 0;
 color: #2E2E2E;
 opacity: 1
}

[data-page="search"] #search-results #products .results a {
 font-size: 16px;
 color: #599B42;
 text-decoration: none;
 display: flex;
 align-items: center;
 font-weight: 800
}

 [data-page="search"] #search-results #products .results a svg {
 margin-right: 10px
 }

[data-page="search"] #search-results #solutions .results .solutions-item {
 margin-bottom: 50px
}

[data-page="search"] #search-results #solutions .results .image {
 width: 271px;
 height: 219px;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center
}

[data-page="search"] #search-results #solutions .results h3 {
 color: #2E2E2E;
 text-align: left;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 1.3;
 text-transform: uppercase;
}

[data-page="search"] #search-results #solutions .results p {
 text-align: left;
 font-size: 18px;
 font-weight: normal;
 letter-spacing: 0;
 color: #2E2E2E;
 opacity: 1
}

[data-page="search"] #search-results #solutions .results a {
 font-size: 16px;
 color: #599B42;
 text-decoration: none;
 display: flex;
 align-items: center;
 font-weight: 800
}

 [data-page="search"] #search-results #solutions .results a svg {
 margin-right: 10px
 }

[data-page="search"] #search-results #pages .results .page-item {
 margin-bottom: 50px
}

[data-page="search"] #search-results #pages .results h3 {
 color: #2E2E2E;
 text-align: left;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 1.3;
 text-transform: uppercase;
}

[data-page="search"] #search-results #pages .results p {
 text-align: left;
 font-size: 18px;
 font-weight: normal;
 letter-spacing: 0;
 color: #2E2E2E;
 opacity: 1
}

[data-page="search"] #search-results #pages .results a {
 font-size: 16px;
 color: #599B42;
 text-decoration: none;
 display: flex;
 align-items: center;
 font-weight: 800
}

 [data-page="search"] #search-results #pages .results a svg {
 margin-right: 10px
 }

[data-page="search"] #search-results #whitepapers .results .whitepaper-item {
 margin-bottom: 50px
}

[data-page="search"] #search-results #whitepapers .results .image {
 width: 271px;
 height: 368px;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 background-image: url("https://via.placeholder.com/270x368")
}

[data-page="search"] #search-results #whitepapers .results h3 {
 color: #2E2E2E;
 text-align: left;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 1.3;
 text-transform: uppercase;
 margin-bottom: 40px
}

[data-page="search"] #search-results #whitepapers .results p {
 text-align: left;
 font-size: 18px;
 font-weight: normal;
 letter-spacing: 0;
 color: #2E2E2E;
 margin-bottom: 50px
}

[data-page="search"] #search-results #whitepapers .results a {
 font-size: 16px;
 color: #599B42;
 text-decoration: none;
 display: flex;
 align-items: center;
 font-weight: 800
}

 [data-page="search"] #search-results #whitepapers .results a svg {
 margin-right: 10px
 }

[data-page="search"] #search-results #videos .results .videos-item {
 margin-bottom: 50px
}

[data-page="search"] #search-results #videos .results video {
 vertical-align: top
}

[data-page="search"] #search-results #videos .results .name {
 color: #2E2E2E;
 text-align: left;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 1.3;
 text-transform: uppercase;
}

[data-page="search"] #search-results #videos .results .desc {
 text-align: left;
 font-size: 18px;
 font-weight: normal;
 letter-spacing: 0;
 color: #2E2E2E;
 opacity: 1
}

[data-page="search"] #search-results #videos .results a {
 font-size: 16px;
 color: #599B42;
 text-decoration: none;
 display: flex;
 align-items: center;
 font-weight: 800
}

 [data-page="search"] #search-results #videos .results a svg {
 margin-right: 10px
 }

[data-page="search"] #search-results #datasheets .results .datasheets-item {
 margin-bottom: 50px
}

[data-page="search"] #search-results #datasheets .results h3 {
 color: #2E2E2E;
 text-align: left;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 1.3;
 text-transform: uppercase;
}

[data-page="search"] #search-results #datasheets .results p {
 text-align: left;
 font-size: 18px;
 font-weight: normal;
 letter-spacing: 0;
 color: #2E2E2E;
 opacity: 1
}

[data-page="search"] #search-results #datasheets .results a {
 font-size: 16px;
 color: #599B42;
 text-decoration: none;
 display: flex;
 align-items: center;
 font-weight: 800
}

 [data-page="search"] #search-results #datasheets .results a svg {
 margin-right: 10px
 }

[data-page="events"] .hero-image {
 height: 75px
}

[data-page="events"] #resultsTitle {
 margin-top: 40px;
 margin-bottom: 30px
}

[data-page="events"] #resultsHeader {
 border-color: rgba(0,0,0,0.2);
 border-style: solid;
 border-width: 0px 0px 2px 2px
}

[data-page="events"] #productsFilter {
 padding-right: 100px;
 padding-left: 75px
}

 [data-page="events"] #productsFilter .checkbox {
 display: inline-block;
 position: relative
 }

 [data-page="events"] #productsFilter .checkbox label {
 width: 20px;
 height: 20px;
 cursor: pointer;
 position: absolute;
 top: 0;
 left: 0;
 background: #fcfff4;
 background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
 border-radius: 4px;
 box-shadow: inset 0px 1px 1px white,0px 1px 3px rgba(0,0,0,0.5)
 }

 [data-page="events"] #productsFilter .checkbox label:after {
 content: '';
 width: 9px;
 height: 5px;
 position: absolute;
 top: 6px;
 left: 5px;
 border: 3px solid #333;
 border-top: none;
 border-right: none;
 background: transparent;
 opacity: 0;
 transform: rotate(-45deg)
 }

 [data-page="events"] #productsFilter .checkbox label:hover::after {
 opacity: 0.5
 }

 [data-page="events"] #productsFilter .checkbox input[type=checkbox] {
 visibility: hidden
 }

 [data-page="events"] #productsFilter .checkbox input[type=checkbox]:checked + label:after {
 opacity: 1
 }

 [data-page="events"] #productsFilter .product-filter-item {
 font-size: 16px
 }

 [data-page="events"] #productsFilter .product-filter-item:hover {
 cursor: pointer
 }

 [data-page="events"] #productsFilter .filter-wrap {
 padding: 0
 }

 [data-page="events"] #productsFilter .filter-header {
 font-weight: 800;
 letter-spacing: 2px;
 margin-bottom: 20px
 }

 [data-page="events"] #productsFilter hr {
 margin: 3rem 0;
 border-top: 3px solid rgba(0,0,0,0.2)
 }

[data-page="events"] #dateSelector {
 background-color: #fff;
 padding: 20px 0
}

[data-page="events"] .date-wrapper {
 padding: 30px;
 background: #E0E0E0
}

 [data-page="events"] .date-wrapper > div:first-of-type {
 margin-bottom: 20px
 }

[data-page="events"] #eventResults {
 background-color: #fff;
 margin: 0;
 padding: 10px;
 padding-bottom: 40px
}

[data-page="events"] .dropdown-item {
 text-decoration: none
}

[data-page="events"] .event-card hr {
 border-top: 2px solid rgba(0,0,0,0.2);
 margin-bottom: 50px
}

[data-page="events"] .event-add-to-calendar {
 border: 1px solid #599B42;
 color: #599B42;
 cursor: pointer;
 font-size: 11px;
 padding: 4px
}

[data-page="events"] .event-date {
 background-color: #1D4F48;
 color: #FFFFFF;
 cursor: pointer;
 margin-left: 15px;
 padding: 20px 40px;
 position: absolute;
 text-align: center;
 z-index: 50
}

 [data-page="events"] .event-date div:nth-of-type(1) {
 text-transform: uppercase;
 font-size: 21px;
 margin-bottom: 10px
 }

 [data-page="events"] .event-date div:nth-of-type(2) {
 text-transform: uppercase;
 font-size: 28px
 }

[data-page="events"] .event-description {
 font-size: 14px;
 margin: 16px 0;
 color: #707070
}

[data-page="events"] .event-details-toggle {
 color: #599B42;
 cursor: pointer;
 float: right;
 font-size: 14px
}

[data-page="events"] .event-image {
 min-height: 160px;
 transition: all 0.33s ease
}

[data-page="events"] .event-image-section {
 height: 240px;
 overflow: hidden
}

[data-page="events"] .event-info {
 margin: 12px 0;
 position: relative
}

[data-page="events"] .event-location {
 font-size: 16px;
 margin-bottom: 10px
}

[data-page="events"] .event-location-label {
 font-weight: bold;
 margin-right: 8px
}

[data-page="events"] #eventTemplate {
 display: none
}

[data-page="events"] .event-title {
 font-weight: bold;
 font-size: 28px;
 line-height: 1.5;
 margin-bottom: 10px
}

[data-page="events"] .month-selector {
 border: 1px solid #47b372;
 color: #47b372;
 cursor: pointer;
 display: inline-block;
 font-weight: bold;
 margin-right: 8px;
 padding: 0 8px;
 text-align: center;
 text-transform: uppercase;
 -webkit-transition: all .25s;
 -moz-transition: all .25s;
 -o-transition: all .25s;
 transition: all .25s
}

 [data-page="events"] .month-selector:hover {
 transform: scale(1.05)
 }

 [data-page="events"] .month-selector.selected {
 background-color: #1D4F48;
 color: #FFFFFF
 }

[data-page="events"] #monthsSection {
 margin-top: 8px
}

[data-page="events"] .year-selector {
 color: #666666;
 cursor: pointer;
 font-size: 30px;
 margin: 0 12px 0 0;
 letter-spacing: 2px;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 transition: all .5s
}

 [data-page="events"] .year-selector:hover {
 text-shadow: -.2px -.2px 0 #666666, .2px -.2px 0 #666666, -.2px .2px 0 #666666, .2px .2px 0 #666666
 }

 [data-page="events"] .year-selector.selected {
 font-weight: 600;
 color: #555555;
 text-shadow: -.2px -.2px 0 #555555, .2px -.2px 0 #555555, -.2px .2px 0 #555555, .2px .2px 0 #555555
 }

 [data-page="events"] .year-selector.selected:hover {
 color: #555555;
 text-shadow: -.2px -.2px 0 #555555, .2px -.2px 0 #555555, -.2px .2px 0 #555555, .2px .2px 0 #555555
 }

[data-page="capabilities"] section.header .section-container {
 padding-top: 0
}

[data-page="capabilities"] section.header .content-container {
 background-color: #B7BFC6;
 padding-top: 0;
 padding-bottom: 0
}

[data-page="capabilities"] section.header .inner {
 padding-top: 100px;
 padding-bottom: 40px;
 border-left: 1px solid white;
 padding-left: 40px
}

 [data-page="capabilities"] section.header .inner h1 {
 display: inline-block;
 font-size: 21px;
 letter-spacing: 3px;
 color: #646363;
 font-weight: 600;
 text-transform: uppercase;
 padding-left: 15px;
 padding-bottom: 15px;
 padding-right: 20px;
 border-left: 2px solid darkgrey;
 border-bottom: 2px solid darkgrey;
 margin-bottom: 40px
 }

 [data-page="capabilities"] section.header .inner .large-text {
 color: white;
 font-size: 84px
 }

[data-page="capabilities"] section.showcase-image {
 max-width: 100%;
 overflow: hidden;
 text-align: center;
 height: 550px
}

[data-page="capabilities"] section.page-menu .section-container {
 border-bottom: 1px solid black
}

[data-page="capabilities"] section.page-menu nav a {
 text-transform: uppercase;
 font-size: 15px;
 letter-spacing: 1.5px;
 font-weight: 700
}

[data-page="capabilities"] section.page-menu nav > a:nth-of-type(1) {
 margin-left: 0
}

[data-page="capabilities"] section#overview .row {
 margin: 100px 0
}

[data-page="capabilities"] section#overview h3 {
 max-width: 500px;
 line-height: 1.5;
 font-weight: 600;
 text-transform: uppercase;
}

[data-page="capabilities"] section#overview hr {
 border-top: 1px solid #707070;
 margin: 30px 0
}

[data-page="capabilities"] section#overview p {
 margin-bottom: 30px
}

[data-page="capabilities"] section#overview a {
 color: #3f9c35;
 text-decoration: none
}

 [data-page="capabilities"] section#overview a svg {
 margin-right: 10px
 }

[data-page="capabilities"] section#detection .row {
 margin: 100px 0
}

[data-page="capabilities"] section#detection h3 {
 max-width: 500px;
 line-height: 1.5;
 letter-spacing: 2px;
 font-weight: 700;
 text-transform: uppercase;
 font-size: 25px
}

[data-page="capabilities"] section#detection hr {
 border-top: 1px solid #707070;
 margin: 30px 0
}

[data-page="capabilities"] section#detection p {
 margin-bottom: 30px
}

[data-page="capabilities"] section#detection a {
 color: #3f9c35;
 text-decoration: none
}

 [data-page="capabilities"] section#detection a svg {
 margin-right: 10px
 }

[data-page="capabilities"] section#detection .links a {
 text-decoration: underline
}

[data-page="capabilities"] section#gappson .row {
 margin: 100px 0
}

[data-page="capabilities"] section#gappson h3 {
 max-width: 500px;
 line-height: 1.5;
 letter-spacing: 2px;
 font-weight: 700;
 text-transform: uppercase;
 font-size: 25px;
 margin-bottom: 20px
}

[data-page="capabilities"] section#gappson hr {
 border-top: 1px solid #707070;
 margin: 30px 0
}

[data-page="capabilities"] section#gappson p {
 margin-bottom: 30px
}

[data-page="capabilities"] section#gappson a {
 color: #3f9c35;
 text-decoration: none
}

 [data-page="capabilities"] section#gappson a svg {
 margin-right: 10px
 }

[data-page="capabilities"] section#gappson .links a {
 text-decoration: underline
}

[data-page="capabilities"] section#gappson .light-blue-box {
 background-color: #ADBCC6
}

 [data-page="capabilities"] section#gappson .light-blue-box h3, [data-page="capabilities"] section#gappson .light-blue-box p {
 color: white
 }

 [data-page="capabilities"] section#gappson .light-blue-box .flex-center {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100%
 }

[data-page="capabilities"] section#textex .row, [data-page="capabilities"] section#test-labs .row {
 margin: 100px 0
}

[data-page="capabilities"] section#textex h3, [data-page="capabilities"] section#test-labs h3 {
 max-width: 500px;
 line-height: 1.5;
 letter-spacing: 2px;
 font-weight: 700;
 text-transform: uppercase;
 font-size: 25px;
 margin-bottom: 20px
}

[data-page="capabilities"] section#textex hr, [data-page="capabilities"] section#test-labs hr {
 border-top: 1px solid #707070;
 margin: 30px 0
}

[data-page="capabilities"] section#textex p, [data-page="capabilities"] section#test-labs p {
 margin-bottom: 30px
}

[data-page="capabilities"] section#textex a, [data-page="capabilities"] section#test-labs a {
 color: #3f9c35;
 text-decoration: none
}

 [data-page="capabilities"] section#textex a svg, [data-page="capabilities"] section#test-labs a svg {
 margin-right: 10px
 }

[data-page="capabilities"] section#textex .links a, [data-page="capabilities"] section#test-labs .links a {
 text-decoration: none;
 display: block;
 color: black
}

[data-page="capabilities"] section#textex .light-blue-box, [data-page="capabilities"] section#test-labs .light-blue-box {
 background-color: #ADBCC6
}

 [data-page="capabilities"] section#textex .light-blue-box h3, [data-page="capabilities"] section#textex .light-blue-box p, [data-page="capabilities"] section#test-labs .light-blue-box h3, [data-page="capabilities"] section#test-labs .light-blue-box p {
 color: white
 }

 [data-page="capabilities"] section#textex .light-blue-box .flex-center, [data-page="capabilities"] section#test-labs .light-blue-box .flex-center {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100%
 }

[data-page="capabilities"] #process .content-container {
 padding-top: 20px
}

[data-page="capabilities"] #process .slider-wrap {
 display: flex;
 align-items: center
}

[data-page="capabilities"] #process .left-button, [data-page="capabilities"] #process .right-button {
 width: 5%;
 text-align: center
}

[data-page="capabilities"] #process .slick-list {
 width: 90%
}

[data-page="capabilities"] #process .step h3 {
 margin-bottom: 60px;
 font: 54px;
 letter-spacing: 0;
 color: #3f9c35;
 font-weight: 600
}

[data-page="capabilities"] #process .step .step-card {
 background: #B7BFC6;
 padding: 30px;
 padding-bottom: 60px;
 position: relative
}

 [data-page="capabilities"] #process .step .step-card img {
 margin-bottom: 35px
 }

 [data-page="capabilities"] #process .step .step-card h4 {
 font-size: 21px;
 letter-spacing: 2.1px;
 color: #FFFFFF;
 text-transform: uppercase
 }

 [data-page="capabilities"] #process .step .step-card p {
 font-size: 18px;
 letter-spacing: 0;
 color: #FFFFFF;
 margin-bottom: 40px
 }

 [data-page="capabilities"] #process .step .step-card a {
 position: absolute;
 bottom: 30px;
 color: white;
 text-decoration: none
 }

 [data-page="capabilities"] #process .step .step-card a svg {
 margin-right: 10px
 }

[data-page="capabilities"] #process .steps {
 margin: 100px 0
}

[data-page="capabilities"] #references .references {
 padding-top: 50px;
 padding-bottom: 50px
}

[data-page="capabilities"] #references .content-container .row > div {
 border-left: 1px solid #969696
}

[data-page="capabilities"] #references .content-container q + img {
 margin-top: 50px
}

[data-page="capabilities"] #references .content-container img + q {
 margin-top: 50px
}

[data-page="capabilities"] #references q {
 display: block;
 font-size: 24px;
 color: white;
 padding-left: 30px;
 line-height: 1.6;
 max-width: 300px
}

 [data-page="capabilities"] #references q::before {
 content: "";
 background-image: url(../images/quote-icon.png);
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 width: 24px;
 height: 24px;
 display: block;
 margin-bottom: 15px
 }

 [data-page="capabilities"] #references q::after {
 content: "";
 background-image: url(/images/quote-icon.png);
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 width: 24px;
 height: 24px;
 display: block;
 margin-top: 15px;
 transform: rotate(180deg)
 }

[data-page="capabilities"] #related .content-container {
 padding-top: 20px
}

[data-page="capabilities"] #related .slider-wrap {
 display: flex;
 align-items: center
}

[data-page="capabilities"] #related .left-button, [data-page="capabilities"] #related .right-button {
 width: 5%;
 text-align: center
}

[data-page="capabilities"] #related .slick-list {
 width: 90%
}

[data-page="capabilities"] #related h3 {
 font-size: 28px;
 color: #3f9c35;
 margin-left: 55px
}

[data-page="capabilities"] #related .product hr {
 border-top: 1px solid #707070;
 margin-bottom: 30px
}

[data-page="capabilities"] #related .product h4 {
 font-size: 18px;
 line-height: 1.1;
 margin-bottom: 20px
}

.related-articles h5 {
 color: black;
 font-weight: 700;
 line-height: 1.3
}

.related-articles .img-bg {
 max-width: 100%;
 padding-top: 80%;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 margin-bottom: 30px
}

.related-products h5, .related-capabilities h5 {
 color: black;
 font-weight: 300;
 line-height: 1.2;
 margin-bottom: 20px
}

.related-products .img-bg, .related-capabilities .img-bg {
 max-width: 100%;
 padding-top: 80%;
 background-position: center;
 background-size: contain;
 background-repeat: no-repeat;
 margin-bottom: 30px
}

#dimensions th p {
 margin: 0
}

 #dimensions th p strong {
 font-weight: 600;
 line-height: 1.3
 }

#theory-of-operation hr {
 margin-bottom: 50px;
 margin-top: 30px;
 border-top: 1px solid #B4B4B4
}

#theory-of-operation .subtitle p {
 font-size: 18px;
 line-height: 1;
 color: #1D4F48
}

#theory-of-operation .content-container {
 padding-top: 20px
}

#theory-of-operation .body {
 margin-bottom: 30px
}

 #theory-of-operation .body h4 {
 font-size: 24px;
 color: #3f9c35;
 text-transform: uppercase;
 letter-spacing: 2px
 }

 #theory-of-operation .body p {
 color: black
 }

 #theory-of-operation .body:first-of-type {
 margin-bottom: 30px
 }

 #theory-of-operation .body strong {
 color: #1D4F48
 }

#features .feature-block-content p, #features .feature-block-content ul, #features .feature-block-content ol {
 font-size: 14px
}

#videos .video-item {
 width: 350px;
 padding: 20px;
 box-sizing: border-box
}

#videos .slider-wrap {
 display: flex;
 align-items: center
}

 #videos .slider-wrap .slider-video-container h6 {
 margin-top: 20px;
 font-weight: 600;
 line-height: 34px
 }

 #videos .slider-wrap .slider-video-container .slider-video {
 position: relative;
 width: 100%;
 height: 0;
 padding-bottom: 56.25%
 }

 #videos .slider-wrap .slider-video-container .slider-video .slider-video-iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%
 }

#videos .left-button, #videos .right-button {
 width: 5%;
 text-align: center
}

#videos .slick-list {
 width: 90%
}

#features .align-bottom {
 display: flex;
 align-items: flex-end
}

#features .align-center {
 display: flex;
 align-items: center
}

#features .align-top {
 padding: 55px
}

div > .gallery-container {
 padding: 30px 20px
}

.selectors {
 width: 70px;
 margin: 10px 0
}

.zoom-gallery {
 text-align: center;
 display: flex;
 margin: 0
}

 .zoom-gallery > div {
 display: table-cell;
 vertical-align: top
 }

.zoom-gallery-slide {
 display: none !important
}

 .zoom-gallery-slide.active {
 display: block !important;
 max-width: 500px;
 right: 150px;
 margin-left: 50px
 }

.zoom-gallery .video-slide {
 padding-bottom: 33.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
 left: 180px;
 top: 173px
}

 .zoom-gallery .video-slide iframe, .zoom-gallery .video-slide object, .zoom-gallery .video-slide embed {
 position: absolute;
 top: 0;
 left: 0;
 top: 133px;
 left: 174px
 }

.zoom-gallery .selectors {
 text-align: center;
 margin: 12px -43px
}

 .zoom-gallery .selectors a {
 margin: 5px;
 border: 1px solid transparent;
 display: inline-block
 }

 .zoom-gallery .selectors img {
 box-shadow: none !important;
 filter: none !important;
 -webkit-filter: none !important;
 }

 .zoom-gallery .selectors a[data-slide-id=video-1], .zoom-gallery .selectors a[data-slide-id=video-2] {
 position: relative
 }

 .zoom-gallery .selectors a[data-slide-id=video-1] img, .zoom-gallery .selectors a[data-slide-id=video-2] img {
 opacity: 1.8
 }

 .zoom-gallery .selectors a span {
 position: absolute;
 color: #fff;
 text-shadow: 0px 1px 10px #000;
 top: 50%;
 left: 50%;
 display: inline-block;
 transform: translateY(-50%) translateX(-50%);
 -webkit-transform: translateY(-50%) translateX(-50%);
 font-size: 30px;
 z-index: 100
 }

div.addscroll {
 height: 375px;
 width: 92px;
 overflow: auto;
 overflow-x: hidden
}

.force-overflow {
 min-height: 650px
}

#scrollbar::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
 background-color: #F5F5F5;
 border-radius: 1px
}

#scrollbar::-webkit-scrollbar {
 width: 8px;
 background-color: #F5F5F5
}

#scrollbar::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background-color: #FFF;
 background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#47b372), to(#47b372), color-stop(0.6, #47b372))
}

.video-thumbnail {
 position: relative;
 display: inline-block;
 float: left;
 margin-left: 6px;
 margin-right: 10px
}

 .video-thumbnail .play-button {
 position: absolute;
 width: 43px;
 height: 42px;
 background-color: rgba(0,0,0,0.25);
 border-radius: 100%;
 top: 60%;
 left: 62%;
 margin: -30px 0 0 -30px;
 cursor: pointer
 }

 .video-thumbnail .play-button:after {
 content: '';
 display: block;
 position: absolute;
 left: 18px;
 top: 7px;
 border-width: 14px;
 border-style: solid;
 border-color: transparent transparent transparent white
 }

 .video-thumbnail .play-button:hover {
 background-color: #c4302b
 }

#drawingsModels .row {
 display: flex !important;
 flex-wrap: wrap !important;
 margin-right: -15px !important;
 margin-left: -15px !important;
 padding-left: 0px !important
}

#related-content h3 {
 border-bottom: none !important
}

.related-articles h5 {
 font-weight: 300 !important
}

div#headingOne {
 border-bottom: none
}

.productsaccordion {
 width: -webkit-fill-available;
 margin: 50px auto;
 box-shadow: none
}

 .productsaccordion .card, .productsaccordion .card:last-child .card-header {
 border: none
 }

 .productsaccordion .card-header {
 border-bottom-color: #EDEFF0;
 background: transparent
 }

 .productsaccordion .fa-stack {
 font-size: 18px
 }

 .productsaccordion .btn {
 font-weight: bold;
 color: #737373;
 padding: 0
 }

 .productsaccordion .btn-link:hover, .productsaccordion .btn-link:focus {
 text-decoration: none
 }

 .productsaccordion li + li {
 margin-top: 10px
 }

.panel-title > button:before {
 float: right !important;
 font-family: FontAwesome;
 content: "\f068";
 padding-top: 2px;
 display: inline-block;
 background-color: #aeaeb7;
 width: 27px;
 height: 26px;
 border-radius: 50%
}

.panel-title > button.collapsed:before {
 float: right !important;
 content: "\f067";
 color: white;
 display: inline-block;
 background-color: #47b372;
 width: 27px;
 height: 27px;
 border-radius: 50%
}

.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {
 text-decoration: none
}

@media (min-width: 992px) {
 #theory-of-operation .subtitle p {
 font-size: 24px;
 line-height: 1.2
 }
}

@media only screen and (max-width: 320px) and (min-width: 280px) {
 #product-info .zoom-gallery-slide {
 max-width: 154px !important;
 margin-top: 20px !important;
 margin-right: -79px !important
 }

 #product-info .zoom-gallery .video-slide iframe {
 width: 155px !important;
 height: 87px !important;
 top: 181px !important;
 left: 86px !important
 }

 #product-info h1 {
 font-size: 24px;
 font-weight: 700;
 font-family: "Open Sans", sans-serif !important
 }
}

@media (max-width: 576px) {
 #product-info .zoom-gallery-slide {
 width: 93% !important;
 margin-top: 15px;
 margin-top: 15px;
 margin-right: -90px;
 float: initial
 }

 #product-info .zoom-gallery .video-slide iframe {
 position: absolute;
 width: 229px;
 height: 120px;
 top: 114px;
 left: 97px
 }

 .page-menu.secondary-page-menu {
 z-index: 99;
 position: initial
 }

 #product-info h1 {
 font-size: 24px;
 font-weight: 700;
 font-family: "Open Sans", sans-serif !important
 }

 .downloads-accordian {
 margin-left: -96px;
 margin-top: -57px
 }

 .downloads-items {
 background-color: transparent;
 margin-left: -25px
 }

 #features .addpwidth {
 max-width: 95%
 }
}

@media (min-width: 768px) {
 #product-info .zoom-gallery-slide {
 max-width: 430px;
 margin-right: 136px;
 margin-top: -8px;
 float: right
 }

 .zoom-gallery .video-slide iframe {
 position: absolute;
 width: 400px;
 height: 200px;
 top: 80px;
 left: 170px
 }

 .downloads-accordian {
 margin-top: -60px;
 margin-left: -101px
 }

 .downloads-items {
 background-color: transparent;
 margin-left: -25px
 }

 .page-menu.secondary-page-menu {
 z-index: 99;
 position: initial
 }

 #features .addpwidth {
 max-width: 100%
 }

 #product-info h1 {
 font-size: 24px;
 font-weight: 700;
 font-family: "Open Sans", sans-serif !important
 }
}

@media (min-width: 992px) {
 #product-info .zoom-gallery-slide {
 max-width: 450px;
 margin-right: 2px;
 float: right
 }

 #product-info .zoom-gallery .video-slide iframe {
 position: absolute;
 width: 399px;
 height: 200px;
 top: 116px;
 left: 183px
 }

 .page-menu.secondary-page-menu {
 z-index: 99;
 position: initial
 }

 #product-info h1 {
 font-size: 32px;
 font-weight: 700;
 font-family: "Open Sans", sans-serif !important
 }

 #product-info .middle-container h6 {
 font-size: 18px;
 font-weight: 700
 }

 .downloads-accordian {
 margin-top: -60px;
 margin-left: -39px
 }

 .downloads-items {
 background-color: transparent;
 margin-left: -25px
 }
}

@media (min-width: 1200px) {
 #product-info .zoom-gallery-slide {
 max-width: 450px;
 margin-right: 136px;
 float: right;
 margin-top: -13px
 }

 #product-info .zoom-gallery .video-slide iframe {
 position: absolute;
 width: 500px;
 height: 243px;
 top: 108px;
 left: 183px
 }

 .page-menu.secondary-page-menu {
 z-index: 99;
 position: sticky;
 top: 53px
 }

 .downloads-items {
 background-color: transparent;
 margin-left: -25px
 }
}

@media (min-width: 1300px) {
 #product-info .zoom-gallery-slide {
 max-width: 530px;
 margin-right: 66px;
 float: right;
 margin-top: -20px
 }

 #product-info .zoom-gallery .video-slide iframe {
 position: absolute;
 width: 550px;
 height: 283px;
 top: 100px;
 left: 188px
 }

 .page-menu.secondary-page-menu {
 z-index: 99;
 position: sticky;
 top: 92px
 }

 .downloads-items {
 background-color: transparent;
 margin-left: -25px
 }
}

.homepage-hero {
 background-color: #1D4F48;
 overflow: hidden
}

 .homepage-hero .homepage-hero-container {
 display: table;
 height: 725px;
 width: 100%
 }

 .homepage-hero .homepage-hero-container .homepage-hero-content {
 position: relative;
 display: table-cell;
 vertical-align: top;
 width: 100%
 }

.homepage-solutions {
 padding: 50px 0 20px 0;
 background-color: #FFFFFF
}

 .homepage-solutions .block-header-text {
 height: 75px;
 text-align: center
 }

 .homepage-solutions .solutions-image-big {
 height: 420px;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center
 }

 .homepage-solutions .solutions-image {
 height: 320px;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center
 }

 .homepage-solutions .bottom-container {
 height: 100%
 }

 .homepage-solutions .solutions-content-big .solutions-content-text {
 padding: 30px 20px
 }

 .homepage-solutions .solutions-content-big .solutions-content-text h3 {
 font-size: 26px;
 line-height: 26px
 }

 .homepage-solutions .solutions-content-big .solutions-content-text p {
 color: #707070;
 font-weight: 700
 }

 .homepage-solutions .solutions-content-big .solutions-content-text a {
 text-decoration: none
 }

 .homepage-solutions .solutions-content-small .solutions-content-text {
 padding: 30px 20px
 }

 .homepage-solutions .solutions-content-small .solutions-content-text h3 {
 font-size: 26px;
 line-height: 26px
 }

 .homepage-solutions .solutions-content-small .solutions-content-text p {
 color: #707070;
 font-weight: 700
 }

 .homepage-solutions .solutions-content-small .solutions-content-text a {
 text-decoration: none
 }

.homepage-brands {
 padding: 0;
 background-color: #FFFFFF
}

 .homepage-brands .block-header-text {
 margin-bottom: 50px
 }

 .homepage-brands ul.spx-bullets li {
 margin: 10px 0
 }

.featured-product {
 background-color: #1D4F48;
 overflow: hidden
}

 .featured-product h2 {
 color: #FFFFFF;
 font-size: 40px
 }

 .featured-product .featured-product-image {
 margin: -200px 0 0 0
 }

 .featured-product a {
 text-decoration: none;
 color: #FFFFFF
 }

 .featured-product a:hover {
 color: #1D4F48
 }

 .featured-product a icon, .featured-product a svg {
 color: #FFFFFF
 }

#homepage-featured .section-block-body .row {
 margin-left: -10px;
 margin-right: -10px
}

 #homepage-featured .section-block-body .row > [class*=col-] {
 padding-left: 10px;
 padding-right: 10px
 }

#homepage-featured .section-block-body .flex-grow-1 .h-100 {
 height: auto !important
}

.header-text-industries {
 background-color: #ededed !important
}

.Home-page-tag {
 color: white
}

.industries-page-tag {
 color: #1A1A1A
}

.industry-bg-color {
 color: #1D4F48
}

.industries-learnmore {
 color: #1d4f48 !important
}

.solutioncity {
 max-width: 100%;
 width: 100%;
 margin-left: 0px
}

@media (min-width: 768px) {
 #homepage-featured .section-block-body {
 position: relative;
 background-color: initial
 }

 #homepage-featured .section-block-body::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 85%;
 background-color: #EDEDED;
 z-index: 0
 }

 #homepage-featured .section-block-body .block-header {
 position: relative;
 z-index: 1
 }

 #homepage-featured .section-block-body .flex-grow-1 .h-100 {
 height: 100% !important
 }
}

@media (min-width: 992px) {
 .homepage-hero .homepage-hero-container {
 height: 500px
 }

 .homepage-hero .homepage-hero-container .carousel .slides .slide {
 width: 35%
 }

 .homepage-hero .homepage-hero-container .carousel .slides .slide h2 {
 font-size: 80px;
 line-height: 80px
 }

 .homepage-hero .homepage-hero-container .carousel .slides .slide .green-bar {
 position: relative;
 display: inline-block;
 background-color: #FFFFFF;
 color: #1D4F48;
 padding: 5px 50px 5px 0;
 font-weight: 600;
 text-transform: uppercase;
 z-index: 0
 }

 .homepage-hero .homepage-hero-container .carousel .slides .slide .green-bar:before {
 content: '';
 position: absolute;
 z-index: -1;
 top: 0;
 right: calc(100% - 2px);
 height: 100%;
 width: 50vw;
 background-color: #FFFFFF
 }

 .homepage-solutions {
 padding: 100px 0
 }

 .homepage-solutions .block-header-text {
 height: 100px
 }

 .homepage-solutions .solutions-image.dip-bottom {
 margin-bottom: -30px
 }

 .homepage-solutions .solutions-content-big {
 min-height: 290px;
 overflow: hidden
 }

 .homepage-solutions .solutions-content-big .solutions-content-text {
 border-left: solid 1px #B4B4B4;
 padding: 30px 40px 30px 20px;
 margin-left: 15px
 }

 .homepage-solutions .solutions-content-small .solutions-content-text {
 border-left: solid 1px #B4B4B4;
 padding: 30px 40px 30px 20px;
 margin-left: 15px
 }

 .homepage-brands {
 padding: 0
 }

 .homepage-brands .content-container {
 padding-bottom: 0
 }

 .featured-product h2 {
 font-size: 62px
 }
}

@media (min-width: 1200px) {
 .homepage-hero .homepage-hero-container {
 height: 700px
 }

 .homepage-solutions .solutions-content-big .solutions-content-text h3, .homepage-solutions .solutions-content-small .solutions-content-text h3 {
 font-size: 32px;
 line-height: 36px
 }

 .homepage-solutions .solutions-content-big .solutions-content-text {
 padding: 30px 180px 30px 30px;
 margin-left: 50px
 }

 .homepage-solutions .solutions-content-small .solutions-content-text {
 padding: 30px;
 margin-left: 50px
 }
}

@media (min-width: 1300px) {
 .solutioncity {
 max-width: 100%;
 width: 100%;
 margin-left: 0px
 }
}

@media (min-width: 1800px) {
 .solutioncity {
 max-width: 103%;
 width: 137%;
 margin-left: -33px
 }
}

.table-borderless {
 border: 0
}

.header-cta {
 cursor: pointer
}

 .header-cta .title {
 font-size: 24px;
 line-height: 26px;
 font-weight: 700
 }

 .header-cta .caption {
 color: #555555;
 font-size: 18px
 }

.hero-image {
 height: 250px;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat
}

.product-card {
 border-top: 1px solid black;
 margin: 0 0 35px 0;
 transition: 0.25s all
}

 .product-card:hover {
 cursor: pointer
 }

 .product-card .product-title {
 padding: 10px 0;
 height: 67px;
 overflow: hidden
 }

 .product-card .product-image-container {
 height: 200px
 }

 .product-card .product-image-container img {
 display: block;
 margin: 0 auto;
 width: auto;
 max-width: 100%;
 max-height: 200px;
 object-fit: contain
 }

#productsFilter {
 text-align: left;
 padding: 20px
}

 #productsFilter .filter-wrap {
 padding: 10px 0 0
 }

 #productsFilter hr {
 display: none
 }

 #productsFilter .filter-header {
 display: inline-block;
 vertical-align: middle;
 font-size: 16px;
 line-height: 20px;
 margin: 0;
 text-transform: uppercase
 }

 #productsFilter .dropdown-trigger {
 display: inline-block;
 vertical-align: middle;
 padding: 5px;
 font-size: 20px;
 color: #1D4F48
 }

 #productsFilter .dropdown-trigger.active i, #productsFilter .dropdown-trigger.active svg {
 transform: rotate(180deg)
 }

 #productsFilter .dropdown-trigger i, #productsFilter .dropdown-trigger svg {
 transform: rotate(0deg);
 transition: .3s ease all
 }

 #productsFilter table {
 display: none
 }

 #productsFilter td .product-filter-item {
 font-size: 14px;
 text-transform: uppercase;
 display: inline-block;
 vertical-align: middle;
 width: calc(100% - 20px);
 text-align: left;
 margin: 0;
 padding: 0 5px 0 0
 }

 #productsFilter td input[type="checkbox"] {
 display: inline-block;
 vertical-align: middle;
 text-align: right
 }

 #productsFilter .btn-secondary {
 color: #fff;
 background-color: #ABA5A5;
 border-color: #ABA5A5
 }

 #productsFilter .btn-secondary:hover {
 color: #fff;
 background-color: #ABA5A5 !important;
 border-color: #ABA5A5 !important
 }

#resultsTitle {
 margin: 15px;
 text-transform: uppercase;
}

#productsContentContainer {
 padding-top: 0;
 padding: 0;
 background-color: #FFFFFF
}

#productResults {
 padding-top: 20px;
 margin: 0
}

 #productResults .product-wrap {
 display: block !important
 }

#productsFilter, #resultsHeader, #productResults {
 background: #FFFFFF
}

@media (min-width: 567px) {
 .product-list-header .product-title {
 display: inline-block;
 width: auto;
 text-align: left
 }

 .header-cta {
 max-width: 40%;
 float: right;
 width: auto;
 text-align: left;
 margin: -15px 20px 0 0
 }

 .header-cta .title {
 font-size: 24px;
 line-height: 26px
 }

 .header-cta .caption {
 font-size: 18px
 }
}

@media (min-width: 992px) {
 .product-filter {
 float: left;
 width: 350px
 }

 .product-filter.sticky {
 top: 0;
 width: 350px
 }

 .product-filter.sticky.no-breadcrumb {
 top: 0
 }

 .product-results {
 float: right;
 width: calc(100% - 350px)
 }

 #productResults {
 padding-top: 50px
 }

 #productsContentContainer {
 background-color: #D8D2D2
 }

 .hero-image {
 height: 400px
 }

 #productsFilter {
 padding: 40px 25px
 }

 #productsFilter .filter-wrap {
 width: 100%;
 display: block
 }

 #productsFilter hr {
 display: block
 }

 #productsFilter .filter-header {
 display: block;
 letter-spacing: 1px;
 font-size: 18px;
 line-height: 22px
 }

 #productsFilter .dropdown-trigger {
 display: none
 }

 #productsFilter table {
 display: table
 }

 #productsFilter td {
 padding: 10px 0;
 text-align: left
 }

 #resultsHeader {
 border-color: #888;
 border-style: solid;
 border-width: 0px 0px 1px 1px;
 padding: 0 0 0 25px
 }
}

@media (min-width: 1200px) {
 .product-filter {
 width: 450px
 }

 .product-filter.sticky {
 top: 40px;
 width: 450px
 }

 .product-results {
 width: calc(100% - 450px)
 }

 #productsFilter {
 padding: 40px 60px
 }

 .header-cta .title {
 font-size: 32px;
 line-height: 36px
 }

 .header-cta .caption {
 font-size: 24px
 }
}

.slider-wrap .left-button, .slider-wrap .right-button {
 cursor: pointer
}

 .slider-wrap .left-button:hover i, .slider-wrap .left-button:hover svg, .slider-wrap .right-button:hover i, .slider-wrap .right-button:hover svg {
 color: #12312d
 }

 .slider-wrap .left-button i, .slider-wrap .left-button svg, .slider-wrap .right-button i, .slider-wrap .right-button svg {
 transition: color 250ms;
 color: #1D4F48;
 font-size: 20px;
 transition: color 250ms
 }

.slider-wrap .slick-list {
 margin: 0 auto;
 width: 100%
}

 .slider-wrap .slick-list .slick-slide {
 padding: 0 10px
 }

 .slider-wrap .slick-list .slick-slide .img-wrap {
 margin-bottom: 10px;
 vertical-align: middle
 }

 .slider-wrap .slick-list .slick-slide .img-wrap img {
 margin: 0 auto
 }

#gallery .slider-wrap {
 text-align: center
}

 #gallery .slider-wrap .slick-slide {
 float: none;
 display: inline-block;
 vertical-align: middle
 }

 #gallery .slider-wrap .slick-slide .img-wrap {
 padding: 10px;
 border: 1px solid #707070;
 background: #fff
 }

.related-products .slider-wrap .slick-list .slick-slide, .related-capabilities .slider-wrap .slick-list .slick-slide {
 padding: 0;
 margin: 0 10px
}

 .related-products .slider-wrap .slick-list .slick-slide .img-wrap, .related-capabilities .slider-wrap .slick-list .slick-slide .img-wrap {
 margin-top: 10px
 }

.green-container {
 background-color: #47b372;
 color: #1D4F48;
 padding: 30px
}

 .green-container .button {
 background-color: #1D4F48;
 color: #FFFFFF
 }

 .green-container .button:hover {
 background-color: #ebebeb
 }

 .green-container h2 {
 color: #1D4F48
 }

.middle-container {
 display: table;
 width: 100%
}

 .middle-container .container-content {
 display: table-cell;
 vertical-align: middle
 }

.bottom-container {
 display: table;
 width: 100%
}

 .bottom-container .container-content {
 display: table-cell;
 vertical-align: bottom
 }

#where-to-buy-modal .modal-body .location-message {
 margin: 5px 0 -10px 0;
 text-align: right
}

 #where-to-buy-modal .modal-body .location-message a {
 color: #FFFFFF;
 text-decoration: none
 }

 #where-to-buy-modal .modal-body .location-message a:hover {
 text-decoration: underline
 }

#where-to-buy-modal .modal-body #display-results {
 background-color: #1D4F48;
 border: none;
 color: #FFFFFF;
 padding: 5px 10px;
 text-transform: uppercase;
 height: 36px;
 margin: 0 0 10px 0;
 display: inline-block
}

#where-to-buy-modal .modal-body .location-options select {
 background-color: #1D4F48;
 border: none;
 color: #FFFFFF;
 padding: 5px 10px;
 text-transform: uppercase;
 width: 100%;
 height: 36px;
 margin: 0 0 10px 0
}

#where-to-buy-modal .modal-body .location-options input[type=text] {
 background-color: #1D4F48;
 border: none;
 color: #FFFFFF;
 padding: 5px 10px;
 width: 150px;
 height: 36px
}

 #where-to-buy-modal .modal-body .location-options input[type=text]::placeholder {
 color: #3fac9d;
 opacity: 1
 }

#where-to-buy-modal .modal-body .location-options .secondary-location-options select {
 display: none
}

#where-to-buy-modal .modal-body .location-options .secondary-location-options input[type=text] {
 display: none
}

#where-to-buy-modal .modal-body .location-options #display-results {
 display: none
}

#where-to-buy-modal .modal-body .location-results-container {
 position: relative;
 background-color: #FFFFFF;
 height: 300px;
 padding: 20px;
 margin-top: 2px
}

 #where-to-buy-modal .modal-body .location-results-container .location-results {
 display: none
 }

 #where-to-buy-modal .modal-body .location-results-container .location-results .location-box-container .location-box {
 background-color: #e9e5e5;
 padding: 10px;
 height: 100%
 }

 #where-to-buy-modal .modal-body .location-results-container .location-results h4 {
 font-family: "Barlow Semi Condensed", sans-serif;
 color: #1D4F48;
 border-bottom: solid 1px #B4B4B4;
 font-size: 27px;
 padding: 15px 0;
 margin-bottom: 15px
 }

 #where-to-buy-modal .modal-body .location-results-container .location-results iframe {
 width: 100%;
 height: 360px
 }

 #where-to-buy-modal .modal-body .location-results-container .location-results #location-results {
 overflow-y: scroll;
 overflow-x: hidden;
 height: 250px
 }

 #where-to-buy-modal .modal-body .location-results-container .location-results #location-results a {
 text-decoration: none
 }

 #where-to-buy-modal .modal-body .location-results-container .location-results #location-results a:hover {
 text-decoration: underline
 }

 #where-to-buy-modal .modal-body .location-results-container .location-results #location-results a.location-result-display-name:hover {
 color: #E7453C;
 text-decoration: none
 }

 #where-to-buy-modal .modal-body .location-results-container .location-results #location-results .location-result-display-name {
 color: #000000;
 font-weight: 700
 }

 #where-to-buy-modal .modal-body .location-results-container .location-results #location-results .location-result-display-name i, #where-to-buy-modal .modal-body .location-results-container .location-results #location-results .location-result-display-name svg {
 color: #E7453C
 }

 #where-to-buy-modal .modal-body .location-results-container .location-results #location-results .location-result-display-address {
 margin: 0 0 0 15px
 }

.product-list .product {
 margin: 20px 0;
 text-decoration: none;
 min-height: 250px;
 display: block;
 transition: background-color 250ms
}

 .product-list .product:hover .product-title {
 color: #1D4F48
 }

 .product-list .product .product-title {
 font-size: 24px;
 margin-bottom: 20px;
 padding: 20px 0;
 color: #1A1A1A;
 background-color: #FFFFFF;
 transition: color 250ms
 }

#product-info h1 {
 font-size: 24px
}

#product-info img {
 height: auto;
 width: auto;
 max-height: 450px;
 margin: 15px 0
}

#product-info #Zoom-1 img {
 max-width: 500px !important
}

#product-info .middle-container {
 text-align: left
}

 #product-info .middle-container h6 {
 margin: 15px 0;
 text-transform: uppercase
 }

#product-info .bottom-container {
 height: 130px
}

#product-info .green-container {
 margin: 30px 0 0 0
}

 #product-info .green-container h4 {
 margin-bottom: 10px;
 font-size: 24px
 }

 #product-info .green-container .button {
 display: inline-block;
 margin-top: 20px
 }

#features .section-container .section-block-body {
 overflow: hidden
}

#features .image-container {
 padding: 20px 0;
 text-align: center
}

#features .feature-block-content {
 font-size: 14px;
 line-height: 28px
}

#drawings .drawing-type strong {
 text-transform: uppercase;
 letter-spacing: 1px;
 font-size: 21px
}

#drawings .drawing-title {
 font-size: 21px;
 font-weight: 700
}

#drawings.dark-gray-block {
 color: #fff
}

 #drawings.dark-gray-block a {
 color: #fff
 }

#drawings .block-header .close-section {
 color: #fff !important
}

#drawings .drawing-type strong {
 color: #C9D5DE
}

#specifications table p {
 margin: 5px 0
}

#downloads .category-title {
 color: #1D4F48;
 text-transform: uppercase;
 letter-spacing: 2px;
 margin-bottom: 5px;
 font-size: 24px
}

#dimensions table {
 margin: 10px 0
}

#dimensions .dropdown .btn-secondary {
 background: #1D4F48;
 border: none;
 margin: 10px 0
}

#dimensions .dimensions-content-section h2 {
 color: #1D4F48;
 font-size: 36px
}

#related-content h3 {
 padding-bottom: 25px;
 margin-bottom: 40px;
 border-bottom: 1px solid #1A1A1A
}

#related-content a {
 text-decoration: none
}

#related-content .related-products, #related-content .related-capabilities {
 padding-top: 80px
}

 #related-content .related-products h3, #related-content .related-capabilities h3 {
 border-bottom: none;
 padding-bottom: 0
 }

@media (min-width: 567px) {
 .slider-wrap .left-button i, .slider-wrap .left-button svg, .slider-wrap .right-button i, .slider-wrap .right-button svg {
 font-size: 30px
 }
}

@media (min-width: 992px) {
 #product-info h1 {
 font-size: 54px;
 margin-bottom: 20px
 }

 #features .feature-block-content {
 float: left;
 width: 100%;
 }

 #features .image-container {
 float: left;
 width: 50%;
 text-align: right;
 padding: 0
 }

 #dimensions table {
 display: table
 }

 #where-to-buy-modal .modal-body .location-options select {
 margin: 0 10px 10px 0;
 width: auto
 }

 #where-to-buy-modal .modal-body .location-results-container .location-results h4 {
 font-size: 36px;
 padding: 15px 0
 }
}

@media (min-width: 1200px) {
 #product-info .middle-container {
 padding-right: 50px
 }
}

[data-page="products"] .hero-image {
 height: 75px
}

[data-page="products"] #resultsTitle {
 font-weight: 600
}

[data-page="products"] #content-wrapper-inner {
 background-color: white
}

[data-page="products"] #productTitle {
 text-align: left;
 font-size: 24px;
 color: #1A1A1A;
 opacity: 1;
 margin-bottom: 0;
 margin-top: 20px
}

[data-page="products"] .product-card {
 border-top: 1px solid #707070;
 margin: 0 0 30px 0;
 transition: 0.25s all;
 padding-top: 25px
}

[data-page="products"] #productsFilter .checkbox {
 display: inline-block;
 position: relative
}

 [data-page="products"] #productsFilter .checkbox label {
 width: 20px;
 height: 20px;
 cursor: pointer;
 position: absolute;
 top: 0;
 left: 0;
 background: #fcfff4;
 background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
 border-radius: 4px;
 box-shadow: inset 0px 1px 1px white,0px 1px 3px rgba(0,0,0,0.5)
 }

 [data-page="products"] #productsFilter .checkbox label:after {
 content: '';
 width: 9px;
 height: 5px;
 position: absolute;
 top: 6px;
 left: 5px;
 border: 3px solid #333;
 border-top: none;
 border-right: none;
 background: transparent;
 opacity: 0;
 transform: rotate(-45deg)
 }

 [data-page="products"] #productsFilter .checkbox label:hover::after {
 opacity: 0.5
 }

 [data-page="products"] #productsFilter .checkbox input[type=checkbox] {
 visibility: hidden
 }

 [data-page="products"] #productsFilter .checkbox input[type=checkbox]:checked + label:after {
 opacity: 1
 }

[data-page="products"] #productsFilter .product-filter-item {
 font-size: 16px;
 color: #1A1A1A
}

 [data-page="products"] #productsFilter .product-filter-item:hover {
 cursor: pointer
 }

[data-page="products"] #productsFilter .filter-wrap {
 padding: 0
}

[data-page="products"] #productsFilter .filter-header {
 font-weight: 800;
 letter-spacing: 2px
}

[data-page="products"] #productsFilter hr {
 margin: 30px 0;
 border-top: 2px solid rgba(0,0,0,0.2)
}

.page-header.product-list-header .section-container .content-container {
 height: auto
}

#resources {
 margin-bottom: -10px
}

 #resources .tool-resource {
 margin-bottom: 40px
 }

 #resources .tool-resource .resource-name {
 color: #1A1A1A;
 font-size: 24px;
 margin-bottom: 20px
 }

 #resources .tool-resource a {
 text-decoration: none;
 font-weight: 600
 }

.product-section .content-container a.product {
 display: block;
 text-decoration: none;
 height: 150px;
 width: 100%;
 text-align: center;
 margin-bottom: 20px;
 background-color: #D8D2D2;
 background-image: url("/images/spx-half-x.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: -80px;
 transition: 250ms background-position;
 overflow: hidden
}

 .product-section .content-container a.product .product-title {
 width: 100%;
 padding: 0 10px;
 background: transparent;
 color: #707070;
 font-size: 20px;
 font-family: "Open Sans", sans-serif;
 text-transform: uppercase;
 font-weight: 700;
 transform: scale(1);
 transition: 250ms transform
 }

 .product-section .content-container a.product:hover {
 text-decoration: none;
 background-position: -30px
 }

 .product-section .content-container a.product:hover .product-title {
 transform: scale(1.15)
 }

.product-section .content-container h4 {
 font-size: 20px;
 line-height: 30px;
 margin-bottom: 10px;
 font-weight: 700;
 text-transform: uppercase;
 transition: 250ms transform;
 margin-top: 10px;
 text-align: center
}

 .product-section .content-container h4 a {
 color: #707070;
 text-decoration: none
 }

.service-section .section-container h4 {
 font-size: 24px;
 line-height: 30px;
 margin-bottom: 10px;
 font-weight: 700
}

 .service-section .section-container h4 a {
 color: #1A1A1A;
 text-decoration: none
 }

.service-section .section-container a.cta-link {
 text-decoration: none;
 font-weight: 700
}

.industry-section .section-container h4 {
 font-size: 36px;
 line-height: 36px;
 font-weight: 400;
 font-family: "Barlow Semi Condensed", sans-serif;
 margin-top: 15px;
 margin-bottom: 10px
}

.industry-section .section-container a.cta-link {
 text-decoration: none;
 font-weight: 700
}

.solutions-section .section-container .section-block-body {
 position: relative
}

 .solutions-section .section-container .section-block-body::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 80%;
 background-color: #D8D2D2;
 z-index: 0
 }

 .solutions-section .section-container .section-block-body .block-header {
 position: relative;
 z-index: 1
 }

.solutions-section .section-container .green-box {
 margin-bottom: 30px
}

.solutions-section .section-container .solution-item {
 background: #1D4F48;
 color: #fff;
 padding: 30px 20px
}

 .solutions-section .section-container .solution-item .solution-image {
 height: 250px;
 width: 100%;
 background-size: cover;
 background-position: center;
 margin-bottom: 20px
 }

 .solutions-section .section-container .solution-item h4 {
 text-transform: uppercase;
 font-size: 21px;
 margin-bottom: 10px
 }

 .solutions-section .section-container .solution-item a.cta-link {
 color: #fff;
 text-decoration: none;
 font-weight: 700
 }

#products .product-card {
 border-top: 1px solid #707070;
 margin: 0 0 30px 0;
 transition: 0.25s all;
 padding-top: 25px
}

#products #productTitle {
 text-align: left;
 font-size: 24px;
 color: #646363;
 opacity: 1;
 margin-bottom: 0;
 margin-top: 20px
}

#relatedbrands .product-card {
 border-top: 1px solid #707070;
 margin: 0 0 30px 0;
 transition: 0.25s all;
 padding-top: 25px
}

#relatedbrands #productTitle {
 text-align: left;
 font-size: 24px;
 color: #646363;
 opacity: 1;
 margin-bottom: 0;
 margin-top: 20px
}

#industries .industry-image {
 height: 180px;
 width: 100%;
 background-size: cover;
 background-position: center
}

#capabilities .capability-image {
 height: 220px;
 width: 100%;
 background-size: cover;
 background-position: center
}

.news-section .border {
 height: 100%;
 border-color: #707070 !important;
 padding: 30px;
 margin-bottom: 30px
}

.news-section h3 {
 margin-bottom: 20px
}

.news-section .event-date .month {
 font-size: 24px;
 text-transform: uppercase;
 font-weight: 700;
 color: #707070;
 margin-left: 5px;
 padding-bottom: 5px
}

.news-section .event-date .day {
 font-family: "Barlow Semi Condensed", sans-serif;
 font-size: 72px;
 line-height: 70px;
 margin-bottom: 15px;
 color: #1D4F48
}

.news-section .event-description {
 font-size: 16px;
 color: #707070
}

.news-section .event-description-toggle {
 font-size: 16px;
 font-weight: 600;
 text-decoration: none
}

.news-section .event-image {
 height: 250px;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat
}

.news-section .event-info h4 {
 font-size: 24px;
 line-height: 30px;
 margin-bottom: 10px
}

 .news-section .event-info h4 a {
 text-decoration: none;
 color: #1A1A1A
 }

.news-section .cta-bg {
 position: relative;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat
}

 .news-section .cta-bg:after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: rgba(100,99,99,0.75);
 z-index: 1
 }

 .news-section .cta-bg .row {
 position: relative;
 z-index: 2
 }

 .news-section .cta-bg h3 {
 color: #fff
 }

 .news-section .cta-bg a.button {
 display: inline-block;
 background: #fff;
 color: #1A1A1A;
 font-weight: 700;
 padding: 8px 30px
 }

.news-section a.cta-link {
 font-weight: 700;
 text-decoration: none
}

#videos .video-item {
 width: 350px;
 padding: 20px;
 box-sizing: border-box
}

#videos .slider-wrap {
 display: flex;
 align-items: center
}

 #videos .slider-wrap .slider-video-container h6 {
 margin-top: 20px;
 font-weight: 600;
 line-height: 34px
 }

 #videos .slider-wrap .slider-video-container .slider-video {
 position: relative;
 width: 100%;
 height: 0;
 padding-bottom: 56.25%
 }

 #videos .slider-wrap .slider-video-container .slider-video .slider-video-iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%
 }

#videos .left-button, #videos .right-button {
 width: 5%;
 text-align: center
}

#videos .slick-list {
 width: 90%
}

.video-thumbnail {
 position: relative;
 display: inline-block;
 float: left;
 margin-left: 6px;
 margin-right: 10px
}

 .video-thumbnail .play-button {
 position: absolute;
 width: 43px;
 height: 42px;
 background-color: rgba(0,0,0,0.25);
 border-radius: 100%;
 top: 60%;
 left: 62%;
 margin: -30px 0 0 -30px;
 cursor: pointer
 }

 .video-thumbnail .play-button:after {
 content: '';
 display: block;
 position: absolute;
 left: 18px;
 top: 7px;
 border-width: 14px;
 border-style: solid;
 border-color: transparent transparent transparent white
 }

 .video-thumbnail .play-button:hover {
 background-color: #c4302b
 }

@media (min-width: 567px) {
 .product-section .content-container a.product {
 height: 200px;
 margin-bottom: 30px
 }

 .product-section .content-container a.product .product-title {
 font-size: 22px
 }
}

@media (min-width: 768px) {
 .industry-section .section-container .border-top {
 border-top: 3px solid #1A1A1A
 }

 .news-section .event-image {
 height: 150px
 }
}

@media (min-width: 1200px) {
 .page-header.product-list-header .section-container .content-container {
 padding-bottom: 20px
 }
}





.scroll-notification {
 position: fixed;
 bottom: 20px;
 right: 110px;
 background: #fff;
 border: 2px solid #47b372;
 border-radius: 8px;
 box-shadow: 0 4px 12px rgba(0,0,0,0.15);
 max-width: 400px;
 z-index: 1000;
 animation: slideIn 0.3s ease-out;
}

.notification-header {
 padding: 20px 20px 10px 20px;
 position: relative;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}

.notification-controls {
 display: flex;
 gap: 10px;
}

.notification-form {
 padding: 0 20px 20px 20px;
 max-height: 500px;
 overflow-y: auto;
 transition: all 0.3s ease;
}

 .notification-form.collapsed {
 max-height: 0;
 padding: 0 20px;
 overflow: hidden;
 }

.notification-text h4 {
 margin: 0 0 8px 0;
 color: #1d4f48;
 font-size: 18px;
}

.notification-text p {
 margin: 0 0 15px 0;
 color: #000000;
 font-size: 14px;
 line-height: 24px;
}

.close-btn, .toggle-btn {
 background: none;
 border: none;
 font-size: 18px;
 color: #999;
 cursor: pointer;
 line-height: 1;
 padding: 5px;
 border-radius: 3px;
}

 .close-btn:hover, .toggle-btn:hover {
 color: #333;
 background: #f5f5f5;
 }

.toggle-btn {
 transition: transform 0.3s ease;
}

 .toggle-btn.rotated {
 transform: rotate(180deg);
 }

@@keyframes slideIn {
 from {
 transform: translateX(100%);
 opacity: 0;
 }

 to {
 transform: translateX(0);
 opacity: 1;
 }
}


.responsiveml5 {
 margin-left: 3rem !important;
}

.application-title {
 margin-bottom: 0.75rem;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 color: #1d4f48;
}

.application-grid .col-md-4 {
 border-right: none;
 padding-right: 1rem;
}


 .application-grid .col-md-4:nth-child(3n+1),
 .application-grid .col-md-4:nth-child(3n+2) {
 border-right: 1px solid #ccc;
 }


.application-grid .col-md-4:nth-child(n+4) {
 margin-top: 1.5rem;
 }

.form-control::placeholder {
 color: #d8d2d2;
}

button.btn.btn-outline-secondary {
 z-index: 999;
}

.input-group-append {
 margin-left: -48px;
}

a.card-button:hover {
 color: #ffffff;
 text-decoration: underline;
}

.btn-outline-secondary {
 color: black;
 background-color: transparent;
 background-image: none;
 font-size: 20px;
 border-color: transparent;
}

#prdpagevideos h4 {
 font-size: 1.5rem;
 margin-bottom: .5rem;
 font-family: inherit;
 font-weight: 500;
 line-height: 1.2;
 color: inherit;
}

.input-group-append {
 margin-left: -48px;
}

.signinTab {
 margin-left: 0px;
 width: 470px;
 height: 57px;
 padding: 0px 15px;
}

.followusTab {
 margin-left: 11px;
 width: 321px;
 height: 57px;
 padding: 0px 15px;
}

#events-section .blog-card-width {
 width: 22.2rem;
 margin: 0px 9px 5px 41px !important;
}


.carousel-control-prev-icon,
.carousel-control-next-icon {
 width: 35px;
 height: 35px;
 background-image: none;
 margin-top: -17px;
}

button:focus {
 outline: none !important;
}



.carousel-control-next-icon:after {
 content: '>';
 font-size: 55px;
 color: #ffffff;
}

.carousel-control-prev-icon:after {
 content: '<';
 font-size: 55px;
 color: #ffffff;
 margin-left: 35px;
}

.carousel-control-next {
 right: -40px;
 top: 0;
 text-decoration: none;
}

.brnd-logosize {
 margin-top: -9px;
 height: 83px;
}

.carousel-control-prev {
 left: -80px;
 top: 0;
 text-decoration: none;
}

.carousel {
 position: relative;
}

.carousel-inner {
 position: relative;
 width: 100%;
 overflow: hidden;
}

.carousel-indicators li {
 background-color: #1d4f48 !important;
 border: 5px solid #ffffff;
 border-radius: 60%;
 width: 12px;
 height: 12px;
}

.carousel-indicators .active {
 background-color: #000;
}

.Event-body a:hover {
 color: #1d4f48;
 text-decoration: none;
}

.accordion-title:hover {
 color: #1d4f48;
}

#latestblogs a:hover {
 color: #ffffff;
 text-decoration: underline;
}

button.btn.accordion-title:hover {
 color: #1d4f48;
}


.accordion-section.card.mb-4.ml-2.mr-3.textbehind-menu {
 border-bottom: 1px solid #dfdfdf !important;
}


a.blog-textcolor:hover {
 color: #ffffff;
}

h5 .stories-in-making {
 color: #1d4f48;
 text-align: -webkit-center;
 width: -webkit-fill-available;
}






.sticky-menu {
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 999;
 background-color: white; 
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 transition: all 0.3s ease;
}

a.Subscribe-button {
 text-decoration: none;
}

#allevents .card-text {
 margin-bottom: 1.75rem;
 color: #ffffff;
}

a {
 color: #1d4f48;
}

.resp-eventdesc .linkcss {
 border: none;
 padding: 8px 15px 8px 15px;
 background-color: #1d4f48;
 color: white;
 font-size: 15px;
 border-radius: 15px 0px 15px 0px;
 width: 100px;
 height: 31px;
 font-weight: 600;
 text-transform: uppercase;
 margin-top: 10px;
}

.resp-eventdesc a:hover {
 color: #ffffff;
}



.slick-initialized .slick-slide {
 display: block;
}

.carousel-item.m-0.slick-slide {
 width: 458px;
}

#myCarousel a.cta-link {
 font-size: 20px;
}

 #myCarousel a.cta-link:hover {
 color: #ffffff;
 }



.carousel-item.m-0.slick-slide.slick-current.slick-active {
 width: 292px;
}

.carousel-caption {
 position: relative;
 top: 30px;
 right: 15%;
 bottom: 30px;
 left: 100px;
 z-index: 10;
 padding-top: 0px;
 padding-bottom: 20px;
 color: #fff;
 text-align: center;
}

a.card-button-white:hover {
 color: #1d4f48;
}

a.allevents:hover {
 color: #1d4f48;
 text-decoration: underline;
}

#events-section .blog-card-width {
 width: 22.2rem;
 margin: auto;
}

.block-header-text h1 {
 background-color: white;
 width: 35%;
}

.block-header-text {
 background-color: #D8D2D2;
 color: #D8D2D2;
}

.bg-text-color {
 color: white;
 font-size: 39px;
 text-align: center;
 line-height: 81px;
}

.border-button-new {
 text-transform: uppercase !important;
 text-decoration: none !important;
 line-height: 150px;
}

.border-button-new {
 color: #ffffff !important;
 font-size: 15px;
 background-color: #47b372;
 border: 5px solid #47b372;
 padding: 4px 15px 4px 15px;
 border-radius: 15px 0px 15px 0px;
}

#relatedindus .card-body {
 max-height: 80px;
 min-height: 80px;
 background-color: #1d4f48;
 color: white;
 text-decoration: none;
}

#relatedindus a.blog-textcolor {
 color: white;
 overflow: hidden;
 text-overflow: ellipsis;
}

h5 a {
 color: #1d4f48;
}



a.card-button-white:hover {
 text-decoration: underline;
}

#solutionmakers .slick-prev {
 left: -25px;
}

#solutionmakers .slick-next {
 right: -25px;
}

.bg-text-paragraph {
 width: auto !important;
 display: inline-block;
 font-size: 17px;
 line-height: 30px;
 margin-left: 25px !important;
 margin-right: 25px;
 color: #ffffff;
}

#events-section .blog-card-text {
 display: -webkit-box;
 -webkit-line-clamp: 6;
 -webkit-box-orient: vertical;
 overflow: hidden;
 min-height: 168px;
 max-height: 168px;
 line-height: 28px;
}

h4#oure3 {
 color: #ffffff;
}

#allblogs .blog-read-more a:hover {
 color: #ffffff;
}

a.allnews-body:hover {
 color: #1d4f48;
}

.allevents {
 font-weight: 700;
 color: #1d4f48;
}

.btn {
 border-radius: 15px 0px 15px 0px;
}

 .btn:focus {
 outline: 0;
 box-shadow: none;
 }

.card-img-topp {
 width: 100%;
 max-height: 235px;
 min-height: 235px;
}

.card-button a:hover {
 color: #ffffff;
 text-decoration: underline;
}

#blog-stories .blog-img {
 max-height: 320px;
 min-height: 320px;
 object-fit: contain;
 width: 96%;
}


.job-btnbg {
 max-width: 100%;
 min-height: 299px;
 max-height: 300px;
 margin: 35px 0px 0px 0px;
 position: relative;
}

.btn:hover {
 color: #ffffff;
}

.job-background {
 background-color: #ededed;
 text-align: center;
}

#allblogs .card-img-top {
 width: 100%;
 max-height: 335px;
 min-height: 335px;
}

.card-img-top {
 width: 100%;
 max-height: 235px;
 min-height: auto;
}

.card-img-top {
 border-top-left-radius: unset;
 border-top-right-radius: unset;
}

.social-icons a:hover {
 color: white !important;
}

.social-icon {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 32px;
 height: 34px;
 border: 13px solid #3f9c35;
 border-radius: 5px;
 margin: 10px;
 color: #ffffff;
 background-color: #3f9c35;
 text-decoration: none;
}

.card {
 border-radius: 0px;
}

.reponsive-image {
 height: 550px;
 object-fit: contain;
}

.blog-card-text {
 display: -webkit-box;
 -webkit-line-clamp: 6;
 -webkit-box-orient: vertical;
 overflow: hidden;
 min-height: 168px;
 max-height: 168px;
 line-height: 28px;
}

.event-button {
 padding: 4px 23px;
 border: none;
 background-color: #ffffff;
 color: #1d4f48;
 font-size: 17px;
 border-radius: 15px 0px 15px 0px;
 width: 100px;
 height: 31px;
 font-weight: 600;
 text-transform: uppercase;
}

.search-results {
 font-size: 16px;
 line-height: 18px;
}

 .search-results p {
 line-height: 25px;
 }

.searchlink {
 color: #1d4f48;
 font-weight: 700;
 text-decoration: none;
}

searchlink:hover {
 color: #1d4f48;
}

.searchlink a {
 color: #1D4F48;
 text-decoration: none;
 transition: color 250ms;
}

.adsearch {
 font-weight: 500;
 color: #bdc0c5;
 font-size: 15px;
 cursor: pointer;
}

.additionalsectiontitle {
 font-weight: 700;
 color: #1d4f48;
}

h5.blog-textcolor {
 color: white;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 font-size: 15px;
}

.backgrnd-imag {
 background-color: #1d4f48;
 color: white;
 margin-left: -9px;
}

.globalimpact-title {
 margin: 0px 31px;
 font-size: 24px;
 color: #1d4f48;
 text-align: center;
}

.home-container {
 max-width: 1200px !important;
 max-width: 1630px !important;
}

.header-line-lite-grey {
 flex-grow: 1;
 height: 3px;
 background-color: #bdbdbd;
}

.light-grey-background {
 background-color: #EDEDED;
}

.blog-card-width {
 width: 18rem;
}

#allblogs .title-text-grey {
 color: #1d4f48;
 font-weight: 600;
}

a.event-button:hover {
 text-decoration: underline;
}

.search-border {
 border: 2px solid #D8D2D2;
}

.page-item .page-link {
 color: #1d4f48;
 border-color: #1d4f48;
}

.page-item.active .page-link {
 background-color: #1d4f48;
 border-color: #1d4f48;
 color: white;
}

.search-btn {
 color: #1d4f48;
 border-color: white;
 border-top: 2px solid #d8d2d2;
 border-right: none;
 border-bottom: 2px solid #d8d2d2;
 border-left: none;
 background-color: transparent;
 position: relative;
 margin-left: 0px;
}

.footer-cta.green-container {
 display: none !important;
}

.footer-logo-container {
 width: 100% !important;
}

.page-header .section-container .content-container {
 height: 100px;
 margin: 0 80px 0 73px;
 padding: 30px 0 0 30px;
 border-left: solid 1px #fff;
}

.secondary-subject {
 display: none;
}

.error-image {
 height: auto;
}

.error-text {
 color: #1d4f48;
 font-size: 18px;
 font-weight: 500;
}

#allevents .Event-body {
 background-color: #1d4f48;
 min-height: 345px;
 max-height: 345px;
 overflow: hidden;
 color: #ffffff;
}

.Event-title {
 color: white;
}

.Event-text {
 color: white;
 display: -webkit-box;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.card-button-white {
 border: 4px solid white;
 background-color: #ffffff;
 color: #1d4f48;
 font-size: 16px;
 border-radius: 15px 0px 15px 0px;
 font-weight: 600;
 padding: 3px 9px 3px 9px;
}

#events .Event-body {
 background-color: #1d4f48;
 min-height: 230px;
 max-height: 230px;
 overflow: hidden;
}

.blog-textcolor {
 color: white;
}

.Event-main {
 color: #1d4f48;
}

.Events-Card {
 background-color: #EDEDED;
 border: none;
}

.blog-body {
 background-color: #d5d5d5;
 min-height: 330px;
 max-height: 330px;
 overflow: hidden;
 padding: 15px 15px 15px 15px;
}

.card-blog {
 background-color: #1d4f48;
}

.Gery-background {
 background-color: #1d4f48;
}

.Grey-text a {
 color: #1d4f48;
}

.Grey-text {
 color: #1d4f48;
}

.solution-bg {
 background-color: #1d4f48;
 text-align: center;
}

.border-button-findyourpath:hover {
 color: #ffffff;
}

border-button-findyourpath:hover {
 color: #ffffff;
 text-decoration: underline;
}

.Responsive-imgalign {
 margin-left: 0px;
 text-align: center;
}

.border-button-findyourpath {
 color: #ffffff;
 font-size: 16px;
 text-transform: uppercase;
 text-decoration: none !important;
 margin-left: auto;
 line-height: 119px;
 background-color: #1d4f48;
 border: 10px solid #1d4f48;
 padding: 0px 15px 0px 15px;
 border-radius: 15px 0px 15px 0px;
}

.bg-text-overimg {
 display: block;
 left: 50px;
 font-size: 22px;
 font-weight: 600;
 color: white;
}

.fixedimagesize {
 width: 100%;
 height: 350px;
 object-fit: cover;
}

.image-container {
 position: relative;
 display: inline-block;
}

.image-button {
 position: absolute;
 top: 125%;
 left: 50%;
 transform: translate(-50%, -50%);
 color: white;
 border: none;
 background-color: #1d4f48;
 font-size: 16px;
 border-radius: 15px 0px 15px 0px
}

.social-icons {
 display: flex;
 justify-content: center;
 background-color: #EDEDED;
}

.share-event-details {
 line-height: 55px;
 margin: -29px 0px 25px 10px;
 position: absolute;
}

div #news-sharing {
 margin: -42px 0px 0px 10px;
 position: absolute;
}

#news-sharing .social-icons-responsive.social-sharing-news {
 margin: -56px 10px -15px 12px;
}

#news-sharing .twt-iconheight {
 margin-top: -13px;
 position: sticky;
}

.footer-social-icon {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 32px;
 height: 28px;
 border: 0px solid #50604e;
 border-radius: 3px;
 margin: 5px;
 color: #1d4f48;
 background-color: #ffffff;
 text-decoration: none;
}

.share-margin {
 padding: 14px;
}

.fa-brands, .fab {
 font-weight: 400;
 font-family: "Font Awesome 6 Brands";
}

.fa-x-twitter:before {
 content: "\e61b";
}

.twitter-icon {
 background-color: #1d4f48;
 padding: 2px 4px 2px 4px;
 top: 4px;
 color: white;
 border-radius: 50%;
 font-size: 14px;
}

.moreabtbg {
 background-color: #1f4d48;
 min-height: 161px;
 max-height: 161px;
 margin: auto;
}

.bg-text-abtdes {
 color: white;
 font-size: 15px;
 display: -webkit-box;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.icon-style-cal {
 margin: -4px;
 color: #979797 !important;
 text-decoration: underline;
}

.icon-style {
 margin: -4px;
 color: #6ac08d;
 text-decoration: underline;
}

 .icon-style:hover {
 color: #6ac08d;
 text-decoration: underline;
 }

a.col-md-2.Blog-icon {
 color: #6ac08d;
 text-decoration: underline;
 cursor: pointer;
 margin: 7px -83px 0px -17px;
}


 a.col-md-2.Blog-icon:hover {
 color: #6ac08d;
 text-decoration: underline;
 cursor: pointer;
 }

.svg-inline--fa.fa-w-14 {
 width: 1.125em;
 color: #1d4f48;
}

#cmpymedia .svg-inline--fa.fa-w-14 {
 width: 1.125em;
 color: #ffffff;
}

#cmpymedia .svg-inline--fa.fa-w-18 {
 width: 1.125em;
 color: #ffffff;
}

.subscribe-tbn {
 float: right;
 margin: -56px 0px 0px 0px;
}

.Blog-icon-color {
 color: #9c9c9c;
}

.Subscribe-button {
 padding: 10px 26px 10px 26px;
 border: none;
 background-color: #1d4f48;
 color: white;
 font-size: 17px;
 border-radius: 15px 0px 15px 0px;
 font-weight: 600;
 text-decoration: none;
 margin-top: 0px;
}

 .Subscribe-button:hover {
 color: white;
 text-decoration: none;
 }

.search-border-blog {
 width: 100px;
 height: 50px;
}

button#more {
 outline: none;
}

.more-events-btn {
 margin: 0px 0px 0px 0px;
}

button#more {
 outline: none;
}

.white-Text {
 color: white;
}

.svg-inline--fa.fa-w-18 {
 width: 1.125em;
 color: #1d4f48;
}

.fa-building:before {
 content: "\f1ad";
 color: #979797;
}

.tag-backgrd {
 background-color: #EDEDED;
 font-size: 14px;
 white-space: nowrap;
 line-height: 43px;
}

input.form-control.search-border.ml-3 {
 font-size: 18px;
}

.wtb-responsive iframe {
 height: 1000px !important;
}

#flip .flipbbok {
 height: 100%;
}

a.sec-item {
 color: #ffffff;
 text-decoration: none;
}

 a.sec-item:hover {
 color: #ffffff;
 text-decoration: underline;
 }

.productContentWidget .productContentWidgetNav {
 border-bottom: 1px solid rgb(189, 189, 189);
}

 .productContentWidget .productContentWidgetNav a.nav-link.tab-button {
 font-family: "Open Sans";
 font-weight: 700;
 color: #1d4f48 !important;
 text-transform: uppercase;
 letter-spacing: 0.5px;
 font-size: 15px;
 color: #1d4f48 !important;
 background-color: #fff !important;
 }

 .productContentWidget .productContentWidgetNav a.nav-link.tab-button.active {
 color: #1d4f48 !important;
 background-color: #fff !important;
 border-top: 2px solid #47B372;
 border-radius: 0;
 }

.productContentWidget .productContentWidgetStage .content-container {
 padding-top: 1em;
}

#allnews .card-body {
 min-height: auto;
 max-height: max-content;
 background-color: #f1f3f4 !important;
 color: #1d4f48 !important;
 text-decoration: none;
}

#allnews h2 {
 text-transform: none;
 display: block;
 font-size: 1.5em;
 font-weight: bold;
 color: rgb(29, 79, 72);
 height: auto;
 text-size-adjust: 100%;
 margin: 0.25em 0 0.25em 0;
}

#allnews .news-btn 
{
 background-color: rgb(71, 179, 114);
 display: inline-block;
 padding: 10px;
 border: 3px solid rgb(71, 179, 114);
 border-radius: 15px 0px 15px 0px;
 margin: 20px auto;
 text-decoration: none;
}
 #allnews .news-btn a {
 color: white;
 font-weight: bold;
 text-decoration: none;
 }

#allnews .news-card {
 background-color: #f1f3f4 !important;
 color: #1d4f48;
 width: 101%;
 max-height: auto !important;
 min-height: auto !important;
}

.image-menu-wrapper {
 max-width: 100%;
 display: block;
 margin-top: 0px;
 padding-right: 0px !important;
 padding-left: 1px !important;
}

 .image-menu-wrapper .menu {
 width: 100%;
 padding: 0px 8px 0px 1px;
 }

 .image-menu-wrapper .menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 display: flex;
 background: #f1f1f1;
 }

 .image-menu-wrapper .menu li {
 flex: 1;
 text-align: center;
 box-sizing: border-box;
 background-color: white;
 }

 .image-menu-wrapper .menu a {
 display: block;
 padding: 9px;
 color: #1d4f48;
 text-decoration: none;
 transition: background-color 0.3s;
 border: 3px solid #1d4f48;
 white-space: nowrap;
 }

 .image-menu-wrapper .menu a:hover {
 background-color: #1d4f48;
 }

.news-card {
 background-color: #f1f3f4;
 color: #1d4f48;
 font-size: 14px;
 display: -webkit-box;
 -webkit-line-clamp: 7;
 -webkit-box-orient: vertical;
 overflow: hidden;

}

a.news-body {
 color: #1d4f48;
}

.allreleases {
 color: #1d4f48;
}

a.news-src-button:hover {
 color: white;
 text-decoration: none;
}

.blog-tags {
 margin: 6px -80px 0px -47px;
}

.allnews-body {
 font-size: 20px;
 font-weight: 700;
 text-decoration: none;
}

a.allnews-body {
 color: #1d4f48;
}

.datecolor {
 font-size: 13px;
 color: #9da5a9;
}

button#more:focus-visible {
 outline: none;
}

button.news-src-button:focus-visible {
 outline: none;
}

button.news-src-button:focus {
 outline: none;
}

.products-color a {
 color: #1d4f48;
}

.social-sharing-news {
 margin: -27px 19px 0px 25px;
}

.social-icons-responsive.social-sharing-news {
 margin: -43px 10px -15px 12px;
}

.share-icons {
 margin: 9px 0px 0px 30px;
}

.twt-iconheight {
 margin-top: 0px;
 position: sticky;
}

.fa-stack {
 position: relative;
 display: inline-block;
 width: 38px;
 height: 2em;
 line-height: 2em;
 vertical-align: middle;
}

.social-icon {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 32px;
 height: 33px;
 border: 5px solid #47b372;
 border-radius: 3px;
 margin: 12px;
 color: #ffffff;
 background-color: #47b372;
 text-decoration: none;
}

 .social-icon i {
 font-size: 20px;
 }

.fa-chevron-right {
 width: 100px !important;
 height: 26px;
 color: #47b372;
}

.sign-in-buttons {
 display: inline-block;
 background-color: #EDEDED;
 color: #1d4f48;
 cursor: pointer;
}

.card-displaytype {
 display: flex;
}

body {
 margin: 0;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #212529;
 text-align: left;
 background-color: #fff;
}

.card-button {
 border: none;
 background-color: #1d4f48;
 color: white;
 font-size: 14px;
 border-radius: 15px 0px 15px 0px;
 width: 100px;
 height: 31px;
 font-weight: 600;
 text-transform: uppercase;
 padding: 6px 10px 6px 10px;
 margin-top: 10px;
 text-decoration: auto;
}

.blog-read-more {
 background-color: #d5d5d5;
 width: 100%;
 height: 50px;
 padding-top: 4px;
 padding-left: 15px;
}

.related-tags {
 color: #47b372 !important;
 font-size: 18px;
}

.card-text {
 margin-bottom: 0.75rem;
 color: #1d4f48;
}

.header-container {
 display: flex;
 align-items: center;
 justify-content: center;
}

.form-control {
 border-radius: inherit;
}

.header-line {
 flex-grow: 1;
 height: 3px;
 background-color: #1d4f48;
}

.header-line-white {
 flex-grow: 1;
 height: 3px;
 background-color: #ffffff;
}

.left-line {
 margin-right: 10px;
 max-width: none;
}

.right-line {
 margin-left: 10px;
 max-width: none;
}

a.blog-textcolorprd {
 color: white;
 overflow: hidden;
 text-overflow: ellipsis;
 margin-bottom: 0.75rem;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 max-height: 49px;
 min-height: 49px;
 line-height: 25px;
}

 a.blog-textcolorprd:hover {
 color: #ffffff;
 }

.header-title-white {
 margin: 0 10px;
 font-size: 40px;
 color: #ffffff;
 text-align: center;
 font-weight: 700;
}

.header-title {
 margin: 0 10px;
 font-size: 40px;
 color: #1d4f48;
 text-align: center;
 font-weight: 700;
 font-family: inherit;
 text-transform: uppercase;
}

.searchicon-button {
 border: 1px solid #ced4da;
}

.input-group-text {
 color: #495057;
 background-color: transparent;
}

input.form-control.rounded {
 border: 1px solid #d2d8e3;
}

.svg-inline--fa.fa-w-6 {
 width: 0.375em;
 color: #47b372;
 margin: 0px;
}

a.cta-link {
 color: white;
 text-decoration: none;
 float: left;
 font-size: 18px;
 line-height: 25px;
 text-transform: uppercase;
}

p.Home-page-tag {
 text-align: initial;
 line-height: 25px;
 font-size: 18px;
}

h2.homepage-title {
 font-size: 44px;
 line-height: 50px;
 text-align: initial;
}

img.d-block.w-100 {
 object-fit: cover;
 bottom: 0;
 right: 0;
 max-height: 100%;
 height: auto;
 left: auto;
 width: auto;
 max-width: 50%;
 transform: none;
}

#videos .slick-list {
 width: 90%;
 margin-left: 90px;
}

#videos .slick-prev {
 left: 10px;
}

.homepage-hero {
 background-color: #1D4F48;
 overflow: hidden;
}

.container.home-container.mb-2.pl-2 {
 width: 70%;
}

.container.home-container.mb-2.pl-2 {
 width: 100%;
}

#videos .slick-list {
 width: 90%;
}

#locator_iframe16388 {
 height: 1000px !important;
 min-width: 100%;
}

.slick-prev {
 left: -100px;
 border: none;
 outline: none;
 border-top: 16px solid transparent;
 border-bottom: 11px solid transparent;
 border-right: 27px solid #dee1e6;
 background-color: transparent;
}

.slick-prev, .slick-next {
 font-size: 0;
 line-height: 0;
 position: absolute;
 top: 50%;
 display: block;
 width: 30px;
 height: 30px;
 padding: 0;
 -webkit-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 transform: translate(0, -50%);
 cursor: pointer;
}

.slick-next {
 right: 0px;
 border: none;
 outline: none;
 border-radius: 0 74px 71px 0;
 border-top: 16px solid transparent;
 border-bottom: 11px solid transparent;
 border-left: 25px solid #dee1e6;
 background-color: transparent;
}

.container {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
}

.readbio {
 color: #1d4f48;
 cursor: pointer;
}

.img-maxhight {
 object-fit: contain;
 width: 75%;
 height: 200px;
}

.Event-blog {
 background-color: #d5d5d5;
}

.Event-header {
 margin: 5px 1px 2px 1px;
 padding: 23px 2px 22px 130px;
 background-color: #1d4f48;
 color: white;
 font-family: "Barlow Semi Condensed", sans-serif;
}

.card-img-top {
 width: 100%;
 max-height: 235px;
 min-height: auto;
}

#footer .svg-inline--fa.fa-w-14 {
 width: 1.125em;
 color: #1d4f48;
}

.svg-inline--fa.fa-w-14 {
 width: 1.125em;
 color: #1d4f48;
}


a#upcoming {
 border-radius: 15px 0px 0px 0px;
 font-weight: 700;
 color: #1d4f48;
 border: 1px solid #1d4f48;
}

a#replays {
 border-radius: 0px 0px 15px 0px;
 font-weight: 700;
 color: #1d4f48;
 border: 1px solid #1d4f48;
}

a.nav-link.tab-button.active {
 background-color: #1d4f48 !important;
 color: #ffffff !important;
}

.nav-tabs {
 justify-content: center;
 border: none !important;
}

.tab-content {
 border: none;
}

.full-banner {
 padding-right: 0px !important;
 padding-left: 0px !important;
 margin-right: auto;
 margin-left: auto;
}

.card-title {
 margin-bottom: 0.75rem;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 min-height: 75px;
 max-height: 75px;
 color: #1d4f48;
}

.card-body {
 max-height: 114px;
 min-height: 113px;
 background-color: #1d4f48;
 color: white;
 text-decoration: none;
}

.product-title {
 max-height: 65px;
 min-height: 65px;
 padding: 12px;
 color: #1d4f48;
 background-color: white;
 text-decoration: none;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 font-weight: bold;
 font-size: 18px;
}

.border-rightslide {
 border: 2px solid #1d4f48;
 border-radius: 0px;
 overflow: hidden;
 margin-top: 25px;
}

.hide-select-option {
 display: none;
}

.industry-header h1 {
 background-color: #1d4f48;
 color: white;
}

.contact-btn {
 background-color: #1D4F48;
 padding: 5px 15px !important;
 font-size: 15px !important;
 text-transform: uppercase !important;
 border: none;
 color: #FFFFFF !important;
 text-decoration: none !important;
 height: 35px;
 font-weight: 600;
}

.add-supportscroll {
 height: 484px;
 width: auto;
 overflow: auto;
 overflow-x: hidden;
}

.country-details h3 {
 color: #1d4f48;
}

.country-details p:empty {
 padding: 0px;
 border-bottom: none;
}

.country-details p {
 padding: 0px 0px 10px 0px;
 
}

.video-responsive {
 width: 95%;
 height: 345px;
}

.product-filters {
 display: none;
}

.product-filter-item {
 display: none;
}

.resource-title {
 font-size: 18px;
 font-weight: 700;
 color: #1d4f48;
 max-height: 45px;
 min-height: 45px;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 margin: 4px 15px 4px 15px;
}

.responsive-menu {
 display: block;
}

.support-dropdown {
 width: 100%;
}

.threebox-responsive {
 display: flex;
}

.brand-bannerimg {
 height: 419px;
 width: inherit;
 object-fit: cover;
 border-left: 1px solid white;
}

.card-button a {
 background-color: #1d4f48;
 color: white;
}

.blog-textcolor a {
 color: white;
 font-size: 18px;
 text-align: left;
 font-weight: 700;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.textbehind-menu {
 position: inherit;
}

.event-details {
 line-height: 35px;
 border: 2px solid #d5d5d5;
 height: auto;
}

.card-button {
 border: none;
 background-color: #1d4f48;
 color: white;
 font-size: 14px;
 border-radius: 15px 0px 15px 0px;
 width: 100px;
 height: 31px;
 font-weight: 600;
 text-transform: uppercase;
 margin-top: 10px;
}

.blog-body {
 background-color: #d5d5d5;
 min-height: 330px;
 max-height: 330px;
 overflow: hidden;
 padding: 15px 15px 15px 15px;
}

.card-displaytype {
 display: flex;
}

.blog-card-width {
 width: 18rem;
}

.Event-text {
 color: white;
 display: -webkit-box;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

h6 a {
 color: #1d4f48 !important;
 font-weight: 700;
}

.addthree-column {
 width: 31.3%;
}

.product-title {
 max-height: 65px;
 min-height: 65px;
 padding: 12px;
 color: #1d4f48;
 background-color: white;
 text-decoration: none;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 font-weight: bold;
 font-size: 18px;
}

.button-radius {
 border-radius: 25px 0px 25px 0px;
}

.fullborder-2px {
 border: 2px solid #dee1e6;
 text-align: center;
}

.dropdown-text {
 line-height: 25px;
 color: #1d4f48;
 font-size: 18px;
 border-bottom: 2px solid #dee1e6;
}

.card-desc {
 font-size: 0.95 rem;
}

.load-more {
 background-color: #1d4f48;
 color: white;
 border: 3px solid #1d4f48;
 border-radius: 15px 0px 15px 0px;
 margin: auto;
 display: block;
}


.gallery-button {
 background-color: rgb(71, 179, 114);
 color: white;
 border-radius: 15px 0px 15px 0px;
 margin: 20px auto;
 padding: 8px;
 display: inline-block;
 text-decoration: auto;
}
 .gallery-button:hover {
 color: #ffffff;
 text-decoration: auto;
 }

.productwithout-filters {
 display: none;
}

.dropdown-style {
 
 border: 3px solid #D8D2D2;
 height: 50px;
 width: 100%;
 padding-left: 15px;
 outline: none;
 font-size: 14px;
 border-radius: 0px;
 font-weight: 600;
}

.list-item {
 line-height: 25px;
 color: #1d4f48;
 font-size: 16px;
 text-transform: uppercase;
}

 .list-item a.blog-textcolor {
 line-height: 25px;
 color: #1d4f48;
 font-size: 16px;
 text-transform: uppercase;
 }

a.blog-textcolor {
 color: white;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

.list-item:hover {
 color: #1d4f48;
}



.e3values {
 background-color: #1d4f48;
 padding: 0px 18px 22px 80px;
}

ul {
 list-style: unset;
 text-align: initial;
}

.three-colmn {
 border: 2px solid #D8D2D2;
 margin-left: 14px;
 border-radius: 43px 0px 43px 0px;
 margin: 0px;
}

.threebox-responsive img {
 width: 50%;
 object-fit: cover;
}

.twocol-responsive img {
 width: 40%;
 object-fit: cover;
}

.paragraph-style {
 color: #1A1A1A;
 font-family: "Open Sans", sans-serif;
 font-size: 16px;
 line-height: 27px;
 text-align: left;
}

a.sec-menu:hover {
 background-color: #1d4f48;
 color: white;
}

.sec-menu {
 display: inline-block;
 border: 2px solid #1d4f48;
 padding: 11px 65px 12px 24px;
 font-size: 13px;
 color: #1d4f48;
 font-weight: 700;
 margin: 2px -8px 5px 1px;
}

 .sec-menu:hover {
 color: #1d4f48;
 text-decoration: none;
 }

.brandimage {
 width: 100%;
 display: inline-block;
 position: relative;
}

#bndovrimg .brandimage {
 height: 417px;
 width: 100%;
 display: inline-block;
 position: relative;
}

.brandimageoverimage {
 background-color: #1d4f48;
 position: absolute;
 top: 265px;
 left: 1px;
 height: 68px;
 line-height: 68px;
 width: 50%;
 padding: 0px 0px 0px 130px;
 border-radius: 25px 0px 25px 0px;
}

.product-link a {
 color: #1d4f48;
}

.page-hero .section-container {
 background-size: cover;
 background-position: center center;
 display: table;
 width: 100%;
 min-height: 300px;
}

.page-hero .section-container {
 min-height: 500px;
 position: relative;
}

.page-hero .section-container {
 background-size: cover;
 background-position: center center;
 display: table;
 width: 100%;
 min-height: 300px;
}

.news-contact {
 background-color: #47b372;
 color: #ffffff;
}

.news-sec-title {
 color: #ffffff;
 background-color: #47b372;
 text-align: left;
 font-weight: 600;
 padding-left: 30px;
}

.news-body {
 color: #1d4f48;
 font-size: 16px;
 text-decoration: none;
 font-weight: 600;
 line-height: 26px;
}

.header-title {
 margin: 0 10px;
 font-size: 40px;
 color: #1d4f48;
 text-align: center;
 font-weight: 700;
 font-family: inherit;
}

.responsive-filters {
 display: flex;
 line-height: 40px;
}

.productImage {
 width: 100%;
 height: 200px;
 object-fit: contain;
}

 .productImage a {
 color: #1d4f48;
 }

.product-filter-item a {
 text-decoration: none;
}

 .product-filter-item a:hover {
 text-decoration: none;
 }

.load-more {
 background-color: #1d4f48;
 color: white;
 border: 3px solid #1d4f48;
 border-radius: 15px 0px 15px 0px;
 margin: auto;
 display: block;
}

ul a {
 color: #1d4f48;
 font-size: 18px;
 text-decoration: none;
 background-color: transparent;
 -webkit-text-decoration-skip: objects;
}

.news-src-button {
 padding: 0px 8px 0px 8px;
 border: none;
 background-color: #1d4f48;
 color: white;
 font-size: 17px;
 border-radius: 15px 0px 15px 0px;
 width: 100px;
 height: 31px;
 font-weight: 600;
 text-decoration: none;
 margin-left: 32px;
}

a.allreleases:hover {
 color: #1d4f48;
}

button.news-src-button:focus {
 outline: none;
}

button.news-src-button:focus-visible {
 outline: none;
}

p a {
 color: #1d4f48;
 text-decoration: none;
}

.carrer-right {
 height: -webkit-fill-available;
 margin: 0px 1px 2px 16px;
 object-fit: cover;
 width: 100%;
 height: 450px;
}

.gray-block-bg h3 {
 max-width: 500px;
 line-height: 1.5;
 font-weight: 600;
 text-transform: uppercase;
 color: #1d4f48;
}

.gray-block-bg h2 {
 max-width: 500px;
 line-height: 1.5;
 font-weight: 600;
 text-transform: uppercase;
 color: #1d4f48;
}

.GreyHeader-Title {
 font-size: 78px;
 line-height: 120px;
 font-weight: 700;
 color: #D8D2D2;
 font-weight: 700;
}

.moreaboutusdes a {
 color: white;
}

#imgslider .image-carousel {
 width: 80%;
 margin: 170px;
}

.image-carousel {
 width: 78%;
 margin: 108px;
}

.bg-text-overimgabt {
 color: white;
 font-size: 22px;
 font-weight: 600;
 text-decoration: none !important;
}

.moreaboutusdes {
 margin-left: -75px;
 margin-top: -3px;
 margin-bottom: 23px;
 margin: auto;
}

.MoreAboutUsImagerespo {
 max-width: 37%;
 margin-bottom: 13px px;
}


.title-text-h4 {
 font-weight: 700;
 color: #1d4f48;
}

.gray-block-bg {
 background-color: #D8D2D2;
}

.gray-block .block-header {
 background-color: #D8D2D2;
}

.block-header-text-left {
 
 color: #D8D2D2;
}

.block-header-text-right {
 
 color: #D8D2D2;
}

.page-menu-sticky {
 z-index: 9999;
}

.product-link a {
 color: #1d4f48;
}

.accordion button .icon {
 display: inline-block;
 position: absolute;
 top: 18px;
 right: 20px;
 width: 26px;
 height: 26px;
}

.accordion button {
 position: relative;
 display: contents !important;
 color: #1d4f48;
 font-size: 1.15rem;
 font-weight: 700 !important;
 border: none;
 background: #f7f7f7;
 outline: none;
}

 .accordion button:hover::after, .accordion button:focus::after {
 cursor: pointer;
 color: #03b5d2;
 border: 1px solid #03b5d2;
 }

 .accordion button .icon::before {
 display: block;
 position: absolute;
 content: "";
 top: 9px;
 left: 5px;
 width: 10px;
 height: 2px;
 background: currentColor;
 }

 .accordion button .icon::after {
 display: block;
 position: absolute;
 content: "";
 top: 5px;
 left: 9px;
 width: 2px;
 height: 10px;
 background: currentColor;
 }

 .accordion button[aria-expanded=true] {
 color: #1d4f48;
 }

 .accordion button[aria-expanded=true] .icon::after {
 width: 0;
 }

 .accordion button[aria-expanded=true] + .accordion-content {
 opacity: 1;
 max-height: 9em;
 transition: all 200ms linear;
 will-change: opacity, max-height;
 border: 1px solid #dbd4d4;
 }

.accordion .accordion-content {
 opacity: 0;
 max-height: 0;
 overflow: hidden;
 transition: opacity 200ms linear, max-height 200ms linear;
 will-change: opacity, max-height;
}

 .accordion .accordion-content p {
 margin: 10px 0px 8px 7px;
 padding: 10px;
 border-left: 4px solid #47b372;
 }

.accordion-header .card-header {
 padding: .75rem 1.25rem;
 margin-bottom: 0;
 background-color: rgba(0, 0, 0, .03);
 border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.accordion-section.active .accordion-content {
 display: block;
}

span.plus-icon {
 font-size: 43px;
 color: #1d4f48;
 font-family: fantasy;
 float: right;
}

span.minus-icon {
 font-size: 43px;
 color: #1d4f48;
 font-family: fantasy;
 float: right;
}

.scrolled {
 background-color: #1d4f48;
 color: #ffffff !important;
}

span.plus-minus-icon {
 font-size: 43px;
 color: #1d4f48;
 font-family: fantasy;
 float: right;
 margin-top: -12px;
}

.slick-prev,
.slick-next {
 font-size: 0;
 line-height: 0;
 position: absolute;
 top: 50%;
 display: block;
 width: 30px;
 height: 30px;
 padding: 0;
 -webkit-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 transform: translate(0, -50%);
 cursor: pointer;
}

 .slick-prev:before,
 .slick-next:before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 }

.slick-prev {
 left: -100px;
 border: none;
 outline: none;
 border-top: 16px solid transparent;
 border-bottom: 11px solid transparent;
 border-right: 27px solid #dee1e6;
 background-color: transparent;
}

.slick-next {
 right: -20px;
 border: none;
 outline: none;
 border-radius: 0 74px 71px 0;
 border-top: 16px solid transparent;
 border-bottom: 11px solid transparent;
 border-left: 25px solid #dee1e6;
 background-color: transparent;
}

.card-displaytype {
 display: flex;
}

.card-blog {
 background-color: #1d4f48;
 height: fit-content;
}

.blog-card-width {
 width: 18rem;
}

.card-button {
 border: none;
 background-color: #1d4f48;
 color: white;
 font-size: 14px;
 border-radius: 15px 0px 15px 0px;
 width: 100px;
 height: 31px;
 font-weight: 600;
 text-transform: uppercase;
 margin-top: 10px;
}

a:hover {
 text-decoration: none;
}

.card-item-img {
 min-height: 355px;
 max-height: 355px;
 border-radius: initial;
}

.news-card-items .card-item-img {
 min-height: 355px;
 max-height: 355px;
 border-radius: initial;
 object-fit: cover;
}

a.ind-menu:hover {
 background-color: #1d4f48;
 color: white;
 text-decoration: none;
}

.ind-menu {
 display: inline-block;
 border: 2px solid #1d4f48;
 padding: 6px 100px 6px 43px;
 font-size: 18px;
 color: #1d4f48;
 font-weight: 700;
 margin: -2px -7px 1px 1px;
}

.Events-filters {
 display: none;
}

.paragraph-style {
 color: #1A1A1A;
 font-family: "Open Sans", sans-serif;
 font-size: 16px;
 line-height: 27px;
 text-align: left;
}

h6 a {
 color: #1d4f48 !important;
 font-weight: 700;
}

.threecolm {
 border: 2px solid #dfe3e5;
 margin-left: 14px;
 border-radius: 0px 0px 0px 0px;
 max-width: 31% !important;
 color: #1d4f48;
}

.threebox-responsive img {
 width: 50%;
 object-fit: cover;
}

.twocol-responsive img {
 width: 40%;
 object-fit: cover;
}

.textbehind-menu {
 position: inherit;
}

.accordion-title:focus {
 border: none;
 box-shadow: none;
}

.accordion-Border {
 border-left: 5px solid #3f9c35;
 padding: 13px 10px 10px 10px;
}

.accordion-title {
 color: #1d4f48;
 font-size: 18px;
 font-weight: 700;
}

h3 {
 line-height: 1.5;
 font-weight: 600;
 text-transform: uppercase;
 color: #1D4F48;
 font-size: 38px;
 font-weight: 600;
}

hr {
 border-top: 2px solid #707070;
 margin: 30px 0;
}

.inds-style {
 padding: 20px 21px 20px 86px !important;
}

.card-title a {
 color: #1d4f48;
}

.row-style h3 {
 display: inline-block;
}

.form-control {
 padding: 1.375rem .75rem;
}

.dropdown-style:focus-visible {
 outline: none;
}

.blog-titlealignment {
 margin-top: 38px;
 color: #1d4f48;
 font-weight: 700;
}

.sub-btn {
 margin-top: 0px;
}

input.form-control.search-border.ml-3 {
 border: 2px solid #D8D2D2;
 font-size: 18px;
}

 input.form-control.search-border.ml-3:focus,
 button.search-btn:focus {
 color: #1d4f48;
 }

.event-textcolor {
 color: #1d4f48;
}

h5.event-textcolor {
 font-size: 1.0rem;
}

.blog-card-text p {
 display: -webkit-box;
 -webkit-line-clamp: 9;
 -webkit-box-orient: vertical;
 overflow: hidden;
 font-size: 0.95rem;
}

a h5.card-title {
 font-size: 1.25rem;
 color: #ffffff;
}

.form-control {
 font-weight: 400;
 border: 2px solid #ced4da;
 font-size: 18px;
 border-radius: 0px;
}

.content-container > .row:nth-of-type(2) {
 padding-left: 0px;
}

a h5.card-title :hover {
 color: #ffffff;
}

.modal-content {
 width: 80%;
}

.modal-body {
 text-align: center;
}

.section-block .section-container {
 background-color: #1d4f48;
 padding: 0px 0 0 0;
}

.Banner-imageresize {
 object-fit: cover;
 width: 100%;
 height: 500px;
}

ul.wd_layout-grid {
 
 margin: 10px 0;
 padding: 0;
 list-style: none;
}

div.wd_gallery .wd_item {
 border: none;
 box-shadow: none;
 min-height: 250px;
}

.wd_layout-masonry .wd_thumbnail, .wd_layout-grid .wd_thumbnail {
 float: none;
 text-align: center;
 margin: 0 0 5px 0;
}

.wd_hi_res_link_wrapper {
 color: #959595;
 margin: 5px 0;
}

.item, .wd_item {
 background-color: #fff;
 margin: 30px 0;
 padding: 36px;
}

.wd_gallery_item {
 color: #1D4F48;
 font-weight: 700;
}

a.wd_gallery_item {
 text-decoration: none;
}

.close {
 float: right;
 font-size: 2.5rem;
 font-weight: 700;
 line-height: 1;
 color: #000;
 text-shadow: 0 1px 0 #fff;
 opacity: .5;
}

button.close {
 padding: 12px;
 background-color: transparent;
 border: 0;
 -webkit-appearance: none;
}

.item:hover, .wd_item:hover {
 background-color: rgba(71, 179, 114, .5);
 transition: linear .5s;
}


#caption {
 font-weight: 700;
 line-height: 40px;
}



div#allrecentnews {
 max-height: 169px;
 min-height: 169px;
 background-color: #f1f3f4;
 color: #1d4f48;
 text-decoration: none;
}

.row-style img {
 width: auto;
 object-fit: cover;
 max-height: none;
 
}

.leader-designation h4 {
 font-size: 16px;
 line-height: 24px;
}

.leader-designation p {
 display: none;
}

.rect-imag {
 height: 200px;
 object-fit: cover;
 width: 100%;
}



iframe {
 width: -webkit-fill-available;
 width: 100%
}

div#solcity {
 display: flex;
}

a.sec-menu:hover {
 background-color: #1d4f48;
 color: #ffffff;
}

#events .card-title {
 color: #ffffff;
}

#latestblogs .card-title {
 color: #1d4f48;
}

#oure3 .title-text-h4 {
 font-weight: 700;
 color: #ffffff;
}

.nav-tabs {
 border-bottom: none;
}


.event-image-dsply {
 width: 100%;
 height: 250px;
 object-fit: cover;
}

#productTabContent .imagery-card-width {
 width: 22.5rem;
}

#productTabContent .slick-prev {
 left: -40px;
}

#productTabContent .slick-next {
 right: -27px;
}

#productTabContent .card-button {
 width: 101px;
 height: 34px;
}

#productTabContent .threecolm {
 margin-left: 9px;
 max-width: 31.5% !important;
}

#productTabContent .hideheader
{
 display:none;
}

#productTabContent .e3values {
 display: contents;
}

.imagery-card-width {
 width: 23.5rem;
}

#features .feature-block-content {
 float: left;
 width: 100%;
}



.blog-card-width .card-img-top {
 width: 100%;
 max-height: 235px;
 min-height: 235px;
 object-fit: cover;
}

.blog-card-width-fouritems .card-img-top {
 width: 100%;
 max-height: 200px;
 min-height: 200px;
 object-fit: cover;
}

.blog-card-width-fiveitems .card-img-top {
 width: 100%;
 max-height: 190px;
 min-height: 190px;
 object-fit: cover;
}

#latestblogs .card-title {
 color: #1d4f48;
 font-size: 20px;
}

.faq-title {
 text-transform: none;
 font-size: 1.5em;
 font-weight: bold;
 color: rgb(29, 79, 72);
 margin: 0.25em 0;
}

.faq-hr {
 color: rgb(71, 179, 114);
 background-color: rgb(71, 179, 114);
 border: none;
 height: 5px;
}

@media only screen and (max-width: 320px) and (min-width: 280px) {
 #events .Event-body {
 background-color: #1d4f48;
 min-height: 250px;
 max-height: 250px;
 overflow: hidden;
 }

 .resp-eventdetails {
 width: auto;
 }

 .events-video {
 width: 100%;
 height: auto;
 margin: 10px 10px 10px 10px;
 }

 .brandimageoverimage {
 top: 182px;
 left: 0px;
 height: 68px;
 line-height: 68px;
 width: 100%;
 padding: 0 0 0 10px;
 border-radius: 0px 0px 0px 0px;
 object-fit: cover;
 }

 .blog-card-width {
 width: 19.5rem;
 margin: 0px;
 }
}

@media only screen and (max-width: 410px) and (min-width: 360px) {

 #events .Event-body {
 background-color: #1d4f48;
 min-height: 250px;
 max-height: 250px;
 overflow: hidden;
 }

 .blog-card-width {
 width: 19rem;
 margin: 10px;
 }

 .Event-blog {
 background-color: #d5d5d5;
 width: 22.2rem;
 }

 .input-group {
 width: 150%;
 }

 .sign-in-buttons h5 {
 font-size: 0.95rem;
 }

 .followusTab {
 margin-left: 27px;
 width: 325px;
 height: 57px;
 padding: 0px 15px;
 }

 .signinTab {
 margin-left: 25px;
 width: 327px;
 height: 58px;
 padding: 1px 2px 1px 7px;
 }
}

@media (max-width: 576px) {

 .titleheader {
 font-size: 1.5rem;
 }

 #videos .slick-prev {
 left: -3px;
 top: 100px;
 }

 #videos .slick-list {
 width: 86%;
 margin-left: 38px;
 }

 div#prdpagevideos {
 width: 80%;
 margin: 100px;
 }

 #events .Event-body {
 background-color: #1d4f48;
 min-height: 280px;
 max-height: 280px;
 overflow: hidden;
 }

 #events-section .blog-card-width {
 width: 22.2rem;
 margin: auto;
 }

 .tag-backgrd {
 background-color: #EDEDED;
 font-size: 14px;
 white-space: nowrap;
 line-height: 40px;
 }

 .events-video {
 width: 100%;
 height: auto;
 margin: 10px 30px 9px 1px;
 }

 .share-event-details {
 line-height: 60px;
 }

 .event-details {
 display: block;
 }

 .more-events-btn {
 margin: 0px 0px 0px 65px;
 }

 .MoreAboutUsImagerespo {
 max-width: 84%;
 }

 button#contactusbrand {
 border: none;
 background-color: #ffffff;
 color: #1d4f48;
 margin: 0px 0px 0px 28px;
 font-size: 16px;
 font-weight: 600;
 }

 a.language-styles {
 margin: 0px 0px 0px 0px;
 background-color: #d8d2d2;
 }

 .slick-next {
 right: -16px;
 top: 195px;
 }

 a.blog-textcolorprd {
 font-size: 18px;
 }

 .language-style {
 margin: -40px -7px -11px 52px;
 position: absolute;
 background-color: #d8d2d2;
 padding-left: 0px;
 }

 .removeprimenu {
 position: initial !important;
 }

 .block-header-text h1 {
 background-color: white;
 width: 103%;
 }

 .moreaboutusdes {
 margin-left: auto;
 }

 .bg-text-abtdes {
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 }

 .bg-text-color {
 color: white;
 font-size: 28px;
 text-align: center;
 line-height: 39px;
 }

 .carrer-right {
 margin: 0px 1px 2px -15px;
 object-fit: cover;
 width: 100%;
 height: 250px;
 border-left: 1px solid white;
 }

 .carrer-style {
 background-color: #1d4f48;
 max-height: max-content;
 display: block;
 }

 #videos .carousel-item {
 width: 356px;
 }

 #videos .slick-next {
 right: -78px;
 }

 #blog-stories .slick-prev {
 left: -41px;
 }

 .h4, h4 {
 font-size: .95rem;
 }

 #blog-stories .slick-next {
 right: -54px;
 }

 div#wd_printable_content {
 margin: -8px -16px -15px -70px;
 }

 .slick-next {
 right: -70px;
 }

 .slick-prev {
 left: 21px;
 }

 .allnews-body {
 font-size: 18px;
 font-weight: 700;
 text-decoration: none;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 }

 .news-card {
 background-color: #f1f3f4;
 color: #1d4f48;
 width: 100%;
 margin: 0px 0px 0px -8px;
 
 }

 .card-item-img {
 min-height: auto;
 max-height: max-content;
 border-radius: initial;
 }

 .adsearch {
 color: #a5adab;
 font-weight: 700;
 line-height: 40px;
 font-size: 16px;
 }

 .input-group {
 width: 95%;
 }

 button.btn.btn-outline-secondary {
 z-index: 997;
 }

 .Event-blog {
 background-color: #d5d5d5;
 width: 22.5rem;
 }

 .subscribe-tbn {
 float: right;
 margin: auto;
 }

 .Subscribe-button.sub-btn {
 margin-top: 8px;
 }


 .GreyHeader-Title {
 font-size: 20px;
 line-height: 40px;
 }

 .threecolm {
 border: 2px solid #dfe3e5;
 margin-left: 15px;
 border-radius: 0px 0px 0px 0px;
 max-width: 31% !important;
 color: #1d4f48;
 }

 .card-blog {
 max-height: 637px;
 }

 .industry-header {
 padding: 17px 0px 18px 35px !important;
 background-color: #1d4f48;
 color: white;
 font-family: "Barlow Semi Condensed", sans-serif;
 border-radius: 0px 0px 0px 0px;
 margin-left: 1px;
 }


 .threebox-responsive {
 display: contents;
 }

 .card-displaytype {
 display: inline;
 }

 .responsive-menu {
 display: none;
 }

 span.plus-minus-icon {
 margin-top: -60px;
 }

 button.btn.accordion-title {
 text-wrap: balance;
 }

 .btn {
 border-radius: inherit;
 }

 .blog-card-width {
 width: 21rem.slick-prev margin: 16px 0px 0px 30px !important;
 }

 .video-responsive {
 width: auto;
 margin-left: -36px;
 height: 185px;
 }

 .image-menu-wrapper .menu a {
 display: contents;
 color: #ffffff;
 }

 .header-title {
 font-size: 20px;
 }

 #locator_iframe14098 {
 height: auto !important;
 }

 .add-supportscroll {
 height: 484px;
 width: auto;
 overflow: auto;
 overflow-x: hidden;
 }

 .responsive-filters {
 display: contents;
 line-height: 40px;
 }

 .three-colmn {
 margin: 0px 14px 16px 14px;
 }

 .image-menu-wrapper .menu li {
 flex: 1;
 text-align: center;
 box-sizing: border-box;
 background-color: #1d4f48;
 border: 1px solid #ffffff;
 }

 h1.header-title {
 font-size: 20px;
 }

 .responsive-menu {
 display: none;
 }

 .support-dropdown {
 width: 100%;
 }

 .sec-menu {
 font-size: 10px;
 }

 .dropdown-style {
 width: 97%;
 }

 .dropdown-style {
 padding: 2px 15px;
 text-transform: uppercase;
 width: 100%;
 height: 50px;
 margin: -35px 33px -13px 0px;
 border: 2px solid #EDEDED;
 }

 .brandimageoverimage {
 top: 140px;
 left: 1px;
 border-radius: 0px 0px 0px 0px;
 height: 68px;
 line-height: 68px;
 object-fit: contain;
 padding: 0px 0px 0px 2px;
 width: auto;
 }

 .threebox-responsive {
 display: contents;
 }

 .brand-bannerimg {
 height: 295px !important;
 height: auto;
 width: inherit;
 }

 

 #bndovrimg .brandimage {
 height: 290px;
 width: 100%;
 display: inline-block;
 position: relative;
 }

 .addthree-column {
 width: 90%;
 }

 .card-displaytype {
 display: inline;
 }

 .Event-text {
 color: white;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 }

 .job-background {
 background-color: #ededed;
 text-align: center;
 height: 460px;
 }

 header .productwidth {
 top: 48px;
 }

 .child-nav.mobile {
 overflow-y: auto;
 background: #ABA5A5;
 top: 48px;
 }

 p.Home-page-tag {
 text-align: initial;
 line-height: 25px;
 font-size: 15px;
 }

 .card-blog {
 background-color: #1d4f48;
 height: auto;
 }


 .reponsive-image {
 height: 403px;
 margin: 10px 10px 3px 0px;
 }

 .brandimageoverimage {
 border-radius: 0px 0px 0px 0px;
 }

 .sec-menu {
 font-size: 13px;
 margin: -1px -8px -1px 1px;
 }

 h2.homepage-title {
 font-size: 24px;
 line-height: 27px;
 text-align: initial;
 color: white;
 }

 a.cta-link {
 font-size: 14px;
 }

 .embed-responsive {
 width: auto;
 height: 182px;
 left: auto;
 }

 .social-icons-responsive {
 margin-top: -33px;
 }

 .card-displaytype {
 display: inline;
 }

 .social-icons {
 margin-left: -80px;
 width: 0px;
 margin-top: 10px;
 }

 .blog-card-width {
 width: 22.4rem;
 margin: 16px 0px 0px 30px;
 }

 .header-title {
 font-size: 20px;
 }

 .carousel-control-next {
 right: -19px;
 top: 0px;
 }

 .carousel-control-prev {
 left: -18px;
 top: 0px;
 }

 .Events-Card {
 margin-top: 17px;
 }

 .signinTab {
 margin-left: 6px;
 width: 362px;
 height: 57px;
 padding: 0px 9px;
 }

 .fa-chevron-right {
 width: 84px !important;
 height: 21px;
 color: #47b372;
 }

 .followusTab {
 margin-left: 5px;
 width: 362px;
 height: 57px;
 padding: 0px 15px;
 }

 .social-icon {
 width: 25px;
 height: 25px;
 margin: 6px;
 }

 .embed-responsive-item {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 18px;
 width: 94%;
 height: 100%;
 border: 0;
 }

 .load-more {
 margin: 32px 0px 0px 138px;
 }

 .Subscribe-button {
 margin: 7px 15px 3px 3px;
 }

 .form-control {
 width: 38%;
 }

 .datefrmt {
 margin-left: 28px !important;
 margin-top: 16px;
 }

 .dateto {
 margin: 24px -16px 0px 20px;
 }

 .carousel-item.m-0.slick-slide.slick-current.slick-active {
 width: 292px;
 }

 .image-menu-wrapper .menu a {
 display: contents;
 }

 .image-menu-wrapper .menu li {
 flex: 1;
 text-align: center;
 box-sizing: border-box;
 background-color: #ffffff;
 }

 .resp-eventdesc {
 width: 100%;
 display: contents;
 }

 .carousel-caption {
 left: 0px;
 }

 .icon-bar {
 position: fixed;
 top: 70%;
 transform: translateY(-50%);
 z-index: 9999;
 right: 12px;
 }
 .gallery-info {
 margin: 0px 0px 0px 0px;
 }
}

@media (min-width: 768px) {

 
 .scroll-notification {
 bottom: 10px;
 right: 10px;
 left: auto;
 max-width: none;
 }

 .notification-header {
 flex-direction: column;
 gap: 10px;
 }

 .notification-controls {
 align-self: flex-end;
 }


 #events .Event-body {
 background-color: #1d4f48;
 min-height: 280px;
 max-height: 280px;
 overflow: hidden;
 }

 .icon-bar {
 position: fixed;
 top: 78%;
 transform: translateY(-50%);
 z-index: 9999;
 right: 22px;
 }

 #scrolltop-button {
 display: flex !important;
 width: 127px;
 line-height: 13px;
 height: 29px;
 position: fixed;
 bottom: 20px;
 right: 0px;
 z-index: 99;
 font-size: 24px;
 border: none;
 outline: none;
 background-color: #47B372;
 color: white;
 cursor: pointer;
 padding: 5px 0px 0px 8px;
 border-radius: 2px;
 }

 .events-video {
 width: 289px;
 height: 195px;
 }

 .image-menu-wrapper .menu a {
 
 }

 .image-menu-wrapper .menu li {
 flex: 1;
 text-align: center;
 box-sizing: border-box;
 background-color: #ffffff;
 }


 a.language-styles {
 margin: 0px 0px 0px 0px;
 background-color: #d8d2d2;
 }

 .language-style {
 margin: -41px 0px 0px 30px;
 position: absolute;
 background-color: #d8d2d2;
 }

 button#contactusbrand {
 border: none;
 background-color: #d8d2d2;
 color: #1d4f48;
 margin: 0px 0px 0px 28px;
 font-size: 16px;
 font-weight: 600;
 }

 .removeprimenu {
 position: initial !important;
 }

 .block-header-text {
 background-color: #ffffff;
 color: #D8D2D2;
 }

 .block-header-text h1 {
 background-color: white;
 width: 55%;
 }

 .white-text a {
 color: white;
 font-size: 13px;
 }

 .threecolm {
 border: 2px solid #dfe3e5;
 margin-left: 43px;
 border-radius: 0px 0px 0px 0px;
 max-width: 32% !important;
 color: #1d4f48;
 }

 .industry-header {
 margin-left: 16px;
 }

 .video-responsive {
 width: 250px;
 height: 200px;
 }

 

 .brand-bannerimg {
 width: inherit;
 }

 .industry-header {
 padding: 17px 1px 22px 59px !important;
 background-color: #1d4f48;
 color: white;
 font-family: "Barlow Semi Condensed", sans-serif;
 border-radius: 0px 0px 0px 0px;
 margin-left: 1px;
 }

 .blog-card-width {
 width: auto;
 margin: 10px;
 }

 .responsive-menu {
 display: block;
 }

 .support-dropdown {
 width: 100%;
 }

 .threebox-responsive {
 display: contents;
 }

 .embed-responsive-item {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 18px;
 width: 96%;
 height: 100%;
 border: 0;
 }

 .job-background {
 background-color: #ededed;
 text-align: center;
 height: 460px;
 }

 .sign-in-buttons h5 {
 font-size: 1.25rem;
 }

 .fa-chevron-right {
 width: 100px !important;
 }

 .header-title {
 font-size: 34px;
 }

 .carousel-caption {
 position: absolute;
 top: 100px;
 right: 15%;
 bottom: 100px;
 left: 15%;
 z-index: 10;
 padding-top: 0px;
 padding-bottom: 20px;
 color: #fff;
 text-align: center;
 }

 a.cta-link {
 font-size: 14px;
 }

 p.Home-page-tag {
 font-size: 14px;
 }

 h2.homepage-title {
 font-size: 36px;
 line-height: 41px;
 color: white;
 }

 .sec-menu {
 font-size: 13px;
 }

 .embed-responsive {
 width: auto;
 height: 305px;
 margin-left: auto;
 }

 .card-displaytype {
 display: contents;
 }

 .social-icons {
 margin-left: 18px;
 width: 347px;
 }


 .Events-Card {
 margin-top: 17px;
 }

 .Subscribe-button {
 margin-top: -33px;
 }

 .brandimageoverimage {
 width: auto;
 }
 .icon-bar {
 position: fixed;
 top: 70%;
 transform: translateY(-50%);
 z-index: 9999;
 right: 30px;
 }
 .gallery-info {
 margin: 0px 0px 0px 0px;
 }

}

@media (min-width: 992px) {
 .icon-bar {
 position: fixed;
 top: 70%;
 transform: translateY(-50%);
 z-index: 9999;
 right: 12px;
 }


 .social-icons-responsive {
 margin-top: -33px;
 }

 .events-video {
 width: 400px;
 height: 195px;
 }

 .input-group {
 width: 100%;
 }

 .Subscribe-button.sub-btn {
 margin-top: 0px;
 }

 .Subscribe-button {
 margin-top: 0px;
 }

 .blog-card-width {
 width: 17.5rem;
 }

 .responsiveheight {
 padding-top: 3rem !important;
 }

 .embed-responsive-item {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0px;
 width: 100%;
 height: 100%;
 border: 0;
 }

 .job-background {
 height: auto;
 }

 .fa-chevron-right {
 width: 100px !important;
 }

 .carousel-caption {
 position: absolute;
 }

 .productmobileresp {
 margin-left: 125px;
 }

 div#byIndustry {
 line-height: 40px;
 width: 600px;
 }

 a.cta-link {
 font-size: 14px;
 }

 p.Home-page-tag {
 text-align: initial;
 line-height: 25px;
 font-size: 18px;
 }

 h2.homepage-title {
 font-size: 30px;
 line-height: 41px;
 }

 .embed-responsive {
 width: auto;
 height: 450px;
 margin-left: auto;
 }

 .card-displaytype {
 display: contents;
 }

 .social-icons {
 margin-left: -31px;
 width: 194px;
 margin-top: 0px;
 }

 .blog-card-width {
 width: 17rem;
 }

 .carousel-control-next {
 right: -75px;
 top: 0;
 }

 .carousel-control-prev {
 left: -80px;
 top: 0;
 text-decoration: none;
 }

 .Events-Card {
 margin-top: 0px;
 }
}

@media (min-width: 1200px) {
 .icon-bar {
 right: 0px;
 }

 .e3values {
 padding: 0px 80px 22px 158px;
 }

 a.language-styles {
 margin: 0px 0px 0px 0px;
 background-color: #d8d2d2;
 }

 .sec-menu {
 display: inline-block;
 border: 2px solid #1d4f48;
 padding: 21px 126px 9px 26px;
 font-size: 18px;
 color: #1d4f48;
 font-weight: 700;
 margin: 2px -6px -2px -1px;
 }

 .three-colmn {
 margin: 5px;
 }

 .sec-menu {
 display: inline-block;
 border: 2px solid #1d4f48;
 padding: 11px 126px 10px 25px;
 font-size: 18px;
 color: #1d4f48;
 font-weight: 700;
 margin: 0px -7px 0px 0px;
 }

 .job-background {
 height: auto;
 }

 .social-icon {
 width: 32px;
 height: 33px;
 }

 .sign-in-buttons h5 {
 font-size: 1.25rem;
 }


 .carousel-control-next {
 right: -75px;
 top: 0;
 }

 .carousel-control-prev {
 left: -80px;
 top: 0;
 text-decoration: none;
 }

 

 .embed-responsive {
 width: auto;
 height: 499px;
 margin-left: auto;
 }

 .job-btnbg {
 max-width: 100%;
 min-height: 299px;
 max-height: 300px;
 margin: 24px 0px -6px 0px;
 position: relative;
 }

 .Events-Card {
 margin-top: 0px;
 }
}

@media (min-width: 1300px) {

 .titleheader
 {
 font-size:40px;
 }

 
 .scroll-notification {
 bottom: 10px;
 right: 110px;
 left: auto;
 max-width: none;
 }

 .responsiveml5 {
 margin-left: 4rem !important;
 }

 .gallery-info {
 margin: 32px 0px 0px 0px;
 }


 #productTabContent .blog-card-width {
 width: 22rem;
 }
 
 .icon-bar {
 right: 0px;
 }

 #latestblogs .blog-card-width {
 width: 24.5rem;
 margin: 0px 25px 0px 38px !important;
 }

 #latestblogs .blog-card-width-fouritems {
 width: 19.1rem;
 margin: -3px -21px -3px 44px !important;
 }

 #latestblogs .blog-card-width-fiveitems {
 width: 15.1rem;
 margin: 0px -21px 8px 43px !important;
 }

 .carousel-caption {
 left: 15%;
 }

 .brandimageoverimage {
 width: 50%;
 }

 .videocarousal-responsive {
 width: 95%;
 height: 250px;
 }

 #events-section .blog-card-width {
 width: 26.2rem;
 margin: auto;
 }

 #solutioninmakers .blog-card-width {
 width: 23rem;
 margin: 0px 26px 5px 1px !important;
 }

 #allblogs .card-img-top {
 width: 100%;
 max-height: 235px;
 min-height: 235px;
 }

 .card-img-top {
 width: 100%;
 max-height: 235px;
 min-height: auto;
 }

 #blog-stories .slick-next {
 right: -30px;
 }

 #videos .slick-next {
 right: -26px;
 }

 #videos .carousel {
 width: 80%;
 margin: auto;
 }

 .resp-eventdetails {
 width: auto;
 padding: 10px 0px 10px 0px;
 }

 .resp-eventdesc {
 width: 100%;
 display: grid;
 }

 .image-menu-wrapper .menu a {
 display: block;
 }

 .image-menu-wrapper {
 display: block;
 }

 .sec-menu {
 margin: 0px -7px 0px 0px;
 }

 a.sec-menu:hover {
 background-color: #1d4f48;
 color: #ffffff;
 }

 button#contactusbrand {
 margin: 0px 1px 3px 0px;
 }

 a.language-styles {
 background-color: #ffffff;
 margin: 23px -5px 0px 28px;
 }

 .language-style {
 margin: 0px 0px 0px 1px;
 background-color: #ffffff;
 position: initial;
 padding-left: 0px;
 }

 button#contactusbrand {
 border: none;
 background-color: #1d4f48;
 color: #ffffff;
 margin: 0px 5px 9px 0px;
 font-size: 16px;
 }

 .e3values {
 padding: 0px 18px 22px 80px;
 }

 .removeprimenu {
 position: absolute !important;
 }

 .header-screen {
 margin-left: 0px;
 }

 .GreyHeader-Title {
 font-size: 78px;
 line-height: 120px;
 font-weight: 700;
 color: #D8D2D2;
 font-weight: 700;
 }

 .block-header-text h1 {
 background-color: white;
 width: 35%;
 }

 .bg-text-abtdes {
 color: white;
 font-size: 15px;
 display: -webkit-box;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
 overflow: hidden;
 }

 .MoreAboutUsImagerespo {
 max-width: 40%;
 margin-bottom: 16px;
 }

 

 .block-header-text {
 background-color: #d8d2d2;
 color: #D8D2D2;
 }

 .white-text a {
 color: white;
 font-size: 18px;
 }

 .image-itemwidth {
 width: 94% !important;
 }

 .image-itemwidth {
 width: 94% !important;
 }

 .carrer-right {
 height: -webkit-fill-available;
 margin: 0px 1px 2px 16px;
 object-fit: cover;
 width: 100%;
 height: 450px;
 }

 .carrer-left {
 height: -webkit-fill-available;
 margin: 0px 1px 2px -30px;
 object-fit: cover;
 width: 100%;
 height: 450px;
 border-left: 1px solid white;
 }

 .carrer-style {
 background-color: #1d4f48;
 max-height: max-content;
 margin: 0px -15px 7px -15px;
 }

 .page-header .section-container .content-container {
 height: 100px;
 margin: 0 80px 0 73px;
 padding: 30px 0 0 30px;
 border-left: solid 1px #fff;
 }

 .page-header .section-container {
 line-height: 25px;
 }

 .datefrmt {
 margin-left: 0px !important;
 margin-top: 0px;
 }

 .dateto {
 margin: 0px 0px 0px 0px;
 }

 .news-card {
 background-color: #f1f3f4;
 color: #1d4f48;
 width: 101%;
 min-height: auto;
 }

 footer .content-container .footer-nav nav a {
 margin: 14px 10px;
 }

 footer .content-container .footer-nav {
 margin-left: -10px;
 width: 102%;
 }

 .twitter-icon {
 font-size: 14px;
 background-color: #1d4f48;
 padding: 2px 4px 2px 4px;
 top: 4px;
 color: white;
 border-radius: 50%;
 }

 .load-more {
 margin: 32px 0px 0px 500px;
 }

 .home-container {
 max-width: 1200px !important;
 }

 
 
 

 .Subscribe-button.sub-btn {
 margin-top: 0px;
 }

 .Subscribe-button {
 margin-top: 0px;
 }


 .inds-style {
 padding: 20px 21px 20px 86px;
 }

 .threecolm {
 border: 2px solid #dfe3e5;
 margin-left: 14px;
 border-radius: 0px 0px 0px 0px;
 max-width: 31% !important;
 color: #1d4f48;
 }

 

 #vidcrousal .video-responsive {
 width: 7.5%;
 height: 280px;
 }

 

 .input-group {
 width: 100%;
 }

 .threebox-responsive {
 display: flex;
 }

 .sec-menu {
 display: inline-block;
 border: 2px solid #1d4f48;
 padding: 13px 59px 10px 26px;
 font-size: 18px;
 color: #1d4f48;
 font-weight: 700;
 margin: 0px -7px 0px -1px;
 }

 .industry-header {
 padding: 20px 21px 20px 86px !important;
 background-color: #1d4f48;
 color: white;
 font-family: "Barlow Semi Condensed", sans-serif;
 border-radius: 0px 0px 0px 0px;
 margin-left: 1px;
 }

 .slick-next {
 right: 25px;
 }



 .sec-memuposition {
 position: sticky;
 top: 0px;
 }

 .three-colmn {
 margin: 4px;
 }

 #locator_iframe14098 {
 height: 1600px;
 min-width: 100%;
 }

 .brand-bannerimg {
 height: 419px !important;
 width: inherit;
 object-fit: cover;
 border-left: 1px solid white;
 }

 .responsive-filters {
 display: flex;
 line-height: 40px;
 }

 .blog-card-width {
 margin: 0px;
 }

 .support-dropdown {
 width: 100%;
 }

 .sec-menu {
 display: inline-block;
 border: 2px solid #1d4f48;
 padding: 17px 61px 9px 25px;
 font-size: 18px;
 color: #1d4f48;
 font-weight: 700;
 margin: 0px -7px 0px 0px;
 }

 .threebox-responsive {
 display: flex;
 }

 #locator_iframe14098 {
 height: 1000px !important;
 }

 .video-responsive {
 width: 100%;
 height: 210px;
 }

 .embed-responsive-item {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0px;
 width: 100%;
 height: 100%;
 border: 0;
 }

 .job-background {
 height: auto;
 }

 .social-icon {
 width: 32px;
 height: 33px;
 }

 .sign-in-buttons h5 {
 font-size: 1.25rem;
 }

 .fa-chevron-right {
 width: 100px !important;
 }

 .carousel-control-next {
 right: -75px;
 top: 0;
 }

 a {
 color: #1d4f48;
 text-decoration: none;
 }

 a:hover {
 color: #1d4f48;
 text-decoration: underline;
 }

 .carousel-control-prev {
 left: -125px;
 top: 0;
 text-decoration: none;
 }

 .blog-card-width {
 width: 22.2rem;
 }

 .embed-responsive {
 width: auto;
 height: 500px;
 margin-left: auto;
 }

 .header-title {
 font-size: 40px;
 line-height:42px;
 }

 a.cta-link {
 font-size: 16px;
 }

 p.Home-page-tag {
 font-size: 24px;
 line-height: 30px;
 }

 h2.homepage-title {
 font-size: 44px;
 line-height: 50px;
 color: #ffffff;
 }

 .reponsive-image {
 height: 550px;
 }

 .social-icons {
 margin-left: -37px;
 width: 389px;
 margin-top: 0px;
 }

 .followusTab {
 padding: 0px 50px;
 }

 .card-displaytype {
 display: flex;
 }

 .signinTab {
 padding: 0px 23px;
 }

 .Events-Card {
 margin-top: 0px;
 }

 .slick-prev {
 left: -50px;
 }

 .slick-next {
 right: 100px;
 }

 .form-control {
 display: block;
 width: 100%;
 padding: .375rem .75rem;
 font-size: 1rem;
 line-height: 1.5;
 color: #495057;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: .25rem;
 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }

 .slick-slide img {
 display: block;
 max-height: 235px;
 min-height: 235px;
 object-fit: inherit;
 }

 #imgslider .slick-slide img {
 height: 204px;
 width: 271px;
 margin-left: 30px;
 }

 #imgslider .slick-next {
 right: -49px;
 }

 #imgslider .slick-prev {
 left: -46px;
 }

 a.blog-textcolorprd {
 font-size: 18px;
 }

 .social-icons-responsive {
 margin-top: -33px;
 }

 .share-event-details {
 line-height: 60px;
 }

 .events-video {
 width: 570px;
 height: 320px;
 }

 input.form-control.search-border {
 font-size: 18px;
 padding: 20px 20px 20px 20px;
 border: 4px solid #969696;
 font-family: sans-serif;
 }

 #prdsliderwthdetails .slick-next {
 right: -30px;
 }

 .card-img-top {
 width: 100%;
 max-height: 235px;
 min-height: auto;
 }
}

@media (min-width: 1400px) {

 #productTabContent .blog-card-width {
 width: 22rem;
 }

 #events-section .blog-card-width {
 width: 26.2rem;
 margin: auto;
 }

 #solutioninmakers .blog-card-width {
 width: 24.5rem;
 }

 #imgslider .image-carousel {
 width: 80%;
 margin: 170px;
 }

 .twitter-icon {
 background-color: #1d4f48;
 padding: 3px 5px 3px 5px;
 top: 4px;
 color: white;
 border-radius: 50%;
 font-size: 14px;
 }

 .image-menu-wrapper {
 display: block;
 }

 .sec-menu {
 margin: 0px -7px 0px 0px;
 }

 .backgrnd-imag {
 background-color: #1d4f48;
 color: white;
 margin-left: -9px;
 }

 .e3values {
 padding: 0px 80px 22px 253px;
 }

 .removeprimenu {
 position: absolute;
 }

 button#contactusbrand {
 margin: 0px 16px 0px 0px;
 }

 .language-style {
 margin: 0px 0px 0px -14px;
 padding-left: 0px;
 }


 .page-header .section-container .content-container {
 height: 100px;
 margin: 0 80px 0 100px;
 padding: 30px 0 0 30px;
 border-left: solid 1px #fff;
 }

 .page-header .section-container {
 line-height: 25px;
 }

 .content-container {
 padding: 70px 103px;
 }

 .twt-iconheight {
 margin-top: 0px;
 position: sticky;
 }

 .home-container {
 max-width: 1300px !important;
 }

 .load-more {
 margin: 32px 0px 0px 558px;
 }

 .sec-menu {
 display: inline-block;
 border: 2px solid #1d4f48;
 padding: 17px 82px 9px 26px;
 font-size: 18px;
 color: #1d4f48;
 font-weight: 700;
 margin: 1px -8px -2px 2px;
 }

 .slick-next {
 right: 20px;
 }

 #prdsliderwthdetails .slick-next {
 right: -30px;
 }

 .industry-header {
 padding: 20px 21px 20px 115px !important;
 }

 .blog-card-width {
 width: 24.5rem;
 }



 .blog-card-width {
 width: 24.5rem;
 }

 
 
 
 

 .sec-menu {
 display: inline-block;
 border: 2px solid #1d4f48;
 padding: 12px 84px 10px 25px;
 font-size: 18px;
 color: #1d4f48;
 font-weight: 700;
 margin: 1px -6px 0px -1px px;
 }

 .industry-header {
 padding: 20px 21px 20px 154px;
 }



 input.form-control.search-border {
 font-size: 20px;
 padding: 20px 20px 20px 20px;
 border: 4px solid #969696;
 font-family: sans-serif;
 }

 .blog-card-width {
 width: 24.5rem;
 }

 p.Home-page-tag {
 font-size: 24px;
 line-height: 30px;
 }

 .embed-responsive {
 width: auto;
 height: 499px;
 margin-left: auto;
 }

 h2.homepage-title {
 font-size: 44px;
 line-height: 50px;
 }

 a.cta-link {
 font-size: 20px;
 }

 .reponsive-image {
 height: 550px;
 }

 .social-icons {
 margin-left: -43px;
 width: 495px;
 }

 .followusTab {
 padding: 0px 50px;
 }

 .Events-Card {
 margin-top: 0px;
 }

 
}

@media (min-width: 1630px) {

 .card-img-top {
 width: 100%;
 max-height: 335px;
 min-height: auto;
 }

 #allblogs .card-img-top {
 width: 100%;
 max-height: 335px;
 min-height: 335px;
 }

 #news-sharing .twt-iconheight {
 margin-top: -14px;
 }






 .industry-header {
 padding: 20px 21px 20px 150px !important;
 }

 .three-colmn {
 margin: 11px;
 }

 .blog-card-width {
 width: 25.9rem;
 }

 .blog-card-width {
 width: 26.2rem;
 }

 .signinTab {
 padding: 0px 30px;
 margin-left: -4px;
 width: 477px;
 height: 57px;
 }

 .social-icons {
 margin-left: -36px;
 width: 579px;
 }

 .page-header .section-container .content-container {
 margin: 0 80px 0 38px !important;
 padding: 20px 0 0 35px !important;
 border-left: solid 1px #fff !important;
 }

 #latestblogs .blog-card-width {
 width: 26.2rem;
 margin: 0px 10px -3px 47px !important;
 }

 #latestblogs .blog-card-width-fouritems {
 width: 20.6rem;
 margin: 0px -18px 0px 43px !important;
 }

 #latestblogs .blog-card-width {
 width: 26.2rem;
 margin: 0px 26px -3px 42px !important;
 }

 .carousel-caption {
 left: 17%;
 }

 #events-section .blog-card-width {
 width: 27.2rem;
 margin: 0px 9px 5px 40px !important;
 }

 #latestblogs .blog-card-width-fiveitems {
 width: 16.1rem;
 margin: 0px -21px 8px 46px !important;
 }
 
}

@media (min-width: 1800px) {

 #features .feature-block-content {
 margin-top: 0px;
 }

 #allblogs .card-img-top {
 width: 100%;
 max-height: 335px;
 min-height: 335px;
 }

 #blog-stories .blog-img {
 max-height: 320px;
 min-height: 320px;
 object-fit: inherit;
 width: 96%;
 }

 #imgslider .image-carousel {
 width: 80%;
 margin: 170px;
 }

 #latestblogs .blog-card-width {
 width: 29.2rem;
 margin: 0px 22px -3px 41px !important;
 }

 #latestblogs .blog-card-width-fouritems {
 width: 23.2rem;
 margin: -3px -27px -3px 44px !important;
 }

 #latestblogs .blog-card-width-fiveitems {
 width: 18.3rem;
 margin: -3px -27px -3px 42px !important;
 }

 #events-section .blog-card-width {
 width: 30.2rem;
 margin: 0px 9px 5px 40px !important;
 }

 .twitter-icon {
 background-color: #1d4f48;
 padding: 3px 5px 3px 5px;
 top: 4px;
 color: white;
 border-radius: 50%;
 font-size: 14px;
 }

 .image-menu-wrapper {
 margin-top: -2px;
 }

 .sec-menu {
 border: 3px solid #1d4f48;
 font-size: 18px;
 font-weight: 700;
 margin: 0px -7px 1px 0px;
 }

 .e3values {
 padding: 0px 80px 24px 359px;
 }


 .moreabtbg {
 background-color: #1f4d48;
 min-height: 190px;
 max-height: 190px;
 }

 .header-screen {
 margin-left: 2px;
 }

 button#contactusbrand {
 margin: -3px 2px 5px 0px;
 }

 .removeprimenu {
 position: absolute !important;
 }

 .language-style {
 margin: 0px 0px 0px -14px;
 padding-left: 0px;
 }

 .backgrnd-imag {
 background-color: #1d4f48;
 color: white;
 margin-right: 1px;
 margin-left: -13px;
 }

 .page-header .section-container .content-container {
 height: 100px;
 margin: 0px 80px 0 200px;
 padding: 50px 0 0 30px;
 border-left: solid 1px #fff;
 }

 .page-header .section-container {
 line-height: 0px;
 }

 .content-container {
 padding: 31px 195px;
 }


 footer .content-container .footer-nav nav a {
 margin: 15px 35px;
 }

 footer .content-container .footer-nav {
 margin-left: -33px;
 width: 102%;
 }



 .blog-card-width {
 width: 26.7rem;
 }

 .sec-menu {
 display: inline-block;
 border: 2px solid #1d4f48;
 padding: 19px 124px 7px 26px;
 font-size: 18px;
 color: #1d4f48;
 font-weight: 700;
 margin: 1px -4px 0px -1px;
 }

 .industry-header {
 padding: 20px 18px 20px 190px !important;
 background-color: #1d4f48;
 color: white;
 font-family: "Barlow Semi Condensed", sans-serif;
 border-radius: 00px 0px 0px 0px;
 margin-left: 1px;
 }

 .slick-next {
 right: 35px;
 }

 .video-responsive {
 width: 107%;
 height: 250px;
 }

 #solutioninmakers .blog-card-width {
 width: 27.4rem;
 margin: 0px 23px 5px 1px !important;
 }

 .sec-menu {
 display: inline-block;
 border: 2px solid #1d4f48;
 padding: 10px 92px 11px 59px;
 font-size: 18px;
 color: #1d4f48;
 font-weight: 700;
 margin: 0px -7px 1px 0px;
 }

 .industry-header {
 padding: 20px 18px 20px 214px;
 margin: auto;
 }

 .carousel-control-prev {
 left: -65px;
 top: 0;
 text-decoration: none;
 }

 .carousel-control-prev-icon:after {
 content: '<';
 font-size: 55px;
 color: #ffffff;
 margin-left: 65px;
 }



 .carousel-caption {
 left: 21%;
 }

 input.form-control.search-border {
 font-size: 20px;
 padding: 20px 20px 20px 20px;
 border: 4px solid #969696;
 font-family: sans-serif;
 }

 .followusTab {
 padding: 0px 50px;
 }

 .social-icons {
 margin-left: -12px;
 width: 479px;
 }

 .signinTab {
 width: 555px;
 padding: 0px 26px;
 }

 .blog-card-width {
 width: 26.4rem;
 }

 .reponsive-image {
 height: 550px;
 }

 p.Home-page-tag {
 font-size: 24px;
 line-height: 30px;
 }

 .embed-responsive {
 width: auto;
 height: 497px;
 margin-left: auto;
 }

 .job-btnbg {
 max-width: 100%;
 min-height: 299px;
 max-height: 300px;
 margin: 24px 0px -6px 0px;
 position: relative;
 }

 a.cta-link {
 font-size: 20px;
 }

 .Events-Card {
 margin-top: 0px;
 }

 
 
 

 h2.homepage-title {
 font-size: 44px;
 line-height: 50px;
 }

 #prdsliderwthdetails .slick-next {
 right: -40px;
 }

 .home-container {
 max-width: 1550px !important;
 }
}





 .skipnav { 
 position:absolute;
 top:0;
 margin:0 auto;
 font-size: .75rem;
 text-transform: uppercase;
 background: #47b372;
 line-height: 1rem;
 color:#fff;
 padding: .25rem;
 transform: translateY(-120%);
 transition: transform 325ms ease-in;
 text-decoration: none;
 border: none;

 &:hover {
 background: #1D4F48;
 color: #fff;
 text-decoration: none;
 }

 &:focus-within {
 transform: translateY(0);
 color: #fff;
 text-decoration: none;
 }
 }

 header {
 max-width: 1920px;
 margin: 0 auto;
 display: grid;
 grid-template-areas:
 "logo hamburger globalnav" 
 "meganav meganav meganav";
 grid-template-columns: clamp(230px, 520px, 27%) 1fr;
 }

 .meganav-mobile {
 display:none;
 }

 .meganav {
 grid-area: meganav;
 }

 header .globalnav {
 grid-area: globalnav;

 }

 header .meganav-level1 {
 display:flex;
 gap: 1.6rem;
 justify-content: center;
 flex-direction: row;
 list-style: none;
 padding: 0;
 margin: 0 0 .5rem 0;

 & > li {
 position: relative;
 }
 
 & > li + li .meganav-level1-item:before {
 content: "\00B7"; 
 color: #47b372;
 font-size: 3rem;
 line-height: .5rem;
 position: absolute;
 left: -1.2rem;
 }
 }


.meganav-level1-item {
 color: #000;
 font-size: clamp(.5em, .9vw, 1em);
 line-height: clamp(.5em, .9vw, 1em);
 font-weight: 600;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 cursor: pointer;
 display: inline-block;
 position: relative;
 & > .meganav-link {
 color: #000;
 font-size: clamp(.5em, .9vw, 1em);
 text-decoration: none;
 font-size: inherit;
 margin-bottom: 0;
 cursor: pointer;
 }

 & > .meganav-link:before {
 
 left: -1.5rem;
 width: 1.5rem;
 position: absolute;
 display: block;
 }

 }

 #meganav-toggle-mobile {
 grid-area: hamburger;
 opacity: 0;
 }

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

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

 @media (min-width:800px) {
 header .meganav-level1 {

 input {
 display:none;
 }

 & > li:hover .meganav-level1-item
 , & > li:focus-within .meganav-level1-item {
 border-top-color: #000;
 }

 .meganav-level1-item {
 border-top: 2px solid #fff;
 padding-top: 2px;
 &:hover {
 border-top-color: #000;
 }
 }

 }

 }

 @media (max-width:800px) {
 header {
 margin: 0 auto;
 display: grid;
 grid-template-areas:
 "logo globalnav globalnav"
 "logo meganav hamburger";
 height: 115px;
 }

 .meganav-mobile {
 display:block;
 line-height: 1em;
 font-size: 2rem;
 position:relative;
 top:-.5em;
 margin-right:1rem;
 }

 #meganav-toggle-mobile {
 grid-area: hamburger;
 opacity: 0;

 & + .meganav .meganav-mobile {
 text-align:right;
 }

 & + .meganav .meganav-close {
 display: none;
 }

 & + .meganav .meganav-open {
 display: inline-block;
 }
 }
 
 #meganav-toggle-mobile:checked + .meganav {

 top: 0px;
 right: 0px;
 max-width: min(100%,580px);
 min-width: 200px;
 position: absolute;
 min-height: 100vh;
 background-color: #ffffff;
 z-index: 9999;
 box-shadow: 0 0 20px #000;
 padding: 0 0 2rem 2rem;

 & .meganav-close {
 display: inline-block;
 margin: 1rem;
 }

 & .meganav-open {
 display: none;
 margin: 0;
 }

 & .meganav-level1 {
 display: flex;
 padding-top: 0;
 }

 & .meganav-mobile {
 display: block;
 line-height: 1em;
 font-size: 2rem;
 position: relative;
 top: 0;
 margin-left: 1rem;
 }

 }

 header .meganav-level1 {
 display: none;

 justify-content: flex-start;
 flex-direction: column;
 padding: 1rem 1rem 0 1rem;

 & .meganav-level1-item {
 font-size: 1em;

 & > .meganav-link {
 font-size: 1em;
 margin-bottom: 0;
 }

 & > .meganav-link:before {
 
 left: -1.5rem;
 width: 1.5rem;
 position: absolute;
 display: block;
 }
 }

 & > li + li .meganav-level1-item:before {
 display:none;
 }

 & .meganav-level2 > ul {
 padding: 1em 1.5em 0;
 display: flex;
 gap: 0 1rem;
 flex-direction: column;
 flex-wrap: wrap;
 align-content: start;
 max-height: 50vh;
 max-height: 50dvh;
 max-width: min(100%, 600px);
 }

 & .meganav-level2 > aside {
 display: none;
 }

 }

 .meganav-level1 .meganav-toggle {
 opacity: 0;
 position: absolute;

 & + .meganav-level1-item .meganav-link {
 border-top: 2px solid #fff;
 padding-top: .5rem;
 }

 & + .meganav-level1-item + .meganav-level2 > ul {
 height: 0;
 clip-path: inset(0 0 100% 0);
 transition: clip-path .5s, height .5s;
 padding:.5em 1.5em 0;
 }

 &:checked + .meganav-level1-item .meganav-link {
 border-top: 2px solid #000;
 padding-top: .5rem;
 }

 &:checked + .meganav-level1-item + .meganav-level2 > ul {
 clip-path: inset(0 0 0 0);
 height: auto;
 }

 & + .meganav-level1-item .meganav-link:before {
 content: '+';
 }

 &:checked + .meganav-level1-item .meganav-link:before {
 content: '-';
 }
 }


 }

 @media (max-width:580px) {
 header .meganav-level1 .meganav-level2 > ul {
 max-height: initial;
 max-width: initial;
 }
 }



 
 .meganav-level1 .Default {
 & .meganav-level2 {
 background: #fff;
 }

 & .meganav-level2-item > .meganav-link {
 font-size: 1rem;
 color:#1a1a1a;
 line-height:1rem;

 &[href="#"]:hover {
 text-decoration: none;
 }
 }

 & .meganav-level3 {
 padding: 0 0 0 1.5rem;
 list-style: none;
 margin: 0;
 }

 & .meganav-level3-item > .meganav-link {
 font-size: .95rem;
 color: #1a1a1a;
 line-height: 1rem;

 &:hover {
 color:#1a1a1a;
 }
 }

 }

 @media (min-width:800px) {

 .meganav-level1 .Default {
 & .meganav-level2 {
 position: absolute;
 z-index: 999;
 background: #fff;
 margin: -2px 0 0 -1em;
 opacity: 0;
 transform: translateY(-5000px);
 filter: drop-shadow(8px 8px 4px #0007);
 border: 1px solid #0003;
 border-right-width: 0;
 border-bottom-width: 0;
 border-radius: 15px 0px 15px 0px;
 transition: transform 0s, opacity .25s;
 width:max-content;
 min-width: 100%;
 padding: 0px;

 & > ul {
 padding:1em 1.5em 1.5em;
 display: flex;
 gap: 0 1rem;
 flex-direction: column;
 flex-wrap: wrap;
 align-content: start;
 max-height:50vh;
 max-height:50dvh;
 }

 & > aside {
 margin: 0;
 background: #47b372; 
 border-radius: 0px 0px 15px 0px;

 & > ul {
 display: flex;
 flex-wrap: nowrap;
 justify-content: center;
 padding: 0 .5rem;
 margin:0 2px;

 & > li {
 margin: 0;
 padding: 2px;
 }

 & > li + li::before {
 content: "\00B7"; 
 color: #fff;
 }
 }
 }
 }

 &:hover .meganav-level2
 , &:focus-within .meganav-level2 {
 opacity: 1;
 transform: translateY(0px);
 }

 & .meganav-level2 > ul > li {
 white-space: nowrap;
 }

 & .meganav-level2-item {
 display: block;
 }

 & .meganav-level2-item > .meganav-link {
 font-size: 1rem;
 color:#1a1a1a;
 line-height:1rem;

 &[href="#"]:hover {
 text-decoration: none;
 }
 }

 & .meganav-level3 {
 padding: 0 0 0 1.5rem;
 list-style: none;
 margin: 0;
 }

 & .meganav-level3-item > .meganav-link {
 font-size: .95rem;
 color: #1a1a1a;
 line-height: 1rem;

 &:hover {
 color:#1a1a1a;
 }
 }

 & .meganav-footer-link {
 font-size: .8rem;
 text-transform: uppercase;
 color: #fff; 
 line-height: 1rem;
 padding: 1px;

 &:hover {
 color: #fff; 
 text-decoration: underline;
 }
 }

 }
 }
 


 
 .meganav-level1 .Wide {
 position: initial; 

 & .meganav-level2 {
 background: #fff;
 }

 & .meganav-level2-item > .meganav-link {
 font-size: 1rem;
 color:#1a1a1a;
 line-height:1rem;

 &[href="#"]:hover {
 text-decoration: none;
 }
 }

 & .meganav-level3 {
 padding: 0 0 0 1.5rem;
 list-style: none;
 margin: 0;
 }

 & .meganav-level3-item > .meganav-link {
 font-size: .95rem;
 color: #1a1a1a;
 line-height: 1rem;

 &:hover {
 color:#1a1a1a;
 }
 }

 }

 @media (min-width:800px) {

 .meganav-level1 .Wide {

 & .meganav-level2 {
 position: absolute;
 left: 0;
 z-index: 999;
 margin: -2px 0 0 0;
 opacity: 0;
 transform: translateY(-5000px);
 transition: transform 0s, opacity .25s;
 min-width: 100%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 padding:0;
 background: #fff;
 filter: drop-shadow(0px 50px 50px #0005);
 border-top: 1px solid #0002;
 
 & > ul {
 
 display: flex;
 flex-direction: row;
 gap: 1rem 3rem;
 padding:1em 1.5em 1.5em;
 flex-wrap: wrap;
 justify-content: center;
 width: clamp(800px, 100% ,1920px);
 margin: auto;
 
 }

 & > aside {
 margin: 0;
 background: #47b372; 

 & > ul {
 display: flex;
 flex-wrap: nowrap;
 justify-content: center;
 padding: 0;
 margin:0 2px;

 & > li {
 margin: 0;
 padding: .1rem;
 }

 & > li + li::before {
 content: "\00B7"; 
 color: #fff;
 }
 }
 }
 
 & .meganav-footer-link {
 font-size: .8rem;
 text-transform: uppercase;
 color: #fff; 
 line-height: 1rem;
 padding: 1px;

 &:hover {
 color: #fff; 
 text-decoration: underline;
 }
 }

 }

 &:hover .meganav-level2
 , &:focus-within .meganav-level2 {
 opacity: 1;
 transform: translateY(0px);
 }

 & .meganav-level2 > ul > li {
 white-space: nowrap;
 width: 200px;
 border: 1px dotted white;
 }

 & .meganav-level2-item {
 display: block;
 }

 & .meganav-level2-item > .meganav-link {
 font-size: 1rem;
 color:#1a1a1a;
 font-weight: 600;
 line-height:1rem;

 &[href="#"]:hover {
 text-decoration: none;
 }
 }

 & .meganav-level3 {
 padding: 0 0 0 1.5rem;
 list-style: none;
 margin: 0;
 }

 & .meganav-level3-item > .meganav-link {
 font-size: .95rem;
 color: #1a1a1a;
 line-height: 1rem;

 &:hover {
 color:#1a1a1a;
 }
 }

 
 & .meganav-footer-link {
 font-size: .8rem;
 text-transform: uppercase;
 color: #1a1a1a;
 line-height: 1rem;
 padding: 1px;

 &:hover {
 color: #000;
 text-decoration: underline;
 }
 }

 }
 }
 


 header .globalnav > ul {
 display: flex;
 justify-content: flex-end;
 flex-direction: row;
 list-style: none;
 gap: 2rem;
 & > li {
 margin: 1em 0 1em 0;
 padding: 0;
 }
 }

 .globalnav-link {
 color: #1d4f48;
 font-family: "Open Sans",sans-serif;
 font-size: .9rem ;
 text-transform: uppercase;
 white-space: nowrap;
 font-weight: 600;
 line-height: 1.2rem;
 cursor: pointer;

 &:hover, &:focus-within {
 text-decoration: underline;
 }

 & .globalnav-icon {
 font-size: 1.2em;

 & img {
 max-height: 1.2em;
 }

 }

 }

 @media (max-width: 1280px) {
 header .globalnav > ul {
 gap: .75rem;
 }
 }

 @media (max-width: 1024px) {
 .globalnav-link .globalnav-icon {
 display: none;
 }
 }

 @media (max-width:800px) {

 header .logo a {
 padding-top:1.65rem;
 }

 header .globalnav > ul {
 gap: 1rem;
 }

 .globalnav-link .globalnav-icon {
 display: inherit;
 min-width: 1.2em;
 }

 .globalnav-link .globalnav-text {
 display: none;
 }
 }

 header .logo {
 grid-area: logo;
 line-height: 85px;
 text-align: center;
 }

 header .logo a {
 display: inline-block;
 vertical-align: middle;
 margin: 0 1rem;
 }

 header .logo img {
 height: 35px;
 }


 .globalnav-language {

 position: relative;
 min-width: clamp(100px, 120px, 20%);

 & > ul {
 background: #fff;
 position: absolute;
 padding: 2px .5rem;
 top: -2px;
 left: -2px;
 
 filter: drop-shadow(0 0 0 #0005);
 transition-duration: .5s;
 }

 &:hover > ul, &:focus-within > ul {
 filter: drop-shadow(8px 8px 10px #0005);
 }
 }

 .globalnav-language:hover > ul > li {
 display:inherit;
 padding-bottom: .5rem;
 }

 .globalnav-language > ul > li {
 display:none;
 white-space: nowrap;
 }

 .globalnav-language > ul > li.selected {
 display:inherit;
 }

 .globalnav-selector {
 position: absolute;
 right: .5em;
 margin-top:.1rem;
 }