#gret-footer-section {
  padding: 0;
  border-top: 9px solid #da291c;
  position: relative;
}
#gret-footer-section img {
  position: absolute;
  z-index: -1;
  width: 100%;
  object-fit: cover;
  height: calc(100% - 70px);
}
#gret-footer-section .great-footer-img {
  padding: 30px 0;
  /*.container {
			width: 95%;
            padding: 0px 10px;
		}*/
}
#gret-footer-section .great-footer-img .row {
  display: inherit;
  margin: 0px;
}
#gret-footer-section .great-footer-img .great-footer-one {
  display: flex;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-two {
  padding-top: 0px;
  flex-grow: 1;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  text-transform: capitalize;
  pointer-events: none;
  font-family: "NHaasGroteskTXPro Bold";
  letter-spacing: 0.4px;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head img {
  display: none;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-one ul {
  list-style: none;
  margin: 10px 0;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-one ul li {
  margin: 6px 0 0;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-one ul li a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  font-family: "NHaasGroteskTXPro Medium";
  line-height: 1.25;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li {
  display: inline-block;
  border-radius: 50px;
  height: 32px;
  /* width: 32px; */
  text-align: center;
  margin: 0 auto;
  margin-right: 10px;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li a {
  height: 32px;
  width: 32px;
  background: #fff;
  display: block;
  border-radius: 32px;
  vertical-align: middle;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li a img {
  width: 32px;
  height: 32px;
  position: inherit;
  vertical-align: middle;
  background: #000;
  border-radius: 50px;
}
#gret-footer-section .great-footer-img .great-footer-one .gret-one-detil {
  display: flex;
  flex-grow: 4;
}
#gret-footer-section .great-footer-img .great-footer-one .gret-two-detil {
  flex-grow: 1;
}
#gret-footer-section .footer-end {
  background: #000;
}
#gret-footer-section .footer-end .container {
  /*width: 95%;
            padding: 0px 10px;*/
}
#gret-footer-section .footer-end .container .row {
  margin: 0px;
}
#gret-footer-section .footer-end .footer-end-detail .foo-end-right-reserv p {
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.85;
  letter-spacing: 0.26px;
  margin: 0;
  padding: 10px 0px;
  font-family: "NHaasGroteskTXPro Bold";
}
#gret-footer-section.frothpakfooter {
  border-top: 9px solid #ffc700;
}
#gret-footer-section.frothpakfooter .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 {
  color: #ffc700;
}
@media (max-width: 991px) {
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 {
    font-size: 15px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-one ul li a {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  #gret-footer-section .foot-back-img {
    display: none;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li a {
    margin: 0 auto;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head img {
    width: 16px;
    vertical-align: baseline;
    margin-left: 10px;
    display: inline-block;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: bold;
    pointer-events: visible;
    text-align: left;
    margin-bottom: 20px;
    line-height: 1.33;
    letter-spacing: 0.36px;
    color: #fff;
    position: relative;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 img {
    position: inherit;
    float: right;
    margin-top: 8px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 img.foo-img-down-arr {
    display: none;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3.footer-link {
    padding-right: 15px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3.footer-link:after {
    content: '';
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeBAMAAACYioDyAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURUdwTP///////////////////////////////////8kBMKEAAAAJdFJOUwDgIH9gEM/AOHVdpjcAAACsSURBVCjPddGhDgJBDATQhoMEjcOxf4A9h8Whji9A8AEIHBZJjgDzt3TLUbZzS8VkM5unRkT2F6Gbn3LOjgv+SI+dZofbKvaTJQ4ZAEQSoKQDiCiAkrNmJCk3T7mCiAG8ZAoiBrAR2UbyAXd9EXFA5AeIFCCQEgQSQEEiKAgBJwycjIBIa8RAHyZo4LeO47TfvqeZmz/ACQMnIzCQMRhIBRipASNVoKQOlJTgDW5oi4b5FNd2AAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    height: 10px;
    width: 16px;
    position: absolute;
    right: 0;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head.active h3.footer-link:after {
    transform: translateY(-50%) rotate(180deg);
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head.active .grt-foo-link-one {
    display: block;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head.active img.foo-img-up-arr {
    display: none;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head.active img.foo-img-down-arr {
    display: block;
  }
  #gret-footer-section .great-footer-img .great-footer-one .gret-two-detil .grt-foo-link-head h3 {
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    text-transform: capitalize;
  }
  #gret-footer-section .great-footer-img .great-footer-one .gret-one-detil {
    display: inline-block;
    padding-right: 8px;
    min-width: 62%;
  }
  #gret-footer-section .great-footer-img .great-footer-one .gret-two-detil {
    border-left: 1px solid #fff;
    padding-left: 8px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li {
    margin: 0;
    width: 47%;
    margin-bottom: 20px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li:nth-child(3) {
    margin-bottom: 0px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li:nth-child(4) {
    margin-bottom: 0px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .grt-foo-link-one {
    display: none;
  }
}
@media (max-width: 767px) {
  #gret-footer-section.frothpakfooter .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 {
    color: #fff;
  }
}

.gs-matlist-view .matlist-animation .slideInUp-matlist {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@media (max-width: 1023px) {
  .gs-matlist-view .mat-column-list {
    margin-top: 35px;
  }
}
.gs-matlist-view .mat-column-list .list-title {
  font-size: 21px;
  font-family: "NHaasGroteskTXPro Bold";
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  color: #2e2926;
  margin-bottom: 20px;
}
.gs-matlist-view .mat-column-list .column-list {
  list-style-type: none;
  padding: 0;
}
.gs-matlist-view .mat-column-list .column-list li {
  font-size: 15px;
  font-family: "NHaasGroteskTXPro Regular";
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  /*line-height: 24px;
                margin-top: 2px;*/
  margin-bottom: 10px;
  line-height: 17px;
}

.greatstuffcenteredtextwithctas.headline-width .outer_block .text_block .text_block__content .description {
  width: 80%;
}
.gs_contentWith_bgImg .outer_block {
  overflow: hidden;
  display: flex;
}
@media (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block {
    flex-direction: column;
    gap: 30px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .gs_contentWith_bgImg .outer_block .text_block {
    padding: 50px 33px;
  }
}
@media (min-width: 1200px) {
  .gs_contentWith_bgImg .outer_block .text_block {
    padding-top: 0;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .top_sub_text {
  font-size: 14px;
  font-family: "Tungsten Light";
  font-size: 34px;
  line-height: 54px;
  letter-spacing: 0.13em;
  text-align: center;
  margin-bottom: 0;
  color: #000;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .top_sub_text {
    font-size: 20px;
    font-style: normal;
    line-height: 120%;
    /* 24px */
    letter-spacing: 2.6px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .text_block__title {
  font-size: 200px;
  font-family: "Tungsten Semibold";
  line-height: 200px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #000;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .text_block__title {
    font-size: 100px;
    font-style: normal;
    line-height: 100%;
    /* 75px */
    letter-spacing: -1px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .text_block__title span {
  font-family: 'Tungsten Light';
  line-height: 200px;
  letter-spacing: -0.01em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .text_block__title span {
    font-size: 100px;
    font-style: normal;
    line-height: 100%;
    /* 75px */
    letter-spacing: -1px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .bottom_sub_text {
  color: #000;
  text-align: center;
  font-family: "Tungsten Light";
  font-size: 58px;
  font-style: normal;
  line-height: 95px;
  /* 163.793% */
  line-height: 0.5;
  letter-spacing: 1.74px;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .bottom_sub_text {
    font-size: 29px;
    line-height: 100%;
    /* 29px */
    letter-spacing: 0.87px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .bottom_sub_text.proseries {
  letter-spacing: 4.5px;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .bottom_sub_text.proseries {
    letter-spacing: 2.25px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .parent .line {
  border: 1px solid #DAD6D6;
  width: 207.5px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .parent .line {
    width: 100px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .text_block__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  justify-items: center;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .text_block__content {
    margin-bottom: 30px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .text_block__content .mixed_font {
  font-family: "Tungsten Light";
  font-size: 94px;
  line-height: 80px;
  letter-spacing: -0.01em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .text_block__content .mixed_font {
    font-size: 47px;
    line-height: 47px;
    letter-spacing: -0.01em;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .text_block__content .mixed_font span {
  font-family: "Tungsten Semibold";
  font-size: 94px;
  line-height: 80px;
  letter-spacing: -0.01em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .text_block__content .mixed_font span {
    font-size: 47px;
    font-weight: 375;
    line-height: 47px;
    letter-spacing: -0.01em;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .text_block__content .desc_title {
  font-family: "Tungsten Bold";
  font-size: 45px;
  line-height: 45px;
  letter-spacing: 0.03em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .text_block__content .desc_title {
    font-size: 32px;
    font-style: normal;
    line-height: 32px;
    /* 100% */
    letter-spacing: 0.66px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .text_block__content .desc_title h2 {
  font-family: "Tungsten Bold";
  font-size: 45px;
  line-height: 45px;
  letter-spacing: 0.03em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .text_block__content .desc_title h2 {
    font-size: 22px;
    font-style: normal;
    line-height: 22px;
    /* 100% */
    letter-spacing: 0.66px;
  }
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .text_block__content {
    margin-top: 20px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .text_block__content .description {
  margin-bottom: 0;
  margin-top: 5px;
  font-family: "NHaasGroteskTXPro Regular";
  text-align: center;
  color: #000;
  font-size: 20px;
  font-style: normal;
  line-height: 30px;
  /* 150% */
  letter-spacing: 1.6px;
}
@media screen and (min-width: 1200px) {
  .gs_contentWith_bgImg .outer_block .text_block .text_block__content .description {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .text_block__content .description {
    font-size: 15px;
    font-style: normal;
    line-height: 18px;
    /* 138.462% */
    letter-spacing: 0.39px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .text_block__content .description p {
  font-family: "NHaasGroteskTXPro Regular";
  text-align: center;
  color: #000;
  font-size: 20px;
  font-style: normal;
  line-height: 30px;
  /* 150% */
  letter-spacing: 1.6px;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .text_block__content .description p {
    font-size: 15px;
    font-style: normal;
    line-height: 18px;
    /* 138.462% */
    letter-spacing: 0.39px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .cta_block {
  margin-top: 50px;
  text-align: center;
  justify-content: center;
}
.gs_contentWith_bgImg .outer_block .text_block .cta_block.grt-star-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0!important;
}
@media screen and (min-width: 769px) {
  .gs_contentWith_bgImg .outer_block .text_block .cta_block.grt-star-buttons {
    gap: 20px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .cta_block .grt-view-btn {
  border-color: #da291c;
  font-family: "nHaasGroteskTXPro Regular";
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  /* 133.333% */
  letter-spacing: 0.75px;
  padding-top: 6px!important;
  padding-bottom: 6px!important;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .cta_block .grt-view-btn {
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    /* 166.667% */
    letter-spacing: 0.6px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .cta_block .grt-view-btn .play_icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #FFF;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .gs_contentWith_bgImg .outer_block .text_block .cta_block .grt-view-btn .play_icon {
    width: 25px;
    height: 25px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .cta_block .grt-view-btn .play_icon::after {
  content: "";
  background-image: url('../../../../content/dam/dupont/amer/us/en/greatstuff-redesign/public/images/icons/gs-play-icon.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: auto;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid white;
  margin-left: 5px;
}
.gs_contentWith_bgImg .outer_block .text_block .cta_block .grt-buy-btn {
  font-weight: normal;
  color: #000;
  text-align: center;
  font-family: "nHaasGroteskTXPro Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 133.333% */
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .cta_block .grt-buy-btn {
    font-size: 12px;
    line-height: 20px;
    /* 166.667% */
    letter-spacing: 0.6px;
  }
}
.gs_contentWith_bgImg .outer_block .text_block .cta_block .grt-buy-btn small {
  font-size: 12px;
  font-style: normal;
  line-height: 15px;
  /* 166.667% */
  letter-spacing: 0.6px;
  color: #000;
  position: absolute;
  bottom: -25px;
  left: 10px;
  color: black;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .text_block .cta_block .grt-buy-btn small {
    font-size: 12px;
    line-height: 12px;
    /* 166.667% */
  }
}
.gs_contentWith_bgImg .outer_block .video_block {
  width: 50%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .video_block {
    width: 100%;
    height: 400px;
  }
}
.gs_contentWith_bgImg .outer_block .video_block .youtubeVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gs_contentWith_bgImg .outer_block .video_block video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gs_contentWith_bgImg .outer_block .video_block .video_block__overlay {
  position: absolute;
  bottom: 5%;
  right: 5%;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
}
.gs_contentWith_bgImg .outer_block .video_block .video_block__overlay .video_block__play {
  width: 50px;
  height: 50px;
  border: 1px solid white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  font-size: 16px;
}
.gs_contentWith_bgImg .outer_block .video_block .video_block__overlay .video_block__play:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.gs_contentWith_bgImg .outer_block .video_block .video_block__overlay .video_block__play::after {
  content: "";
  background-image: url('../../../../resources/images/icons/play_icon.svg');
  background-image: url('../../../../content/dam/dupont/amer/us/en/greatstuff-redesign/public/images/icons/gs-play-icon.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: auto;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid white;
  margin-left: 5px;
}
.gs_contentWith_bgImg .outer_block .video_block .video_block__overlay .video_block__play img {
  margin-left: 5px;
  width: 16px;
  height: 24px;
}
.gs_contentWith_bgImg .outer_block .video_block .video_block__overlay .video_block__text .video_block__title {
  margin-bottom: 0;
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 18px;
  line-height: 21.56px;
  letter-spacing: 0.03em;
  text-align: right;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .outer_block .video_block .video_block__overlay .video_block__text .video_block__title {
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.54px;
  }
}
.gs_contentWith_bgImg .video_block__close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.gs_contentWith_bgImg .video_block__close:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.gs_contentWith_bgImg .modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.gs_contentWith_bgImg .modal .modal-content {
  position: relative;
  background-color: transparent;
  margin: 5% auto;
  border: 1px solid #888;
  width: 60%;
  height: 80%;
  border: 0;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .modal .modal-content {
    width: 100%;
    height: auto;
    top: 30%;
  }
}
.gs_contentWith_bgImg .modal.landscape .modal-content {
  width: 80%;
  height: fit-content;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .modal.landscape .modal-content {
    width: 90%;
    height: fit-content;
  }
}
.gs_contentWith_bgImg .modal.landscape.youtubevideo .modal-content {
  height: 80%;
}
.gs_contentWith_bgImg .modal.landscape.youtubevideo #videoContainer {
  height: 100%;
}
.gs_contentWith_bgImg .modal.landscape.youtubevideo iframe {
  width: 100%;
  height: 100%;
}
.gs_contentWith_bgImg .modal.portrait .modal-content {
  width: fit-content;
  height: 80%;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .modal.portrait .modal-content {
    width: fit-content;
    height: 80%;
  }
}
.gs_contentWith_bgImg .modal .close:hover,
.gs_contentWith_bgImg .modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .gs_contentWith_bgImg .modal .modal-body {
    padding: 0;
  }
}
.gs_contentWith_bgImg .modal .modal-body .close {
  background-image: url('../../../../content/dam/dupont/amer/us/en/corporate/general/icons/close-icon.svg');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}
.gs_contentWith_bgImg .modal .modal-body .close {
  color: #aaaaaa;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  z-index: 2;
  top: -20px;
  right: -20px;
}
@media screen and (max-width: 768px) {
  .gs_contentWith_bgImg .modal .modal-body .close {
    top: 10px;
    right: 0;
  }
}
.gs_contentWith_bgImg .modal .modal-body #videoContainer video,
.gs_contentWith_bgImg .modal .modal-body #videoContainer iframe {
  width: 100%;
  height: 100%;
}

.greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .top_sub_text {
  font-size: 51px;
  line-height: 40px;
  letter-spacing: 4.42px;
  letter-spacing: 0.03px;
}
@media screen and (max-width: 768px) {
  .greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .top_sub_text {
    font-size: 20px;
    line-height: 18px;
    letter-spacing: 1.5px;
  }
}
.greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .top_sub_text span {
  font-family: "Tungsten Semibold";
  font-size: 51px;
  line-height: 40px;
  letter-spacing: 0.03em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .top_sub_text span {
    font-family: "Tungsten Semibold";
    font-size: 20px;
    line-height: 18px;
    letter-spacing: 1.5px;
  }
}
.greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .top_sub_text p {
  font-size: 51px;
  line-height: 1;
  letter-spacing: 4.42px;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .top_sub_text p {
    font-size: 20px;
    line-height: 18px;
    letter-spacing: 1.5px;
  }
}
.greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .top_sub_text p span {
  font-family: "Tungsten Semibold";
  font-size: 51px;
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .top_sub_text p span {
    font-family: "Tungsten Semibold";
    font-size: 20px;
    line-height: 18px;
    letter-spacing: 1.5px;
  }
}
.greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .text_block__title {
  margin-top: 7px;
}
@media screen and (min-width: 769px) {
  .greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .text_block__title {
    letter-spacing: 0.03em;
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .text_block__title span {
    letter-spacing: 0.03em;
  }
}
@media screen and (min-width: 769px) {
  .greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .text_block__title h1,
  .greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .text_block__title p {
    letter-spacing: 0.03em;
  }
}
@media screen and (min-width: 769px) {
  .greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .text_block__title h1 span,
  .greatstuff-updated-heroimage.proseries_styles .gs_featured_heroWithVideo .outer_block .text_block .text_block__title p span {
    letter-spacing: 0.03em;
  }
}
.gs_featured_heroWithVideo .outer_block {
  background-color: #fff;
  overflow: hidden;
  display: flex;
}
@media (max-width: 1200px) {
  .gs_featured_heroWithVideo .outer_block {
    flex-direction: column;
    gap: 30px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block {
  width: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px 33px;
  padding-top: 40px;
}
@media (max-width: 1200px) {
  .gs_featured_heroWithVideo .outer_block .text_block {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .gs_featured_heroWithVideo .outer_block .text_block {
    padding: 15px 33px;
    padding-top: 50px;
  }
}
@media (min-width: 992px) {
  .gs_featured_heroWithVideo .outer_block .text_block {
    padding: 50px 0;
    padding-left: 94px;
    padding-right: 77px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .top_sub_text {
  font-size: 14px;
  font-family: "Tungsten Light";
  text-transform: uppercase;
  font-size: 34px;
  line-height: 34px;
  letter-spacing: 4.42px;
  text-align: center;
  margin-bottom: 0;
  color: #000;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .top_sub_text {
    font-size: 20px;
    font-style: normal;
    line-height: 120%;
    /* 24px */
    letter-spacing: 2.6px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .top_sub_text p {
  font-size: 14px;
  font-family: "Tungsten Light";
  text-transform: uppercase;
  font-size: 34px;
  line-height: 1;
  letter-spacing: 4.42px;
  text-align: center;
  margin-bottom: 0;
  color: #000;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .top_sub_text p {
    font-size: 20px;
    font-style: normal;
    line-height: 120%;
    /* 24px */
    letter-spacing: 2.6px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .text_block__title {
  font-size: 150px;
  font-family: "Tungsten SemiBold";
  text-transform: uppercase;
  line-height: 110px;
  letter-spacing: -1.5px;
  text-align: center;
  color: #000;
  margin-bottom: 0;
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__title {
    font-size: 75px;
    font-style: normal;
    line-height: 100%;
    /* 75px */
    line-height: 60px;
    letter-spacing: -0.75px;
    margin-top: 0;
    margin-top: 5px;
  }
}
@media screen and (max-width: 567px) {
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__title {
    margin-top: 0;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .text_block__title span {
  font-family: 'Tungsten Light';
  line-height: 110px;
  letter-spacing: -0.01em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__title span {
    font-size: 75px;
    font-style: normal;
    line-height: 100%;
    /* 75px */
    line-height: 60px;
    letter-spacing: -0.75px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .text_block__title h1,
.gs_featured_heroWithVideo .outer_block .text_block .text_block__title p {
  font-size: 150px;
  font-family: "Tungsten SemiBold";
  text-transform: uppercase;
  line-height: 110px;
  letter-spacing: -1.5px;
  text-align: center;
  color: #000;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__title h1,
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__title p {
    font-size: 75px;
    font-style: normal;
    line-height: 100%;
    /* 75px */
    line-height: 60px;
    letter-spacing: -0.75px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .text_block__title h1 span,
.gs_featured_heroWithVideo .outer_block .text_block .text_block__title p span {
  font-family: 'Tungsten Light';
  line-height: 110px;
  letter-spacing: -0.01em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__title h1 span,
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__title p span {
    font-size: 75px;
    font-style: normal;
    line-height: 100%;
    /* 75px */
    line-height: 60px;
    letter-spacing: -0.75px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .bottom_sub_text {
  font-family: "Tungsten Light";
  color: #000;
  text-align: center;
  font-size: 95px;
  font-style: normal;
  line-height: 0.8;
  /* 100% */
  letter-spacing: 2.85px;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .bottom_sub_text {
    font-size: 48px;
    line-height: 40px;
    /* 48px */
    letter-spacing: -0.48px;
    margin-top: 7px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .bottom_sub_text p {
  font-family: "Tungsten Light";
  color: #000;
  text-align: center;
  font-size: 95px;
  font-style: normal;
  line-height: 0.8;
  /* 100% */
  letter-spacing: 2.85px;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .bottom_sub_text p {
    font-size: 48px;
    line-height: 40px;
    /* 48px */
    letter-spacing: -0.48px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .parent {
  margin-top: 67px;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .parent {
    margin-top: 40px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .parent .line {
  border: 1px solid #DAD6D6;
  width: 207.5px;
  margin: 0 auto;
}
.gs_featured_heroWithVideo .outer_block .text_block .text_block__content {
  margin-top: 67px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__content {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .text_block__content .desc_title {
  font-size: 14px;
  font-family: "Tungsten Semibold";
  text-transform: uppercase;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0.03em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__content .desc_title {
    font-size: 22px;
    font-style: normal;
    line-height: 22px;
    /* 100% */
    letter-spacing: 0.66px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .text_block__content .desc_title h4,
.gs_featured_heroWithVideo .outer_block .text_block .text_block__content .desc_title p {
  font-size: 14px;
  font-family: "Tungsten Semibold";
  text-transform: uppercase;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0.03em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__content .desc_title h4,
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__content .desc_title p {
    font-size: 22px;
    font-style: normal;
    line-height: 22px;
    /* 100% */
    letter-spacing: 0.66px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .text_block__content .description {
  margin-bottom: 0;
  font-size: 16px;
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__content .description {
    font-size: 15px;
    font-style: normal;
    line-height: 20px;
    /* 133.333% */
    letter-spacing: 0.45px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .text_block__content .description p {
  margin-bottom: 0;
  font-size: 16px;
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .text_block__content .description p {
    font-size: 15px;
    font-style: normal;
    line-height: 20px;
    /* 133.333% */
    letter-spacing: 0.45px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .cta_block {
  margin-top: 50px;
  text-align: center;
  justify-content: center;
}
.gs_featured_heroWithVideo .outer_block .text_block .cta_block.grt-star-buttons {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  margin-top: 0!important;
}
@media screen and (min-width: 769px) {
  .gs_featured_heroWithVideo .outer_block .text_block .cta_block.grt-star-buttons {
    gap: 20px;
    column-gap: 40px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .cta_block .grt-view-btn {
  border-color: #da291c;
  font-family: "nHaasGroteskTXPro Regular";
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  /* 133.333% */
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .cta_block .grt-view-btn {
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    /* 166.667% */
    letter-spacing: 0.6px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .cta_block .grt-view-btn::focus {
  outline: 2px solid #000;
}
.gs_featured_heroWithVideo .outer_block .text_block .cta_block .grt-buy-btn {
  font-weight: normal;
  margin-left: 0!important;
  color: #000;
  text-align: center;
  font-family: "nHaasGroteskTXPro Regular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  /* 133.333% */
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .cta_block .grt-buy-btn {
    font-size: 12px;
    line-height: 20px;
    /* 166.667% */
    letter-spacing: 0.6px;
  }
}
.gs_featured_heroWithVideo .outer_block .text_block .cta_block .grt-buy-btn small {
  font-size: 12px;
  font-style: normal;
  line-height: 15px;
  /* 166.667% */
  letter-spacing: 0.6px;
  color: #000;
  position: absolute;
  bottom: -25px;
  left: 10px;
  color: black;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .text_block .cta_block .grt-buy-btn small {
    font-size: 12px;
    line-height: 12px;
    /* 166.667% */
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .gs_featured_heroWithVideo .outer_block .text_block #grt-star .grt-star-buttons {
    flex-direction: column;
  }
}
.gs_featured_heroWithVideo .outer_block .video_block {
  width: 50%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1200px) {
  .gs_featured_heroWithVideo .outer_block .video_block {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.gs_featured_heroWithVideo .outer_block .video_block .youtubeVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 992px) {
  .gs_featured_heroWithVideo .outer_block .video_block .youtubeVideo {
    min-height: 220px;
  }
}
.gs_featured_heroWithVideo .outer_block .video_block video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 576px) {
  .gs_featured_heroWithVideo .outer_block .video_block video {
    height: 400px;
    object-fit: cover;
  }
}
.gs_featured_heroWithVideo .outer_block .video_block iframe {
  display: none;
}
.gs_featured_heroWithVideo .outer_block .video_block iframe.youtubeVideo {
  display: block;
}
.gs_featured_heroWithVideo .outer_block .video_block .video_block__overlay {
  position: absolute;
  bottom: 5%;
  cursor: pointer;
  display: flex;
  align-items: center;
  z-index: 0;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .gs_featured_heroWithVideo .outer_block .video_block .video_block__overlay {
    margin-left: 33px;
    margin-right: 33px;
  }
}
@media screen and (min-width: 992px) {
  .gs_featured_heroWithVideo .outer_block .video_block .video_block__overlay {
    margin-left: 20px;
  }
}
@media screen and (min-width: 993px) {
  .gs_featured_heroWithVideo .outer_block .video_block .video_block__overlay {
    right: 5%;
  }
}
.gs_featured_heroWithVideo .outer_block .video_block .video_block__overlay .video_block__play {
  width: 50px;
  height: 50px;
  border: 1px solid white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  font-size: 16px;
  flex-shrink: 0;
}
.gs_featured_heroWithVideo .outer_block .video_block .video_block__overlay .video_block__play:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.gs_featured_heroWithVideo .outer_block .video_block .video_block__overlay .video_block__play::after {
  content: "";
  background-image: url('../../../../resources/images/icons/play_icon.svg');
  background-image: url('../../../../content/dam/dupont/amer/us/en/greatstuff-redesign/public/images/icons/gs-play-icon.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: auto;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid white;
  margin-left: 5px;
}
.gs_featured_heroWithVideo .outer_block .video_block .video_block__overlay .video_block__play img {
  margin-left: 5px;
  width: 16px;
  height: 24px;
}
.gs_featured_heroWithVideo .outer_block .video_block .video_block__overlay .video_block__text .video_block__title {
  margin-bottom: 0;
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 18px;
  line-height: 21.56px;
  letter-spacing: 0.03em;
  color: #fff;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .video_block .video_block__overlay .video_block__text .video_block__title {
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.54px;
  }
}
.gs_featured_heroWithVideo .outer_block .video_block .blackgradient {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 236px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .outer_block .video_block .blackgradient {
    height: 128px;
  }
}
.gs_featured_heroWithVideo .video_block__close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.gs_featured_heroWithVideo .video_block__close:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.gs_featured_heroWithVideo .modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.gs_featured_heroWithVideo .modal .modal-content {
  position: relative;
  background-color: transparent;
  border: 1px solid #888;
  width: 60%;
  height: 80%;
  border: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.gs_featured_heroWithVideo .modal.landscape .modal-content {
  width: 70%;
  height: fit-content;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .modal.landscape .modal-content {
    width: 90%;
    height: fit-content;
  }
}
.gs_featured_heroWithVideo .modal.landscape.modelyoutubevideo .modal-content {
  height: 80%;
}
@media screen and (max-width: 1024px) {
  .gs_featured_heroWithVideo .modal.landscape.modelyoutubevideo .modal-content {
    height: 400px;
  }
}
@media screen and (max-width: 992px) {
  .gs_featured_heroWithVideo .modal.landscape.modelyoutubevideo .modal-content {
    height: 350px;
  }
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .modal.landscape.modelyoutubevideo .modal-content {
    height: 300px;
  }
}
.gs_featured_heroWithVideo .modal.landscape.modelyoutubevideo #videoContainer {
  height: 100%;
}
.gs_featured_heroWithVideo .modal.landscape.modelyoutubevideo iframe {
  width: 100%;
  height: 100%;
}
.gs_featured_heroWithVideo .modal.portrait .modal-content {
  width: fit-content;
  height: 80%;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .modal.portrait .modal-content {
    width: fit-content;
    height: 80%;
  }
}
.gs_featured_heroWithVideo .modal.portrait #videoContainer {
  height: 100%;
}
.gs_featured_heroWithVideo .modal .close:hover,
.gs_featured_heroWithVideo .modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.gs_featured_heroWithVideo .modal .modal-body {
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .gs_featured_heroWithVideo .modal .modal-body {
    padding: 0;
  }
}
.gs_featured_heroWithVideo .modal .modal-body .close {
  background-image: url('../../../../content/dam/dupont/amer/us/en/corporate/general/icons/close-icon.svg');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}
.gs_featured_heroWithVideo .modal .modal-body .close {
  color: #fff;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  z-index: 2;
  top: -20px;
  right: -20px;
}
@media screen and (max-width: 768px) {
  .gs_featured_heroWithVideo .modal .modal-body .close {
    top: -25px;
    right: -5px;
  }
}
.gs_featured_heroWithVideo .modal .modal-body #videoContainer video,
.gs_featured_heroWithVideo .modal .modal-body #videoContainer iframe {
  width: 100%;
  height: 100%;
}

.fbv5 .main {
  display: flex;
  position: relative;
  min-height: 367px;
}
.fbv5 .main .bck-img {
  width: 100vw;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.fbv5 .main .inner {
  display: flex;
  width: 100%;
  align-items: center;
}
.fbv5 .main .inner .display {
  width: 35%;
  padding-top: 45px;
  padding-bottom: 45px;
}
@media (max-width: 767px) {
  .fbv5 .main .inner .display {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media (min-width: 1024px) and (max-width: 1300px) {
  .fbv5 .main .inner .display {
    width: 45%;
  }
}
.fbv5 .main .inner .images {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.fbv5 .main .inner .images .img-container {
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .fbv5 .main .inner .images .img-container {
    width: 33%;
  }
}
.fbv5 .main .inner .images .img-container .flex-img {
  width: 100%;
}
.fbv5 .main .inner .images .img-container:first-of-type {
  align-items: flex-end;
}
@media (max-width: 767px) {
  .fbv5 .main .inner .images .img-container:not(:first-child) {
    display: none;
  }
}
@media (max-width: 767px) {
  .fbv5 .main .inner .images > .img-container:first-of-type {
    width: 60%;
  }
}
.fbv5 .main .inner .images .mob-flex {
  display: none;
}
@media (max-width: 767px) {
  .fbv5 .main .inner .images .mob-flex {
    display: block;
  }
}
.fbv5 .main .inner .images .mob-flex .img-container {
  display: block;
}
.fbv5 .main .inner .images .mob-flex .img-container .flex-img.img2 {
  width: 180px;
  object-fit: contain;
  margin-left: -25px;
}
.fbv5 .main .inner .images .mob-flex .img-container .flex-img.img3 {
  width: 150px;
  object-fit: contain;
  margin-left: -15px;
}
.fbv5 .main .inner .content .title {
  font-family: "Tungsten Bold";
  font-size: 45px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1.35px;
  text-align: left;
  color: #ffc700;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .fbv5 .main .inner .content .title {
    font-size: 27px;
  }
}
.fbv5 .main .inner .content .title p,
.fbv5 .main .inner .content .title h4 {
  font-family: "Tungsten Bold";
  font-size: 45px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1.35px;
  text-align: left;
  color: #ffc700;
}
.fbv5 .main .inner .content .points {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: 1px;
  text-align: left;
  color: #fff;
  margin-top: 29px;
  padding-left: 25px;
}
.fbv5 .main .inner .content .points li,
.fbv5 .main .inner .content .points p {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 10px;
  color: #fff;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .fbv5 .main .inner .content .points li,
  .fbv5 .main .inner .content .points p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .fbv5 .main {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .fbv5 .main .bck-img {
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  .fbv5 .main .inner {
    display: block;
    padding: 0px 33px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .fbv5 .main .inner .display {
    width: 100%;
  }
  .fbv5 .main .inner .images {
    width: 100%;
  }
  .fbv5 .main .inner .images .img-container .flex-img {
    height: 55%;
  }
  .fbv5 .main .inner .images .img-container .flex-img.img1 {
    height: 50%;
    margin-left: -24px;
    height: auto;
    width: 250px;
  }
  .fbv5 .main .inner .images .img-container .flex-img.img2 {
    margin-left: 0%;
    top: auto;
    height: 35%;
    bottom: 22%;
    right: -7%;
  }
  .fbv5 .main .inner .images .img-container .flex-img.img3 {
    height: 20% !important;
    right: -6% !important;
    bottom: 4% !important;
    margin-bottom: 0%;
    top: revert !important;
  }
  .fbv5 .main .inner .content {
    margin-top: 23px !important;
  }
  .fbv5 .main .inner .content .points {
    font-family: "NHaasGroteskTXPro Regular";
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: 1px;
    text-align: left;
    color: #fff;
    margin-top: 21px;
    padding-left: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fbv5 .main .bck-img {
    height: 100%;
  }
  .fbv5 .main .inner {
    padding: 0px 33px;
    width: 100%;
    height: 100%;
  }
  .fbv5 .main .display.content .points {
    font-size: 15px;
  }
}

.fb-email-signup .main .fbbackground {
  padding: 30px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .fb-email-signup .main .fbbackground {
    padding-top: 40px;
    padding-bottom: 40px;
    flex-direction: row;
  }
}
@media (min-width: 1300px) {
  .fb-email-signup .main .fbbackground {
    padding-left: 120px;
    padding-right: 120px;
  }
}
.fb-email-signup .main .fbbackground .content {
  text-align: center;
}
@media (min-width: 768px) {
  .fb-email-signup .main .fbbackground .content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-right: 30px;
  }
}
.fb-email-signup .main .fbbackground .content .header {
  font-family: "Tungsten Bold";
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.9px;
  text-align: center;
  color: #000;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .fb-email-signup .main .fbbackground .content .header {
    font-size: 45px;
    letter-spacing: 1.35px;
    margin-bottom: 0;
  }
}
.fb-email-signup .main .fbbackground .content .header h3 {
  font-family: "Tungsten Bold";
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.9px;
  text-align: center;
  color: #000;
}
@media (min-width: 768px) {
  .fb-email-signup .main .fbbackground .content .header h3 {
    font-size: 45px;
    letter-spacing: 1.35px;
  }
}
.fb-email-signup .main .fbbackground .content .text-content {
  text-align: center;
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 0.7px;
  color: #000;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .fb-email-signup .main .fbbackground .content .text-content {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1.6px;
    margin-bottom: 0;
  }
}
.fb-email-signup .main .fbbackground .content .text-content p {
  text-align: center;
  margin-bottom: 0px;
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 0.7px;
  color: #000;
}
@media (min-width: 768px) {
  .fb-email-signup .main .fbbackground .content .text-content p {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1.6px;
    margin-bottom: 0;
  }
}
.fb-email-signup .main .fbbackground .content .text-content h3 {
  font-family: "Tungsten Bold";
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.66px;
}
@media (min-width: 768px) {
  .fb-email-signup .main .fbbackground .content .text-content h3 {
    font-size: 30px;
    letter-spacing: 0.9px;
  }
}
.fb-email-signup .main .fbbackground .signup-button {
  text-align: center;
}
@media (min-width: 768px) {
  .fb-email-signup .main .fbbackground .signup-button {
    margin-top: 60px;
  }
}
.fb-email-signup .main .fbbackground .signup-button a {
  text-decoration: none;
}
.fb-email-signup .main .fbbackground .signup-button a.signup-btn {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  display: block;
  padding: 8px 10px;
  border-radius: 6px;
  background-color: #da291c;
  font-size: 12px;
  font-family: "NHaasGroteskTXPro Medium";
  text-decoration: none;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
  color: white;
}
@media (min-width: 768px) {
  .fb-email-signup .main .fbbackground .signup-button a.signup-btn {
    padding: 11px 22px 12px;
    font-size: 20px;
  }
}
.emailsignup.half-width .fbbackground {
  margin: 0;
  padding: 34px 30px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .emailsignup.half-width .fbbackground {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.emailsignup.half-width .fb-email-signup .container {
  padding: 0!important;
}
.emailsignup.half-width .fb-email-signup .content {
  padding-right: 0;
}
@media (min-width: 768px) {
  .emailsignup.half-width .fb-email-signup .content {
    display: block;
  }
}
.emailsignup.half-width .fb-email-signup .content .header {
  color: #fff;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.9px;
}
.emailsignup.half-width .fb-email-signup .content .text-content {
  margin-bottom: 20px;
  font-size: 14px;
  margin-right: 0;
  color: #fff;
  padding-right: 0;
}
@media (min-width: 768px) {
  .emailsignup.half-width .fb-email-signup .content .text-content {
    font-size: 18px;
  }
}
.emailsignup.half-width .fb-email-signup .content .text-content p {
  font-size: 14px;
  margin-right: 0;
  color: #fff;
}
@media (min-width: 768px) {
  .emailsignup.half-width .fb-email-signup .content .text-content p {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .emailsignup.half-width .fb-email-signup .signup-button {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .emailsignup.half-width .fb-email-signup .signup-button a.signup-btn {
    font-size: 15px;
  }
}
.emailsignup.black-text .fb-email-signup .main .fbbackground .signup-button a.signup-btn {
  color: #000;
}
.emailsignup.white-text .fb-email-signup .main .fbbackground .signup-button a.signup-btn {
  color: #fff;
}

/* Tyvek Smart services barand Color code */
@font-face {
  font-family: "Diodrum Extralight";
  src: url('clientlib-base/source/resources/fonts/Diodrum-Extralight.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-Extralight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diodrum Extralight Italic";
  src: url('clientlib-base/source/resources/fonts/Diodrum-ExtralightItalic.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-ExtralightItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diodrum Light";
  src: url('clientlib-base/source/resources/fonts/Diodrum-Light.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diodrum Light Italic";
  src: url('clientlib-base/source/resources/fonts/Diodrum-LightItalic.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-LightItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diodrum Regular";
  src: url('clientlib-base/source/resources/fonts/Diodrum-Regular.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diodrum Regular Italic";
  src: url('clientlib-base/source/resources/fonts/Diodrum-RegularItalic.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-RegularItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diodrum Medium";
  src: url('clientlib-base/source/resources/fonts/Diodrum-Medium.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diodrum Medium Italic";
  src: url('clientlib-base/source/resources/fonts/Diodrum-MediumItalic.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-MediumItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diodrum Semibold";
  src: url('clientlib-base/source/resources/fonts/Diodrum-Semibold.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-Semibold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diodrum Semibold Italic";
  src: url('clientlib-base/source/resources/fonts/Diodrum-SemiboldItalic.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-SemiboldItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diodrum Bold";
  src: url('clientlib-base/source/resources/fonts/Diodrum-Bold.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diodrum Bold Italic";
  src: url('clientlib-base/source/resources/fonts/Diodrum-BoldItalic.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-BoldItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diodrum Condensed Semibold";
  src: url('clientlib-base/source/resources/fonts/DiodrumCondensed-SemiBold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}
/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans Regular';
  font-style: normal;
  font-weight: 400;
  src: url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-regular.eot');
  src: local('Noto Sans'), local('NotoSans'), url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-regular.svg#NotoSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
@font-face {
  font-family: "Noto Sans Bold";
  src: url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-700.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-700.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(clientlib-base/source/resources/fonts/glyphicons-halflings-regular.eot);
  src: url(clientlib-base/source/resources/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(clientlib-base/source/resources/fonts/glyphicons-halflings-regular.woff) format("woff"), url(clientlib-base/source/resources/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(clientlib-base/source/resources/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}
@font-face {
  font-family: 'MetricSemibold';
  src: url('clientlib-base/source/resources/fonts/metric-semibold.eot');
  src: local('MetricSemibold'), local('MetricSemibold'), url('clientlib-base/source/resources/fonts/metric-semibold.eot') format('embedded-opentype'), url('clientlib-base/source/resources/fonts/metric-semibold.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/metric-semibold.woff') format('woff'), url('clientlib-base/source/resources/fonts/metric-semibold.ttf') format('truetype'), url('clientlib-base/source/resources/fonts/metric-semibold.svg#MetricSemibold') format('svg');
}
/*Override Great Stuff Specific fonts*/
@font-face {
  font-family: "NHaasGroteskTXPro Regular";
  src: url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-55Rg/font.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-55Rg/font.woff') format('woff'), url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-regular.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-regular.woff') format('woff'), url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-regular.ttf') format('truetype'), url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-regular.svg#NotoSans') format('svg');
}
@font-face {
  font-family: "NHaasGroteskTXPro Medium";
  src: url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-65Md/font.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-65Md/font.woff') format('woff'), url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-700.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-700.woff') format('woff');
}
@font-face {
  font-family: "NHaasGroteskTXPro Bold";
  src: url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-75Bd/font.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-75Bd/font.woff') format('woff'), url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-700.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/noto-sans-v8-latin-700.woff') format('woff');
}
@font-face {
  font-family: 'Tungsten Light';
  src: url('clientlib-base/source/resources/fonts/tungsten/woff2/Tungsten-Light_Web.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/tungsten/woff/Tungsten-Light_Web.woff') format('woff'), url('clientlib-base/source/resources/fonts/Diodrum-Regular.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Tungsten Medium';
  src: url('clientlib-base/source/resources/fonts/tungsten/woff2/Tungsten-Medium_Web.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/tungsten/woff/Tungsten-Medium_Web.woff') format('woff'), url('clientlib-base/source/resources/fonts/Diodrum-Medium.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Tungsten Semibold";
  src: url('clientlib-base/source/resources/fonts/tungsten/woff2/Tungsten-Semibold_Web.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/tungsten/woff/Tungsten-Semibold_Web.woff') format('woff'), url('clientlib-base/source/resources/fonts/Diodrum-Semibold.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Tungsten Bold";
  src: url('clientlib-base/source/resources/fonts/tungsten/woff2/Tungsten-Bold_Web.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/tungsten/woff/Tungsten-Bold_Web.woff') format('woff'), url('clientlib-base/source/resources/fonts/Diodrum-Bold.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/Diodrum-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*For Great Stuff Components*/
@font-face {
  font-family: "NHaasGroteskTXPro Regular";
  src: url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-55Rg/font.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-55Rg/font.woff') format('woff');
}
@font-face {
  font-family: "NHaasGroteskTXPro Regular Italic";
  src: url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-56It/font.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-56It/font.woff') format('woff');
}
@font-face {
  font-family: "NHaasGroteskTXPro Medium";
  src: url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-65Md/font.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-65Md/font.woff') format('woff');
}
@font-face {
  font-family: "NHaasGroteskTXPro Medium Italic";
  src: url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-66MdIt/font.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-66MdIt/font.woff') format('woff');
}
@font-face {
  font-family: "NHaasGroteskTXPro Bold";
  src: url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-75Bd/font.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-75Bd/font.woff') format('woff');
}
@font-face {
  font-family: "NHaasGroteskTXPro Bold Italic";
  src: url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-76BdIt/font.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/nhaasgroteskpro/NHaasGroteskTXPro-76BdIt/font.woff') format('woff');
}
@font-face {
  font-family: 'Tungsten Light';
  src: url('clientlib-base/source/resources/fonts/tungsten/woff2/Tungsten-Light_Web.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/tungsten/woff/Tungsten-Light_Web.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Tungsten Medium';
  src: url('clientlib-base/source/resources/fonts/tungsten/woff2/Tungsten-Medium_Web.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/tungsten/woff/Tungsten-Medium_Web.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Tungsten Bold";
  src: url('clientlib-base/source/resources/fonts/tungsten/woff2/Tungsten-Bold_Web.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/tungsten/woff/Tungsten-Bold_Web.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Tungsten Semibold";
  src: url('clientlib-base/source/resources/fonts/tungsten/woff2/Tungsten-Semibold_Web.woff2') format('woff2'), url('clientlib-base/source/resources/fonts/tungsten/woff/Tungsten-Semibold_Web.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
.grotesktxpromedium {
  font-family: "NHaasGroteskTXPro Medium";
}
.grotesktxprorugular {
  font-family: "NHaasGroteskTXPro Regular";
}
.grotesktxprobold {
  font-family: "NHaasGroteskTXPro Bold";
}
.tungstenmedium {
  font-family: 'Tungsten Medium';
}
.tungstenbold {
  font-family: "Tungsten Bold";
}
.body1 {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: normal;
  color: #212121;
}
.body2 {
  font-family: "NHaasGroteskTXPro Regular", sans-serif;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: normal;
  color: #212121;
}
.body2 p {
  font-family: "NHaasGroteskTXPro Regular", sans-serif;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: normal;
}
.body2-bold {
  font-family: "NHaasGroteskTXPro Bold";
}
.body3 {
  font-family: "NHaasGroteskTXPro Regular", sans-serif;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: normal;
  color: #212121;
}
.body3 p {
  font-family: "NHaasGroteskTXPro Regular", sans-serif;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: normal;
}
.body3-bold {
  font-family: "NHaasGroteskTXPro Bold";
}
h1 {
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 38px;
  line-height: 50px;
  letter-spacing: normal;
  color: #ffffff;
}
h2 {
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 38px;
  line-height: 47px;
  letter-spacing: normal;
  color: #2e2926;
}
h3 {
  font-family: "Tungsten Bold";
  font-size: 45px;
  line-height: 33px;
  letter-spacing: 0.61px;
  color: #2e2926;
}
h3.medium {
  font-family: "Tungsten Regular";
}
h4 {
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 18px;
  line-height: 1.34;
  letter-spacing: normal;
  color: #2e2926;
}
h4.medium {
  font-family: "NHaasGroteskTXPro Medium";
}
h5 {
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 21px;
  line-height: 1.15;
  letter-spacing: normal;
  color: #2e2926;
}
/* Greatstuff Redesign global Font Updates */
h1 {
  font-family: "NHaasGroteskTXPro Medium";
  color: #000000;
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0.03em;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  h1 {
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 45px;
  }
}
h2 {
  font-family: "Tungsten Bold";
  color: #000000;
  font-weight: 400;
  font-size: 1.6em;
  line-height: 1em;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  h2 {
    font-size: 45px;
    line-height: 45px;
  }
}
h3 {
  font-family: "Tungsten Bold";
  color: #000000;
  font-weight: 400;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  h3 {
    font-size: 36px;
    line-height: 36px;
  }
}
h4 {
  font-family: "Tungsten Bold";
  color: #000000;
  font-weight: 400;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  h4 {
    font-size: 30px;
    line-height: 30px;
  }
}
p,
a,
li {
  font-family: "NHaasGroteskTXPro Regular";
  color: #000000;
}
p.large,
a.large,
li.large,
p .large,
a .large,
li .large {
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  p.large,
  a.large,
  li.large,
  p .large,
  a .large,
  li .large {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.08em;
  }
}
p.medium,
a.medium,
li.medium,
p .medium,
a .medium,
li .medium {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  p.medium,
  a.medium,
  li.medium,
  p .medium,
  a .medium,
  li .medium {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.03em;
  }
}
p.small,
a.small,
li.small,
p .small,
a .small,
li .small {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.03px;
}
@media (min-width: 768px) {
  p.small,
  a.small,
  li.small,
  p .small,
  a .small,
  li .small {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.03em;
  }
}
.headline-text-bold {
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e2926;
}
.headline-text-light {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e2926;
}
.headline-text {
  font-family: "Tungsten Bold";
  font-size: 45px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.73;
  letter-spacing: 0.61px;
  color: #111111;
}
.headline-text-2 {
  font-family: "Tungsten Semibold";
  font-size: 30px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: 0.2px;
  color: #2e2926;
}
.p-text {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #2e2926;
}
a {
  font-family: "NHaasGroteskTXPro Regular", sans-serif;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: normal;
  color: #2e2926;
}
a.cta {
  border-color: #fdda25;
  background-color: #fdda25;
  border-radius: 4px;
  padding: .5em 12px;
  letter-spacing: normal;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.91px;
  color: #3c3525;
  text-align: center;
  font-family: "NHaasGroteskTXPro Medium", sans-serif;
  cursor: pointer;
}
a.cta:hover {
  background-color: #ffffff;
  border-color: #2e2926;
  color: #2e2926;
}
a.cta-2 {
  border-color: #2e2926;
  border: solid 1px #2e2926;
  background-color: #2e2926;
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 13px;
  color: #ffffff !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: normal;
  text-align: center;
  cursor: pointer;
  font-family: "NHaasGroteskTXPro Medium", sans-serif;
}
a.cta-2:hover {
  color: #2e2926 !important;
  background-color: #ffffff;
}
.bodyCopyContainer.gsr-body-copy1 p,
.bodyCopyContainer.gsr-body-copy1 li,
.bodyCopyContainer.gsr-body-copy1 a {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0.45px;
}
@media (min-width: 768px) {
  .bodyCopyContainer.gsr-body-copy1 p,
  .bodyCopyContainer.gsr-body-copy1 li,
  .bodyCopyContainer.gsr-body-copy1 a {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1.6px;
  }
}
.bodyCopyContainer.gsr-body-copy1 a {
  border-bottom: 1px solid #da291c;
}
.bodyCopyContainer.gsr-body-copy2 p,
.bodyCopyContainer.gsr-body-copy2 li,
.bodyCopyContainer.gsr-body-copy2 a {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.45px;
}
@media (min-width: 768px) {
  .bodyCopyContainer.gsr-body-copy2 p,
  .bodyCopyContainer.gsr-body-copy2 li,
  .bodyCopyContainer.gsr-body-copy2 a {
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: 0.54px;
  }
}
.bodyCopyContainer.gsr-body-copy2 a {
  border-bottom: 1px solid #da291c;
}
.bodyCopyContainer.gsr-body-copy1 p,
.bodyCopyContainer.gsr-body-copy1 li,
.bodyCopyContainer.gsr-body-copy1 a {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  .bodyCopyContainer.gsr-body-copy1 p,
  .bodyCopyContainer.gsr-body-copy1 li,
  .bodyCopyContainer.gsr-body-copy1 a {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.08em;
  }
}
.bodyCopyContainer.gsr-body-copy1 a {
  border-bottom: 1px solid #da291c;
}
.bodyCopyContainer.gsr-body-copy2 p,
.bodyCopyContainer.gsr-body-copy2 li,
.bodyCopyContainer.gsr-body-copy2 a {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  .bodyCopyContainer.gsr-body-copy2 p,
  .bodyCopyContainer.gsr-body-copy2 li,
  .bodyCopyContainer.gsr-body-copy2 a {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.03em;
  }
}
.bodyCopyContainer.gsr-body-copy2 a {
  border-bottom: 1px solid #da291c;
}
.bodyCopyContainer.gsr-body-copy3 p,
.bodyCopyContainer.gsr-body-copy3 li,
.bodyCopyContainer.gsr-body-copy3 a {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.03px;
}
@media (min-width: 768px) {
  .bodyCopyContainer.gsr-body-copy3 p,
  .bodyCopyContainer.gsr-body-copy3 li,
  .bodyCopyContainer.gsr-body-copy3 a {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.03em;
  }
}
.bodyCopyContainer.gsr-body-copy3 a {
  border-bottom: 1px solid #da291c;
}
.socialMediaFeed .dupont-social-share-content .text p {
  font-size: 11px;
}
.skip-link {
  position: absolute;
  left: -999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 1000;
  background: #fff;
  color: #000;
  padding: 8px 16px;
  border: 2px solid #000;
  border-radius: 4px;
  font-size: 1rem;
  text-decoration: none;
  transition: left 0.2s;
}
.skip-link:focus,
.skip-link:active {
  left: 16px;
  top: 16px;
  width: auto;
  height: auto;
  outline: 3px solid #000;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}
/*Fixed Width Layout Container Changes in Site Level */
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  clear: both;
}
.dupont-container {
  padding-right: 33px;
  padding-left: 33px;
  max-width: 1440px;
}
@media screen and (min-width: 1024px) {
  .dupont-container {
    padding-right: 94px;
    padding-left: 94px;
  }
}
body {
  line-height: auto;
  overflow-x: hidden;
}
.container-two-grid {
  max-width: 1440px;
  float: none!important;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .container-two-grid {
    padding: 0 33px!important;
  }
}
.container-two-grid h2 {
  font-size: 37px;
  text-transform: uppercase;
}
/*****End****/
/*****GS-CTA****/
.cmp-CTA.gsr-btn a.btn {
  padding: 8px 10px!important;
  border-radius: 6px;
  background-color: #da291c;
  font-size: 12px;
  font-family: "NHaasGroteskTXPro Bold";
  text-decoration: none;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
  color: white;
  border: none!important;
  line-height: 1.47;
}
@media (min-width: 768px) {
  .cmp-CTA.gsr-btn a.btn {
    padding: 11px 22px 11px!important;
    font-size: 15px;
  }
}
.cmp-CTA.gsr-btn a.btn:hover {
  background-color: #da291c!important;
  color: #fff !important;
  border: 1px solid #da291c;
}
.cmp-CTA.padding-left-desktop .button-component {
  padding-left: 0;
}
@media only screen and (min-width: 1201px) {
  .cmp-CTA.padding-left-desktop .button-component {
    padding-left: 25px;
  }
}
.gsrstyle .video-parsys .btn-thankyou,
.gs-renewed-style .video-parsys .btn-thankyou,
.greatstuff-styles .video-parsys .btn-thankyou {
  padding: 8px 10px!important;
  border-radius: 6px;
  background-color: #da291c;
  font-size: 12px;
  font-family: "NHaasGroteskTXPro Bold";
  text-decoration: none;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
  color: white;
  border: none!important;
}
@media (min-width: 768px) {
  .gsrstyle .video-parsys .btn-thankyou,
  .gs-renewed-style .video-parsys .btn-thankyou,
  .greatstuff-styles .video-parsys .btn-thankyou {
    padding: 11px 22px 11px!important;
    font-size: 15px;
  }
}
.gsrstyle .video-parsys .btn-thankyou:hover,
.gs-renewed-style .video-parsys .btn-thankyou:hover,
.greatstuff-styles .video-parsys .btn-thankyou:hover {
  background-color: #da291c!important;
  color: #fff !important;
  border: 1px solid #da291c;
}
.gsrstyle .video-parsys .button-component,
.gs-renewed-style .video-parsys .button-component,
.greatstuff-styles .video-parsys .button-component {
  padding-left: 0;
}
.gsrstyle .btn-thankyou,
.gs-renewed-style .btn-thankyou,
.greatstuff-styles .btn-thankyou {
  padding: 8px 10px!important;
  border-radius: 6px;
  background-color: #da291c;
  font-size: 12px;
  font-family: "NHaasGroteskTXPro Bold";
  text-decoration: none;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
  color: white;
  border: none!important;
}
@media (min-width: 768px) {
  .gsrstyle .btn-thankyou,
  .gs-renewed-style .btn-thankyou,
  .greatstuff-styles .btn-thankyou {
    padding: 11px 22px 11px!important;
    font-size: 15px;
  }
}
.gsrstyle .btn-thankyou:hover,
.gs-renewed-style .btn-thankyou:hover,
.greatstuff-styles .btn-thankyou:hover {
  background-color: #da291c!important;
  color: #fff !important;
  border: 1px solid #da291c;
}
.gsrstyle .button-component,
.gs-renewed-style .button-component,
.greatstuff-styles .button-component {
  padding-left: 0;
}
/*****GS-CTA-END****/
@media (min-width: 768px) {
  .dupont-list.forthpack-styles.list-image-half-width .listComponent-Element img {
    margin-bottom: 40px;
  }
}
.dupont-list.forthpack-styles .listComponent-Description h3 {
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0.66px;
  color: #343a40;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .dupont-list.forthpack-styles .listComponent-Description h3 {
    font-size: 30px;
    letter-spacing: 0.9px;
  }
}
.dupont-list.forthpack-styles .listComponent-Description p {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0.45px;
}
@media (min-width: 768px) {
  .dupont-list.forthpack-styles .listComponent-Description p {
    line-height: 1.75;
    letter-spacing: 0.48px;
  }
}
.dupont-list.gs_listView .listComponent-Element {
  padding: 25px;
}
.dupont-list.gs_listView .listComponent-Title {
  display: block;
}
@media screen and (min-width: 992px) {
  .dupont-list.gs_listView .listComponent-Title {
    display: flex;
    justify-content: center;
  }
}
.dupont-list.gs_listView .listComponent-Title li {
  color: #000;
  text-align: center;
  font-family: "Tungsten Bold";
  font-size: 30px;
  font-style: normal;
  line-height: 30px;
  /* 100% */
  letter-spacing: 0.9px;
}
@media screen and (max-width: 767px) {
  .dupont-list.gs_listView .listComponent-Title li {
    font-size: 22px;
    line-height: 22px;
    /* 100% */
    letter-spacing: 0.66px;
  }
}
@media screen and (min-width: 992px) {
  .dupont-list.gs_listView .listComponent-Title ul {
    width: 75%;
  }
}
@media screen and (min-width: 1024px) {
  .dupont-list.gs_listView .listComponent-Title ul {
    width: 70%;
  }
}
@media screen and (min-width: 1200px) {
  .dupont-list.gs_listView .listComponent-Title ul {
    width: 60%;
  }
}
.dupont-list.gs_listView .listComponent-Description {
  margin-top: 33px;
}
@media screen and (max-width: 767px) {
  .dupont-list.gs_listView .listComponent-Description {
    margin-top: 17px;
  }
}
.dupont-list.gs_listView .listComponent-Description p {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 18px;
  font-style: normal;
  line-height: 30px;
  /* 166.667% */
  letter-spacing: 0.54px;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dupont-list.gs_listView .listComponent-Description p {
    font-size: 15px;
    font-style: normal;
    line-height: 20px;
    /* 133.333% */
    letter-spacing: 0.45px;
  }
}
.bodyCopyContainer.froth-pak-custom-styles .arrow-icon a {
  border-bottom: none;
  display: block;
  position: relative;
}
.bodyCopyContainer.froth-pak-custom-styles .arrow-icon a::after {
  content: url('../../../../content/dam/dupont/amer/us/en/frothpak/public/images/icons/left-arrow-icon.png');
  height: 10px;
  width: 10px;
  position: absolute;
  right: 0;
  top: 10px;
}
.bodyCopyContainer.froth-pak-custom-styles .arrow-icon a:hover {
  color: #2e2926;
}
@media (max-width: 767px) {
  .bodyCopyContainer.froth-pak-custom-styles .bodycopy {
    padding-left: 33px;
    padding-right: 33px;
  }
}
.bodyCopyContainer.froth-pak-custom-styles.gsr-body-copy1 a,
.bodyCopyContainer.froth-pak-custom-styles.gsr-body-copy2 a {
  border-bottom: none;
}
.bodyCopyContainer.froth-pak-custom-styles .sub-text {
  font-size: 15px;
}
@media (max-width: 767px) {
  .bodyCopyContainer.froth-pak-custom-styles .sub-text {
    font-size: 12px;
  }
}
.bodyCopyContainer .sustainability-title {
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.6px;
  color: #343a40;
}
@media screen and (min-width: 768px) {
  .bodyCopyContainer .sustainability-title {
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0.9px;
  }
}
.image.no-padding > .global-padding-right,
.cmp_category.no-padding > .global-padding-right {
  padding-right: 0;
}
.image.no-padding > .global-padding-left,
.cmp_category.no-padding > .global-padding-left {
  padding-left: 0;
}
.divider-tablet {
  display: none;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .divider-tablet {
    display: block!important;
  }
}
@media (max-width: 1199px) {
  .accordion_border.replace-with-cap-symbol .accordion-with-animation.global-padding-left {
    padding-left: 0;
  }
}
.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__heading {
  margin-bottom: 0;
}
.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__heading .accordion__title {
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.36px;
  color: #2e2926;
  top: 0;
  padding: 20px 20px 20px 0;
  border-bottom: 0!important;
  border-top: 1px solid #989a9c !important;
}
.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__heading .accordion__title:before {
  right: 1px;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__heading .accordion__title {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.4px;
  }
}
.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__heading .accordion__title:before {
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  .accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__heading .accordion__title:before {
    margin-top: 0;
  }
}
.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__heading:last-child {
  border-bottom: 1px solid #989a9c !important;
}
.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__content {
  padding: 0px 15px 10px 0px;
}
.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__content p,
.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__content li,
.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__content a {
  font-size: 15px;
  font-family: "NHaasGroteskTXPro Regular";
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.45px;
}
@media (min-width: 768px) {
  .accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__content p,
  .accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__content li,
  .accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__content a {
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: 0.54px;
    text-align: left;
  }
}
.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item:first-of-type {
  border-top: 1px solid #989a9c !important;
}
.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item:first-of-type a.accordion__title {
  border-top: none!important;
}
.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item:last-of-type {
  border-bottom: 1px solid #989a9c !important;
}
/* Style Brush */
.corporate-action-bar.rem-bac-img-clr #grt-gap-cra img.grt-mul-img-vid-crgp-all {
  background: none;
}
.download .left .download_url {
  white-space: pre-wrap;
}
.gsr-page p {
  font-size: 18px;
}
.alignrightcolumn.fb-reduce-image-size .views-featuredBlock .row {
  margin-left: -15px;
  margin-right: -15px;
}
/*Static Html Override */
@media (max-width: 767px) {
  .gsr-static-html .statichtml .img-block {
    text-align: center!important;
  }
  .gsr-static-html .bodycopy {
    text-align: center;
  }
  .gsr-static-html .bodycopy.global-padding-left {
    padding-left: 0!important;
  }
}
@media (max-width: 767px) {
  .rem-globalpadd-in-mob .bodycopy.global-padding-left,
  .rem-globalpadd-in-mob .button-component.global-padding-left {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .rem-globalpadd-in-mob .bodycopy.global-padding-right,
  .rem-globalpadd-in-mob .button-component.global-padding-right {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .frothpak-video-bar .statichtml .img-block {
    text-align: center!important;
  }
}
@media (max-width: 767px) {
  .frothpak-video-bar .bodycopy {
    text-align: center;
  }
}
.frothpak-video-bar .video-text-wrapper {
  display: flex;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (max-width: 767px) {
  .frothpak-video-bar .video-text-wrapper {
    justify-content: center;
    flex-direction: column;
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.frothpak-video-bar .video-text-wrapper .video-blk {
  flex: 1 0 50%;
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .frothpak-video-bar .video-text-wrapper .video-blk {
    flex: 1 0 80%;
    justify-content: center;
    padding-right: 0px;
    margin-bottom: 35px;
  }
}
.frothpak-video-bar .video-text-wrapper .video-blk .video {
  height: 135px;
  width: auto;
  display: flex;
  align-items: center;
  position: relative;
}
.frothpak-video-bar .video-text-wrapper .video-blk .video .video-link {
  height: 100%;
}
.frothpak-video-bar .video-text-wrapper .video-blk .video img {
  height: 100%;
  width: auto;
}
.frothpak-video-bar .video-text-wrapper .txt-blk {
  flex: 1 0 50%;
  padding-left: 10px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .frothpak-video-bar .video-text-wrapper .txt-blk {
    flex: 1 0 80%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
}
.frothpak-video-bar .video-text-wrapper .txt-blk .title {
  font-family: "Tungsten Bold";
  font-size: 36px;
  line-height: 0.67;
  letter-spacing: 1.08px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .frothpak-video-bar .video-text-wrapper .txt-blk .title {
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0.9px;
    margin-bottom: 10px;
  }
}
.frothpak-video-bar .video-text-wrapper .txt-blk .title h4 {
  font-family: 'Tungsten Bold';
  font-size: 36px;
  line-height: 0.67;
  letter-spacing: 1.08px;
}
@media (max-width: 767px) {
  .frothpak-video-bar .video-text-wrapper .txt-blk .title h4 {
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0.9px;
  }
}
.frothpak-video-bar .video-text-wrapper .txt-blk .desc {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 18px;
}
@media (max-width: 767px) {
  .frothpak-video-bar .video-text-wrapper .txt-blk .desc {
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 0.45px;
  }
}
.frothpak-video-bar .video-text-wrapper .txt-blk .desc p {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 18px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .frothpak-video-bar .video-text-wrapper .txt-blk .desc p {
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 0.45px;
  }
}
.heroimage .heroImage-Text .heroImage-Text_heading {
  color: #fff;
}
.frothpak-videobar {
  text-align: center;
}
.cmp-site-search .search-component .search-container .search-result .item-result {
  margin-bottom: 0!important;
  padding-bottom: 0!important;
}
.cmp-site-search .search-component .search-container .search-result .item-result a h4 {
  padding-bottom: 0;
}
.cmp-site-search .search-component .search-container .search-result .item-result a h4:hover {
  color: #000!important;
}
.cmp-site-search .search-component .search-container .search-result .item-result .text-search {
  background-color: transparent!important;
}
.cmp-site-search .search-component .search-container .search-result .item-result p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
  height: auto !important;
  margin-bottom: 0;
}
.cmp-site-search .search-component .search-container .search-result .item-result p:empty {
  display: none;
}
.cmp-site-search .search-component .search-container .search-result .result-view-more .cta {
  font-size: 12px;
  padding: 8px 10px;
  border-color: black;
  background-color: transparent;
}
@media (min-width: 768px) {
  .cmp-site-search .search-component .search-container .search-result .result-view-more .cta {
    font-size: 20px;
    padding: 11px 20px;
  }
}
.cmp-site-search .search-component .search-container .search-result .result-view-more .cta:hover {
  color: #000;
}
.grt-grcr-acc-detail .grt-st-ra-dtl .bv_main_container {
  cursor: pointer !important;
}
@media screen and (min-width: 992px) {
  .gs_featuredWithCTA_block .featuredBlock.container-fluid .row .featuredBlock-col.image {
    min-height: 550px;
  }
}
.gs_featuredWithCTA_block .featuredBlock {
  background: transparent;
}
.gs_featuredWithCTA_block .featuredBlock.container-fluid a.cta {
  padding: 10px;
}
.gs_featuredWithCTA_block .featuredBlock .headingImageLeft {
  font-family: "Tungsten Semibold";
  font-size: 30px;
  color: #343A40;
  font-style: normal;
  line-height: 30px;
  /* 100% */
  letter-spacing: 0.9px;
}
@media screen and (max-width: 767px) {
  .gs_featuredWithCTA_block .featuredBlock .headingImageLeft {
    font-size: 22px;
    line-height: 22px;
    /* 100% */
    letter-spacing: 0.66px;
  }
}
.gs_featuredWithCTA_block .featuredBlock .textImageLeft p {
  color: #343A40;
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 18px;
  font-style: normal;
  line-height: 30px;
  /* 166.667% */
  letter-spacing: 0.54px;
}
@media screen and (max-width: 767px) {
  .gs_featuredWithCTA_block .featuredBlock .textImageLeft p {
    font-size: 15px;
    line-height: 20px;
    /* 133.333% */
    letter-spacing: 0.45px;
  }
}
.gs_featuredWithCTA_block .imageTextLeftView h3.textImageLeft {
  margin: 0;
  margin-top: 25px;
}
a.grt-buy-btn {
  display: block !important;
  direction: ltr;
  background-color: #fff;
  position: relative;
  border: 1px solid #7a7a7a;
  padding: 10px;
  border-radius: 5px;
  color: #000000;
  cursor: pointer;
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 15px;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 767px) {
  a.grt-buy-btn {
    font-size: 12px;
    padding: 8px 7px;
    line-height: 1.67;
    letter-spacing: normal;
  }
}
@media screen and (max-width: 991px) {
  a.grt-buy-btn {
    font-size: 12px;
    padding: 8px 16px;
  }
}
a.grt-buy-btn:hover {
  color: #000000;
}
a.grt-buy-btn img.grt-loc {
  width: 25px;
  margin: 0px 10px 0 0;
  height: 25px;
  object-fit: contain;
  margin-top: -4px;
}
@media screen and (max-width: 767px) {
  a.grt-buy-btn img.grt-loc {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  a.grt-buy-btn img.grt-loc {
    display: none;
  }
}
#grt-gap-cra .grt-crpf-btn-de a.gsr-btn-location {
  display: block !important;
}
.category-bgImage .img-container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .category-bgImage {
    margin-top: 0;
  }
}
@media (max-width: 1200px) {
  .divider-desktop {
    display: none !important;
  }
}
.responsivegrid.equal-height .aem-Grid {
  align-items: center;
}
.mixed-font-style.bodyCopyContainer p:first-child {
  font-family: "Tungsten Semibold";
  font-size: 94px;
  line-height: 80px;
  letter-spacing: -0.01em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mixed-font-style.bodyCopyContainer p:first-child {
    font-size: 47px;
    line-height: 47px;
    letter-spacing: -0.01em;
  }
}
.mixed-font-style.bodyCopyContainer p:first-child span {
  font-family: "Tungsten Light";
  font-size: 94px;
  line-height: 80px;
  letter-spacing: -0.01em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mixed-font-style.bodyCopyContainer p:first-child span {
    font-size: 47px;
    line-height: 47px;
    letter-spacing: -0.01em;
  }
}
.mixed-font-style.bodyCopyContainer p {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .mixed-font-style.bodyCopyContainer p {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.03em;
  }
}
.gsr-body-copy4.bodyCopyContainer.padding-top-mobile {
  padding-top: 35px;
}
.gsr-body-copy4.bodyCopyContainer h3,
.gsr-body-copy4.bodyCopyContainer h4 {
  font-family: "Tungsten Semibold";
  font-size: 30px;
  color: #000000;
  font-style: normal;
  line-height: 30px;
  /* 100% */
  letter-spacing: 0.9px;
}
@media screen and (max-width: 767px) {
  .gsr-body-copy4.bodyCopyContainer h3,
  .gsr-body-copy4.bodyCopyContainer h4 {
    font-size: 22px;
    line-height: 22px;
    /* 100% */
    letter-spacing: 0.66px;
    text-align: left;
  }
}
.gsr-body-copy4.bodyCopyContainer p {
  margin-top: 25px;
  color: #000000;
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 18px;
  font-style: normal;
  line-height: 30px;
  /* 166.667% */
  letter-spacing: 0.54px;
}
@media screen and (max-width: 767px) {
  .gsr-body-copy4.bodyCopyContainer p {
    font-size: 15px;
    line-height: 20px;
    /* 133.333% */
    letter-spacing: 0.45px;
  }
}
:focus-visible {
  outline: 3px solid #000 !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
  z-index: 10;
}
a.btn.multicta:focus-visible {
  outline: 3px solid #000 !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
  z-index: 10;
}
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
.ps-widget:focus-visible {
  outline: 3px solid #000 !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
  z-index: 10;
}
input:focus-visible {
  outline: 3px solid transparent !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px transparent, 0 0 0 4px transparent;
  z-index: 10;
}
.container {
  padding-right: 33px;
  padding-left: 33px;
  max-width: 1440px;
}
@media screen and (min-width: 1024px) {
  .container {
    padding-right: 94px;
    padding-left: 94px;
  }
}
@media only screen and (max-width: 991px) {
  .container {
    padding: 0px 33px !important;
  }
}
@media (min-width: 1024px) {
  .hide-on-desktop {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .hide-on-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .component-navigation .container {
    padding-right: 33px;
    padding-left: 33px;
  }
}
.gs-header-view {
  /* Search code start*/
  /* Search code end*/
  /* header logo animation*/
}
@media (device-width: 1024px) {
  .gs-header-view .container {
    padding-right: 46px;
    padding-left: 48px;
  }
}
.gs-header-view .nav-container {
  width: 100%;
  z-index: 999;
  background: #fff;
}
.gs-header-view .component-navigation li {
  list-style: none;
}
.gs-header-view .nav-brand {
  display: none;
  width: 126px;
  position: absolute;
  top: 0;
}
.gs-header-view .nav-brand img {
  max-width: 100%;
  position: absolute;
  z-index: 1;
}
.gs-header-view .nav-secondary {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.gs-header-view .nav-secondary .nav-secondary-items .nav-social-icons li:hover {
  opacity: 0.5;
  cursor: pointer;
}
.gs-header-view .nav-secondary .nav-secondary-items .secondary-txt:hover {
  opacity: 0.5;
  cursor: pointer;
}
.gs-header-view .nav-secondary-items {
  float: right;
}
.gs-header-view .nav-secondary .container:after {
  content: "";
  display: block;
  clear: both;
}
.gs-header-view .nav-secondary-items ul {
  display: block;
}
.gs-header-view .nav-secondary-items ul li {
  display: inline-block;
}
.gs-header-view .nav-social-icons img {
  max-width: 100%;
}
.gs-header-view .nav-social-icons li {
  width: 17px;
}
.gs-header-view .nav-secondary-items > ul > li {
  margin-left: 25px;
}
.gs-header-view .nav-secondary-items ul li a {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.85px;
}
.gs-header-view .nav-secondary-items .nav-search-action {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 0;
  vertical-align: middle;
}
.gs-header-view a.nav-search-action img {
  max-width: 100%;
}
.gs-header-view .nav-social-icons ul {
  padding-bottom: 2px;
}
.gs-header-view .nav-social-icons li {
  margin-left: 13px;
}
.gs-header-view .nav-social-icons a {
  line-height: 0;
  vertical-align: middle;
  display: inline-block;
  height: 17px;
  width: 17px;
}
.gs-header-view .mega-menu-container {
  display: none;
}
.gs-header-view .sub-menu-container {
  display: none;
}
.gs-header-view .nav-primary-items li {
  display: inline-block;
}
.gs-header-view .nav-primary .container {
  height: 30px;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .gs-header-view .nav-primary .container {
    height: 46px;
  }
}
@media (max-width: 1023px) {
  .gs-header-view .nav-primary .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
.gs-header-view .nav-primary {
  background-color: #000;
}
.gs-header-view .nav-primary-items div.nav-primary-item {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .gs-header-view .nav-primary-items div.nav-primary-item {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (min-width: 1024px) {
  .gs-header-view .nav-primary-items {
    display: flex;
  }
}
.gs-header-view .nav-primary-items > ul {
  height: 100%;
}
.gs-header-view .nav-primary-items li a,
.gs-header-view .nav-primary-items li span {
  color: #fff;
}
.gs-header-view .nav-primary-items li a.cta,
.gs-header-view .nav-primary-items li a.cta span {
  color: #000;
}
.gs-header-view .nav-primary-item {
  margin-left: 20px;
}
@media (min-width: 1024px) {
  .gs-header-view .nav-primary-item {
    margin-left: 20px;
  }
}
@media (min-width: 1200px) {
  .gs-header-view .nav-primary-item {
    margin-left: 33px;
  }
}
.gs-header-view .nav-primary-item > img {
  display: none;
}
.gs-header-view .nav-primary-item .mega-menu-link {
  font-family: "NHaasGroteskTXPro Medium", sans-serif;
  font-size: 14px;
  letter-spacing: 0.8px;
}
.gs-header-view .nav-primary-item:hover {
  cursor: pointer;
}
.gs-header-view .nav-close {
  display: none;
}
.gs-header-view .mega-menu-container,
.gs-header-view .sub-menu-container {
  position: absolute;
  background-color: #000;
  padding: 20px;
  margin-left: -20px;
  width: auto;
  border-radius: 0px 0px 6px 6px;
  margin-top: 12px;
}
@media (min-width: 1024px) {
  .gs-header-view .mega-menu-container {
    z-index: 1;
  }
}
.gs-header-view .mega-menu-container ul {
  column-count: 2;
}
.gs-header-view li.nav-secondary-item {
  display: block;
  white-space: nowrap;
  line-height: 35px;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .gs-header-view li.nav-secondary-item {
    padding: 0 20px;
  }
}
.gs-header-view li.nav-secondary-item:hover {
  opacity: 0.5;
  transition: all 0.3s linear;
}
.gs-header-view li.nav-primary-item {
  position: relative;
  height: 100%;
  padding: 10px 0;
}
@media (min-width: 1024px) {
  .gs-header-view li.nav-primary-item:hover {
    border-bottom: 6px solid #c82828;
  }
  .gs-header-view li.nav-primary-item:hover .mega-menu-container {
    display: block;
  }
  .gs-header-view li.nav-primary-item.active {
    border-bottom: 6px solid #c82828;
  }
}
@media (max-width: 1023px) {
  .gs-header-view .nav-primary-items,
  .gs-header-view .nav-secondary {
    display: none;
  }
  .gs-header-view .nav-logo {
    flex: 1;
    z-index: 10;
  }
  .gs-header-view .nav-brand {
    width: 70px;
  }
  .gs-header-view .nav-actions {
    float: right;
  }
  .gs-header-view .nav-actions .nav-close {
    margin-top: 22px;
  }
  .gs-header-view .nav-action-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 25px;
  }
  .gs-header-view .nav-action-icon img {
    width: 100%;
    display: inline-block;
  }
  .gs-header-view .nav-action-icon a {
    display: block;
  }
  .gs-header-view .nav-close {
    display: none;
  }
  .gs-header-view .nav-menu-expanded .nav-action-icon.nav-hamburger {
    display: none;
  }
  .gs-header-view .nav-menu-expanded .nav-action-icon.nav-close {
    display: inline-block;
  }
  .gs-header-view .nav-menu-expanded .nav-primary-items {
    display: block;
  }
  .gs-header-view .nav-primary-items {
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #000;
    top: 0;
    padding-top: 100px;
  }
  .gs-header-view li.nav-primary-item {
    display: block;
    margin-bottom: 10px;
  }
  .gs-header-view li.nav-primary-item > img {
    width: 12px;
    display: initial;
  }
  .gs-header-view li.nav-primary-item i {
    margin-right: 5px;
    margin-left: 5px;
  }
  .gs-header-view .nav-primary-items li a {
    padding-right: 10px;
  }
  .gs-header-view .nav-primary.nav-menu-expanded {
    height: 100vh;
  }
  .gs-header-view .nav-lvl2 {
    position: fixed;
    width: 100%;
    left: 0;
  }
  .gs-header-view .nav-lvl2 .nav-lvl2-container {
    padding-top: 100px;
    padding-left: 33px;
  }
  .gs-header-view .nav-lvl2 ul li a,
  .gs-header-view .nav-lvl2 ul li span {
    color: #fff;
  }
  .gs-header-view .nav-back img {
    width: 20px;
  }
  .gs-header-view .nav-primary.nav-menu-expanded.mobile-submenu-expanded .nav-primary-items {
    opacity: 0;
  }
  .gs-header-view .nav-primary-items {
    transition: opacity 0.2s linear;
  }
  .gs-header-view .nav-lvl2 {
    transition: all 0.2s linear;
    opacity: 0;
    left: 100%;
  }
  .gs-header-view .nav-lvl2.submenu-active {
    opacity: 1;
    left: 0;
  }
  .gs-header-view .lvl2-items {
    max-height: 75vh;
    overflow: auto;
  }
  .gs-header-view .nav-back {
    margin-bottom: 20px;
  }
  .gs-header-view li.nav-secondary-item {
    white-space: normal;
    margin-bottom: 10px;
  }
  .gs-header-view .lvl2-title {
    color: white;
    margin-bottom: 10px;
  }
  .gs-header-view .nav-primary.nav-menu-expanded .nav-search {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .gs-header-view .nav-primary .nav-search-action {
    filter: invert(1);
  }
}
.gs-header-view .search-expanded {
  height: 200px;
  z-index: 2;
  background: #fdda25 !important;
  width: 100%;
  position: absolute;
  top: 0;
}
.gs-header-view .search-expanded .nav-close {
  display: block;
  position: absolute;
  top: 0;
  right: 35px;
}
@media screen and (min-width: 1024px) {
  .gs-header-view .search-expanded .nav-close {
    top: 22px;
    right: 100px;
  }
}
.gs-header-view .search-expanded .nav-close img {
  filter: invert(1);
}
@media (max-width: 1024px) {
  .gs-header-view .search-expanded .nav-close {
    height: 17px;
    width: 17px;
  }
}
.gs-header-view .search-expanded .nav-actions {
  width: 100%;
  text-align: center;
}
.gs-header-view .search-expanded .nav-search-action {
  display: none;
}
.gs-header-view .search-expanded .nav-search-action img {
  display: none;
}
.gs-header-view .search-expanded .nav-hamburger {
  display: none;
}
.gs-header-view .search-expanded .mobile-expanded-search {
  display: block;
}
.gs-header-view .search-expanded .expand-nav-search-action {
  background-color: #2e2926;
  width: 52px;
  height: 45px;
  text-align: center;
  display: inline-block;
  line-height: 45px;
  border-radius: 4px;
  border-width: 1px;
  border-color: #2e2926;
}
.gs-header-view .search-expanded .expand-nav-search-action:after {
  content: "Go";
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  color: #ffffff;
  font-family: "NHaasGroteskTXPro Bold";
}
.gs-header-view .search-expanded .expand-nav-search-action:hover {
  background-color: #ffffff;
  border-color: #2e2926;
}
.gs-header-view .search-expanded .expand-nav-search-action:hover:after {
  color: #2e2926;
}
.gs-header-view .search-expanded .mobile-expanded-search input {
  background: no-repeat;
  border: none;
  border-bottom: solid 1px #2e2926;
  height: 40px;
  width: 77%;
  font-size: 20px;
  color: #2e2926;
}
.gs-header-view .search-expanded .mobile-expanded-search .close-icon {
  border: 1px solid transparent;
  background-color: transparent;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
  width: 37px;
  margin-left: -35px;
  margin-top: -10px;
}
.gs-header-view .search-expanded .mobile-expanded-search .close-icon img {
  display: none;
}
.gs-header-view .search-expanded .nav-primary-items {
  display: none;
}
.gs-header-view .search-expanded .nav-logo {
  width: 100%;
}
.gs-header-view .mobile-expanded-search {
  display: none;
  width: 100%;
}
.gs-header-view .search-expanded .nav-action-icon.nav-search {
  width: 100%;
  max-width: 500px;
  height: auto;
  margin: 0;
  padding-top: 80px;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .gs-header-view .search-expanded .nav-action-icon.nav-search {
    max-width: 700px;
  }
}
@media screen and (min-width: 1024px) {
  .gs-header-view .nav-action-icon.nav-hamburger {
    display: none;
  }
}
@keyframes slideInFromTop {
  0% {
    top: -60px;
  }
  100% {
    top: 0px;
  }
}
.gs-header-view .nav-brand {
  animation: 1s ease-out 0s 1 slideInFromTop;
}
.gs-header-view .nav-lvl2-container .lvl2-title .mega-menu-link {
  font-family: "NHaasGroteskTXPro Medium", sans-serif;
  font-size: 14px;
  letter-spacing: 0.8px;
  color: #ffffff;
}
.gs-header-view .nav-lvl2-container .lvl2-title .mega-menu-link img {
  display: none;
}
@media (max-width: 1023px) {
  img.desktophide {
    width: 0.8em;
    display: inline;
  }
  .mega-menu-container1 {
    display: none;
  }
  .mega-menu-container1 img {
    display: none;
  }
  .mega-menu-container img {
    display: none;
  }
  .second-hide img:not(.desktophide) {
    display: none;
  }
  .gs-header-view li.nav-secondary-item:hover {
    color: #fff;
    opacity: 1;
  }
}
@media (min-width: 1024px) {
  .multi img {
    width: 10px;
    display: inline;
  }
  .multi .desktophide {
    display: none !important;
  }
  .mega-menu-container1 {
    display: none;
  }
  /* header logo animation end*/
  .gs-header-view li.nav-secondary-item.second-hide:hover > .mega-menu-container1 {
    transition: all 1s linear;
    display: block;
    position: absolute;
    left: 100%;
    margin-top: -2.4em;
    background: #000000;
    border-radius: 0px 6px 6px 6px;
    /* border: pink; */
    border-left: none !important;
    border: solid #a8a1a1;
  }
  .gs-header-view li.nav-secondary-item:hover > a {
    opacity: 0.5;
  }
  .gs-header-view li.nav-secondary-item.second-hide:hover {
    color: #fff;
    opacity: 1;
    border-color: #a8a1a1;
    /* border-bottom-width: 11px; */
    /* border-width: 10px; */
    border-style: solid;
    border-right: 0px;
    border-radius: 2px;
    border-radius: 10px 0px 0px 10px;
  }
}
.multi .mega-menu-container ul {
  column-count: 1;
}
.multi .mega-menu-container {
  padding: 0px;
}
/* user-avatar implementation */
.businessUnitList,
.component-navigation .nav-primary .nav-user-icon ul.businessUnitList {
  position: static;
  padding: 0;
  margin: 0;
  max-height: none;
}
.component-navigation .nav-primary .nav-user-icon {
  padding-right: 0px !important;
  position: relative;
  top: 8px;
  left: 250px;
}
.component-navigation .nav-primary .nav-user-icon img {
  max-width: 24px;
}
.component-navigation .nav-primary .nav-user-icon ul {
  display: none;
  /* position: absolute; */
  width: max-content;
  top: 38px;
  /*left: 120px; */
  background-color: #ffffff;
  margin-left: -30px;
  right: 0;
  padding: 30px 30px 15px 30px;
  max-height: calc(100vh - 100px);
  overflow: auto;
  Z-index: 11;
}
.component-navigation .nav-primary .nav-user-icon ul li {
  border: none  !important;
  display: block;
  padding: 10px 0px !important;
}
.component-navigation .nav-primary .nav-user-icon ul li a {
  opacity: 1;
  margin-left: 0;
  color: #212121;
  font-family: 'Diodrum Regular';
  line-height: 18px;
  font-size: calc(14px  - ( 2  * (1px - ((100vw -  1024px ) / 416 ))));
  transition-property: none;
  padding: 0 0;
  text-decoration: none;
}
.component-navigation .nav-primary .nav-user-icon ul li h5 {
  margin: 0;
}
.component-navigation .nav-primary .nav-user-icon ul li#businessUnit {
  padding: 0 !important;
}
.component-navigation .nav-primary .nav-user-icon:hover ul {
  display: block;
}
@media screen and (max-width: 1023px) {
  .component-navigation .nav-primary .nav-user-icon {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .component-navigation .nav-primary .search-icon-user {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .component-navigation .nav-primary .search-icon-user {
    display: block;
    padding-left: 40px;
  }
  .component-navigation .nav-primary .search-icon-user > a {
    position: absolute;
    /*right: calc( 30px ~" - (" unit(10px) ~" * (1px - ((100vw - " unit((320px),~"px") ~") /" unit( (1023px - 320px) ) ~")))" );*/
    right: 20px;
    top: 14px;
    transform: translateY(-50%);
  }
  .component-navigation .nav-primary .search-icon-user img {
    width: 24px;
  }
  .component-navigation .nav-primary .search-icon-user > ul {
    position: absolute;
    display: none;
    background: white;
    top: 90px;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: calc(100vh - 71px);
    overflow: auto;
    padding: 30px 33px;
    list-style: none;
  }
  .component-navigation .nav-primary .search-icon-user li {
    list-style: none;
    margin: 0 0 15px 0;
    display: block;
  }
  .component-navigation .nav-primary .search-icon-user .profileClose {
    /*left: calc( 20px ~" - (" unit(20px) ~" * (1px - ((100vw - " unit((320px),~"px") ~") /" unit( (1023px - 320px) ) ~")))" );*/
    padding: 15px;
    position: absolute;
    transform: translateY(-50%);
    width: 30px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
  }
  .component-navigation .nav-primary .search-icon-user .profileClose.open > span {
    opacity: 1;
    transform: rotate(45deg) translate(-7px, -15px);
    background: #232323;
  }
  .component-navigation .nav-primary .search-icon-user .profileClose.open > span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  .component-navigation .nav-primary .search-icon-user .profileClose.open > span:nth-last-child(2) {
    transform: rotate(-43deg) translate(4px, 6px);
  }
  .component-navigation .nav-primary .search-icon-user .profileClose span {
    display: block;
    position: relative;
    top: 23px;
    width: 27px;
    height: 2px;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
  }
  .component-navigation .nav-primary .search-icon-user .profileClose span:first-child {
    transform-origin: 0% 0%;
  }
  .component-navigation .nav-primary .search-icon-user .profileClose span:nth-last-child(2) {
    transform-origin: 0% 100%;
    background-color: #fff;
  }
  .component-navigation .nav-primary .search-icon-user .profileClose span:last-child {
    margin-bottom: 0;
    background-color: #fff;
  }
}
.component-navigation .nav-primary .search-icon-user .profileClose {
  display: none;
  left: auto !important;
  right: 30px;
}
@media screen and (max-width: 1023px) {
  .component-navigation .nav-menu-expanded .search-icon-user {
    display: none !important;
  }
}
/* dropdown code*/
/*dropdown code end*/
.bgcolor-with-dropdown[data-is-animate="true"] {
  visibility: hidden;
}
.bgcolor-with-dropdown.editmode {
  visibility: visible;
}
.bgcolor-with-dropdown.animate {
  visibility: visible;
  animation: bringUp-dd 1s 1 alternate;
  -webkit-animation: bringUp-dd 1s 1 alternate;
}
@keyframes bringUp-dd {
  1% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
@-webkit-keyframes bringUp-dd {
  1% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
.bgcolor-with-dropdown .text-dropdown {
  width: 952px;
  height: auto;
  border-radius: 16px;
  padding: 0;
}
.bgcolor-with-dropdown .text-dropdown-desc {
  padding: 0;
}
.bgcolor-with-dropdown .text-dropdown-desc p {
  font-size: 18px;
  line-height: 26px;
  width: 400px;
  padding: 43px 0 30px 52px;
  font-family: "NHaasGroteskTXPro Regular";
}
@media screen and (max-width: 991px) {
  .bgcolor-with-dropdown .text-dropdown-desc p {
    padding: 40px 20px 30px 20px !important;
  }
}
@media only screen and (max-width: 1120px) and (min-width: 1024px) {
  .bgcolor-with-dropdown .text-dropdown-desc p {
    padding: 40px 10px 30px 20px !important;
  }
}
.bgcolor-with-dropdown .dd-text-dropdown {
  padding: 55px 53px 64px 23px;
  display: flex;
  width: 470px;
  margin: auto;
}
@media only screen and (max-width: 1120px) and (min-width: 1024px) {
  .bgcolor-with-dropdown .dd-text-dropdown {
    padding: 55px 53px 64px 0px !important;
  }
}
@media screen and (max-width: 991px) {
  .bgcolor-with-dropdown .dd-text-dropdown {
    padding: 0 0px 50px 0px !important;
    width: 390px;
  }
}
@media screen and (max-width: 440px) {
  .bgcolor-with-dropdown .dd-text-dropdown {
    width: 330px;
  }
}
.bgcolor-with-dropdown .dd-text-dropdown .dropdown-toggle {
  white-space: normal;
  line-height: 35px;
}
.bgcolor-with-dropdown .dd-text-dropdown .btn-secondary:hover {
  background: #ffffff;
  color: #333333;
}
.bgcolor-with-dropdown .text-dropdown-col .db-btn {
  background: #ffffff;
  height: auto;
  min-height: 50px;
  text-align: left;
  margin: 0;
  padding-left: 20px;
  padding-right: 50px;
  font-size: 16px;
  color: #2e2926;
  position: relative;
  line-height: 1.19;
  font-family: "NHaasGroteskTXPro Regular";
  width: 305px !important;
}
@media screen and (max-width: 440px) {
  .bgcolor-with-dropdown .text-dropdown-col .db-btn {
    width: 295px !important;
  }
}
.bgcolor-with-dropdown .text-dropdown-col .dd-text-drpdown-btn {
  width: 60px;
  height: 50px;
  border-radius: 4px;
  background: #fdda25;
  border: 0px solid #fdda25;
  color: #2e2926;
  margin-left: 8px;
  font-size: 14px;
  font-family: "NHaasGroteskTXPro Bold";
  text-align: center;
  line-height: 50px;
}
.bgcolor-with-dropdown .text-dropdown-col .dd-text-drpdown-btn:hover {
  background: #ffffff;
}
.bgcolor-with-dropdown .dropdown-menu.show {
  display: block;
  margin-top: 8px;
  box-shadow: 0 5px 13px 6px rgba(0, 0, 0, 0.08);
  border: none;
  width: calc(100% - 166px) !important;
  overflow-x: hidden;
}
@media screen and (max-width: 991px) {
  .bgcolor-with-dropdown .dropdown-menu.show {
    width: calc(100% - 87px) !important;
  }
}
@media screen and (max-width: 440px) {
  .bgcolor-with-dropdown .dropdown-menu.show {
    width: calc(100% - 62px) !important;
  }
}
.bgcolor-with-dropdown .dropdown-menu.show span {
  font-size: 16px;
  line-height: 1.19;
  font-family: "NHaasGroteskTXPro Regular";
  cursor: pointer;
}
.bgcolor-with-dropdown .dropdown-item {
  white-space: normal;
  padding: 8px 20px;
}
.bgcolor-with-dropdown .dropdown-item:focus {
  color: #111111;
  text-decoration: none;
  background-color: #fdda25;
}
.bgcolor-with-dropdown .dropdown-item:hover {
  color: #111111;
  text-decoration: none;
  background-color: #fdda25;
}
.bgcolor-with-dropdown .dropdown-toggle::after {
  position: absolute;
  right: 18px;
  top: 44%;
  margin-left: 0px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 20px;
  height: 10px;
  border: 0px !important;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE5IDEyIj4KICAgIDxwYXRoIGZpbGw9IiMyRTI5MjYiIHN0cm9rZT0iIzJFMjkyNiIgZD0iTTc5NiA4Ni4xTDc5Ni45MjUgODcuMDEgODA1LjI3MSA3OC43OTcgODEzLjYxNyA4Ny4wMSA4MTQuNTQyIDg2LjEgODA1LjI5NCA3N3oiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgNDA3LjI3IDQ0LjAwNSkiLz4KPC9zdmc+Cg==');
}
.bgcolor-with-dropdown .dropdown-toggle:focus {
  box-shadow: none;
}
.bgcolor-with-dropdown .dd-text-drpdown-btn:focus {
  outline: none;
}
.bgcolor-with-dropdown .row {
  margin: 0px !important;
}
@media screen and (max-width: 767px) {
  .bgcolor-with-dropdown .container {
    padding: 0px !important;
  }
  .bgcolor-with-dropdown .container3grid {
    padding: 0px !important;
  }
  .bgcolor-with-dropdown .text-dropdown {
    width: 100%;
    height: auto;
    border-radius: 0;
  }
  .bgcolor-with-dropdown .featuredBlock-video-content {
    max-width: 100%;
  }
  .bgcolor-with-dropdown .text-dropdown-desc p {
    padding: 20px 40px;
    width: 100%;
  }
  .bgcolor-with-dropdown .dd-text-dropdown .dropdown-toggle {
    line-height: 18px;
    min-width: 200px;
  }
}
@media screen and (min-width: 768px) {
  .bgcolor-with-dropdown .text-dropdown-desc p {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .bgcolor-with-dropdown .container3grid {
    padding: 0 188px !important;
  }
}
.dropdown-field {
  background: #fdda25;
  width: 352px;
  height: 50px;
  text-align: left;
  margin: 0;
  padding: 0 30px 0 20px;
  font-size: 16px;
  color: #2e2926;
  font-family: "NHaasGroteskTXPro Regular";
  position: relative;
}
.dropdown-menu.show {
  display: block;
  margin-top: 8px;
  box-shadow: 0 5px 13px 6px rgba(0, 0, 0, 0.08);
  border: none;
  width: 350px;
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: #111111;
  text-decoration: none;
  background-color: #fdda25;
}
.dropdown-item {
  padding: 8px 20px;
}
.dropdown-toggle::after {
  position: absolute;
  left: auto;
  right: 20px;
  top: 50%;
  bottom: 50%;
}
.dropdown-toggle:focus {
  box-shadow: none;
}
.dropdown-toggle {
  white-space: normal;
}
.drpdown-btn {
  font-family: "NHaasGroteskTXPro Bold";
  width: 75px;
  height: 50px;
  border-radius: 4px;
  background: #2e2926;
  color: #fff!important;
  cursor: pointer;
  margin-left: 8px;
  font-size: 14px;
  text-align: center;
  line-height: 50px;
}
.drpdown-btn:focus {
  outline: none;
}
button.drpdown-btn:hover {
  background: #fff;
  color: #111111;
  border: solid 1px #111111;
}
.dd-dropdown {
  padding: 0;
}
.dropdown.dd-dropdown {
  display: flex;
}
@media screen and (max-width: 992px) {
  .drpdown-btn {
    height: auto;
  }
}
.dropdown-toggle::after {
  position: absolute;
  right: 18px;
  top: 44%;
  margin-left: 0px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 20px;
  height: 10px;
  border: 0px !important;
  background-image: url("../../../../content/dam/dupont/amer/us/en/greatstuff-redesign/public/images/icons/dd-arrow.svg");
}
html {
  scroll-behavior: smooth;
}
.container {
  padding: 0 94px;
}
@media screen and (min-width: 768px) {
  .checkbox-option .scroll-top {
    display: block;
  }
}
.container-two-grid {
  padding: 0 188px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .container-two-grid {
    padding: 0 33px;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .container-two-grid {
    padding: 0 94px;
  }
}
.container-three-grid {
  padding: 0 284px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .container-three-grid {
    padding: 0 33px;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .container-three-grid {
    padding: 0 94px;
  }
}
.top-scroll-component .container {
  position: relative;
}
.scroll-top {
  width: 46px;
  height: 46px;
  z-index: 1;
  display: none;
  background: #111111;
  text-align: center;
  border-radius: 4px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .scroll-top {
    background: #111111;
    width: 39px;
    height: 39px;
    bottom: auto;
    overflow: visible;
    z-index: 1;
    margin: 0;
    position: absolute;
    right: 33px;
    top: -20px;
  }
}
@media screen and (max-width: 767px) {
  .scroll-top {
    display: block;
  }
}
.scroll-top a {
  display: inline-block;
  width: 100%;
  height: 45px;
  color: #ffffff;
  font-size: 13px;
  font-family: "NHaasGroteskTXPro Regular";
  padding-top: 6px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .scroll-top a {
    font-size: 0;
  }
}
.scroll-top img {
  display: inline-block;
  width: 19px;
  height: 11px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .scroll-top img {
    width: 28px;
    margin-top: 5px;
  }
}
.scroll-top p {
  color: #ffffff;
  font-size: 13px;
  margin: 0;
}
.scroll-btn i {
  display: block;
  padding-top: 5px;
}
.rightalign .scroll-top {
  float: right;
  margin-bottom: 20px;
}
.footer-bg {
  padding: 56px 0 46px 0;
  background: #2c2a25;
}
@media screen and (max-width: 991px) {
  .footer-bg {
    padding: 43px 0 40px 0;
  }
}
.footer-bg .container {
  max-width: 1440px;
  padding: 0 94px;
}
@media screen and (max-width: 1023px) {
  .footer-bg .container {
    padding: 0 33px!important;
    width: auto!important;
  }
}
.footer-bg .container .gs-footer-row {
  display: flex;
}
@media screen and (max-width: 767px) {
  .footer-bg .container .gs-footer-row .gs-footer-col {
    margin-bottom: 0;
    width: 50%!important;
    max-width: 50%;
  }
  .footer-bg .container .gs-footer-row .gs-footer-col:nth-child(1) {
    order: 1;
  }
  .footer-bg .container .gs-footer-row .gs-footer-col:nth-child(2) {
    order: 3;
  }
  .footer-bg .container .gs-footer-row .gs-footer-col:nth-child(3) {
    order: 2;
  }
  .footer-bg .container .gs-footer-row .gs-footer-col:nth-child(4) {
    order: 4;
  }
  .footer-bg .container .gs-footer-row .gs-footer-col:nth-child(5) {
    order: 5;
    max-width: 100%;
    width: 100%!important;
  }
  .footer-bg .container .gs-footer-row .gs-footer-col .mobile-social {
    display: block;
  }
}
.footer-bg .container .gs-footer-row .gs-footer-col .mobile-social {
  display: none;
}
@media screen and (max-width: 991px) {
  .footer-bg .container .gs-footer-row .gs-footer-col h4 {
    display: none;
  }
}
.footer-bg .container .gs-footer-row .gs-footer-col:last-child {
  text-align: center;
}
.footer-bg .container .gs-footer-row .gs-footer-col .footer-logo {
  width: 75%;
  float: right;
}
@media screen and (max-width: 1023px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .footer-logo {
    float: none;
    display: inline-block;
  }
}
@media screen and (max-width: 480px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .footer-logo {
    width: 209px;
    height: 63px;
  }
}
.footer-bg .container .gs-footer-row .gs-footer-col .footer-logo img {
  width: 100%;
  max-width: 300px;
}
.footer-bg .container .gs-footer-row .gs-footer-col .footer-title {
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
  font-family: "NHaasGroteskTXPro Regular";
}
@media screen and (max-width: 1023px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .footer-title {
    padding-bottom: 25px;
  }
}
@media screen and (min-width: 1024px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .footer-title {
    padding-bottom: 10px;
  }
}
.footer-bg .container .gs-footer-row .gs-footer-col .footer-ul {
  margin: 0;
  padding: 0;
}
.footer-bg .container .gs-footer-row .gs-footer-col .footer-ul li {
  padding-bottom: 15px;
  list-style-type: none;
  font-size: 12px;
  line-height: 16px;
  font-family: "NHaasGroteskTXPro Regular";
}
@media screen and (max-width: 1023px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .footer-ul li {
    padding: 0 0 25px 0;
    line-height: 15px;
  }
}
.footer-bg .container .gs-footer-row .gs-footer-col .footer-ul li a {
  color: #ffffff;
  font-size: 12px;
  line-height: 15px;
  font-family: "NHaasGroteskTXPro Regular";
}
.footer-bg .container .gs-footer-row .gs-footer-col .footer-ul li a:hover {
  color: #888b8d;
}
.footer-bg .container .gs-footer-row .gs-footer-col .footer-social-icons {
  display: flex;
}
@media screen and (max-width: 991px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .footer-social-icons {
    margin-top: 25px;
  }
}
@media screen and (min-width: 767px) and (max-width: 991px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .footer-social-icons {
    margin-top: 50px;
  }
}
.footer-bg .container .gs-footer-row .gs-footer-col .footer-social-icons li {
  list-style-type: none;
  margin-right: 10px;
  width: 32px;
  /* Testing mask - img {
								background-color:red;
								mask: url(../../../../content/dam/dupont/amer/us/en/greatstuff-redesign/public/images/icons/linked-in.png) no-repeat center / contain;
								-webkit-mask: url(../../../../content/dam/dupont/amer/us/en/greatstuff-redesign/public/images/icons/linked-in.png) no-repeat center / contain;
							  }*/
}
.footer-bg .container .gs-footer-row .gs-footer-col .footer-social-icons li a {
  color: #ffffff;
  font-size: 12px;
}
.footer-bg .container .gs-footer-row .gs-footer-col .social-share {
  position: relative;
  height: 40px;
}
.footer-bg .container .gs-footer-row .gs-footer-col .social-share a {
  padding-right: 15px;
  width: 25%;
  display: inline-block;
}
.footer-bg .container .gs-footer-row .gs-footer-col .social-share .social-sharing {
  visibility: hidden;
  position: absolute;
  margin-top: 10px;
}
.footer-bg .container .gs-footer-row .gs-footer-col .social-share .social-sharing:hover .social-sharing {
  visibility: visible;
}
@media screen and (max-width: 991px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .social-share .social-sharing {
    background: #2c2a25;
  }
}
.footer-bg .container .gs-footer-row .gs-footer-col .social-share .social-sharing img {
  width: 32px;
}
@media screen and (max-width: 991px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .social-share .social-sharing img {
    width: 25px;
  }
}
.footer-bg .container .gs-footer-row .gs-footer-col .social-share:hover .social-sharing {
  visibility: visible;
}
.footer-bg .container .gs-footer-row .gs-footer-col .social-share li {
  color: #ffffff;
  list-style: none;
  cursor: pointer;
  font-size: 12px;
  padding-top: 10px;
}
@media screen and (max-width: 991px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .social-share li {
    margin-top: 0;
  }
}
@media screen and (min-width: 767px) and (max-width: 991px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .social-share li {
    padding-top: 0;
  }
}
.footer-bg .container .gs-footer-row .gs-footer-col .social-share li img {
  width: 23px;
  padding-left: 7px;
}
@media screen and (max-width: 991px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .social-share li img {
    width: 19px;
    padding-left: 5px;
  }
}
.footer-bg .container .gs-footer-row .gs-footer-col .social-share .mobile-footer-terms li {
  background: none;
}
@media screen and (max-width: 991px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .social-share .mobile-footer-terms {
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 20px;
  }
  .footer-bg .container .gs-footer-row .gs-footer-col .social-share .mobile-footer-terms li {
    list-style-type: none;
    font-size: 12px;
    padding-right: 20px;
    margin-top: 10px;
  }
  .footer-bg .container .gs-footer-row .gs-footer-col .social-share .mobile-footer-terms li a {
    color: #ffffff;
    font-size: 12px;
    font-family: "NHaasGroteskTXPro Regular";
  }
  .footer-bg .container .gs-footer-row .gs-footer-col .social-share .mobile-footer-terms li a:hover {
    color: #888b8d;
  }
}
@media screen and (max-width: 991px) {
  .footer-bg .container .gs-footer-row .gs-footer-col .mobile-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}
.footer-bg .container .footer-bottom-row {
  margin-top: 22px;
}
@media screen and (max-width: 991px) {
  .footer-bg .container .footer-bottom-row {
    margin-top: 0;
  }
}
@media screen and (max-width: 991px) {
  .footer-bg .container .footer-bottom-row .gs-footer-col:first-child {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .footer-bg .container .footer-bottom-row .gs-footer-col {
    padding: 0!important;
  }
}
.footer-bg .container .footer-bottom-row .gs-footer-col .footer-terms {
  padding-top: 16px;
  display: flex;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 991px) {
  .footer-bg .container .footer-bottom-row .gs-footer-col .footer-terms {
    margin: 13px 0 28px 0;
    display: inline-flex;
  }
}
.footer-bg .container .footer-bottom-row .gs-footer-col .footer-terms li {
  list-style-type: none;
  font-size: 12px;
  padding-top: 16px;
}
@media screen and (max-width: 991px) {
  .footer-bg .container .footer-bottom-row .gs-footer-col .footer-terms li {
    padding-top: 0;
  }
}
.footer-bg .container .footer-bottom-row .gs-footer-col .footer-terms li:after {
  content: "|";
  margin: 0 15px;
  color: #ffffff;
}
@media screen and (max-width: 480px) {
  .footer-bg .container .footer-bottom-row .gs-footer-col .footer-terms li:after {
    margin: 0 2px!important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1040px) {
  .footer-bg .container .footer-bottom-row .gs-footer-col .footer-terms li:after {
    margin: 0 10px;
  }
}
.footer-bg .container .footer-bottom-row .gs-footer-col .footer-terms li:last-child:after {
  content: " ";
}
.footer-bg .container .footer-bottom-row .gs-footer-col .footer-terms li a {
  color: #ffffff;
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 12px;
}
.footer-bg .container .footer-bottom-row .gs-footer-col .footer-terms li a:hover {
  color: #888b8d;
}
@media screen and (max-width: 480px) {
  .footer-bg .container .footer-bottom-row .gs-footer-col .footer-terms li a {
    font-size: 11px;
  }
}
.footer-bg .container .footer-bottom-row .gs-footer-col .footer-copyrights p {
  color: #ffffff;
  font-size: 12px;
  font-family: "NHaasGroteskTXPro Regular";
  text-align: left;
  margin: 0;
}
@media screen and (max-width: 480px) {
  .footer-bg .container .footer-bottom-row .gs-footer-col .footer-copyrights p {
    font-size: 11px;
  }
}
@media screen and (max-width: 1023px) {
  .footer-bg .container .footer-bottom-row .gs-footer-col .footer-copyrights p {
    text-align: center;
  }
}
.footer-bg .container .footer-bottom-row .footer-copyrights li a {
  color: #ffffff;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .desktop-footer {
    display: none!important;
  }
}
@media screen and (max-width: 767px) {
  .mobile-footer {
    display: block!important;
  }
}
@media screen and (min-width: 768px) {
  .mobile-footer {
    display: none!important;
  }
}
.mobile-footer {
  margin: 0;
  padding: 0;
}
.mobile-footer ul {
  display: inline-flex !important;
}
.mobile-footer li {
  padding-bottom: 5px;
  list-style-type: none;
  font-size: 12px;
  line-height: 23px;
  font-family: "NHaasGroteskTXPro Regular";
}
@media screen and (max-width: 1023px) {
  .mobile-footer li {
    padding: 0 0 23px 0;
    line-height: 15px;
  }
}
.mobile-footer li a {
  color: #ffffff;
  font-size: 12px;
  line-height: 15px;
}
.footer-social-icons li a:hover img {
  filter: grayscale(100%) brightness(75%) sepia(62%) hue-rotate(370deg) saturate(412%) contrast(1);
}
.social-sharing a:hover img {
  filter: grayscale(100%) brightness(75%) sepia(62%) hue-rotate(370deg) saturate(412%) contrast(1);
}
.dupont-gs-list.global-padding-top {
  padding-top: 20px;
}
.dupont-gs-list .container {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .dupont-gs-list .container {
    padding: 0!important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .dupont-gs-list .container {
    padding: 0 33px!important;
  }
}
.dupont-gs-list .container .icon-list-view .icon-list-col {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .dupont-gs-list .container .icon-list-view .icon-list-col {
    flex-wrap: wrap;
  }
}
.dupont-gs-list .container .icon-list-view .icon-list-col .icon-list {
  width: 80px;
  height: 109px;
  border-radius: 10px;
  margin-right: 10px;
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .dupont-gs-list .container .icon-list-view .icon-list-col .icon-list {
    width: 70px;
    height: auto;
    margin: 0 9px 10px 0;
    border-radius: 10px;
    text-align: center;
    background: none!important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dupont-gs-list .container .icon-list-view .icon-list-col .icon-list {
    width: 75px;
    margin-right: 5px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1300px) {
  .dupont-gs-list .container .icon-list-view .icon-list-col .icon-list {
    width: 17%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .dupont-gs-list .container .icon-list-view .icon-list-col .icon-list {
    width: 60px!important;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .dupont-gs-list .container .icon-list-view .icon-list-col .icon-list {
    width: 65px!important;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1390px) {
  .dupont-gs-list .container .icon-list-view .icon-list-col .icon-list {
    width: 90px;
  }
}
.dupont-gs-list .container .icon-list-view .icon-list-col .icon-list img {
  width: 54px;
  height: 54px;
  display: inline-block;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .dupont-gs-list .container .icon-list-view .icon-list-col .icon-list img {
    width: 100%;
    height: auto;
  }
}
.dupont-gs-list .container .icon-list-view .icon-list-col .icon-list p {
  font-size: 12px;
  text-align: center;
  width: 100%;
  height: auto;
  overflow: hidden;
  line-height: 12px;
  padding: 10px 0px;
  font-family: "NHaasGroteskTXPro Medium";
  color: #2e2926;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .dupont-gs-list .container .icon-list-view .icon-list-col .icon-list p {
    font-size: 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .dupont-gs-list .container .icon-list-view .icon-list-col .icon-list p {
    width: 100%!important;
  }
}
.dupont-gs-list .container .icon-list-view h2 {
  font-size: 18px;
  margin: 0 0 23px 0;
  line-height: 24px;
  font-family: "NHaasGroteskTXPro Bold";
  color: #2e2926;
}
.dupont-gs-list .icon-list-mobile-icon {
  display: none!important;
}
@media only screen and (max-width: 767px) {
  .dupont-gs-list .icon-list-desktop-icon {
    display: none!important;
  }
  .dupont-gs-list .icon-list-mobile-icon {
    display: block!important;
  }
}
.dupont-gs-list .fadeInUp {
  animation-name: none;
}
.dupont-gs-list.animated .fadeInUp {
  animation-name: fadeInUp;
}
.bodycopywithbg {
  width: 100%!important;
}
.bodycopywithbg .fixed-height-bodycopy {
  word-wrap: break-word;
}
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg {
  border-radius: 16px;
  border: solid 1px #9d9d9d;
  width: 662px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg {
    width: 90%;
  }
}
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg button {
  margin: 0 64px 34px 64px;
  background: none;
  border: solid 1px #979797;
  width: 133px;
  height: 37px;
  border-radius: 6px;
  font-size: 15px;
  font-family: "NHaasGroteskTXPro Bold";
  color: #2e2926;
  min-width: 133px;
  display: flex;
  padding: 7px 9px 7px 13px;
}
@media screen and (max-width: 480px) {
  .bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg button {
    margin: 0px 20px 34px 20px;
  }
}
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg button.readmore {
  background: url('../../../../content/dam/dupont/amer/us/en/greatstuff-redesign/public/images/icons/readmore-icon.png') no-repeat 100px 10px;
  background-size: 13px;
  padding-right: 30px;
}
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg button.readless {
  background: url('../../../../content/dam/dupont/amer/us/en/greatstuff-redesign/public/images/icons/btn-minus.png') no-repeat 100px 16px;
  background-size: 13px;
  padding-right: 30px;
}
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content {
  margin: 52px 62px 30px 62px;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content {
    margin: 52px 20px 30px 20px;
  }
}
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content h3 {
  font-size: 37px;
  font-family: "Tungsten Bold";
  color: #2e2926;
  padding-bottom: 25px;
}
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content p,
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content span,
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content div,
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content ol,
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content ul,
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content a {
  font-size: 15px;
  margin-top: 5px;
  font-family: "NHaasGroteskTXPro Regular";
  color: #2e2926;
  line-height: 22px;
}
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content p .fontsize16 b,
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content span .fontsize16 b,
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content div .fontsize16 b,
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content ol .fontsize16 b,
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content ul .fontsize16 b,
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content a .fontsize16 b {
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 21px!important;
  color: #2e2926;
  line-height: 24.2px;
}
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content ol,
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content ul {
  list-style-type: auto;
  margin: auto;
  padding-left: 25px;
}
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content .help-ful-tips {
  font-size: 21px;
  font-family: "NHaasGroteskTXPro Bold";
}
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg .fixed-height-bc-content .fontsize32 {
  font-size: 37px;
  font-family: "Tungsten Bold";
  color: #2e2926;
  line-height: 33px;
  letter-spacing: 0.5px;
}
.bodycopywithbg .fixed-height-bodycopy .fixed-height-bc-bg img {
  margin-top: 5px;
}
.bodycopywithbg .slideInLeft {
  animation-name: none;
}
.bodycopywithbg .animated {
  animation-name: slideInLeft;
}
/*Great stuff product finder comonent starts*/
.gs-prod-finder .outer-wrapper[data-is-animate="true"] {
  visibility: hidden;
}
.gs-prod-finder .outer-wrapper.editmode {
  visibility: visible;
}
.gs-prod-finder .outer-wrapper.animate {
  visibility: visible;
  animation: bringUp-pf 1s ease-in-out 1;
  -webkit-animation: bringUp-pf 1s ease-in-out 1;
}
@keyframes bringUp-pf {
  1% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
@-webkit-keyframes bringUp-pf {
  1% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
@keyframes bringUp-pf-2 {
  1% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
@-webkit-keyframes bringUp-pf-2 {
  1% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
.gs-prod-finder .outer-wrapper.animate .results-section,
.gs-prod-finder .outer-wrapper.animate .search-block {
  animation: bringUp-pf-2 1s ease-in-out 1;
  -webkit-animation: bringUp-pf-2 1s ease-in-out 1;
}
@media screen and (min-width: 1024px) {
  .gs-prod-finder .outer-wrapper.animate .filters-section {
    animation: bringUp-pf 1s ease-in-out 1;
    -webkit-animation: bringUp-pf 1s ease-in-out 1;
  }
}
.gs-prod-finder .outer-wrapper .search-block {
  margin-bottom: 150px;
}
.gs-prod-finder .outer-wrapper .search-block .search-icon {
  display: block;
  background-size: 100% 100%;
  color: black;
  position: relative;
  top: 38px;
  left: 15px;
  width: 25px;
  height: 25px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMjUgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+NzFFQjg1QTQtQkJGOS00MDM4LUJCMzQtOTgyMEQ4OTkzQzk0PC90aXRsZT4KICAgIDxnIGlkPSJQYWdlcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkZBUS1TZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTcuMDAwMDAwLCAtNTA2LjAwMDAwMCkiIGZpbGw9IiMyRTI5MjYiPgogICAgICAgICAgICA8ZyBpZD0iU2VhcmNoLUJhciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQyLjAwMDAwMCwgNDk0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI2LjMzODU3NjEsMzIuNTYxNzE5OCBDMjEuMjQxNDE4MSwzMi41NjE3MTk4IDE3LjA4MDQ3MjcsMjguNDAwODMyMiAxNy4wODA0NzI3LDIzLjMwMzc0NDggQzE3LjA4MDQ3MjcsMTguMjA2NjU3NCAyMS4yNDE0MTgxLDE0LjA0NTc2OTggMjYuMzM4NTc2MSwxNC4wNDU3Njk4IEMzMS40MzU3MzQyLDE0LjA0NTc2OTggMzUuNTk2Njc5NiwxOC4yMDY2NTc0IDM1LjU5NjY3OTYsMjMuMzAzNzQ0OCBDMzUuNTk2Njc5NiwyOC40MDA4MzIyIDMxLjQzNTczNDIsMzIuNTYxNzE5OCAyNi4zMzg1NzYxLDMyLjU2MTcxOTggTTM3LjYwNzgwMzIsMjMuMzM4NDE4OSBDMzcuNjA3ODAzMiwxNy4wOTcwODc0IDMyLjUxMDY0NTEsMTIgMjYuMjY5MjI3LDEyIEMyMC4wMjc4MDksMTIgMTUsMTcuMDk3MDg3NCAxNSwyMy4zMzg0MTg5IEMxNSwyOS41Nzk0MDM2IDIwLjA5NzE1ODEsMzQuNjc2ODM3NyAyNi4zMzg1NzYxLDM0LjY3NjgzNzcgQzI5LjA3NzUxODQsMzQuNjc2ODM3NyAzMS42MDkxMDY5LDMzLjcwNTk2MzkgMzMuNTg1MjA5MiwzMi4wNDE2MDg5IEwzOC41NDQwMTU5LDM3IEw0MCwzNS41NDM2ODkzIEwzNS4wNDE4ODY5LDMwLjU1MDYyNDEgQzM2LjYzNjkxNTksMjguNjA4ODc2NiAzNy42MDc4MDMyLDI2LjA3NzY2OTkgMzcuNjA3ODAzMiwyMy4zMzg0MTg5IiBpZD0iRmlsbC0xLUNvcHktMiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
}
.gs-prod-finder .outer-wrapper .search-block #search-box {
  float: left;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #dadada;
  font-size: 18px;
  font-family: "NHaasGroteskTXPro Regular";
  padding: 10px 45px;
}
@media screen and (max-width: 575px) {
  .gs-prod-finder .outer-wrapper .search-block #search-box {
    font-size: 14px;
    padding: 14px 45px;
  }
}
.gs-prod-finder .outer-wrapper .search-block .clear-search-btn {
  float: left;
  margin-left: -30px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-top: 15px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+REFFMkI3NEItNkEwNS00MjMxLTlDMTYtNDhBOTIwMkYwOTFBPC90aXRsZT4KICAgIDxnIGlkPSJQYWdlcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkZBUS1TZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDk0LjAwMDAwMCwgLTUxMC4wMDAwMDApIiBmaWxsPSIjMkUyOTI2Ij4KICAgICAgICAgICAgPHBhdGggZD0iTTExMDQsNTEwIEMxMTA5LjUzMzUsNTEwIDExMTQsNTE0LjQ5MTMxNSAxMTE0LDUyMCBDMTExNCw1MjUuNTMzNDk5IDExMDkuNTMzNSw1MzAgMTEwNCw1MzAgQzEwOTguNDkxMzIsNTMwIDEwOTQsNTI1LjUzMzQ5OSAxMDk0LDUyMCBDMTA5NCw1MTQuNDkxMzE1IDEwOTguNDkxMzIsNTEwIDExMDQsNTEwIFogTTExMDIuODgzMzcsNTIwIEwxMDk5LjIzNTczLDUxNi4zNTIzNTcgTDExMDAuMzUyMzYsNTE1LjIzNTczMiBMMTEwNCw1MTguODgzMzc1IEwxMTA3LjY3MjQ2LDUxNS4yMzU3MzIgTDExMDguNzg5MDgsNTE2LjM1MjM1NyBMMTEwNS4xMTY2Myw1MjAgTDExMDguNzg5MDgsNTIzLjY3MjQ1NyBMMTEwNy42NzI0Niw1MjQuNzg5MDgyIEwxMTA0LDUyMS4xMTY2MjUgTDExMDAuMzUyMzYsNTI0Ljc4OTA4MiBMMTA5OS4yMzU3Myw1MjMuNjcyNDU3IEwxMTAyLjg4MzM3LDUyMCBaIiBpZD0iQ2xlYXIiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
}
.gs-prod-finder .outer-wrapper .search-block .search-btn {
  float: left;
  width: 60px;
  height: 50px;
  background: #2e2926;
  color: #ffffff;
  font-size: 14px;
  font-family: "NHaasGroteskTXPro Bold";
  border-radius: 4px;
  border: 1px solid #2e2926;
  cursor: pointer;
  margin-left: 15px;
}
.gs-prod-finder .outer-wrapper .search-block .search-btn:hover {
  background: #ffffff;
  color: #2e2926;
}
.gs-prod-finder .outer-wrapper .filters-section {
  float: left;
  padding-left: 0px;
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .filters-section {
    display: none;
    position: fixed;
    width: 90%;
    max-width: 90%;
    z-index: 100000;
    top: 2.5%;
    left: 5%;
    background: #ffffff;
    height: 95%;
    padding: 5%;
    border-radius: 14px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.gs-prod-finder .outer-wrapper .filters-section .filter-header-wrapper {
  border-bottom: 1px solid #989a9c;
  padding: 10px 0px;
  height: 40px;
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .filters-section .filter-header-wrapper {
    margin-top: 10px;
    padding: 0px 0px 10px 0px;
    border-top: 0px solid #eeeeee;
    position: fixed;
    width: 80%;
    background-color: white;
    top: 2.5%;
    padding-top: 10px;
  }
}
.gs-prod-finder .outer-wrapper .filters-section .filter-header-wrapper .filter-head {
  float: left;
  font-family: "Tungsten Bold";
  font-size: 30px;
  margin-top: -15px;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-header-wrapper .clear-filter {
  float: right;
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 12px;
  cursor: pointer;
  margin-top: 4px;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-header-wrapper .clear-filter:hover {
  opacity: 0.65;
  text-decoration: underline;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-header-wrapper .clear-filter .clear-icon {
  display: block;
  float: left;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjU2IDUxMmMxNDEuNCAwIDI1Ni0xMTQuNiAyNTYtMjU2UzM5Ny40IDAgMjU2IDBTMCAxMTQuNiAwIDI1NlMxMTQuNiA1MTIgMjU2IDUxMnpNMTc1IDE3NWM5LjQtOS40IDI0LjYtOS40IDMzLjkgMGw0NyA0NyA0Ny00N2M5LjQtOS40IDI0LjYtOS40IDMzLjkgMHM5LjQgMjQuNiAwIDMzLjlsLTQ3IDQ3IDQ3IDQ3YzkuNCA5LjQgOS40IDI0LjYgMCAzMy45cy0yNC42IDkuNC0zMy45IDBsLTQ3LTQ3LTQ3IDQ3Yy05LjQgOS40LTI0LjYgOS40LTMzLjkgMHMtOS40LTI0LjYgMC0zMy45bDQ3LTQ3LTQ3LTQ3Yy05LjQtOS40LTkuNC0yNC42IDAtMzMuOXoiIGZpbGw9IiNkYTI5MWMiLz48L3N2Zz4=');
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .filters-section .filter-header-wrapper .clear-filter {
    display: none;
  }
}
.gs-prod-finder .outer-wrapper .filters-section .filter-header-wrapper .close-filter {
  float: right;
  display: none;
  width: 17px;
  height: 17px;
  cursor: pointer;
  background-size: 100% 100%;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE4IDE3Ij4KICAgIDxwYXRoIGZpbGw9IiMyRTI5MjYiIGQ9Ik0yOTUuMzAyIDIyTDI4OC43OTcgMjguNTA1IDI4Mi4yOTIgMjIgMjgwLjI5NyAyMy45OTUgMjg2LjgwMiAzMC41IDI4MC4yOTcgMzcuMDA1IDI4Mi4yOTIgMzkgMjg4Ljc5NyAzMi40OTUgMjk1LjMwMiAzOSAyOTcuMjk3IDM3LjAwNSAyOTAuNzkyIDMwLjUgMjk3LjI5NyAyMy45OTV6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjgwIC0yMikiLz4KPC9zdmc+Cg==');
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .filters-section .filter-header-wrapper .close-filter {
    display: block;
  }
}
.gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf {
  list-style-type: none;
  padding: 0px 0px 50px 0px;
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf {
    padding: 10px 0px 50px 0px;
  }
}
.gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf li {
  border-bottom: 1px solid #989a9c;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf li .filter-category {
  padding: 10px 5px 10px 0px;
  cursor: pointer;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf li .filter-category .label {
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 13px;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf li .filter-category .acc-icon {
  width: 11px;
  height: 11px;
  background-size: 100% 100%;
  position: relative;
  right: 0px;
  float: right;
  top: 10px;
  font-size: 22px;
  margin-top: -6px;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf li .filters-container {
  margin-bottom: 10px;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf li .filters-container .filter-row {
  margin-top: 10px;
  cursor: pointer;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf li .filters-container .filter-row .filter-checkbox {
  border: 1px solid #000;
  width: 13px;
  height: 13px;
  background-size: 90% 90%;
  background-position: 1px 1px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 2px;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf li .filters-container .filter-row .filter-checkbox.selected {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOSAxMCI+CiAgICA8cGF0aCBmaWxsPSIjMzMzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjI2MyA5LjY0Yy0uMjc1IDAtLjUzNi0uMTM1LS43MDMtLjM2NkwuMyA2LjE0NUMuMDA4IDUuNzM4LjA4NSA1LjE2LjQ3MyA0Ljg1MWMuMzg4LS4zMDkuOTQtLjIyOCAxLjIzNC4xNzlsMS40ODYgMi4wNTdMNi45My43OTVDNy4xODYuMzYzIDcuNzMuMjMgOC4xNDMuNWMuNDEzLjI3LjU0Ljg0LjI4MiAxLjI3M0w0LjAxMSA5LjIwNWMtLjE1My4yNTgtLjQxOC40Mi0uNzA4LjQzNGwtLjA0LjAwMXoiLz4KPC9zdmc+Cg==');
  background-color: #fcd132;
  border: 1px solid #fcd132;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf li .filters-container .filter-row .filter-label {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 13px;
  margin-left: 20px;
  color: #3c3525;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf li.collapsed .acc-icon {
  top: 10px;
}
.gs-prod-finder .outer-wrapper .filters-section .filter-accordion-sf li.collapsed .filters-container {
  display: none;
}
.gs-prod-finder .outer-wrapper .filters-section .mob-btns-container {
  display: none;
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .filters-section .mob-btns-container {
    display: block;
    position: fixed;
    bottom: 2.5%;
    padding-bottom: 20px;
    margin: auto;
    width: 80%;
    background: #ffffff;
  }
}
.gs-prod-finder .outer-wrapper .filters-section .mob-btns-container .clear-btn {
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 13px;
  color: #3c3525;
  padding: 5px 10px;
  float: left;
}
.gs-prod-finder .outer-wrapper .filters-section .mob-btns-container .save-btn {
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 13px;
  color: #ffffff;
  background-color: #2e2926;
  border-radius: 5px;
  padding: 5px 25px;
  float: right;
}
.gs-prod-finder .outer-wrapper .results-section {
  float: right;
  padding-right: 0px;
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .results-section {
    width: 100%;
    max-width: 100%;
    padding-left: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .results-section .btns-container {
    display: flow-root;
  }
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .results-count {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 14px;
  float: left;
  background: #2e2926;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 5px;
  display: none;
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .results-count .total-results-count {
  padding: 1px 8px;
  background: #fdda25;
  border-radius: 11px;
  color: #2e2926;
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .results-section .btns-container .results-count {
    display: block;
  }
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn {
  float: right;
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-tt-icon {
  float: left;
  width: 13px;
  height: 13px;
  cursor: pointer;
  background-size: 100% 100%;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAARfGZ1AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMtSURBVEhLxZTJL2thGMbv/1QVQ0hNiWlDDdUICytjsEAsjLFBDAslqY2NDdammDYSCyzM2qQlhiDEPPPI8/Y71XN67r2LG7m/lb7f8Xzf+7zDL/wg/0f88/MTNzc32N7exvj4OOrq6pCbm4vh4WEsLS3h5OQELy8v6mtzTMWfn58xOTmJ6upqJCYmIjY2FqmpqcjIyEBSUpL8zsvLQ29vL7xerzzEjDDx6+trtLe3w2aziZjL5cLa2hoODw9xfHwMn88nF1dWViIyMhIFBQVYXV1V/61HJ353d4eOjg7ExcWhvr4eR0dH6iTAxcUFFhYWxBK+dnp6GllZWUhJSZELjBnoxEdHRyXt/v5+3N/fq2iAt7c3NDY2ymvb2trw8PCAj48PrKysyAUOh0MsCiUofnBwIP7W1NTg6upKRb+hUE9PD6KiosRr1kWLz8zMSLyvr09XZBFnOl1dXeLz7OysHJhBIT7i6elJRb4pLy+XbqJlGiJ+eXmJ/Px8ZGdn4/T0VA5Cub29xebmJhYXFzE1NSW/jbDI7CK2qYaI7+zsID09HVVVVeKtEb/fj9raWiQkJKCwsFD63wj9Zr3cbreKKPGJiQlER0ejqalJgkYeHx/R3NwMi8WCzs5OFdXDNmXr0hoNEWcqfFVDQ4PpQJyfn8PpdMJqtWJ5eVlF9XAOOGicZA0RZ5EyMzNRVFQkLWaEQ0Q/aZ3ZOVlfX5dvxsbGVESJs31KS0vl5q2tLTkIZWhoCBEREWhpaVGRcAYHByV71k9DxIlWbQq9vr6qKORvFpF9PD8/j729vWCPa2h+cxeFFjsoztdXVFRI6hsbGyoa8JJTGR8fj4GBAczNzUm/a9AmrgrOCNs0tGZBcbK/vy+9znHmBXw1e7qkpAQ5OTkYGRlRXwbgJHNVcBe1traGZaQTf39/l8Vkt9slA/rIGpydncnS4os5Bxw0TjJtSE5OlmXHbWpEJ054gcfjEYtiYmKkyMXFxdKmnAOuWmZHG1hALjtuUzPCxDVYAxa5rKxM2pRCHLS0tDRZFd3d3TK5f+K34hr0kUXloHGSd3d3ZReZDZuRv4r/Cz8oDnwB0QqGkckp6ewAAAAASUVORK5CYII=');
  margin-top: 4px;
  margin-right: 5px;
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-label {
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 14px;
  color: #3c3525;
  float: left;
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-container {
  border-radius: 12.5px;
  background-color: #949493;
  float: left;
  width: 44px;
  margin-left: 5px;
  cursor: pointer;
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-container.pro-selected {
  background-color: #78be20;
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-container.pro-selected .tog-icon {
  float: right;
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-container .tog-icon {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 20px;
  margin: 2px;
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-tt-container {
  position: absolute;
  display: none;
  width: 280px;
  background: #fdda25;
  top: 42px;
  right: 25px;
  z-index: 1;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 575px) {
  .gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-tt-container {
    width: 100%;
    right: 0px;
    max-width: 350px;
  }
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-tt-container .tri-point {
  width: 35px;
  height: 35px;
  transform: rotate(-45deg);
  top: -17px;
  position: relative;
  left: 112px;
  background: #fdda25;
}
@media screen and (max-width: 575px) {
  .gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-tt-container .tri-point {
    left: auto;
    right: 150px;
    position: absolute;
  }
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-tt-container .close-tt {
  float: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  background-size: 100% 100%;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE4IDE3Ij4KICAgIDxwYXRoIGZpbGw9IiMyRTI5MjYiIGQ9Ik0yOTUuMzAyIDIyTDI4OC43OTcgMjguNTA1IDI4Mi4yOTIgMjIgMjgwLjI5NyAyMy45OTUgMjg2LjgwMiAzMC41IDI4MC4yOTcgMzcuMDA1IDI4Mi4yOTIgMzkgMjg4Ljc5NyAzMi40OTUgMjk1LjMwMiAzOSAyOTcuMjk3IDM3LjAwNSAyOTAuNzkyIDMwLjUgMjk3LjI5NyAyMy45OTV6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjgwIC0yMikiLz4KPC9zdmc+Cg==');
  margin-top: -25px;
  margin-right: 10px;
}
@media screen and (max-width: 575px) {
  .gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-tt-container .close-tt {
    margin-top: 10px;
  }
}
.gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-tt-container .tt-text {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 14px;
  padding: 0px 30px 20px 30px;
  margin-top: -14px;
}
@media screen and (max-width: 575px) {
  .gs-prod-finder .outer-wrapper .results-section .btns-container .toggle-btn .tog-tt-container .tt-text {
    margin-top: 20px;
  }
}
.gs-prod-finder .outer-wrapper .results-section .results-count-container {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 14px;
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .results-section .results-count-container {
    margin-top: 20px;
  }
}
.gs-prod-finder .outer-wrapper .results-section .results-container {
  margin-top: -25px;
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .results-section .results-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
  }
}
.gs-prod-finder .outer-wrapper .results-section .results-container .prod-card {
  float: left;
  width: 31%;
  background: #ffffff;
  margin-top: 35px;
  margin-right: 2%;
  position: relative;
  border-bottom: 1px solid #989a9c;
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .results-section .results-container .prod-card {
    width: 48%;
  }
}
.gs-prod-finder .outer-wrapper .results-section .results-container .prod-card .img-container {
  width: 100%;
  display: block;
  position: relative;
  height: 200px;
  float: left;
  margin-bottom: 45px;
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .results-section .results-container .prod-card .img-container {
    height: 170px;
  }
}
.gs-prod-finder .outer-wrapper .results-section .results-container .prod-card .img-container .prod-img {
  width: 100%;
  height: 100%;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform .5s;
}
.gs-prod-finder .outer-wrapper .results-section .results-container .prod-card .img-container .prod-img:hover {
  transform: scale(1.2);
}
.gs-prod-finder .outer-wrapper .results-section .results-container .prod-card .text-container {
  float: left;
  display: block;
  position: absolute;
  bottom: 5px;
  width: 100%;
  max-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .results-section .results-container .prod-card .text-container {
    max-height: 38px;
  }
}
.gs-prod-finder .outer-wrapper .results-section .results-container .prod-card .text-container .prod-title {
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: left;
  color: #343a40;
  display: block;
  margin-bottom: 5px;
}
@media screen and (max-width: 1023px) {
  .gs-prod-finder .outer-wrapper .results-section .results-container .prod-card .text-container .prod-title {
    font-size: 15px;
  }
}
.gs-prod-finder .outer-wrapper .results-section .no-result-found {
  display: none;
  width: 100%;
  padding: 40px 20px 20px 20px;
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 18px;
}
.gs-prod-finder .outer-wrapper .results-section .pagination-container {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  width: 100%;
  flex-wrap: wrap;
}
.gs-prod-finder .outer-wrapper .results-section .pagination-container .page-no {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 15px;
  cursor: pointer;
  color: #888b8d;
  margin: 0px 15px;
}
.gs-prod-finder .outer-wrapper .results-section .pagination-container .page-no.active {
  color: #2e2926;
}
.gs-prod-finder .filter-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0px;
  left: 0px;
  z-index: 9999;
}
/*Great stuff product finder comonent ends*/
.hotspot .container {
  padding: 0 94px;
}
@media screen and (max-width: 767px) {
  .hotspot .container {
    padding: 0 33px;
  }
}
.hotspot .container .hotspot-content h2 {
  font-size: 60px;
  color: #2e2926;
  font-family: "Tungsten Bold";
  line-height: 52px;
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .hotspot .container .hotspot-content h2 {
    width: 100%;
  }
}
.hotspot .container .hotspot-content p {
  font-size: 18px;
  color: #2e2926;
  font-family: "NHaasGroteskTXPro Regular";
  line-height: 26px;
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .hotspot .container .hotspot-content a {
    display: none;
  }
}
.hotspot .container .hotspot-content a.hotspotcta {
  font-family: "NHaasGroteskTXPro Medium";
  width: 223px;
  height: 35px;
  background: #2e2926;
  cursor: pointer;
  color: #fff!important;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  font-size: 13px;
  transition: 0.4s all linear;
  text-decoration: none;
  transition: all 0.4s liner;
  border: solid 1px #333;
}
@media screen and (max-width: 767px) {
  .hotspot .container .hotspot-content a.hotspotcta {
    display: none!important;
  }
}
.hotspot .container .hotspot-content a.hotspotcta:hover {
  background: #fff;
  color: #2e2926 !important;
  border: solid 1px #333;
  transition: all 0.4s liner;
}
.hotspot .container .responsive-hotspot-wrap {
  margin-top: 44px;
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg {
  background-size: cover;
  background-position: center center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hotspot .container .responsive-hotspot-wrap#hotspotImg #hotspotImg {
    padding: 0 10px;
  }
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .img-responsive {
  width: 100%;
  height: 100%!important;
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot {
  position: absolute;
  width: 51px;
  height: 51px;
  top: 5px;
  left: 5px;
  text-align: center;
  color: #2e2926;
  border-radius: 100%;
  cursor: pointer;
  transition: all .3s ease;
  font-size: 20px;
  line-height: 50px;
  transition: all 0.4s linear;
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot:nth-child(9):hover .tooltip,
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot:nth-child(3):hover .tooltip,
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot:nth-child(13):hover .tooltip,
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot:nth-child(11):hover .tooltip {
  margin-left: -230px !important;
}
@media screen and (max-width: 767px) {
  .hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot {
    font-size: 13px;
    line-height: 27px;
  }
}
@media screen and (max-width: 480px) {
  .hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot {
    width: 26px;
    height: 26px;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot {
    width: 35px;
    height: 35px;
    line-height: 34px;
  }
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot.hotspot-point .tooltiptext {
  visibility: hidden;
  width: 220px;
  height: auto;
  background-color: #fff;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 15px;
  /* Position the tooltip */
  position: absolute;
  top: 65px;
  left: 0px;
  z-index: 1;
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot.hotspot-point .tooltiptext h2 {
  font-size: 20px;
  line-height: 25px;
  font-family: "NHaasGroteskTXPro Regular";
  margin: 0;
  text-align: center;
  color: #333;
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot.hotspot-point .tooltiptext p {
  font-size: 14px;
  margin: 0;
  text-align: left;
  font-family: "NHaasGroteskTXPro Regular";
  line-height: 20px;
  color: #333;
}
@media screen and (max-width: 767px) {
  .hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot.hotspot-point .tooltiptext {
    display: none!important;
  }
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot.hotspot-point:hover {
  background-color: #da291c!important;
  transition: all 0.4s linear;
  color: #fff!important;
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot.hotspot-point:hover .tooltiptext {
  visibility: visible;
  transition: all 0.3s linear;
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot .tooltip {
  background-color: rgba(58, 95, 150, 0.7);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: none;
  font-size: 14px;
  opacity: 1.0;
  left: 0px;
  position: absolute;
  text-align: left;
  top: 30px;
  width: 280px;
  z-index: 999;
  padding: 19px 24px 23px 24px;
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot .tooltip .img-row {
  padding: 10px;
  text-align: center;
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot .tooltip .text-row {
  padding: 15px;
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot .tooltip h4 {
  margin-bottom: 10px;
  border-bottom: 1px solid #ffffff;
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot .tooltip p {
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 10px;
}
.hotspot .container .responsive-hotspot-wrap#hotspotImg .hot-spot .tooltip p:last-child {
  margin-bottom: 0;
}
.hotspot .container .hotspot-mobile-titles {
  display: none;
}
@media screen and (max-width: 767px) {
  .hotspot .container .hotspot-mobile-titles {
    display: block!important;
  }
}
.hotspot .container .hotspot-mobile-titles p {
  font-size: 18px;
  font-family: "NHaasGroteskTXPro Regular";
  line-height: 24px;
  color: #2e2926;
  padding: 24px 0 30px 0;
  margin: 0;
}
.hotspot .container .hotspot-mobile-titles .hotspotlist-wrap {
  display: flex;
  flex-wrap: wrap;
}
.hotspot .container .hotspot-mobile-titles .hotspotlist-wrap .hotspot-order {
  margin-bottom: 13px;
  width: 47%;
}
.hotspot .container .hotspot-mobile-titles .hotspotlist-wrap .hotspot-order:nth-child(2),
.hotspot .container .hotspot-mobile-titles .hotspotlist-wrap .hotspot-order:nth-child(3),
.hotspot .container .hotspot-mobile-titles .hotspotlist-wrap .hotspot-order:nth-child(7),
.hotspot .container .hotspot-mobile-titles .hotspotlist-wrap .hotspot-order:nth-child(8) {
  display: none;
}
.hotspot .container .hotspot-mobile-titles .hotspotlist-wrap .hotspot-order .hotspot-point {
  position: static;
  font-size: 14px;
  font-family: "NHaasGroteskTXPro Regular";
  color: #2e2926;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  text-align: center;
  float: left;
  padding-top: 2px;
}
@media screen and (max-width: 767px) {
  .hotspot .container .hotspot-mobile-titles .hotspotlist-wrap .hotspot-order .hotspot-point {
    width: 20%!important;
    max-width: 26px;
    height: 26px;
    border-radius: 50px;
    text-align: center;
  }
}
.hotspot .container .hotspot-mobile-titles .hotspotlist-wrap .hotspot-order .hotspot-text {
  list-style-type: none;
  display: inline-block;
  float: left;
}
@media screen and (max-width: 767px) {
  .hotspot .container .hotspot-mobile-titles .hotspotlist-wrap .hotspot-order .hotspot-text {
    width: 80%;
  }
}
.hotspot .container .hotspot-mobile-titles .hotspotcta {
  width: 223px;
  height: 35px;
  background: #2e2926;
  cursor: pointer;
  color: #fff!important;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  font-size: 13px;
  transition: 0.4s all linear;
  text-decoration: none;
  transition: all 0.4s liner;
  border: solid 1px #333;
  display: none;
}
@media screen and (max-width: 767px) {
  .hotspot .container .hotspot-mobile-titles .hotspotcta {
    display: block!important;
  }
}
.hotspot .container .hotspot-mobile-titles .hotspot-text {
  padding-left: 0px;
}
@media screen and (max-width: 767px) {
  .hotspot .container .hotspot-mobile-titles .hotspot-text {
    font-size: 14px;
    font-family: "NHaasGroteskTXPro Regular";
    color: #2e2926;
    padding-left: 10px;
  }
}
.hotspot .container .flexwrap {
  display: flex;
  flex-wrap: wrap;
}
.hotspot .container .hotspottitle {
  font-size: 60px!important;
  text-transform: uppercase!important;
  color: #2e2926;
  font-family: "Tungsten Bold" !important;
}
.hotspot .container .hotspot-title {
  padding-left: 10px;
}
.hotspot .container #hotspotImg .hot-spot:hover .tooltip {
  display: block;
  right: 0;
  margin-left: 0;
  position: absolute;
  background: #fff;
  margin-left: 60px!important;
  margin-top: -60px;
}
.cf-faq div,
.cf-faq span,
.cf-faq ul,
.cf-faq li,
.cf-faq p,
.cf-faq a {
  font-family: "NHaasGroteskTXPro Regular" !important;
}
.cf-faq .cf-row {
  width: 100%;
  float: left;
  display: flex;
}
.cf-faq .cf-row .cf-title {
  font-family: "NHaasGroteskTXPro Bold" !important;
  font-size: 15px;
  margin-right: 5px;
}
.cf-faq .cf-row .cf-value {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 15px;
}
.font-colorText {
  color: #128370;
}
@media screen and (max-width: 1023px) {
  .contact-us-form-contractors.twogrid {
    padding: 0 33px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .contact-us-form-contractors.twogrid {
    padding: 0 94px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-us-form-contractors.twogrid {
    padding: 0 188px;
  }
}
.contact-us-form-contractors .contactgreatstuffForm {
  padding: 60px 48px 60px;
  background-color: rgba(225, 225, 225, 0.2);
}
@media screen and (max-width: 480px) {
  .contact-us-form-contractors .contactgreatstuffForm .contactus-form h2 {
    text-align: center;
  }
}
.contact-us-form-contractors .contactgreatstuffForm input:focus,
.contact-us-form-contractors .contactgreatstuffForm textarea:focus,
.contact-us-form-contractors .contactgreatstuffForm select:focus,
.contact-us-form-contractors .contactgreatstuffForm option:focus,
.contact-us-form-contractors .contactgreatstuffForm .form-control:focus {
  outline: none!important;
  box-shadow: none!important;
  border-color: #ccc!important;
}
@media only screen and (max-width: 767px) {
  .contact-us-form-contractors .contactgreatstuffForm {
    margin-left: 0px;
    margin-top: 50px;
  }
}
@media (max-width: 992px) {
  .contact-us-form-contractors .contactgreatstuffForm {
    padding: 56px 48px;
  }
}
@media (max-width: 767px) {
  .contact-us-form-contractors .contactgreatstuffForm {
    padding: 48px 32px 56px;
  }
}
@media (max-width: 650px) {
  .contact-us-form-contractors .contactgreatstuffForm {
    margin-right: 0px;
  }
}
@media (max-width: 576px) {
  .contact-us-form-contractors .contactgreatstuffForm {
    padding: 24px 15px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: transparent;
  }
}
.contact-us-form-contractors .contactgreatstuffForm #cRelApps,
.contact-us-form-contractors .contactgreatstuffForm textarea {
  min-height: 140px;
}
@media (max-width: 576px) {
  .contact-us-form-contractors .contactgreatstuffForm #form-mobile {
    margin-top: 15px;
  }
}
.contact-us-form-contractors .contactgreatstuffForm h2 {
  margin-bottom: 56px;
  position: relative;
  font-family: "Tungsten Bold";
  color: #2e2926;
}
@media (min-width: 651px) and (max-width: 768px) {
  .contact-us-form-contractors .contactgreatstuffForm h2 {
    margin-bottom: 46px;
  }
}
@media screen and (max-width: 767px) {
  .contact-us-form-contractors .contactgreatstuffForm h2 {
    font-size: 21px;
    padding-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .contact-us-form-contractors .contactgreatstuffForm h2 {
    margin-bottom: 32px;
    /*  &::after{
                position: absolute;
                right: 0;
                height: 16px;
                width: 16px;
                background-size: 16px 16px;
                content: url("../../../../content/dam/dupont/amer/us/en/corporate/general/icons/minus.svg");
            }

            &.collapsed::after{
				content: url("../../../../content/dam/dupont/amer/us/en/corporate/general/icons/plus.svg");
            }*/
  }
  .contact-us-form-contractors .contactgreatstuffForm h2.collapsed {
    margin-bottom: 0px;
  }
}
.contact-us-form-contractors .contactgreatstuffForm .errormessage {
  padding-left: 12px;
  color: #e4001c !important;
  display: none;
}
.contact-us-form-contractors .contactgreatstuffForm .credits {
  color: #606060;
}
.contact-us-form-contractors .contactgreatstuffForm .credits a {
  color: #128370;
  font-size: 11px;
  font-family: "Noto Sans Bold";
}
.contact-us-form-contractors .contactgreatstuffForm .credits a:hover {
  color: #0c5b4e;
}
.contact-us-form-contractors .contactgreatstuffForm .form-control {
  height: 48px;
}
.contact-us-form-contractors .contactgreatstuffForm select.form-control {
  font-family: "NHaasGroteskTXPro Regular";
  color: #2e2926;
}
@media (max-width: 768px) {
  .contact-us-form-contractors .contactgreatstuffForm select.form-control {
    font-size: 12px;
  }
}
.contact-us-form-contractors .contactgreatstuffForm .form-check {
  padding-bottom: 58px;
  padding-left: 0px;
}
@media (max-width: 768px) {
  .contact-us-form-contractors .contactgreatstuffForm .form-check {
    padding-bottom: 48px;
  }
}
.contact-us-form-contractors .contactgreatstuffForm .round {
  position: relative;
}
.contact-us-form-contractors .contactgreatstuffForm .round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  float: left;
  width: 20px;
}
.contact-us-form-contractors .contactgreatstuffForm .round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 4px;
  opacity: 0;
  position: absolute;
  top: 5px;
  transform: rotate(-45deg);
  width: 11px;
}
.contact-us-form-contractors .contactgreatstuffForm .round .body3 {
  padding-left: 12px;
  display: inline-block;
  width: calc(80%);
  vertical-align: middle;
  font-family: "NHaasGroteskTXPro Regular";
  color: #2e2926;
  font-size: 16px;
}
.contact-us-form-contractors .contactgreatstuffForm .round input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
  left: 3px;
  top: 3px;
}
.contact-us-form-contractors .contactgreatstuffForm .round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.contact-us-form-contractors .contactgreatstuffForm .round input[type="checkbox"]:checked + label {
  background-color: #e4001c;
  border-color: #e4001c;
}
.contact-us-form-contractors .contactgreatstuffForm .submit #greatstuffNext,
.contact-us-form-contractors .contactgreatstuffForm .submit #greatstuffPrevious,
.contact-us-form-contractors .contactgreatstuffForm .submit #greatstuffSubmit {
  min-width: 120px;
  height: 35px;
  padding: 0 32px;
  border-radius: 4px;
  margin: 0px 0px 14px 0px;
  font-family: "Diodrum Regular";
  border-style: none;
  margin-top: 20px;
}
.contact-us-form-contractors .contactgreatstuffForm .submit #greatstuffNext:disabled,
.contact-us-form-contractors .contactgreatstuffForm .submit #greatstuffPrevious:disabled,
.contact-us-form-contractors .contactgreatstuffForm .submit #greatstuffSubmit:disabled {
  background-color: #e1e1e1;
  color: #ffffff;
}
.contact-us-form-contractors .contactgreatstuffForm .submit .neutral {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
}
.contact-us-form-contractors .contactgreatstuffForm .submit .neutral:hover {
  border: 1px solid #2e2926;
}
.contact-us-form-contractors .contactgreatstuffForm .submit .active {
  background-color: #2e2926;
  color: #ffffff;
  pointer: cursor;
  margin-top: 20px;
  transition: all 0.3s linear;
}
.contact-us-form-contractors .contactgreatstuffForm .submit .active:hover {
  background-color: #ffffff;
  color: #2e2926;
  border: 1px solid #333!important;
  transition: all 0.3s linear;
}
.contact-us-form-contractors .contactgreatstuffForm .submit .disabled {
  background-color: #e1e1e1;
  color: #ffffff;
}
.contact-us-form-contractors .contactgreatstuffForm .submit .success:disabled,
.contact-us-form-contractors .contactgreatstuffForm .submit .success {
  background-color: rgba(109, 216, 205, 0.2) !important;
  color: #0c5b4e !important;
}
.contact-us-form-contractors .contactgreatstuffForm .submit #greatstuffNext,
.contact-us-form-contractors .contactgreatstuffForm .submit #greatstuffPrevious {
  display: none;
}
.contact-us-form-contractors .contactgreatstuffForm #helpText {
  height: 144px;
}
.contact-us-form-contractors .contactgreatstuffForm label.error {
  font-family: Noto Sans Regular;
  font-size: 11px;
  color: #e4001c;
  padding: 0px 0px 0px 16px;
}
.contact-us-form-contractors .contactgreatstuffForm .result .error {
  margin-top: 24px;
  color: #e4001c;
  display: none;
}
.contact-us-form-contractors .contactgreatstuffForm .result .error .glyphicon {
  font-size: 20px;
}
.contact-us-form-contractors .contactgreatstuffForm .result .error .error-message {
  color: #e4001c;
}
.contact-us-form-contractors .contactgreatstuffForm .result .success {
  margin-top: 48px;
  color: #128370;
  display: none;
}
.contact-us-form-contractors .contactgreatstuffForm .result .success .glyphicon {
  font-size: 32px;
}
.contact-us-form-contractors .contactgreatstuffForm .result .success .success-message {
  color: #128370;
}
.contact-us-form-contractors .contactgreatstuffForm button:focus {
  outline: none;
}
.contact-us-form-contractors .contactgreatstuffForm .mandatory {
  color: #e4001c;
}
@media screen and (max-width: 575px) {
  .contact-us-form-contractors .contactgreatstuffForm .form-accordion-container .form-group {
    padding: 0;
  }
}
@media screen and (max-width: 575px) {
  .contact-us-form-contractors .contactgreatstuffForm .form-accordion-container .form-group div {
    padding: 0;
  }
}
.contact-us-form-contractors .contactgreatstuffForm .form-accordion-container .form-group label {
  font-family: "NHaasGroteskTXPro Regular";
  color: #2e2926;
  font-size: 16px;
  cursor: pointer!important;
}
.contact-us-form-contractors .contactgreatstuffForm .form-accordion-container .form-group label:hover {
  color: #999!important;
}
.contact-us-form-contractors .contactgreatstuffForm .form-accordion-container #divHDProducts p {
  font-family: "Tungsten Semibold";
  color: #2e2926;
  font-size: 20px;
  letter-spacing: 0.4px;
}
.contact-us-form-contractors .contactgreatstuffForm .form-accordion-container #divHDProducts .row-col {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .contact-us-form-contractors .contactgreatstuffForm .form-accordion-container #divHDProducts .row-col .body3 {
    display: flex;
    margin-bottom: 7px;
  }
  .contact-us-form-contractors .contactgreatstuffForm .form-accordion-container #divHDProducts .row-col .body3 label.body3 {
    margin-top: -4px;
    margin-left: 5px;
  }
}
.contact-us-form-contractors .contactgreatstuffForm .form-control {
  font-family: "NHaasGroteskTXPro Regular";
  color: #2e2926;
  font-size: 16px;
}
@keyframes fb-slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fb-slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.contact-us-form-contractors .contactgreatstuffForm.animated.fb-slideInUp {
  -webkit-animation-name: fb-slideInUp;
  animation-name: fb-slideInUp;
}
.contact-us-form-contractors .contactgreatstuffForm .collapse:not(.show) {
  display: block;
}
.text-v-align {
  vertical-align: middle;
}
select option:hover,
select option:focus,
select option:active {
  background: linear-gradient(#000000, #000000);
  background-color: #000000 !important;
  /* for IE */
  color: #ffed00 !important;
}
.font-colorText {
  color: #128370;
}
@media screen and (max-width: 1023px) {
  .contact-us-form-homeowners.twogrid {
    padding: 0 33px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .contact-us-form-homeowners.twogrid {
    padding: 0 94px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-us-form-homeowners.twogrid {
    padding: 0 188px;
  }
}
.contact-us-form-homeowners .contactgreatstuffHOForm {
  padding: 60px 48px 60px;
  background-color: rgba(225, 225, 225, 0.2);
}
@media screen and (max-width: 480px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm .contactus-form h2 {
    text-align: center;
  }
}
.contact-us-form-homeowners .contactgreatstuffHOForm input:focus,
.contact-us-form-homeowners .contactgreatstuffHOForm textarea:focus,
.contact-us-form-homeowners .contactgreatstuffHOForm select:focus,
.contact-us-form-homeowners .contactgreatstuffHOForm option:focus,
.contact-us-form-homeowners .contactgreatstuffHOForm .form-control:focus {
  outline: none!important;
  box-shadow: none!important;
  border-color: #ccc!important;
}
@media only screen and (max-width: 767px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm {
    margin-left: 0px;
    margin-top: 0px;
  }
}
@media (max-width: 992px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm {
    padding: 56px 48px;
  }
}
@media (max-width: 767px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm {
    padding: 48px 32px 56px;
  }
}
@media (max-width: 650px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm {
    margin-right: 0px;
  }
}
@media (max-width: 576px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm {
    padding: 24px 15px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: transparent;
  }
}
.contact-us-form-homeowners .contactgreatstuffHOForm #cRelApps,
.contact-us-form-homeowners .contactgreatstuffHOForm textarea {
  min-height: 140px;
}
@media (max-width: 576px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm #form-mobile {
    margin-top: 15px;
  }
}
.contact-us-form-homeowners .contactgreatstuffHOForm h2 {
  margin-bottom: 56px;
  position: relative;
  font-family: "Tungsten Bold";
  color: #2e2926;
}
@media (min-width: 651px) and (max-width: 768px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm h2 {
    margin-bottom: 46px;
  }
}
@media screen and (max-width: 767px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm h2 {
    font-size: 21px;
    padding-bottom: 0px;
  }
}
@media (max-width: 576px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm h2 {
    margin-bottom: 32px;
    /*  &::after{
                position: absolute;
                right: 0;
                height: 16px;
                width: 16px;
                background-size: 16px 16px;
                content: url("../../../../content/dam/dupont/amer/us/en/corporate/general/icons/minus.svg");
            }

            &.collapsed::after{
				content: url("../../../../content/dam/dupont/amer/us/en/corporate/general/icons/plus.svg");
            }*/
  }
  .contact-us-form-homeowners .contactgreatstuffHOForm h2.collapsed {
    margin-bottom: 0px;
  }
}
.contact-us-form-homeowners .contactgreatstuffHOForm .errormessage {
  padding-left: 12px;
  color: #e4001c !important;
  display: none;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .credits {
  color: #606060;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .credits p {
  font-size: 12px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .credits a {
  color: #128370;
  font-size: 11px;
  font-family: "Noto Sans Bold";
}
.contact-us-form-homeowners .contactgreatstuffHOForm .credits a:hover {
  color: #0c5b4e;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .form-control {
  height: 48px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm select.form-control {
  font-family: "NHaasGroteskTXPro Regular";
  color: #2e2926;
}
@media (max-width: 768px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm select.form-control {
    font-size: 12px;
  }
}
.contact-us-form-homeowners .contactgreatstuffHOForm .form-check {
  padding-bottom: 58px;
  padding-left: 0px;
}
@media (max-width: 768px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm .form-check {
    padding-bottom: 48px;
  }
}
.contact-us-form-homeowners .contactgreatstuffHOForm .round {
  position: relative;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  float: left;
  width: 20px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 4px;
  opacity: 0;
  position: absolute;
  top: 5px;
  transform: rotate(-45deg);
  width: 11px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .round .body3 {
  padding-left: 12px;
  display: inline-block;
  width: calc(80%);
  vertical-align: middle;
  font-family: "NHaasGroteskTXPro Regular";
  color: #2e2926;
  font-size: 16px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .round input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
  left: 3px;
  top: 3px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .round input[type="checkbox"]:checked + label {
  background-color: #e4001c;
  border-color: #e4001c;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .submit #greatstuffNext,
.contact-us-form-homeowners .contactgreatstuffHOForm .submit #greatstuffPrevious,
.contact-us-form-homeowners .contactgreatstuffHOForm .submit #greatstuffHOSubmit {
  min-width: 120px;
  height: 35px;
  padding: 0 32px;
  border-radius: 4px;
  margin: 0px 0px 14px 0px;
  font-family: "Diodrum Regular";
  border-style: none;
  margin-top: 20px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .submit #greatstuffNext:disabled,
.contact-us-form-homeowners .contactgreatstuffHOForm .submit #greatstuffPrevious:disabled,
.contact-us-form-homeowners .contactgreatstuffHOForm .submit #greatstuffHOSubmit:disabled {
  background-color: #e1e1e1;
  color: #ffffff;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .submit .neutral {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .submit .neutral:hover {
  border: 1px solid #2e2926;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .submit .active {
  background-color: #2e2926;
  color: #ffffff;
  pointer: cursor;
  margin-top: 20px;
  transition: all 0.3s linear;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .submit .active:hover {
  background-color: #ffffff;
  color: #2e2926;
  border: 1px solid #333!important;
  transition: all 0.3s linear;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .submit .disabled {
  background-color: #e1e1e1;
  color: #ffffff;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .submit .success:disabled,
.contact-us-form-homeowners .contactgreatstuffHOForm .submit .success {
  background-color: rgba(109, 216, 205, 0.2) !important;
  color: #0c5b4e !important;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .submit #greatstuffNext,
.contact-us-form-homeowners .contactgreatstuffHOForm .submit #greatstuffPrevious {
  display: none;
}
.contact-us-form-homeowners .contactgreatstuffHOForm #helpText {
  height: 144px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm label.error {
  font-family: Noto Sans Regular;
  font-size: 11px;
  color: #e4001c;
  padding: 0px 0px 0px 16px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .result .error {
  margin-top: 24px;
  color: #e4001c;
  display: none;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .result .error .glyphicon {
  font-size: 20px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .result .error .error-message {
  color: #e4001c;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .result .success {
  margin-top: 48px;
  color: #128370;
  display: none;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .result .success .glyphicon {
  font-size: 32px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .result .success .success-message {
  color: #128370;
}
.contact-us-form-homeowners .contactgreatstuffHOForm button:focus {
  outline: none;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .mandatory {
  color: #e4001c;
}
@media screen and (max-width: 575px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm .form-accordion-container .form-group {
    padding: 0;
  }
}
@media screen and (max-width: 575px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm .form-accordion-container .form-group div {
    padding: 0;
  }
}
.contact-us-form-homeowners .contactgreatstuffHOForm .form-accordion-container .form-group label {
  font-family: "NHaasGroteskTXPro Regular";
  color: #2e2926;
  font-size: 16px;
  cursor: pointer!important;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .form-accordion-container .form-group label:hover {
  color: #999!important;
}
@media screen and (max-width: 480px) {
  .contact-us-form-homeowners .contactgreatstuffHOForm .form-accordion-container .form-group label {
    font-size: 14px;
  }
}
.contact-us-form-homeowners .contactgreatstuffHOForm .form-accordion-container #divHDProducts p {
  font-family: "Tungsten Semibold";
  color: #2e2926;
  font-size: 20px;
  letter-spacing: 0.4px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .form-control {
  font-family: "NHaasGroteskTXPro Regular";
  color: #2e2926;
  font-size: 16px;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .form-control option {
  font-family: "NHaasGroteskTXPro Regular";
}
@keyframes fb-slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fb-slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.contact-us-form-homeowners .contactgreatstuffHOForm.animated.fb-slideInUp {
  -webkit-animation-name: fb-slideInUp;
  animation-name: fb-slideInUp;
}
.contact-us-form-homeowners .contactgreatstuffHOForm .collapse:not(.show) {
  display: block;
}
.text-v-align {
  vertical-align: middle;
}
select option:hover,
select option:focus,
select option:active {
  background: linear-gradient(#000000, #000000);
  background-color: #000000 !important;
  /* for IE */
  color: #ffed00 !important;
}
.bodycopy {
  word-wrap: break-word;
}
.grt-st-ra-dtl {
  display: none;
}
.bodyCopyContainer h3 {
  display: none;
}
.bazaarvoiceintegration {
  display: none;
}
.grt-st-ra-dtl {
  display: none !important;
}
.wtb-embedded .wtb-emb-wrapper .ps-widget {
  width: 100%;
  min-height: 300px;
  height: auto !important;
}
.wtb-embedded .wtb-emb-wrapper .ps-widget .ps-wtb-content {
  overflow: auto;
}
.wtb-embedded .wtb-emb-wrapper .ps-widget .loader {
  display: none;
}
.wtb-embedded .wtb-emb-wrapper .ps-widget.show-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  /* Safari */
}
.wtb-embedded .wtb-emb-wrapper .ps-widget.show-loader .loader {
  display: block;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #fdda25;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.product-rating .prod-rating-wrapper .ps-widget {
  width: 100%;
  min-height: 80px;
  height: auto !important;
}
@media screen and (min-width: 768px) {
  .product-rating .prod-rating-wrapper .ps-widget .ps-reviews {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .product-rating .prod-rating-wrapper .ps-widget .ps-reviews .ps-review {
    margin-right: 25px;
  }
}
.product-rating .prod-rating-wrapper .ps-widget .ps-reviews .ps-review .ps-review-details {
  text-align: center;
}
.product-rating .prod-rating-wrapper .ps-widget .loader {
  display: none;
}
.product-rating .prod-rating-wrapper .ps-widget.show-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  /* Safari */
}
.product-rating .prod-rating-wrapper .ps-widget.show-loader .loader {
  display: block;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #fdda25;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#section-great-stuff {
  padding: 0px 0px 0 0;
  background-image: url('../../../../content/dam/dupont/amer/us/en/greatstuff-renewed/public/images/banners/Rect-greyGradient.png');
}
@-webkit-keyframes fadeInLeftBig {
  1% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  1% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
#section-great-stuff .dupont-gret-stuff-list {
  display: flex;
}
#section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one {
  padding: 0;
  flex: 1;
  position: relative;
}
@media (max-width: 767px) {
  #section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  #section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one:last-child {
    margin-bottom: 0;
  }
}
#section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one .gret-desk-view {
  max-height: 330px;
  width: 100%;
  object-fit: contain;
  transform: translate3d(0%, 0%, 100px);
  transition: transform 1s linear;
}
@media (max-width: 767px) {
  #section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one .gret-desk-view {
    display: none;
  }
}
#section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one .gret-mob-view {
  display: none;
}
@media (max-width: 767px) {
  #section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one .gret-mob-view {
    display: block;
  }
}
@media (max-width: 767px) {
  #section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one .gret-stuff-img-2.box.animate.fadeInLeft.three .gret-mob-view {
    top: -30px;
  }
}
#section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one:hover .gret-stuff-hidden-list {
  visibility: visible;
}
@media (min-width: 768px) {
  #section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one:hover .gret-desk-view,
  #section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one:hover .gret-mob-view {
    opacity: 0.25;
    transition: opacity 0.15s linear;
  }
}
#section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one:hover .gret-desk-view {
  transform: translate3d(-85%, 85%, 100px);
  transition: transform 1s linear;
}
@media (max-width: 767px) {
  #section-great-stuff .gret-stuff-heading {
    margin-left: auto;
  }
}
#section-great-stuff .gret-stuff-heading h2 {
  font-size: 40px;
  color: #e1c32e;
  text-transform: uppercase;
  font-family: 'Tungsten Semibold';
  line-height: 1.5;
  letter-spacing: 1.2px;
}
#section-great-stuff .gret-stuff-heading h2 sup {
  top: -8px;
  font-size: 17px;
}
#section-great-stuff .gret-stuff-heading:hover .gret-stuff-hidden-list {
  display: block;
}
#section-great-stuff .gret-stuff-heading .gret-stuff-hidden-list ul {
  padding: 0px 20px;
  font-size: 17px;
  font-family: "NHaasGroteskTXPro Regular";
  line-height: 23px;
  letter-spacing: .85px;
  color: #fff;
}
#section-great-stuff .gret-stuff-heading .gret-stuff-hidden-list:before {
  position: absolute;
  content: "";
  border-right: 6px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 7px solid transparent;
  border-top: 11px solid #fff;
  left: 25px;
  top: 82px;
  display: none;
}
#section-great-stuff .gret-stuff-hidden-list {
  background: transparent;
}
@media (min-width: 768px) {
  #section-great-stuff .gret-stuff-hidden-list {
    visibility: hidden;
  }
}
#section-great-stuff .gret-stuff-hidden-list .gret-stuff-model {
  display: inline;
}
#section-great-stuff .gret-stuff-hidden-list p {
  padding: 10px;
}
#section-great-stuff .gret-stuff-hidden-list.listing-gret-stuf li {
  color: #fff;
}
#section-great-stuff .gret-stuff-model .model-detail-great-stuff {
  padding-top: 30px;
  position: inherit;
}
#section-great-stuff .gret-stuff-model .model-detail-great-stuff button {
  padding: 10px 20px 10px 20px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 5px;
  font-family: "NHaasGroteskTXPro Medium";
  background: #fff;
  border: 0;
}
#section-great-stuff .gret-stuff-model .model-detail-great-stuff button img {
  width: 40px;
  margin: 2px 10px 0 0;
  float: left;
}
@media (min-width: 768px) {
  #section-great-stuff .block_anim {
    position: absolute;
    bottom: 0;
    height: 100%;
  }
}
@media (max-width: 767px) {
  #section-great-stuff .block_anim {
    margin-top: 0;
    position: absolute;
    top: 40px;
  }
}
#section-great-stuff .grt-stuf-mod .modal-dialog {
  width: 75%;
}
#section-great-stuff .grt-stuf-mod .modal-dialog .modal-body {
  padding: 0;
}
#section-great-stuff .grt-stuf-mod .modal-dialog .modal-body span {
  display: none;
}
@media (min-width: 768px) {
  #section-great-stuff .gret-stuff-part-one .box {
    height: 100%;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
  }
}
#section-great-stuff [data-animate-in] {
  opacity: 0;
  transition: transform 0.8s ease, opacity 0.8s ease;
}
#section-great-stuff [data-animate-in="up"] {
  transform: translate3d(0, 24px, 0);
}
#section-great-stuff [data-animate-in="left"] {
  transform: translate3d(-25%, 0, 0);
}
#section-great-stuff [data-animate-in="right"] {
  transform: translate3d(25%, 0, 0);
}
#section-great-stuff [data-animate-in="down"] {
  transform: translate3d(0, -24px, 0);
}
#section-great-stuff [data-animate-in="fadeIn"] {
  transform: translate3d(0, 0, 0);
}
#section-great-stuff [data-animate-in].in-view,
#section-great-stuff .gret-stuff-heading {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: transform 0.6s ease, opacity 0.6s ease;
}
@media (min-width: 768px) {
  #section-great-stuff [data-animate-in].in-view,
  #section-great-stuff .gret-stuff-heading {
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #section-great-stuff [data-animate-in].in-view,
  #section-great-stuff .gret-stuff-heading {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  #section-great-stuff [data-animate-in].in-view,
  #section-great-stuff .gret-stuff-heading {
    width: 75%;
  }
}
#section-great-stuff .fade-in {
  opacity: 0;
  transition: opacity 1s ease;
}
#section-great-stuff .page-loaded .fade-in {
  opacity: 1;
}
#section-great-stuff .isSafari.isTouch [data-animate-in] {
  opacity: 1;
  transition: none;
  transform: none;
}
.page-loaded.fade-in {
  opacity: 1;
}
.isSafari.isTouch [data-animate-in="up"] {
  opacity: 1;
  transition: none;
  transform: none;
}
#video-wrap:not(.active) {
  opacity: 0;
  visibility: hidden;
}
#video-wrap .video-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#video-wrap .video-container {
  width: 95%;
  transition: all 0.3s ease-in-out;
  transform: scale(0.9);
}
#video-wrap .close-video {
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 5%;
  top: 5%;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  border: solid 2px #000;
  padding: 0;
  transition: all 0.3s ease-in-out;
  z-index: 150;
}
#video-wrap .close-video:before {
  content: "";
  width: 60%;
  height: 3px;
  background: #000;
  position: absolute;
  transition: all 0.3s ease-in-out;
  transform: rotate(42deg);
}
#video-wrap .close-video:after {
  content: "";
  width: 60%;
  height: 3px;
  background: #000;
  position: absolute;
  transition: all 0.3s ease-in-out;
  transform: rotate(-42deg);
}
#video-wrap .close-video:focus {
  outline: none;
}
#video-wrap .close-video:hover {
  background: #000;
}
#video-wrap .close-video:hover:before {
  background: #fff;
}
#video-wrap .close-video:hover:after {
  background: #fff;
}
#video-wrap video {
  position: relative;
  z-index: 10;
  border-radius: 12px;
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.16);
  width: 100%;
  height: 100vh;
  max-height: 85vh;
  background: #000;
  object-fit: contain;
}
#video-wrap iframe {
  position: relative;
  z-index: 10;
  border-radius: 12px;
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.16);
  width: 100%;
  height: 100vh;
  max-height: 85vh;
  background: #000;
}
#video-wrap.active {
  opacity: 1;
  visibility: visible;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 12px;
  height: 100vh;
  display: flex;
  transition: all 0.3s ease-in-out;
  z-index: 9991;
  align-items: center;
  justify-content: center;
}
#video-wrap.active .video-container {
  transform: scale(1);
}
@media (min-width: 768px) and (max-width: 1023px) {
  #section-great-stuff .gret-stuff-heading h2 {
    font-size: 35px;
    line-height: 35px;
  }
  #section-great-stuff .gret-stuff-heading .gret-stuff-hidden-list ul,
  #section-great-stuff .gret-stuff-heading .gret-stuff-hidden-list p {
    padding: 0px 15px;
    font-size: 14px;
    font-family: "NHaasGroteskTXPro Regular";
    font-weight: 100;
  }
}
@media (max-width: 767px) {
  #section-great-stuff {
    padding: 30px 0px 20px 0;
    background-image: url('../../../../content/dam/dupont/amer/us/en/greatstuff-renewed/public/images/banners/rect-greyGradient-mob.png');
  }
  #section-great-stuff .dupont-gret-stuff-list {
    display: initial;
    padding: 0px 0 0px;
  }
  #section-great-stuff .dupont-gret-stuff-list .gret-stuff-part-one {
    margin-bottom: 80px;
  }
  #section-great-stuff .gret-stuff-part-one .gret-mob-view {
    height: 183px;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    object-fit: contain;
    position: relative;
    top: 0px;
  }
  #section-great-stuff .gret-stuff-heading {
    left: inherit;
    padding: 0px 10px 0 0;
    width: 53%;
  }
  #section-great-stuff .gret-stuff-heading h2 {
    font-size: 25px;
    color: #e1c32e;
    text-transform: uppercase;
    line-height: 1.5;
    letter-spacing: .75px;
    font-family: 'Tungsten Bold';
    padding-bottom: 30px;
  }
  #section-great-stuff .gret-stuff-heading .gret-stuff-hidden-list:before {
    position: absolute;
    content: "";
    border-right: 6px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 7px solid transparent;
    border-top: 11px solid transparent;
    left: 75px;
    top: -21px;
  }
  #section-great-stuff .gret-stuff-heading .gret-stuff-hidden-list ul {
    font-size: 14px;
    font-family: "NHaasGroteskTXPro Regular";
    font-weight: 100;
    padding: 0px 0px 20px 20px;
    line-height: 1.43;
    letter-spacing: 0.7px;
  }
  #section-great-stuff .gret-stuff-hidden-list {
    display: block;
  }
  #section-great-stuff .gret-stuff-heading.grt-hed-1 {
    top: 20px;
    right: 0px;
  }
  #section-great-stuff .gret-stuff-heading.grt-hed-1 h2 {
    padding-bottom: 30px;
  }
  #section-great-stuff .gret-stuff-heading.grt-hed-2 {
    top: 20px;
    right: 0px;
    position: relative;
  }
  #section-great-stuff .grt-stuf-mod .modal-dialog {
    width: 85%;
  }
  #section-great-stuff .gret-stuff-model .model-detail-great-stuff {
    right: 0;
    bottom: 0;
    padding: 0;
    position: relative;
    display: inline-block;
  }
  #section-great-stuff .gret-stuff-model .model-detail-great-stuff button {
    padding: 10px 25px;
    font-size: 14px;
  }
  #section-great-stuff .gret-stuff-model .model-detail-great-stuff button img {
    width: 20px;
  }
}
#gret-footer-section {
  padding: 0;
  border-top: 9px solid #da291c;
  position: relative;
}
#gret-footer-section img {
  position: absolute;
  z-index: -1;
  width: 100%;
  object-fit: cover;
  height: calc(100% - 70px);
}
#gret-footer-section .great-footer-img {
  padding: 30px 0;
  /*.container {
			width: 95%;
            padding: 0px 10px;
		}*/
}
#gret-footer-section .great-footer-img .row {
  display: inherit;
  margin: 0px;
}
#gret-footer-section .great-footer-img .great-footer-one {
  display: flex;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-two {
  padding-top: 0px;
  flex-grow: 1;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  text-transform: capitalize;
  pointer-events: none;
  font-family: "NHaasGroteskTXPro Bold";
  letter-spacing: 0.4px;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head img {
  display: none;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-one ul {
  list-style: none;
  margin: 10px 0;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-one ul li {
  margin: 6px 0 0;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-one ul li a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  font-family: "NHaasGroteskTXPro Medium";
  line-height: 1.25;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li {
  display: inline-block;
  border-radius: 50px;
  height: 32px;
  /* width: 32px; */
  text-align: center;
  margin: 0 auto;
  margin-right: 10px;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li a {
  height: 32px;
  width: 32px;
  background: #fff;
  display: block;
  border-radius: 32px;
  vertical-align: middle;
}
#gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li a img {
  width: 32px;
  height: 32px;
  position: inherit;
  vertical-align: middle;
  background: #000;
  border-radius: 50px;
}
#gret-footer-section .great-footer-img .great-footer-one .gret-one-detil {
  display: flex;
  flex-grow: 4;
}
#gret-footer-section .great-footer-img .great-footer-one .gret-two-detil {
  flex-grow: 1;
}
#gret-footer-section .footer-end {
  background: #000;
}
#gret-footer-section .footer-end .container {
  /*width: 95%;
            padding: 0px 10px;*/
}
#gret-footer-section .footer-end .container .row {
  margin: 0px;
}
#gret-footer-section .footer-end .footer-end-detail .foo-end-right-reserv p {
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.85;
  letter-spacing: 0.26px;
  margin: 0;
  padding: 10px 0px;
  font-family: "NHaasGroteskTXPro Bold";
}
#gret-footer-section.frothpakfooter {
  border-top: 9px solid #ffc700;
}
#gret-footer-section.frothpakfooter .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 {
  color: #ffc700;
}
@media (max-width: 991px) {
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 {
    font-size: 15px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-one ul li a {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  #gret-footer-section .foot-back-img {
    display: none;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li a {
    margin: 0 auto;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head img {
    width: 16px;
    vertical-align: baseline;
    margin-left: 10px;
    display: inline-block;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: bold;
    pointer-events: visible;
    text-align: left;
    margin-bottom: 20px;
    line-height: 1.33;
    letter-spacing: 0.36px;
    color: #fff;
    position: relative;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 img {
    position: inherit;
    float: right;
    margin-top: 8px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 img.foo-img-down-arr {
    display: none;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3.footer-link {
    padding-right: 15px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3.footer-link:after {
    content: '';
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeBAMAAACYioDyAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURUdwTP///////////////////////////////////8kBMKEAAAAJdFJOUwDgIH9gEM/AOHVdpjcAAACsSURBVCjPddGhDgJBDATQhoMEjcOxf4A9h8Whji9A8AEIHBZJjgDzt3TLUbZzS8VkM5unRkT2F6Gbn3LOjgv+SI+dZofbKvaTJQ4ZAEQSoKQDiCiAkrNmJCk3T7mCiAG8ZAoiBrAR2UbyAXd9EXFA5AeIFCCQEgQSQEEiKAgBJwycjIBIa8RAHyZo4LeO47TfvqeZmz/ACQMnIzCQMRhIBRipASNVoKQOlJTgDW5oi4b5FNd2AAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    height: 10px;
    width: 16px;
    position: absolute;
    right: 0;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head.active h3.footer-link:after {
    transform: translateY(-50%) rotate(180deg);
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head.active .grt-foo-link-one {
    display: block;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head.active img.foo-img-up-arr {
    display: none;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-two .grt-foo-link-head.active img.foo-img-down-arr {
    display: block;
  }
  #gret-footer-section .great-footer-img .great-footer-one .gret-two-detil .grt-foo-link-head h3 {
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    text-transform: capitalize;
  }
  #gret-footer-section .great-footer-img .great-footer-one .gret-one-detil {
    display: inline-block;
    padding-right: 8px;
    min-width: 62%;
  }
  #gret-footer-section .great-footer-img .great-footer-one .gret-two-detil {
    border-left: 1px solid #fff;
    padding-left: 8px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li {
    margin: 0;
    width: 47%;
    margin-bottom: 20px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li:nth-child(3) {
    margin-bottom: 0px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .foo-one .grt-foo-social-media ul.soc-med-list li:nth-child(4) {
    margin-bottom: 0px;
  }
  #gret-footer-section .great-footer-img .great-footer-one .grt-foo-link-one {
    display: none;
  }
}
@media (max-width: 767px) {
  #gret-footer-section.frothpakfooter .great-footer-img .great-footer-one .foo-two .grt-foo-link-head h3 {
    color: #fff;
  }
}
body {
  margin: 0;
}
#header_grt .designBar {
  display: none;
}
#header_grt .mob-container {
  display: none;
}
#header_grt .nav-link {
  color: #343a40;
  transition: all 0.4s;
  text-decoration: none;
  color: #ffffff;
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 1.6px;
}
#header_grt .nav-link img {
  display: none;
}
@media (max-width: 1300px) {
  #header_grt .nav-link {
    font-size: 17px;
  }
}
#header_grt .top-div .logo-div {
  position: relative;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  #header_grt .top-div .logo-div {
    text-align: center;
    height: 100%;
  }
}
#header_grt .top-div .logo-div img {
  width: 106px;
  object-fit: contain;
  z-index: 6;
}
@media (max-width: 991px) {
  #header_grt .top-div .logo-div img {
    width: 77px;
    height: 83.9px;
  }
}
#header_grt .top-div .logo-div a {
  display: flex;
  align-items: flex-start;
  height: 100%;
}
#header_grt .top-div .single {
  display: none;
}
#header_grt .top-div .upper {
  background-color: #242424;
  height: 40px;
}
#header_grt .top-div .upper .brand-names {
  margin-right: -74px;
  float: right;
}
#header_grt .top-div .upper .brand-names .logos {
  list-style-type: none;
  display: flex;
  margin: 7px 0;
}
#header_grt .top-div .upper .brand-names .logos li {
  opacity: 0.5;
  margin: 0px 10px;
}
#header_grt .top-div .upper .brand-names .logos li.activeicon {
  opacity: 1;
}
#header_grt .top-div .upper .brand-names .logos li img {
  height: 15px;
  object-fit: contain;
}
#header_grt .top-div .upper .language-dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
}
#header_grt .top-div .upper .language-dropdown .dropbtn {
  background: transparent;
  color: #ffffff;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 6px 16px;
  box-shadow: none;
  padding-left: 0;
  padding-top: 9px;
  font-family: "NHaasGroteskTXPro Regular";
  letter-spacing: .03em;
}
@media (max-width: 991px) {
  #header_grt .top-div .upper .language-dropdown .dropbtn {
    font-size: 14px;
  }
}
#header_grt .top-div .upper .language-dropdown .dropbtn i {
  margin-left: 5px;
  font-size: 16px;
  vertical-align: middle;
}
#header_grt .top-div .upper .dropdown {
  position: relative;
  display: inline-block;
}
#header_grt .top-div .upper .dropdown .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  top: 100%;
  left: 0;
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 16px;
  color: #000000;
}
#header_grt .top-div .upper .dropdown .dropdown-content a {
  color: #000000;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  transition: background 0.2s;
  font-size: 14px;
  padding-bottom: 5px;
}
#header_grt .top-div .upper .dropdown .dropdown-content a:hover {
  background-color: #3c3e4621;
}
@media (max-width: 991px) {
  #header_grt .top-div .upper .dropdown .dropdown-content a {
    padding: 8px 12px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  #header_grt .top-div .upper .dropdown .dropdown-content a {
    padding: 6px 10px;
    font-size: 12px;
  }
}
#header_grt .top-div .upper .dropdown:hover .dropdown-content,
#header_grt .top-div .upper .dropdown:focus-within .dropdown-content,
#header_grt .top-div .upper .dropdown.open .dropdown-content {
  display: block;
}
#header_grt .top-div .middle {
  align-items: center;
  height: 48px;
  object-fit: contain;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 991px) {
  #header_grt .top-div .middle {
    align-items: flex-start;
  }
}
#header_grt .top-div .middle .search-icon {
  border-bottom: 1px solid #fff;
  margin-right: -64px;
}
#header_grt .top-div .middle .menu {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
}
#header_grt .top-div .middle .menu .menu-list {
  list-style-type: none;
  display: flex;
  align-items: center;
  margin: 0px 0px 0px 150px;
  height: 100%;
}
#header_grt .top-div .middle .menu .menu-list li {
  margin: 0px 25px;
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 1.6px;
  text-align: left;
  color: #000000;
  height: 100%;
  padding-top: 20px;
}
#header_grt .top-div .middle .menu .menu-list li .mega-menu-container1 {
  position: absolute;
  z-index: 90;
  margin-left: -20px;
  top: 100%;
  width: 216px;
}
#header_grt .top-div .lower {
  background: #000;
  width: 100%;
  height: 48px;
  object-fit: contain;
  opacity: 0.9;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
#header_grt .top-div .brands-container {
  background-color: #242424;
}
#header_grt .top-div .menu-container {
  background-color: #da291c;
}
@media (max-width: 991px) {
  #header_grt .top-div .menu-container .middle {
    padding-right: 0!important;
  }
}
#header_grt .top-div .middle {
  position: relative;
}
#header_grt .top-div .middle .search-icon {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  #header_grt .top-div .middle .search-icon {
    display: none;
  }
}
#header_grt .top-div .middle .nav-collapse {
  height: 100%;
}
@media (max-width: 991px) {
  #header_grt .top-div .middle .nav-collapse {
    margin-left: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #header_grt .top-div .middle .nav-collapse {
    margin-left: 20px;
  }
}
#header_grt .top-div .middle .nav-collapse nav {
  box-shadow: 0 4px 4px 0 var(--black-25);
  display: flex;
  width: 100%;
}
@media (max-width: 991px) {
  #header_grt .top-div .middle .nav-collapse nav {
    display: none;
    backdrop-filter: blur(16px);
    background-color: rgba(255, 255, 255, 0.9);
  }
}
@media (min-width: 992px) {
  #header_grt .top-div .middle .nav-collapse nav {
    display: flex!important;
    padding: 0;
  }
}
#header_grt .top-div .middle .nav-collapse nav .showing {
  height: 100vh;
  margin-top: 40px;
}
#header_grt .top-div .middle .nav-collapse .nav-list {
  height: 100%;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  #header_grt .top-div .middle .nav-collapse .nav-list .showing {
    margin-left: 4%;
  }
}
#header_grt .top-div .middle .nav-list__item.submenu---trigger .submenu li {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  #header_grt .top-div .middle .nav-list__item.submenu---trigger .submenu li {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#header_grt .top-div .middle .nav-list__item.submenu---trigger .grt-nav-link-one-grt .nav-link.nav-underline {
  text-decoration: underline 2px #fff;
  text-underline-offset: 8px;
}
#header_grt .grt-nav-list-img {
  display: none;
}
#header_grt .grt-nav-list-img .grt-hedr-arro-up {
  background-image: url('../../../../content/dam/dupont/global/icons/vector.png');
  background-repeat: no-repeat;
  background-size: contain;
  height: 14px;
  width: 22px;
}
#header_grt .grt-nav-list-img .grt-hedr-arro-down {
  background-image: url('../../../../content/dam/dupont/global/icons/vector.png');
  background-repeat: no-repeat;
  background-size: contain;
  height: 14px;
  width: 22px;
  transform: rotate(-180deg);
}
#header_grt .dropdown-content1 {
  display: none;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.85);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 90;
  top: 100%;
  margin-left: -20px;
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 0.36px;
  text-align: left;
  color: #000000;
}
#header_grt .dropdown-content1 a {
  float: none;
  color: #000000;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
#header_grt .dropdown-content1 a:hover {
  background-color: #dddddd;
  color: #000000;
}
#header_grt .dropdown1:hover .dropdown-content1 {
  display: block;
}
#header_grt .dropdown2:hover .dropdown-content2 {
  display: flex;
}
#header_grt .dropdown-content2 .interior .small-heading {
  width: 165px;
  height: 40px;
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: 0.54px;
  text-align: left;
  color: #000000;
  padding: 12px 16px;
}
#header_grt .nav-brand {
  flex: 1 auto;
  padding: 0 16px;
  font-size: 1.5rem;
  line-height: 1.5;
  overflow: hidden;
  height: 50px;
  display: flex;
  align-items: center;
}
#header_grt .nav-brand a {
  display: inline-block;
  text-decoration: none;
  color: #8dcde8;
}
#header_grt .nav-brand img {
  max-width: 100%;
  height: auto;
  vertical-align: initial;
}
#header_grt .nav-collapse {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
#header_grt .nav-list {
  display: flex;
  padding: 0% 0% 0 20px;
  list-style-type: none;
  position: relative;
  top: 0px;
}
@media (max-width: 1300px) {
  #header_grt .nav-list {
    padding: 0% 0% 0% 1%;
  }
}
#header_grt .nav-list__item {
  display: flex;
  align-items: center;
  padding: 0px 20px;
}
@media (max-width: 1300px) {
  #header_grt .nav-list__item {
    padding: 0px 2px 0px 10px;
  }
}
#header_grt .nav-list__item .nav-link {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 0.36px;
  font-family: "NHaasGroteskTXPro Bold";
}
@media (min-width: 992px) and (max-width: 1200px) {
  #header_grt .nav-list__item .nav-link {
    line-height: normal;
  }
}
#header_grt .submenu---trigger {
  position: relative;
  cursor: pointer;
}
#header_grt .submenu---trigger:hover .submenu {
  visibility: visible;
  opacity: 1;
}
#header_grt .submenu---trigger i {
  position: absolute;
  top: calc(44%);
  right: 8px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
#header_grt .third-submenu---trigger {
  position: relative;
  cursor: pointer;
}
#header_grt .third-submenu---trigger:hover .third-submenu {
  visibility: visible;
  opacity: 1;
}
#header_grt .third-submenu---trigger i {
  transform: rotate(-45deg);
}
#header_grt .submenu {
  opacity: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
  transition: 0.2s ease-out;
  z-index: 99999;
  top: 47px;
  background-color: #ffffff;
}
#header_grt .submenu li:hover {
  background: #3c3e4621;
}
#header_grt .third-submenu {
  top: 0;
  left: 100%;
}
#header_grt .sub-me-one {
  display: inline-block;
  vertical-align: top;
}
#header_grt .sub-me-one h2 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  font-family: "NHaasGroteskTXPro Bold";
}
@media (min-width: 992px) {
  #header_grt .sub-me-one h2 {
    margin: 0px 10px 0px 35px;
  }
}
#header_grt li.nav-list__item.submenu---trigger .submenu a {
  color: #000000;
  padding: 3px 10px;
  white-space: nowrap;
}
#header_grt li.nav-list__item.submenu---trigger .submenu li {
  padding: 4px 0px;
}
#header_grt .input-search {
  height: 30px;
  width: 175px;
  border-style: none;
  padding: 10px;
  font-size: 14px;
  letter-spacing: 2px;
  outline: none;
  border-radius: 25px;
  transition: all 0.5s ease-in-out;
  padding-right: 40px;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  color: #ffffff;
  float: left;
}
@media (min-width: 992px) and (max-width: 1200px) {
  #header_grt .input-search {
    width: 130px;
  }
}
#header_grt .input-search::placeholder {
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 100;
  font-family: "NHaasGroteskTXPro Medium";
}
#header_grt .input-search:focus-visible {
  width: 185px;
  border-radius: 0px;
  background-color: transparent;
}
#header_grt .btn-search {
  width: 30px;
  border-style: none;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 50%;
  right: 0px;
  color: #ffffff;
  background-color: transparent;
}
#header_grt .btn-search:focus-visible ~ .input-search {
  width: 190px;
  border-radius: 0px;
  background-color: transparent;
}
#header_grt .submenu:has('.sub-me-one') {
  display: flex;
}
@media (max-width: 1024px) {
  #header_grt .nav-list__item {
    padding: 0;
  }
}
@media (max-width: 991px) {
  #header_grt .nav-list {
    padding: 0% 0% 0 0%;
    list-style-type: none;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: 0em;
    transition: max-height 0.4s;
    padding: 0;
    margin: 0 auto;
    top: 0px;
    background: transparent;
    opacity: .9;
    padding: 0px 0px;
  }
  #header_grt .nav-list li {
    display: inline-block;
    background: transparent;
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 10px;
  }
  #header_grt .nav-list__item {
    display: flex;
    align-items: center;
    padding: 0px 0px;
    padding: 0;
  }
  #header_grt .nav-list__item .nav-link {
    padding: 10px 0px;
    font-family: "NHaasGroteskTXPro Bold";
    padding-bottom: 0;
  }
  #header_grt .top-div .lower {
    display: none;
  }
  #header_grt .top-div .upper {
    display: none;
  }
  #header_grt .top-div .upper.show-language-bar {
    height: 35px;
    display: flex;
    align-items: center;
  }
  #header_grt .top-div .upper.show-language-bar .brand-names {
    display: none;
  }
  #header_grt .top-div .upper.show-language-bar .dropbtn {
    padding: 0;
  }
  #header_grt .grt-nav-link-one-grt {
    display: flex;
    border-bottom: 1px solid #000000;
    align-items: center;
  }
  #header_grt .grt-nav-list-img {
    flex-direction: column;
    display: block;
    margin-right: 0px;
  }
  #header_grt .grt-nav-list-img img {
    width: 20px;
  }
  #header_grt .grt-nav-list-img .grt-hedr-arro-up {
    display: none;
  }
  #header_grt .nav-link {
    position: relative;
    display: block;
    width: auto;
    opacity: 1;
    background: #000000fa;
    color: #000000;
    height: 100%;
    font-family: "NHaasGroteskTXPro Bold";
  }
  #header_grt .nav-link img {
    width: 30px;
    display: block;
  }
  #header_grt .nav-link img.act-grt {
    display: none;
  }
  #header_grt .nav-link.active img.act-grt {
    display: block;
    width: auto;
  }
  #header_grt .nav-link.active img.out-act-grt {
    display: none;
  }
  #header_grt nav {
    position: absolute;
    width: 100%;
    top: 48px;
    z-index: 5;
    left: 0;
    background: #fff;
  }
  #header_grt .nav-collapse a {
    color: #000000;
    background: transparent;
    font-weight: bold;
    flex-grow: 1;
  }
  #header_grt .nav-collapse a img {
    float: right;
  }
  #header_grt .nav-collapse a .grt-hedr-arro-up {
    display: none;
  }
  #header_grt .nav-collapse li.nav-list__item.submenu---trigger.active a .grt-hedr-arro-up {
    display: block;
  }
  #header_grt .nav-collapse li.nav-list__item.submenu---trigger.active a .grt-hedr-arro-down {
    display: none;
  }
  #header_grt .nav-list.showing {
    max-height: 100vh;
    transition: max-height 0.4s;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    margin: 0 auto;
    height: 800px;
    background: transparent;
    opacity: .9;
  }
  #header_grt .nav-list.showing li.grt-h-t:first-child ul li a {
    margin: 0;
  }
  #header_grt .sub-me-one {
    width: 100%;
  }
  #header_grt .submenu---trigger:hover .submenu li a {
    color: #000000;
  }
  #header_grt .submenu---trigger i {
    right: 15px;
  }
  #header_grt .submenu {
    top: 0;
    height: 0px;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    transition: 0.4s ease;
    box-shadow: none;
  }
  #header_grt .submenu li {
    background: transparent;
    display: block;
    padding-left: 20px;
  }
  #header_grt .submenu li a {
    font-family: "NHaasGroteskTXPro Bold";
  }
  #header_grt li.nav-list__item.submenu---trigger .submenu li {
    padding: 5px 5px;
    border: 0;
  }
  #header_grt li.nav-list__item.submenu---trigger .submenu a {
    color: #000000;
    font-size: 15px;
    font-weight: 600;
    padding: 3px 10px;
    height: auto;
  }
  #header_grt li.nav-list__item.submenu---trigger .grt-nav-list-img .grt-hedr-arro-up {
    display: none;
  }
  #header_grt .submenu---trigger.active .submenu {
    height: auto;
    visibility: visible;
    opacity: 1;
    background: transparent;
  }
  #header_grt .third-submenu {
    height: 0px;
    display: block;
    position: static;
    overflow: hidden;
    margin-left: -20px;
    box-shadow: none;
  }
  #header_grt .third-submenu li {
    background: #424654;
    padding-left: 40px;
  }
  #header_grt .third-submenu---trigger.active .third-submenu {
    height: auto;
  }
  #header_grt .third-submenu---trigger i {
    right: 15px;
  }
  #header_grt .grt-nav-list-img.active {
    background: transparent;
    margin: 20px 20px !important;
  }
  #header_grt .grt-nav-list-img.active .grt-hedr-arro-up {
    display: block !important;
  }
  #header_grt .grt-nav-list-img.active .grt-hedr-arro-down {
    display: none;
  }
  #header_grt li.nav-list__item.submenu---trigger.active .grt-nav-list-img .grt-hedr-arro-up {
    display: block;
  }
  #header_grt li.nav-list__item.submenu---trigger.active .grt-nav-list-img .grt-hedr-arro-down {
    display: none;
  }
  #header_grt .nav-toggle {
    height: 100%;
  }
  #header_grt .nav-toggle a.btn--toggle {
    padding: 0;
    width: 76px;
    height: 100%;
    background-color: #000000;
  }
  #header_grt .nav-toggle a.btn--toggle:after {
    content: '';
    background-image: url('../../../../content/dam/dupont/global-assets/multimedia/bar.png');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: contain;
    position: absolute;
    height: 17px;
    width: 26px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #header_grt .nav-toggle a.btn--toggle.active:after {
    background-image: url('../../../../content/dam/dupont/global-assets/multimedia/cross.png');
    height: 20px;
    width: 20px;
  }
}
@media screen and (max-width: 768px) {
  #header_grt .top-div .single {
    display: block !important;
    width: 100%;
    height: 50px;
    background-color: #da291c;
  }
  #header_grt .top-div .cross {
    display: flex !important;
    width: 76px;
    height: 50px;
    background-color: #000000;
    justify-content: center;
    align-items: center;
  }
  #header_grt .mob-container {
    display: block;
    width: 390px;
    height: 817px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 0.9);
  }
  #header_grt .mob-container .content {
    margin: 10% 25px;
  }
  #header_grt .mob-container .content .item0 {
    width: 313px;
    margin: 20px auto;
    font-family: "NHaasGroteskTXPro Medium";
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.25;
    letter-spacing: 0.4px;
    text-align: left;
    color: #343a40;
  }
  #header_grt .mob-container .content .item0 .heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "NHaasGroteskTXPro Bold";
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.8;
    letter-spacing: 0.5px;
    text-align: left;
    color: #000000;
  }
  #header_grt .mob-container .content .item0 .dash {
    width: 310px;
    height: 1px;
    margin: 9.5px 0 0;
    opacity: 0.5;
    border-bottom: solid 1px #000;
  }
  #header_grt .mob-container .content .item0 .list-items .inner-list ul {
    list-style-type: none;
    padding-left: 5%;
  }
  #header_grt .item0 .heading .arrows:hover .list-items {
    display: block;
  }
  #header_grt .small-header {
    font-family: "NHaasGroteskTXPro Bold";
    font-size: 25px;
    font-weight: bold;
    line-height: 0.8;
    letter-spacing: 0.5px;
  }
}
@media (min-width: 768px) {
  #header_grt .nav-brand {
    flex: 0 1 auto;
  }
}
@media (min-width: 992px) {
  #header_grt .nav-toggle {
    display: none;
  }
}
@media (max-width: 767px) {
  #header_grt .nav-list {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: 0em;
    transition: max-height 0.4s;
    padding: 0;
    margin: 0 auto;
    top: 0px;
    background: transparent;
    opacity: .9;
  }
  #header_grt .nav-list li {
    display: inline-block;
    background: transparent;
    width: 100%;
    height: auto;
    position: relative;
  }
  #header_grt .grt-nav-link-one-grt {
    display: flex;
    border-bottom: 1px solid #000000;
    align-items: center;
  }
  #header_grt .grt-nav-list-img {
    flex-direction: column;
    display: block;
  }
  #header_grt .grt-nav-list-img img {
    width: 20px;
  }
  #header_grt .grt-nav-list-img .grt-hedr-arro-up {
    display: none;
  }
  #header_grt .nav-link {
    position: relative;
    display: block;
    width: auto;
    opacity: 1;
    background: #000000fa;
    color: #000000;
    height: 100%;
  }
  #header_grt .nav-link img {
    width: 30px;
    display: block;
  }
  #header_grt .nav-link img.act-grt {
    display: none;
  }
  #header_grt .nav-link.active img.act-grt {
    display: block;
    width: auto;
  }
  #header_grt .nav-link.active img.out-act-grt {
    display: none;
  }
  #header_grt .top-div .middle {
    display: flex;
    height: 50px;
  }
  #header_grt .top-div .middle .search-icon {
    display: none;
  }
  #header_grt .top-div .lower {
    display: none;
  }
  #header_grt .top-div .upper {
    display: none;
  }
  #header_grt .top-div .upper.show-language-bar {
    height: 30px;
    display: flex;
    align-items: center;
  }
  #header_grt .top-div .upper.show-language-bar .brand-names {
    display: none;
  }
  #header_grt .top-div .upper.show-language-bar .dropbtn {
    padding: 0;
  }
  #header_grt nav {
    position: absolute;
    width: 100%;
    top: 50px;
    z-index: 5;
    background: #fff;
  }
  #header_grt .nav-collapse .skip-links {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }
  #header_grt .nav-collapse .skip-link {
    position: absolute;
    left: -999px;
    background: #fff;
    color: #0072ce;
    padding: 8px 16px;
    font-weight: bold;
    text-decoration: none;
  }
  #header_grt .nav-collapse .skip-link:focus {
    left: 8px;
    top: 8px;
    box-shadow: 0 0 2px 2px #0072ce;
  }
  #header_grt .nav-collapse a {
    color: #000000;
    background: transparent;
    font-weight: bold;
    flex-grow: 1;
  }
  #header_grt .nav-collapse a img {
    float: right;
  }
  #header_grt .nav-collapse a .grt-hedr-arro-up {
    display: none;
  }
  #header_grt .nav-collapse li.nav-list__item.submenu---trigger.active a .grt-hedr-arro-up {
    display: block;
  }
  #header_grt .nav-collapse li.nav-list__item.submenu---trigger.active a .grt-hedr-arro-down {
    display: none;
  }
  #header_grt .nav-list.showing {
    transition: max-height 0.4s;
    top: 0px;
    padding: 0px 0px;
    margin: 0 auto;
    height: 800px;
    background: transparent;
    opacity: .9;
  }
  #header_grt .nav-list.showing li.grt-h-t:first-child ul li a {
    margin: 0;
  }
  #header_grt .sub-me-one {
    width: 100%;
  }
  #header_grt .submenu---trigger:hover .submenu li a {
    color: #000000;
  }
  #header_grt .submenu---trigger i {
    right: 15px;
  }
  #header_grt .nav-list__item {
    padding: 0;
  }
  #header_grt .submenu {
    top: 0;
    height: 0px;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    transition: 0.4s ease;
    box-shadow: none;
  }
  #header_grt .submenu li {
    background: transparent;
    display: block;
    padding-left: 20px;
  }
  #header_grt li.nav-list__item.submenu---trigger .submenu li {
    padding: 5px 5px;
    border: 0;
  }
  #header_grt li.nav-list__item.submenu---trigger .submenu a {
    color: #000000;
    font-size: 15px;
    font-weight: 600;
    padding: 3px 10px;
    height: auto;
  }
  #header_grt li.nav-list__item.submenu---trigger .grt-nav-list-img .grt-hedr-arro-up {
    display: none;
  }
  #header_grt .submenu---trigger.active .submenu {
    height: auto;
    visibility: visible;
    opacity: 1;
    background: transparent;
  }
  #header_grt .third-submenu {
    height: 0px;
    display: block;
    position: static;
    overflow: hidden;
    margin-left: -20px;
    box-shadow: none;
  }
  #header_grt .third-submenu li {
    background: #424654;
    padding-left: 40px;
  }
  #header_grt .third-submenu---trigger.active .third-submenu {
    height: auto;
  }
  #header_grt .third-submenu---trigger i {
    right: 15px;
  }
  #header_grt .grt-nav-list-img.active {
    background: transparent;
    margin: 20px 20px !important;
  }
  #header_grt .grt-nav-list-img.active .grt-hedr-arro-up {
    display: block !important;
  }
  #header_grt .grt-nav-list-img.active .grt-hedr-arro-down {
    display: none;
  }
  #header_grt li.nav-list__item.submenu--trigger.active .grt-nav-list-img .grt-hedr-arro-up {
    display: block;
  }
  #header_grt li.nav-list__item.submenu--trigger.active .grt-nav-list-img .grt-hedr-arro-down {
    display: none;
  }
}
#header_grt.tyvekheader,
#header_grt.frothpakheader,
#header_grt.styrofoamheader {
  display: block;
}
#header_grt.tyvekheader .nav-collapse,
#header_grt.frothpakheader .nav-collapse,
#header_grt.styrofoamheader .nav-collapse {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
#header_grt.tyvekheader .top-div .middle,
#header_grt.frothpakheader .top-div .middle,
#header_grt.styrofoamheader .top-div .middle {
  height: 80px;
}
#header_grt.tyvekheader .top-div .middle .search-icon,
#header_grt.frothpakheader .top-div .middle .search-icon,
#header_grt.styrofoamheader .top-div .middle .search-icon {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  #header_grt.tyvekheader .top-div .middle .search-icon,
  #header_grt.frothpakheader .top-div .middle .search-icon,
  #header_grt.styrofoamheader .top-div .middle .search-icon {
    display: none;
  }
}
#header_grt.tyvekheader .top-div .middle .logo-div a,
#header_grt.frothpakheader .top-div .middle .logo-div a,
#header_grt.styrofoamheader .top-div .middle .logo-div a {
  display: flex;
  align-items: center;
  height: 100%;
}
#header_grt.tyvekheader .top-div .middle .nav-collapse nav,
#header_grt.frothpakheader .top-div .middle .nav-collapse nav,
#header_grt.styrofoamheader .top-div .middle .nav-collapse nav {
  width: 100%;
}
#header_grt.tyvekheader .top-div .middle .nav-collapse nav .showing,
#header_grt.frothpakheader .top-div .middle .nav-collapse nav .showing,
#header_grt.styrofoamheader .top-div .middle .nav-collapse nav .showing {
  margin-top: 20px;
}
@media (max-width: 991px) {
  #header_grt.tyvekheader .top-div .middle .nav-collapse nav,
  #header_grt.frothpakheader .top-div .middle .nav-collapse nav,
  #header_grt.styrofoamheader .top-div .middle .nav-collapse nav {
    top: 80px;
  }
}
@media (max-width: 991px) {
  #header_grt.tyvekheader .top-div .middle .nav-collapse .nav-list .showing,
  #header_grt.frothpakheader .top-div .middle .nav-collapse .nav-list .showing,
  #header_grt.styrofoamheader .top-div .middle .nav-collapse .nav-list .showing {
    margin-left: 4%;
  }
}
@media (min-width: 992px) {
  #header_grt.tyvekheader .top-div .middle .nav-list__item.submenu---trigger .submenu li,
  #header_grt.frothpakheader .top-div .middle .nav-list__item.submenu---trigger .submenu li,
  #header_grt.styrofoamheader .top-div .middle .nav-list__item.submenu---trigger .submenu li {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#header_grt.tyvekheader .top-div .middle .search-icon,
#header_grt.styrofoamheader .top-div .middle .search-icon {
  border-bottom: 1px solid #000;
}
#header_grt.tyvekheader .top-div .middle .input-search,
#header_grt.styrofoamheader .top-div .middle .input-search {
  color: #000;
}
#header_grt.tyvekheader .top-div .middle .input-search::placeholder,
#header_grt.styrofoamheader .top-div .middle .input-search::placeholder {
  color: #000;
}
#header_grt.tyvekheader .top-div .middle .logo-div,
#header_grt.styrofoamheader .top-div .middle .logo-div {
  height: 100%;
}
#header_grt.tyvekheader .top-div .middle .logo-div img,
#header_grt.styrofoamheader .top-div .middle .logo-div img {
  width: 120px;
  height: auto;
  object-fit: contain;
}
@media (max-width: 767px) {
  #header_grt.tyvekheader .top-div .middle .logo-div img,
  #header_grt.styrofoamheader .top-div .middle .logo-div img {
    width: 120px;
  }
}
@media screen and (min-width: 992px) {
  #header_grt.tyvekheader .submenu,
  #header_grt.styrofoamheader .submenu {
    top: 53px;
  }
}
#header_grt.tyvekheader .nav-link,
#header_grt.styrofoamheader .nav-link {
  color: #000;
}
#header_grt.tyvekheader .menu-container,
#header_grt.styrofoamheader .menu-container {
  background-color: #ffff;
}
#header_grt.styrofoamheader .top-div .middle .logo-div {
  height: 100%;
}
#header_grt.styrofoamheader .top-div .middle .logo-div img {
  width: 180px;
  height: auto;
  object-fit: contain;
}
@media (max-width: 767px) {
  #header_grt.styrofoamheader .top-div .middle .logo-div img {
    width: 150px;
  }
}
#header_grt.frothpakheader .menu-container {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffc700;
}
#header_grt.frothpakheader .menu-container.font-size-14 .nav-list .nav-list__item .nav-link {
  font-size: 14px!important;
}
#header_grt.frothpakheader .menu-container.font-size-16 .nav-list .nav-list__item .nav-link {
  font-size: 16px!important;
}
#header_grt.frothpakheader .menu-container.font-size-18 .nav-list .nav-list__item .nav-link {
  font-size: 18px!important;
}
#header_grt.frothpakheader .designBar {
  display: block;
  background-color: black;
  position: absolute;
  left: 0;
  height: 100%;
  width: 94px;
}
@media screen and (max-width: 991px) {
  #header_grt.frothpakheader .designBar {
    width: 33px;
  }
}
#header_grt.frothpakheader .submenu {
  top: 60px;
  left: -5px;
}
@media (max-width: 991px) {
  #header_grt.frothpakheader .submenu {
    top: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1097px) {
  #header_grt.frothpakheader .submenu {
    top: 54px;
  }
}
@media (max-width: 991px) {
  #header_grt.frothpakheader li.nav-list__item.submenu---trigger .submenu a {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
#header_grt.frothpakheader .top-div .middle .nav-collapse nav {
  padding-right: 5px;
}
@media screen and (max-width: 991px) {
  #header_grt.frothpakheader .top-div .middle {
    height: 66px;
  }
}
#header_grt.frothpakheader .top-div .middle .logo-div {
  background-color: black;
  height: 100%;
  text-align: left;
}
@media (max-width: 991px) {
  #header_grt.frothpakheader .top-div .middle .logo-div {
    display: flex;
    align-items: flex-end;
    padding-top: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #header_grt.frothpakheader .top-div .middle .logo-div {
    width: 100%;
    height: 66px;
    text-align: left;
  }
}
#header_grt.frothpakheader .top-div .middle .logo-div a {
  padding-right: 52px;
  padding-right: 45px;
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
  #header_grt.frothpakheader .top-div .middle .logo-div a {
    padding-right: 30px;
  }
}
#header_grt.frothpakheader .top-div .middle .logo-div img {
  width: 269px;
  object-fit: contain;
}
@media (max-width: 991px) {
  #header_grt.frothpakheader .top-div .middle .logo-div img {
    width: 118px;
    height: auto;
    object-fit: contain;
    padding-top: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
  #header_grt.frothpakheader .top-div .middle .logo-div img {
    width: 175px;
  }
}
#header_grt.frothpakheader .top-div .middle .search-icon {
  top: 70px;
  border-bottom: 1px solid #000000;
}
#header_grt.frothpakheader .top-div .middle .input-search {
  color: #000000;
  width: 100px;
}
#header_grt.frothpakheader .top-div .middle .input-search::placeholder {
  color: #000000;
}
#header_grt.frothpakheader .top-div .middle .input-search:focus {
  width: 120px;
}
#header_grt.frothpakheader .top-div .middle .nav-collapse {
  padding-top: 0;
  margin-left: 0;
}
@media (max-width: 991px) {
  #header_grt.frothpakheader .top-div .middle .nav-collapse nav {
    top: 66px;
  }
}
#header_grt.frothpakheader .top-div .middle .nav-collapse .nav-list {
  padding-left: 5px;
  padding-top: 5px;
}
@media (min-width: 992px) {
  #header_grt.frothpakheader .top-div .middle .nav-collapse .nav-list {
    white-space: nowrap;
  }
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
  #header_grt.frothpakheader .top-div .middle .nav-collapse .nav-list {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  #header_grt.frothpakheader .top-div .middle .nav-collapse .nav-list .nav-list__item {
    padding: 0px 2px;
  }
}
#header_grt.frothpakheader .top-div .middle .nav-collapse .nav-list .nav-list__item .nav-link {
  font-size: 18px;
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  #header_grt.frothpakheader .top-div .middle .nav-collapse .nav-list .nav-list__item .nav-link {
    font-size: 14px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #header_grt.frothpakheader .top-div .middle .nav-collapse .nav-list .nav-list__item .nav-link {
    font-size: 15px;
  }
}
#header_grt.frothpakheader .top-div .middle .nav-toggle a.btn--toggle {
  background-color: #ffc700;
}
#header_grt.frothpakheader .top-div .middle .nav-toggle a.btn--toggle:after {
  content: '';
  background-image: url('../../../../content/dam/dupont/global/icons/hamburger-black.png');
}
#header_grt.frothpakheader .top-div .middle .nav-toggle a.btn--toggle.active:after {
  background-image: url('../../../../content/dam/dupont/global/icons/cross-black.png');
}
#header_grt.frothpakheader .top-div .lower {
  display: none;
}
#header_grt.frothpakheader .nav-link {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.6px;
  text-align: left;
  color: #000000;
}
#header_grt.frothpakheader .top-div .middle .nav-list__item.submenu---trigger .grt-nav-link-one-grt .nav-link.nav-underline {
  text-decoration: underline 2px #000000;
  text-underline-offset: 8px;
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
  #header_grt.frothpakheader .top-div .middle .nav-list__item {
    padding: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1370px) {
  #header_grt.frothpakheader .designBar {
    width: 70px;
  }
  #header_grt.frothpakheader .logo-div {
    margin-left: -25px;
  }
  #header_grt.frothpakheader .logo-div a {
    padding-right: 12px !important;
  }
  #header_grt.frothpakheader .nav-list {
    padding-left: 0px;
  }
  #header_grt.frothpakheader .nav-list .nav-list__item .nav-link {
    letter-spacing: 0.36px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1059px) {
  #header_grt.frothpakheader .nav-link {
    padding: 8px !important;
  }
}
@media screen and (min-width: 1060px) and (max-width: 1086px) {
  #header_grt.frothpakheader .nav-link {
    padding: 11px;
  }
}
@media screen and (min-width: 1087px) and (max-width: 1145px) {
  #header_grt.frothpakheader .nav-link {
    padding: 9px !important;
  }
}
#grt-star .gtr-str-hed-prd {
  color: #343a40;
}
@media (max-width: 767px) {
  #grt-star .gtr-str-hed-prd {
    margin-bottom: 40px;
  }
}
#grt-star .grt-star-all-details {
  display: flex;
  width: 100%;
  flex-flow: wrap;
}
#grt-star .grt-star-detail {
  padding: 15px;
  flex: 1 0 33%;
  margin-top: 40px;
}
#grt-star .grt-star-img {
  display: flex;
  padding: 10px;
}
#grt-star .grt-star-img:hover img {
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
#grt-star .grt-star-img img {
  height: 250px;
  object-fit: contain;
  flex-grow: 1;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#grt-star .grt-star-heding {
  margin-top: 20px;
  padding: 5px 0;
  display: inline-block;
  font-size: 20px;
  font-family: 'NHaasGroteskTXPro Medium';
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: left;
  color: #343a40;
  font-weight: 500;
  width: auto;
  display: block;
  margin: 30px 0px 20px 0px;
}
#grt-star .grt-star-heding a {
  font-size: 20px;
  font-family: 'NHaasGroteskTXPro Medium';
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: left;
  color: #343a40;
  font-weight: 500;
}
#grt-star .grt-st-ra-dtl {
  display: inline-block;
}
#grt-star .grt-st-ra-dtl a span svg {
  width: 10px !important;
  height: 10px !important;
}
#grt-star .grt-star-list {
  padding: 20px 0px 0 20px;
  min-height: 10px;
  border-top: 1px solid #989a9c;
}
#grt-star .grt-star-list ul li {
  margin: 5px 0;
  color: #343a40;
  font-size: 18px;
  font-family: 'NHaasGroteskTXPro Regular';
}
#grt-star .grt-star-buttons {
  margin: 20px 0px 0px;
  display: flex;
}
#grt-star .grt-star-buttons a.grt-view-btn {
  background: #da291c;
  padding: 10px;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 15px;
  letter-spacing: 0.75px;
}
#grt-star .grt-star-buttons a.grt-view-btn:hover {
  color: #ffffff;
}
#grt-star .grt-star-buttons img.grt-loc {
  width: 25px;
  margin: 0px 10px 0 0;
  height: 25px;
  object-fit: contain;
  margin-top: -4px;
}
#grt-star .grt-star-buttons a.grt-buy-btn {
  position: relative;
  margin-left: 10px;
  border: 1px solid #7a7a7a;
  padding: 10px;
  border-radius: 5px;
  color: #000000;
  cursor: pointer;
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 15px;
  letter-spacing: 0.75px;
}
#grt-star .grt-star-buttons a.grt-buy-btn .ps-button-label {
  display: none;
}
#grt-star .grt-star-buttons a.grt-buy-btn small {
  position: absolute;
  bottom: -25px;
  left: 10px;
}
@media (max-width: 991px) {
  #grt-star .row {
    display: inherit;
  }
  #grt-star .grt-star-detail {
    display: flex;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
    padding-bottom: 40px;
    width: 100%;
  }
  #grt-star .grt-star-detail:last-child {
    border: 0;
  }
  #grt-star .grt-star-all-details {
    display: inherit;
  }
  #grt-star .grt-star-heding {
    margin: 0;
    border: 0;
    padding: 0;
    margin-bottom: 15px;
  }
  #grt-star .grt-star-heding h3 {
    font-size: 25px;
    line-height: 1;
  }
  #grt-star .grt-mob-view {
    padding: 0px 5px;
    width: 100%;
  }
  #grt-star .grt-star-buttons {
    display: flex;
    margin: 0;
  }
  #grt-star .grt-star-buttons a.grt-view-btn {
    font-size: 12px;
    padding: 8px 16px;
  }
  #grt-star .grt-star-buttons img.grt-loc {
    display: none;
  }
  #grt-star .grt-star-buttons a.grt-buy-btn {
    font-size: 12px;
    padding: 8px 16px;
  }
  #grt-star .grt-star-buttons a.grt-buy-btn small {
    position: absolute;
    bottom: -20px;
    left: 5px;
    font-size: 63%;
  }
  #grt-star .grt-star-list {
    margin: 0;
    margin-bottom: 0px;
    min-height: 10px;
    margin-top: 20px;
    padding: 0px 20px;
    border: 0;
  }
  #grt-star .grt-star-list ul li {
    font-size: 15px;
  }
  #grt-star .grt-star-img img {
    height: 220px;
    object-fit: contain;
    flex-grow: 1;
    width: 300px;
  }
}
@media (max-width: 767px) {
  #grt-star .row {
    display: inherit;
    margin: 0;
  }
  #grt-star .grt-star-detail {
    display: flex;
    margin-bottom: 30px;
    border-bottom: 1px solid #989a9c;
    padding: 0;
    padding-bottom: 30px;
    width: 100%;
  }
  #grt-star .grt-star-detail:last-child {
    border: 0;
    margin-bottom: 0;
  }
  #grt-star .grt-star-detail:first-child {
    margin-top: 0;
  }
  #grt-star .grt-star-all-details {
    display: inherit;
  }
  #grt-star .grt-star-heding {
    margin: 0;
    border: 0;
    padding: 0;
    margin-bottom: 15px;
    font-size: 16px;
  }
  #grt-star .grt-star-heding a {
    font-size: 16px;
  }
  #grt-star .grt-star-heding h3 {
    font-size: 25px;
    line-height: 1;
  }
  #grt-star .grt-mob-view {
    padding: 0px 5px;
  }
  #grt-star .grt-star-buttons {
    display: flex;
    margin: 0;
  }
  #grt-star .grt-star-buttons a.grt-view-btn {
    font-size: 12px;
    padding: 8px 7px;
    line-height: 1.67;
    letter-spacing: normal;
  }
  #grt-star .grt-star-buttons img.grt-loc {
    display: none;
  }
  #grt-star .grt-star-buttons a.grt-buy-btn {
    font-size: 12px;
    padding: 8px 7px;
    line-height: 1.67;
    letter-spacing: normal;
  }
  #grt-star .grt-star-list {
    margin: 0;
    margin-bottom: 0px;
    min-height: 10px;
    margin-top: 20px;
    padding: 0px 25px;
    border: 0;
    padding-bottom: 10px;
    padding-right: 0;
  }
  #grt-star .grt-star-list ul li {
    font-size: 15px;
  }
  #grt-star .grt-star-img {
    padding-left: 0;
    padding-right: 5px;
    padding-top: 0;
  }
  #grt-star .grt-star-img img {
    height: 205px;
    object-fit: cover;
    flex-grow: 1;
    width: 105px;
  }
}
.remove-extra-spaces.productratingbyprodid #grt-star .grt-star-img img {
  height: auto;
  width: 100%;
}
.remove-extra-spaces.productratingbyprodid #grt-star .grt-star-img {
  padding: 0;
  justify-content: center;
}
.remove-extra-spaces.productratingbyprodid #grt-star .grt-star-detail {
  flex-direction: column;
  border-bottom: 0;
}
@media screen and (max-width: 991px) {
  .remove-extra-spaces.productratingbyprodid #grt-star .grt-star-list {
    border-top: 1px solid #989a9c;
    padding-bottom: 20px;
  }
}
.remove-extra-spaces.productratingbyprodid #grt-star .grt-star-heding {
  margin-bottom: 5px;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .remove-extra-spaces.productratingbyprodid #grt-star .grt-star-heding {
    padding-top: 15px;
  }
}
.remove-extra-spaces.productratingbyprodid #grt-star .gtr-str-hed-prd {
  text-align: center;
}
.remove-extra-spaces.productratingbyprodid #grt-star .grt-star-buttons {
  margin-top: 0;
}
.remove-extra-spaces.productratingbyprodid #grt-star .grt-star-detail {
  margin-top: 30px;
}
.title-center.productratingbyprodid #grt-star .gtr-str-hed-prd {
  text-align: center;
}
/*Great stuff product finder comonent starts*/
.gs-prod-cat-finder .outer-wrapper .btns-container {
  width: 100%;
  border-bottom: 1px solid #989a9c;
  padding-bottom: 40px;
  margin-bottom: 75px;
}
@media screen and (max-width: 768px) {
  .gs-prod-cat-finder .outer-wrapper .btns-container {
    margin-bottom: 20px;
    padding-bottom: 30px;
  }
}
.gs-prod-cat-finder .outer-wrapper .btns-container .slctd-catgry {
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 45px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: 0.9px;
  text-align: left;
  color: #343a40;
}
@media screen and (max-width: 1023px) {
  .gs-prod-cat-finder .outer-wrapper .btns-container .slctd-catgry {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .gs-prod-cat-finder .outer-wrapper .btns-container .slctd-catgry {
    font-size: 30px;
  }
}
.gs-prod-cat-finder .outer-wrapper[data-is-animate="true"] {
  visibility: hidden;
}
.gs-prod-cat-finder .outer-wrapper.editmode {
  visibility: visible;
}
.gs-prod-cat-finder .outer-wrapper.animate {
  visibility: visible;
  animation: bringUp-pf 1s ease-in-out 1;
  -webkit-animation: bringUp-pf 1s ease-in-out 1;
}
@keyframes bringUp-pf {
  1% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
@-webkit-keyframes bringUp-pf {
  1% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
@keyframes bringUp-pf-2 {
  1% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
@-webkit-keyframes bringUp-pf-2 {
  1% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
@media screen and (min-width: 1024px) {
  .gs-prod-cat-finder .outer-wrapper.animate .filters-section {
    animation: bringUp-pf 1s ease-in-out 1;
    -webkit-animation: bringUp-pf 1s ease-in-out 1;
  }
}
.gs-prod-cat-finder .outer-wrapper .filters-section {
  float: left;
  padding-left: 0px;
}
@media screen and (max-width: 768px) {
  .gs-prod-cat-finder .outer-wrapper .filters-section {
    width: 100vw;
    max-width: 100vw;
    margin-left: -33px;
  }
}
@media screen and (max-width: 768px) {
  .gs-prod-cat-finder .outer-wrapper .filters-section .filter-header-wrapper {
    display: none;
  }
}
.gs-prod-cat-finder .outer-wrapper .filters-section .filter-header-wrapper .filter-head {
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 16px;
  font-size: 30px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #343a40;
  float: left;
  border-bottom: 1px solid #989a9c;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .gs-prod-cat-finder .outer-wrapper .filters-section .filter-header-wrapper .filter-head {
    font-size: 26px;
  }
}
.gs-prod-cat-finder .outer-wrapper .filters-section .mob-filter-dd {
  background: #fff;
  margin-left: 33px;
  width: calc(100% - 53px);
  margin-top: 20px;
  margin-bottom: 20px;
  height: 40px;
  border-radius: 3px;
  display: none;
  border: 1px solid #989a9c;
}
@media screen and (max-width: 768px) {
  .gs-prod-cat-finder .outer-wrapper .filters-section .mob-filter-dd {
    display: block;
  }
}
.gs-prod-cat-finder .outer-wrapper .filters-section .mob-filter-dd .sel-filter {
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 16px;
  width: calc(100% - 40px);
  padding: 8px 10px 8px 10px;
}
.gs-prod-cat-finder .outer-wrapper .filters-section .mob-filter-dd .fas {
  float: right;
  font-size: 16px;
  margin: -30px 10px;
}
.gs-prod-cat-finder .outer-wrapper .filters-section .mob-filter-dd .fas.up {
  transform: rotate(180deg);
}
.gs-prod-cat-finder .outer-wrapper .filters-section .filter-accordion-sf {
  list-style-type: none;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 50px 0px;
}
@media screen and (min-width: 769px) {
  .gs-prod-cat-finder .outer-wrapper .filters-section .filter-accordion-sf {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .gs-prod-cat-finder .outer-wrapper .filters-section .filter-accordion-sf {
    background: white;
    position: absolute;
    z-index: 1;
    left: 33px;
    top: 50px;
    display: none;
  }
}
.gs-prod-cat-finder .outer-wrapper .filters-section .filter-accordion-sf .filter-category {
  padding: 10px 5px 10px 0px;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
}
.gs-prod-cat-finder .outer-wrapper .filters-section .filter-accordion-sf .filter-category .label {
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 13px;
}
.gs-prod-cat-finder .outer-wrapper .filters-section .filter-accordion-sf .filter-category .acc-icon {
  width: 11px;
  height: 11px;
  background-size: 100% 100%;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgMTggMiI+CiAgICA8cGF0aCBmaWxsPSIjMkUyOTI2IiBkPSJNMTcuNjI1IDBILjM3NUMuMTY4IDAgMCAuMTUgMCAuMzMzdjEuMzM0QzAgMS44NS4xNjggMiAuMzc1IDJoMTcuMjVjLjIwNyAwIC4zNzUtLjE1LjM3NS0uMzMzVi4zMzNDMTggLjE1IDE3LjgzMiAwIDE3LjYyNSAweiIvPgo8L3N2Zz4K');
  position: relative;
  right: 0px;
  float: right;
  top: 10px;
}
.gs-prod-cat-finder .outer-wrapper .filters-section .filter-accordion-sf .filters-container {
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .gs-prod-cat-finder .outer-wrapper .filters-section .filter-accordion-sf .filters-container {
    margin-top: 5px;
    padding-left: 10px;
  }
}
.gs-prod-cat-finder .outer-wrapper .filters-section .filter-accordion-sf .filters-container ul {
  list-style-type: none;
}
.gs-prod-cat-finder .outer-wrapper .filters-section .filter-accordion-sf .filters-container .filter-row {
  cursor: pointer;
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.6px;
  text-align: left;
  color: #000;
  margin-bottom: 15px;
}
.gs-prod-cat-finder .outer-wrapper .filters-section .filter-accordion-sf .filters-container .filter-row.selected {
  color: #aaa;
}
@media screen and (max-width: 1023px) {
  .gs-prod-cat-finder .outer-wrapper .filters-section .filter-accordion-sf .filters-container .filter-row {
    font-size: 16px;
  }
}
.gs-prod-cat-finder .outer-wrapper .results-section {
  float: right;
  padding-right: 0px;
}
@media screen and (max-width: 1023px) {
  .gs-prod-cat-finder .outer-wrapper .results-section {
    padding-left: 0px;
  }
}
@media screen and (max-width: 768px) {
  .gs-prod-cat-finder .outer-wrapper .results-section {
    width: 100%;
    max-width: 100%;
  }
}
.gs-prod-cat-finder .outer-wrapper .results-section .results-count-container {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 14px;
}
@media screen and (max-width: 1023px) {
  .gs-prod-cat-finder .outer-wrapper .results-section .results-count-container {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .gs-prod-cat-finder .outer-wrapper .results-section .results-container {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .gs-prod-cat-finder .outer-wrapper .results-section .results-container {
    justify-content: space-between;
  }
}
.gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card {
  float: left;
  width: 30%;
  background: #ffffff;
  margin-top: 35px;
  margin-left: 3.33%;
  position: relative;
  border-bottom: 1px solid #989a9c;
}
@media screen and (max-width: 767px) {
  .gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card {
    margin-top: 10px;
    width: 47%;
    margin-left: 0;
    margin-bottom: 10px;
  }
}
.gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card .img-container {
  width: 100%;
  display: block;
  position: relative;
  height: 230px;
  float: left;
  margin-bottom: 65px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card .img-container {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card .img-container {
    height: 145px;
    margin-bottom: 40px;
  }
}
@media (min-width: 460px) and (max-width: 767px) {
  .gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card .img-container {
    height: 230px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card .img-container {
    height: 160px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1023px) and (max-width: 1300px) {
  .gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card .img-container {
    height: 190px;
  }
}
.gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card .img-container .prod-img {
  width: 100%;
  height: 100%;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform .5s;
}
.gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card .img-container .prod-img:hover {
  transform: scale(1.2);
}
.gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card .text-container {
  float: left;
  display: block;
  position: absolute;
  bottom: 5px;
  width: 100%;
  max-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1023px) {
  .gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card .text-container {
    max-height: 38px;
  }
}
.gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card .text-container .prod-title {
  font-family: "NHaasGroteskTXPro Medium";
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: left;
  color: #343a40;
  display: block;
  margin-bottom: 5px;
}
@media screen and (max-width: 1023px) {
  .gs-prod-cat-finder .outer-wrapper .results-section .results-container .prod-card .text-container .prod-title {
    font-size: 15px;
  }
}
.gs-prod-cat-finder .outer-wrapper .results-section .no-result-found {
  display: none;
  width: 100%;
  padding: 40px 20px 20px 20px;
  font-family: "NHaasGroteskTXPro Bold";
  font-size: 18px;
}
.gs-prod-cat-finder .outer-wrapper .results-section .pagination-container {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  width: 100%;
  flex-wrap: wrap;
}
.gs-prod-cat-finder .outer-wrapper .results-section .pagination-container .page-no {
  font-family: "NHaasGroteskTXPro Regular";
  font-size: 15px;
  cursor: pointer;
  color: #888b8d;
  margin: 0px 15px;
  background: none;
}
.gs-prod-cat-finder .outer-wrapper .results-section .pagination-container .page-no.active {
  color: #2e2926;
}
.remove-filter .filters-section {
  display: none;
}
.remove-filter .results-section {
  width: 100%;
  max-width: 100%;
  float: left;
}
/*Great stuff product finder comonent ends*/
/*
 *  Copyright 2017 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-site-search {
  overflow-x: hidden;
  margin-bottom: 50px;
}
.cmp-site-search .search-component .container {
  padding: 0 15px;
}
@media screen and (min-width: 1024px) {
  .cmp-site-search .search-component .container {
    padding: 0 94px;
  }
}
.cmp-site-search .search-component .search-container {
  font-family: "Diodrum regular";
}
.cmp-site-search .search-component .search-container a {
  text-decoration: none;
}
.cmp-site-search .search-component .search-container a:hover {
  color: #e4001c;
  text-decoration: none;
}
.cmp-site-search .search-component .search-container .search-header {
  width: 100%;
  display: inline-block;
  margin-top: 105px;
  margin-bottom: 62px;
}
@media screen and (max-width: calc(1024px - 1px)) {
  .cmp-site-search .search-component .search-container .search-header {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media screen and (max-width: calc(576px - 1px)) {
  .cmp-site-search .search-component .search-container .search-header {
    margin-top: 25px;
    margin-bottom: 35px;
  }
}
.cmp-site-search .search-component .search-container .search-header .mobile-search-box.focused {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: calc(576px - 1px)) {
  .cmp-site-search .search-component .search-container .search-header .mobile-search-box.focused {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
@media screen and (max-width: calc(576px - 1px)) {
  .cmp-site-search .search-component .search-container .search-header .mobile-search-box {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 10px 0px;
  }
}
.cmp-site-search .search-component .search-container .search-header .mobile-search-box label {
  padding-left: 0px;
}
.cmp-site-search .search-component .search-container .search-header .mobile-search-box .searchresults-typeahead {
  position: absolute;
  z-index: 1;
}
.cmp-site-search .search-component .search-container .search-header .mobile-search-box .searchresults-typeahead .yui-ac-content {
  border: 0px;
  border-top: 1px solid #e1e1e1;
  background: #fdfdfd;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
  padding: 20px;
}
@media screen and (max-width: 576px) {
  .cmp-site-search .search-component .search-container .search-header .mobile-search-box .searchresults-typeahead .yui-ac-content {
    border: 0px;
    padding: 0px 35px 20px 35px;
    width: 100% !important;
    left: 0px !important;
    background: #ffffff;
    box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.25);
  }
}
.cmp-site-search .search-component .search-container .search-header .mobile-search-box .searchresults-typeahead .yui-ac-content ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.cmp-site-search .search-component .search-container .search-header .mobile-search-box .searchresults-typeahead .yui-ac-content ul li {
  padding: 2px !important;
  font-size: 18px;
  cursor: pointer;
}
@media screen and (max-width: 576px) {
  .cmp-site-search .search-component .search-container .search-header .mobile-search-box .searchresults-typeahead .yui-ac-content ul li {
    font-size: 16px;
  }
}
.cmp-site-search .search-component .search-container .search-header .mobile-search-box .searchresults-typeahead .yui-ac-content ul li:hover {
  background: #eee;
}
.cmp-site-search .search-component .search-container .search-header .mobile-search-box .searchresults-typeahead .yui-ac-content ul li span {
  background: none !important;
  border: none !important;
  color: #000 !important;
  padding: 0px !important;
}
@media screen and (max-width: 576px) {
  .cmp-site-search .search-component .search-container .search-header .mobile-search-box .searchresults-typeahead {
    width: 100% !important;
    left: 0px !important;
  }
}
.cmp-site-search .search-component .search-container .search-header .cancel-btn {
  display: none;
  font-size: 16px;
  cursor: pointer;
  float: left;
  top: 23px;
  position: relative;
  left: 15px;
}
.cmp-site-search .search-component .search-container .search-header .search-icon {
  display: inline-block;
}
.cmp-site-search .search-component .search-container .search-header .search-icon img {
  height: 48px;
  width: 48px;
  margin: 25px 0px 25px 10px;
}
@media screen and (max-width: calc(576px - 1px)) {
  .cmp-site-search .search-component .search-container .search-header .search-icon img {
    height: 30px;
    width: 30px;
    margin: 0px;
  }
}
.cmp-site-search .search-component .search-container .search-header input {
  display: inline-block;
  position: relative;
  font-family: "Diodrum Regular";
  vertical-align: middle;
  font-size: 42px;
  margin-left: 32px;
  border: none;
  width: calc(100% - 32px - 48px - 40px - 32px);
}
@media screen and (max-width: calc(576px - 1px)) {
  .cmp-site-search .search-component .search-container .search-header input {
    width: calc(100% - 42px - 42px );
    font-size: 16px;
    margin-left: 0px;
    height: 40px;
  }
}
.cmp-site-search .search-component .search-container .search-header input[type="text"]:focus {
  outline: none;
}
.cmp-site-search .search-component .search-container .search-header .close-btn {
  padding: 13px;
  padding-bottom: 5px;
  margin-right: calc(@item-padding - 10px);
  position: relative;
  display: inline-block;
  width: 40px;
  user-select: none;
  cursor: pointer;
  vertical-align: middle;
}
.cmp-site-search .search-component .search-container .search-header .close-btn span:nth-last-child(2) {
  transform: rotate(-45deg) translate(-5px, 16px);
}
.cmp-site-search .search-component .search-container .search-header .close-btn span {
  display: block;
  width: 25px;
  height: 2px;
  margin-bottom: 15px;
  position: relative;
  background: #000000;
  border-radius: 3px;
  transform-origin: 4px 0;
  transform: rotate(45deg) translate(-7px, -16px);
  background: #232323;
}
.cmp-site-search .search-component .search-container .search-header .close-btn span:first-child {
  transform-origin: 0 0;
}
.cmp-site-search .search-component .search-container .search-header .close-btn span:last-child {
  margin-bottom: 0;
}
.cmp-site-search .search-component .search-container .search-header.mobile-view {
  padding-left: 18px;
}
.cmp-site-search .search-component .search-container .search-header.mobile-view .mobile-search-box {
  float: left;
  width: 80%;
}
.cmp-site-search .search-component .search-container .search-header.mobile-view .cancel-btn {
  display: block;
}
.cmp-site-search .search-component .search-container .search-header.mobile-view .searchresults-typeahead {
  margin-top: 20px;
}
.cmp-site-search .search-component .search-container .divider-line {
  border-bottom: 1px solid #e1e1e1;
  position: absolute;
  width: 100%;
  left: 0;
}
@media screen and (max-width: calc(1024px - 1px)) {
  .cmp-site-search .search-component .search-container .search-result {
    padding-right: 33px;
    padding-left: 33px;
  }
}
.cmp-site-search .search-component .search-container .search-result .result-header {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 25px;
  padding-top: 50px;
  margin-bottom: 25px;
  display: none;
}
.cmp-site-search .search-component .search-container .search-result .result-header a {
  float: right;
}
.cmp-site-search .search-component .search-container .search-result .item-result {
  padding: 18px 22px;
  margin-bottom: 32px;
  overflow: hidden;
}
.cmp-site-search .search-component .search-container .search-result .item-result .text-search {
  background-color: rgba(228, 0, 29, 0.15);
}
.cmp-site-search .search-component .search-container .search-result .item-result a h4:hover {
  color: #e4001c;
}
.cmp-site-search .search-component .search-container .search-result .item-result h4 {
  padding-bottom: 30px;
}
.cmp-site-search .search-component .search-container .search-result .item-result p {
  font-size: 14px;
  height: 64px;
  overflow: hidden;
  font-family: "Noto Sans Regular";
}
@media screen and (max-width: calc(576px - 1px)) {
  .cmp-site-search .search-component .search-container .search-result .item-result {
    border: solid 1px #e1e1e1;
  }
}
.cmp-site-search .search-component .search-container .search-result .result-view-more {
  display: none;
  margin-bottom: 185px;
  padding-bottom: 10px;
}
@media screen and (max-width: calc(1024px - 1px)) {
  .cmp-site-search .search-component .search-container .search-result .result-view-more {
    margin-bottom: 85px;
  }
}
.cmp-site-search .search-component .search-container .search-result .result-view-more a.cta:active {
  color: #ffffff;
}
.cmp-site-search .search-component .search-container .search-result .result-view-more span {
  display: block;
  padding-bottom: 10px;
}
.cmp-site-search .search-component .search-container .search-result .result-view-more span span {
  display: inline-block;
}
.cmp-site-search .search-component .search-container .search-result .no-result-text {
  font-size: 20px;
  margin: 20px;
  font-weight: 500;
  display: none;
}
.cmp-site-search .search-component .search-container .search-result .paginationjs-pages ul {
  list-style-type: none;
}
.cmp-site-search .search-component .search-container .search-result .paginationjs-pages ul .paginationjs-next {
  width: 184px;
  margin: auto;
  border: 1px solid #000;
  border-radius: 25px;
  font-size: 16px;
  padding: 13px 55px;
  letter-spacing: -0.5px;
  text-decoration: none;
  cursor: pointer;
  color: #000000;
}
.cmp-site-search .search-component .search-container .search-result .paginationjs-pages ul .paginationjs-next :after {
  font-family: "Diodrum Regular";
  width: 96px;
  position: relative;
  top: -22px;
  float: left;
  background: #ffffff;
  left: -13px;
  font-size: 16px;
}
.cmp-site-search .search-component .search-container .search-result .paginationjs-pages ul .paginationjs-next:hover {
  color: #e4001c;
  border: 1px solid #e4001c;
}
.cmp-site-search .search-component .search-container .search-result .paginationjs-pages ul .paginationjs-next:hover a {
  color: #e4001c;
}
.cmp-site-search .search-component .search-container .search-result .paginationjs-pages ul .paginationjs-next.disabled {
  display: none;
}
.site-solr-search {
  font-family: "Diodrum Regular";
  z-index: 98;
}
.site-solr-search.ui-widget {
  font-family: "Diodrum Regular";
}
.site-solr-search.ui-widget a {
  font-family: "Diodrum Regular";
  font-size: 18px;
  color: #000000 !important;
}
@media screen and (max-width: calc(576px - 1px)) {
  .site-solr-search.ui-widget a {
    font-size: 14px;
  }
}
.site-solr-search.ui-widget-content {
  border: 0px;
  border-top: 1px solid #e1e1e1;
  background: #fdfdfd;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.25);
  padding: 20px !important;
}
@media screen and (max-width: calc(576px - 1px)) {
  .site-solr-search.ui-widget-content {
    border: 0px;
    /*box-shadow: 6px 2px 0px rgba(0, 0, 0, 0.25);
			-webkit-box-shadow: 6px 2px 0px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 6px 2px 0px rgba(0, 0, 0, 0.25);*/
    padding: 20px 33px 20px 33px !important;
  }
}
@media screen and (max-width: calc(576px - 1px)) {
  .site-solr-search {
    width: 100% !important;
    left: 0px !important;
    border: 0px !important;
    box-shadow: none;
    max-height: none !important;
    background: #ffffff !important;
    z-index: 98;
  }
}
.site-solr-search .ui-menu-item {
  padding: 2px !important;
  font-size: 14px;
}
@media screen and (max-width: calc(576px - 1px)) {
  .site-solr-search .ui-menu-item {
    font-size: 14px !important;
  }
}
.site-solr-search .ui-menu-item:hover {
  background: #eee;
  font-family: "Diodrum Medium";
}
.site-solr-search .ui-menu-item span {
  background: none !important;
  border: none !important;
  color: #000 !important;
  padding: 0px !important;
}