#cms-section-6690488587 .data-title { display: none; } #cms-section-6690488587 .data-desc {  display: none; } #cms-section-6690488587 .main-heading h2 {  text-align: left; } #cms-section-6690488587 .vert-line h2 {  position: relative;  margin-top: 0;  padding: 0 25px; }  #cms-section-6690488587 .vert-line h2:before {   content: "";   position: absolute;   top: 0;   left: 0;   height: 100%;   width: 7px;   background-color: var(--primary-color); } #cms-section-6690488587 .prod-box {  display: flex;  position: relative;  align-items: center; } #cms-section-6690488587 .slideshow {  display: inline-block;  position: relative;  flex: 0 0 50%;  width: 50%;  background-color: #f4f9ec; } #cms-section-6690488587 img {  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -o-user-select: none;  user-select: none;  -webkit-user-drag: none;  -khtml-user-drag: none;  -moz-user-drag: none;  -o-user-drag: none;  user-drag: none; } #cms-section-6690488587 .img-list {  position: relative;  height: 70px;  padding-top: 15px;  box-sizing: border-box;  overflow: hidden; }  #cms-section-6690488587 .img-list ul {   list-style: none;   padding: 0;   margin: 0;   position: relative;   display: flex;   height: 100%;   width: fit-content;   transition: left ease var(--animation-duration);   -webkit-transition: left ease var(--animation-duration); }  #cms-section-6690488587 .img-list ul li {   height: 100%;   position: relative;   padding-right: 15px;   box-sizing: border-box; }   #cms-section-6690488587 .img-list ul li img, #cms-section-6690488587 .img-list ul li svg {    height: 100%;    filter: brightness(0.5);    -webkit-filter: brightness(0.5);    transition: filter ease var(--animation-duration);    -webkit-transition: filter ease var(--animation-duration); }   #cms-section-6690488587 .img-list ul li:last-child {    padding: 0; }   #cms-section-6690488587 .img-list ul li:hover {    cursor: pointer; }    #cms-section-6690488587 .img-list ul li:hover img, #cms-section-6690488587 .img-list ul li:hover svg {     filter: brightness(1);     -webkit-filter: brightness(1); }  #cms-section-6690488587 .img-list ul .active-img img, #cms-section-6690488587 .img-list ul .active-img svg {   filter: brightness(1);   -webkit-filter: brightness(1); } #cms-section-6690488587 .img-box {  display: block;  height: 415px;  position: relative;  overflow: hidden; }  #cms-section-6690488587 .img-box ul {   padding: 0;   margin: 0;   list-style: none;   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%; }  #cms-section-6690488587 .img-box ul li {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   opacity: 0;   z-index: 1;   transition: opacity ease var(--animation-duration);   -webkit-transition: opacity ease var(--animation-duration); }   #cms-section-6690488587 .img-box ul li img {    height: 100%;    margin-left: 50%;    transform: translate(-50%, 0px);    -webkit-transform: translate(-50%, 0px); }   #cms-section-6690488587 .img-box ul li svg {    height: 100%; }  #cms-section-6690488587 .img-box ul .image-active {   opacity: 1;   z-index: 2; } #cms-section-6690488587 .content {  flex: 0 0 50%;  padding: 0 0 0 50px;  box-sizing: border-box; }  #cms-section-6690488587 .content h1, #cms-section-6690488587 .content h2, #cms-section-6690488587 .content p {   text-align: left; }  #cms-section-6690488587 .content h1 {   margin-top: 0;   font-size: 14px;   letter-spacing: 0;   color: var(--primary-color);   font-weight: 700; }  #cms-section-6690488587 .content h2 {   font-size: 24px; }  #cms-section-6690488587 .content hr {   background: var(--border-color);   margin: 25px 0; }  #cms-section-6690488587 .content .title, #cms-section-6690488587 .content .desc {   transition: opacity ease var(--animation-duration), transform ease var(--animation-duration);   -webkit-transition: opacity ease var(--animation-duration), transform ease var(--animation-duration);   transform: translate(0px, 0px);   -webkit-transform: translate(0px, 0px);   opacity: 1; }  #cms-section-6690488587 .content .load {   transform: translate(0px, 30px);   -webkit-transform: translate(0px, 30px);   opacity: 0;   transition: none;   -webkit-transition: none; } #cms-section-6690488587 .variant-box {  list-style: none;  padding: 0;  margin: 0; }  #cms-section-6690488587 .variant-box li {   display: inline-block;   text-align: left;   width: 100%;   margin: 0;   padding: 0;   margin-bottom: 7px; }  #cms-section-6690488587 .variant-box li label {   margin-left: 12px; } #cms-section-6690488587 .btns-box {  margin: 20px 0;  padding: 0;  display: flex;  list-style: none; }  #cms-section-6690488587 .btns-box li:last-child {   display: inline-block;   text-align: right; }  #cms-section-6690488587 .btns-box li:first-child {   display: inline-block;   text-align: left; } #cms-section-6690488587 .cta-box {  flex: 0 0 50%; } #cms-section-6690488587 .info-box {  flex: 0 0 50%; } #cms-section-6690488587 .cta-btn {  color: var(--button-primary-font-color);  background-color: var(--button-primary-color);  border: 2px solid var(--button-primary-color);  text-transform: var(--button-font-transform);  letter-spacing: var(--button-font-letterspacing);  font-weight: var(--button-font-weight);  display: inline-block;  font-family: var(--button-font);  transition: border ease var(--animation-duration), color ease var(--animation-duration), background-color ease var(--animation-duration);  -webkit-transition: border ease var(--animation-duration), color ease var(--animation-duration), background-color ease var(--animation-duration); }  #cms-section-6690488587 .cta-btn:hover {   color: var(--button-primary-font-hover-color);   background-color: var(--button-primary-hover-color);   border: 2px solid var(--button-primary-hover-color); } #cms-section-6690488587 .info-btn {  border: 2px solid var(--button-secondary-color);  color: var(--button-secondary-color);  font-family: var(--button-font);  display: inline-block;  transition: border ease var(--animation-duration), color ease var(--animation-duration);  -webkit-transition: border ease var(--animation-duration), color ease var(--animation-duration);  text-transform: var(--button-font-transform);  letter-spacing: var(--button-font-letterspacing);  font-weight: var(--button-font-weight); }  #cms-section-6690488587 .info-btn:hover {   border: 2px solid var(--button-secondary-hover-color);   color: var(--button-secondary-hover-color); } @media (max-width: 800px) { #cms-section-6690488587 .slideshow {  width: 100%;  margin-bottom: 30px; } #cms-section-6690488587 .prod-box {  display: block; } #cms-section-6690488587 .content {  padding: 0; } #cms-section-6690488587 .img-box {  height: 200px; } #cms-section-6690488587 .variant-box li:last-child {  margin-bottom: 30px; } } @media (max-width: 480px) { #cms-section-6690488587 .btns-box {  display: block;  margin: 0; }  #cms-section-6690488587 .btns-box li {   width: 100%; }   #cms-section-6690488587 .btns-box li:last-child a {    margin-top: 20px; }   #cms-section-6690488587 .btns-box li a {    width: 100%;    box-sizing: border-box;    text-align: center; } }#cms-section-8015759423 .text-bg { position: relative; text-align: center; display: inline-block; width: 100%; background-color: #1d260d; z-index: 1; } #cms-section-8015759423 .text-bg:before {  content: "";  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  background-image: url(https://cdn.icewolf.io/live/82/d54l0BIb/imgs/frame-trusses-background-w1800h600.jpg?6502630379077807721);  background-size: cover;  background-position: center;  z-index: 1; } #cms-section-8015759423 .text-bg:after {  content: "";  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  z-index: 1;  background-color: #1d260d;  opacity: 0.7; } #cms-section-8015759423 .content {  max-width: 750px;  display: inline-block;  width: 100%;  z-index: 2;  position: relative; } #cms-section-8015759423 .content p {  color: #fbfcf7; } #cms-section-8015759423 .content h2 {  color: #89ad42; } #cms-section-8015759423 .text-left p, #cms-section-8015759423 .text-left h2 {  text-align: left; } #cms-section-8015759423 .text-left .button {  text-align: left; } #cms-section-8015759423 .text-center p, #cms-section-8015759423 .text-center h2 {  text-align: center; } #cms-section-8015759423 .text-center .button {  text-align: center; } #cms-section-8015759423 .text-right p, #cms-section-8015759423 .text-right h2 {  text-align: right; } #cms-section-8015759423 .text-right .button {  text-align: right; } #cms-section-8015759423 h2, #cms-section-8015759423 p {  position: relative;  opacity: 1;  transform: translate3d(0px, 0px, 0px) scaleY(1);  -webkit-transform: translate3d(0px, 0px, 0px) scaleY(1);  transition: transform linear var(--animation-duration), opacity linear var(--animation-duration);  -webkit-transition: transform linear var(--animation-duration), opacity linear var(--animation-duration);  transition-delay: var(--animation-duration);  -webkit-transition-delay: var(--animation-duration); } #cms-section-8015759423 .button {  display: inline-block;  width: 100%;  position: relative;  z-index: 2;  margin-top: 20px; } #cms-section-8015759423 .button a {  display: inline-block;  text-align: center;  padding: 12px 35px;  line-height: 1.5em;  border: 1px solid #fff;  color: #fff; } #cms-section-8015759423 .button a p {  color: #fff;  padding: 0;  margin: 0;  text-align: center; } #cms-section-8015759423 .button a:hover {  cursor: pointer; } #cms-section-8015759423 .cms-animation {  opacity: 0;  transform: translate3d(0px, 30px, 0px) scaleY(0.5);  -webkit-transform: translate3d(0px, 30px, 0px) scaleY(0.5); }