/** Shopify CDN: Minification failed

Line 6033:1 Expected "}" to go with "{"

**/
.gym-header {
  text-align: center;
  padding: 30px;
}

.margin-top {
  margin-top: 100px;
}
.page-width {
  max-width: 1140px;
  margin: 50px auto;
}

.blue-bg {
  background-color: #38608C;
  padding: 100px 0;
}

.blue-bg .page-width {
  margin-top: 0;
  margin-bottom: 0;
}

.hf_img_text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  position: relative;
  background: #fff;
}
.hf_img_text:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 90%;
  /* background: #f5f5f6; */
  height: 100%;
  z-index: -1;
}
.hf_img_text .img {
  max-width: 50%;
  flex-basis: 50%;
}

.hf_img_text .img img {
  max-width: 100%;
}

.hf_img_text .content {
  max-width: 50%;
  flex-basis: 50%;
  padding-left: 50px;
  padding-right: 50px;
}
.hf_img_text .content .max-width {
  /* max-width: 390px; */
}
.hf_img_text .content h4 {
  font-size: 30px;
  color: #000;
  margin-bottom: 20px;
}
.hf_img_text .content p {
  font-size: 20px;
  color: #000;
  font-weight: 500;
  line-height: 20px;
}

.hf_img_text.reverse {
  flex-direction: row-reverse;
}
.hf_img_text.reverse:before {
  left: 0;
  right: inherit;
}

.hf_img_text.reverse .img {
  text-align: right;
}
.black-bg {
  background-color: #e6e6e6;
  padding: 100px 0;
}
.black-bg .page-width {
  margin-top: 0;
  margin-bottom: 0;
}
.black-bg .hf_img_text {
  position: relative;
}
.poster {
  margin-top: 0;
}
.poster img {
  width: 100%;
  min-height: 375px;
  object-fit: cover;
}

.gym_template .static-header__wrapper {
  display: none;
}
.gym_template .nav--desktop {
  display: none;
}

@media only screen and (max-width: 767.9px) {
  .hf_img_text .img {
    max-width: 100%;
    flex-basis: 100%;
  }
  .hf_img_text .content {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    max-width: 100%;
    flex-basis: 100%;
  }
  .hf_img_text .img img {
    width: 100%;
  }
  .hf_img_text:before {
    width: 100%;
  }
  .hf_img_text {
    /* padding-top: 0; */
  }
  .margin-top {
    margin-top: 0;
  }
  .for_gym {
    padding: 0;
  }
  .poster {
    margin-top: 0;
  }
  .hf_img_text .content p br {
    display: none;
  }
  .for_gym h4, .for_gym h6 {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .black-bg .hf_img_text {
    top: 0;
    margin-top: 0;
  }

  .blue-bg ,.black-bg {
    padding: 50px 0;
  }

  .blue-bg .page-width, .black-bg .page-width {
    padding: 0 15px;
  }
}


.blur-up {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  /* transition: filter 400ms, -webkit-filter 400ms; */
  transition: all 0.5s;
}

.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}


body span[data-pin-log="button_pinit_floating"] {
  display: none !important;
}

.home-section {
	padding:60px 0;
}

.white-bg {
	background-color:#fff;
}

.page-wrapper {
	max-width:1440px;
  	width:100%;
  	margin: auto;
}
.hp-intro-section {
	text-align:center;
    background-color: #ffffff;
    /* background-image: url(fan-engine.png); */
      background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    min-height: 550px;
    padding-top: 1px;
}

.hp-intro-section h2 {
	font-size:4em;
  	text-transform:uppercase;
  	color:#537f53;
  	margin:0 auto .5em;
    text-align: left;
}

.hp-intro-section h4, .hp-intro-section .h4 {
	font-size:2em;
  	text-transform:uppercase;
  	margin:0 auto 0.5em;
    margin-top: 50px;
    text-align: left;
    color: #2f2f2f !important;
}
@media screen and (max-width:450px) {
    .hp-intro-section h4, .hp-intro-section .h4 {
    margin: 1em auto .1em;   
    }
}
.hp-intro-section p {
	font-size:1.5em;
    line-height:1.25;
    max-width:780px;
    text-align: left;
    color:#2f2f2f !important;
}

@media screen and (max-width:450px) {
.hp-intro-section p {
	font-size:1.2em;
    line-height:1.25;
    max-width:780px;
    text-align: center;
    color:#2f2f2f !important;
 }
}
.hp-intro-section .btn {
  	padding: 1em 5em;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 50px;
    float: left;
}
@media screen and (max-width:450px) {
.hp-intro-section .btn {
    float: none;
 }
}
.trust-section {
	background-color: whitesmoke;
}

.trust-section h2 {
	font-size:2.5em;
  	text-transform:uppercase;
  	color:#537f53;
  	margin:0 auto 1em;
  text-align:center;
}

.trust-icons-wrap {
	display:flex;
  	width:100%;
  	justify-content:center;
  	flex-wrap:wrap;
}

.trust-icons-wrap img {
	width:80px;
  	height:80px;
  	border-radius:50%;
  	margin:0 25px;
}
.serve-industry-section.home-section{
  width: 100%;
  overflow: hidden;
}
.serve-industry-section h2 {
	font-size:2.5em;
  	text-transform:uppercase;
  	color:#537f53;
  	margin:-15px;
    text-align:center;
    margin-bottom: 50px;
}

.serve-industry-section h4 {
	font-size:2em;
  	text-transform:uppercase;
  	margin:0 auto 0.5em;
  	text-align:center;
    margin-top: 50px;
    color: #2f2f2f !important;
}

.industry-thumbs-wrap {
	display:flex;
  	flex-wrap:wrap;
    background: #000;
}

.industry-thumbs-wrap .industry-thumb {
	flex:1 1 auto;
  	width:25%;
  max-width: 25%;
  text-decoration: none;

}

.industry-thumb-img {
	padding:26% 0;
  	display:block;
  	width:100%;
  	background-size:cover;
  	background-position:center center;
}
.industry-thumb-img:hover {
  filter: brightness(0.5);
}
.industry-thumb strong {
    display: flex;
    padding: 10px 25px;
    background: #547f52;
    color: #fff;
    font-size: 1.25em;
    font-weight: 900;
    text-transform: uppercase;
  	justify-content:space-between;
}

.industry-thumb strong:after {
	content:'\f30b';
  	font-family: "Font Awesome 5 Free";
}

.product-card__title {
  background-color:#537b7f;
  color:#fff;
  text-align:center;
  padding:10px;
}

.product-card__text {
	flex:0 1 auto;
}

.product-card__description {
	text-align:left;
}

.product-card__footer {
	flex-direction:column;
}

.product-card__footer .product-card__info {
	padding-right:0;
  display:block;
  width:100%;
  text-align:center;
}

.product-card__footer .col-prod-btn {
	border:1.5px solid #24524a;
  width:100%;
  display:block;
  text-align:center;
  padding:10px 0;
  font-weight:400;
  text-transform:uppercase;
  margin:5px auto 0;
  background-color: #537f53;
  color: #ffffff;
  font-size: 16px;
}

.product-card__footer .col-prod-btn:hover {
  background-color: transparent;
  color: #000;
}

.hp-product-carousel h2 {
	font-size:2.5em;
  	text-transform:uppercase;
  	color:#537f53;
  	margin:0 auto .5em;
    text-align:center;
}

.hp-product-carousel h4 {
	font-size:2em;
  	text-transform:uppercase;
  	margin-bottom: 3px;
  	text-align:center;
    color: #2f2f2f !important;
}

.hp-products-carousel {
	padding:0 50px;
}

.slick-slider .slick-arrow {
	position:absolute;
  	top:50%;
  	transform:translateY(-50%);
}

.slick-slider .slick-prev {
	left:10px;
  	transform:translateY(-50%) rotate(180deg);
}

.slick-slider .slick-next {
	right:10px;
}

.slick-slider .product-card {
  padding:10px 15px;
}

.slick-slider .product-card a {
  border: 1px solid #484848;
  border-radius: 10px; 
/*   height: 620px; */
}

.cta-section {
	text-align:center;
  	margin:25px auto 0;
}

.cta-section .btn {
	padding:10px 85px;
  	font-weight:900;
    background-color: transparent;
    color: black;
    border: 1px solid;
}

.hp-services h2 {
	font-size:1.5em;
  	text-transform:uppercase;
  	color:#537f53;
  	margin:0 auto .5em;
    text-align:center;
}

.hp-services h4 {
	font-size:2em;
  	text-transform:uppercase;
  	margin:0 auto 0.5em;
  	text-align:center;
    color: #2f2f2f !important;
    margin-bottom: -5px;
}

.services-thumbs-warpper {
	display:flex;
}

.service-thumb-single {
	display:block;
  	flex:1 1 auto;
  background-size:cover;
  background-position: center center;
  padding:15% 0;
  position:relative;
  
}

.service-thumb-single:after {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.3);
  content:'';
  display:block;
}

.service-thumb-single a {
  color:#fff;
  font-size: 2em;
  font-weight :900;
  line-height:25px;
  display: grid;
  width:100%;
  justify-content:space-around;
  position:absolute;
  z-index:9;
  display:block;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
}

.service-thumb-single a:after {
  content:'\f30b';
  font-family: "Font Awesome 5 Free";
  font-size:20px;
  line-height:22px;
  display:inline-block;
  border:2px solid #fff;
  width:25px;
  height:25px;
  margin-left:20px;
  position:relative;
  vertical-align:text-top;
}

.hp-product-grid h2 {
	font-size:2.5em;
  	text-transform:uppercase;
  	color:#537f53;
  	margin: 0 auto .5em;
    text-align:center;
}
#shopify-section-pdp-compatible h2{
  margin-top: 5em;
}

.hp-product-grid h4 {
	font-size:2em;
  	text-transform:uppercase;
  	margin:0 auto 0.5em;
  	text-align:center;
}

.hp-products-grid {
	display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  width:100%;
  max-width:1000px;
  margin:0 auto;
  height: 600px;
}

.hp-products-grid .product-card {
  width:31%;
  max-width:420px;
  margin:0 1% 1em;
  /* border: 1px solid #2a8038; */
  border-radius: 10px;
}
.product-card__image {
  height: 99.9%;
  border-radius: 10px;
  object-fit: contain; 
}
.product-card.alt-grid .product-card__title {
	background-color: #717b85;
}

.product-card.alt-grid .product-card__description p {
	text-align: left;
	line-height: 1;
}

.slick-track .product-card__description p {
    white-space: nowrap !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  text-align: center;
}

.product-card.alt-grid .col-prod-btn {
	background-color: #537f53;
	border:none;
	color:#fff;
	font-weight: 700;
	padding:10px 0;
}

.hp-download  h2 {
	font-size:2.5em;
  	text-transform:uppercase;
  	color:#537f53;
  	margin:0 auto .5em;
    text-align:center;
}

.hp-download h4 {
	font-size:2em;
  	text-transform:uppercase;
  	margin:3px;
  	text-align:center;
    color: #2f2f2f !important;
}

.downloads-wrapper {
	display: flex;
}

.download-item {
	flex: 1 1 50%;
	background-size:cover;
	background-position: center center;
	padding:5% 0;
	text-align: center;
	color:#fff;
	text-decoration: none;
}

.download-item strong {
	font-size: 3em;
    font-weight: 900;
}

.download-item p {
	margin: 0;
    font-size: 1.5em;
}

.hp-blog {
	padding:50px 0;
}

.hp-blog h2 {
	font-size:2.5em;
  	text-transform:uppercase;
  	color:#537f53;
  	margin:0 auto .5em;
    text-align:center;
}

.hp-blog h4 {
	font-size:2em;
  	text-transform:uppercase;
  	margin:3px;
  	text-align:center;
    margin-top: 60px !important;
    color: #2f2f2f !important;
}

.hp-blogs-wrapper {
	display:flex;
	grid-gap: 20px;
	flex-wrap: wrap;
	max-width: 1440px;
	margin:0 auto;
}

.hp-blogs-wrapper .hp-blog-article {
	width:32%;
	padding:10% 20px;
	position: relative;
	flex:1 1 32%;
	color:#fff;
	text-decoration: none;
}

.hp-blogs-wrapper .hp-blog-article:after {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	background-image: linear-gradient(to top, #000, rgba(0,0,0,0));
}

.hp-blogs-wrapper .hp-blog-article strong {
	position: absolute;
    bottom: 25px;
    z-index: 99;
    font-size: 1.5em;
    font-weight: 400;
	text-align: center;
}

.hp-blog a.btn {
	background:transparent;
	color:#2f2f2f;
	border: 1px solid #2f2f2f;
	margin:50px auto;
	display: block;
	max-width: 240px;
}
div#shopify-section-16305343697a8074a7 {
  margin-bottom: 40px; 
}
div#shopify-section-163026097492398a08 {
      background-color: whitesmoke;
}
div#shopify-section-16303115068cc6e402 {
     background-color: #ffffff;
}
.testimonials {
  margin-top: -60px;
}
.product-card__image-container{
  overflow: hidden;
  padding-bottom: 100%;
  /* border: solid 1px #ccc; */
}
.product-card__title{
	margin-top: 0;
}

.product-card__title{
    
  	font-size: 2.1rem;
    min-height: 80px;

}

.product-card__description p{
	height: 58px;
  overflow: hidden;
}

.page__description-text iframe{
	width: 100%;
}
.rte ol, .rte ul + ul{
	margin: 0;
}

.rte ol, .rte ul + ul{
	margin: 0;
  padding: 0;
}

.rte ol, .rte ul li ul{
	margin: 0;
  padding: 0;
}
.banner__description, .banner__heading{
	color: #fff !important;
    display: none;
}
.footer__newsletter .form__item{
	width: 100%;
}
.footer__newsletter__form{
	-ms-flex: 0 0 60%;
    flex: 0 0 60%;
}
.hp-custom-products{
	display: flex;
 	justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 20px;
}
.hp-custom-products .grid-setting{
	  flex-basis: calc(100% / 5 - 20px);
    width: calc(100% / 5 - 20px);
    border-radius: 0;
}
.template-collection .hp-custom-products .grid-setting{
  border: 2px solid #484848;
  border-radius: 10px;
}
.hp-custom-products.collection-page-grid .grid-setting {
  flex-basis: calc(100% / 3 - 20px);
  width: calc(100% / 3 - 20px);
}

.hp-custom-products.collection-page-grid {
  justify-content: space-evenly;
}


/* 9-13-2021 */

.cs-section-width{
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
.cs-section-width .row{
  display: flex;
  justify-content: flex-start;
}
.width7{
  width: 70%;
  flex-basis: 70%;
  padding-left: 15px;
  padding-right: 15px;
}
.width3{
  width: 30%;
  flex-basis: 30%;
  padding-left: 15px;
  padding-right: 15px;
}
.width6{
  width: 60%;
  flex-basis: 60%;
  padding-left: 15px;
  padding-right: 15px;
}
.width4{
  width: 40%;
  flex-basis: 40%;
  padding-left: 15px;
  padding-right: 15px;
}

.custom-collection-header {
  background-size: contain;
  background-position: right center;
  /* min-height: 550px; */
  position: relative;
  background-image: url('/cdn/shop/collections/hero.png?v=1621921817');
  background-size: cover;
}

.custom-collection-header::after {
  width: 60%;
  position: absolute;
  left:0;
  top:0;
  bottom: 0;
  content: '';
  display: block;
  /* background:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%); */
}

.collection-header-meta {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  width:100%;
}

.collection-header-meta h2 {
  color: #547f52;
  font-size: 3em;
  font-weight: 900;
  text-transform: uppercase;
  margin:0;
}

.collection-header-meta h2.alt {
  color:#e6e6e6;
}

.collection-header-meta  h4 {
  color: #fff;
  font-size: 2em;
  font-weight: bolder;
  text-transform: uppercase;
}

.custom-collection-header .video-link-collection {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  z-index: 999;
  width:150px;
  height:150px;
  border-radius: 75px;
  background-color: #e6e6e6;
}

.colleciton-page-redo {
  margin:70px auto 25px;
}

.btn.btn--secondary {
  padding: 1rem 5.6rem;
}

.btn.btn--primary.black {
  padding:1rem 5.6rem;
}

.static-product__details--buttons .btn.btn--primary.black {
  background-color: #547f52;
  text-transform: uppercase;
}

.static-product__details--buttons .btn.btn--primary.black:hover {
  color:#fff;
  background:#000;
}

.btn.btn--secondary.black {
  border:1px solid #547f52;
  color:#547f52;
  padding: 1rem 7.5rem;
}

.static-product__details--buttons .btn.btn--secondary.black:hover {
  color:#fff;
}

.btn span:before, .btn span:after {
  display:none;
}

.static-product__details--buttons .btn.btn--primary.black span:after {
  display:none;
}

/* tuseef */
.custom-width-container{
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 80px;
  margin-top: 60px;
}
:root{
  --color:rgb(4, 136, 85);
}
.slider{
  background-image: url("backimg1.jpeg");
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.slider-inner-content{
  padding: 100px 0;
}
.slider-inner-content-heading{
  color: rgb(4, 136, 85);
  font-weight: bold;
  font-size: 2rem;
}
.slider-inner-content-p{
  color: white;
  font-size: 2rem;
}
.building-inner-content{
  text-align: center;
  padding: 0;
  background-color: whitesmoke;
}
.building-inner-p{
  margin: 0 auto;
  /* width: 50%; */
}
.gallary-container{
  display: flex;
  flex-wrap: wrap;
}
.gallary-inner-content{
  width: 25%;
}
.gallary-inner-content-img img{
  width: 100%;
  display: block;
}
.img-caption-container{
  display: flex;
  color: white;
  background-color: var(--color);
  justify-content: space-between;
  padding: 10px;
}
.building.heading h2{
  margin: 0;
  line-height: inherit;
}
.building.heading p{
  margin: 0;
}
@media screen and (max-width:700px) {
  .gallary-inner-content{
  flex-basis: 33.3%;
  }
  .building-inner-content{
      text-align: center;
      padding: 20px;
  }
  .building-inner-p{
      margin: 0 auto;
      width: 100%;
      text-align: justify;
  }
}
@media screen and (max-width:450px) {

  .gallary-inner-content{
      flex-basis: 50%;
      }
      .building-inner-content{
          text-align: center;
          padding: 10px;
          text-align: justify;
      }
      .building-inner-p{
          margin: 0 auto;
          width: 100%;
      }
      .building-inner-content{
          text-align: center;
          padding: 8px 12px;
      }
      
}
@media screen and (max-width:400px) {
  .gallary-inner-content{
      flex-basis: 100%;
  }
  .building-inner-content{
      text-align: center;
      padding: 10px;
  }
  .slider-inner-content-heading{
          color: rgb(4, 136, 85);
          font-weight: bold;
          font-size: 1.5rem;
  }
  .slider-inner-content-p{
      color: white;
      font-size: 1rem;
  }
}
@media screen and (max-width:320px){
  .slider-inner-content-heading{
      color: rgb(4, 136, 85);
      font-weight: bold;
      font-size: 1rem;
      text-align: center;
  }
  .slider-inner-content-p{
      color: white;
      font-size: 1rem;
  }
}

/* waqas bhai ka section */
.fans-container{
  width: 80%;
  margin:  40px auto;
}
.fans-container .fans-content{
  text-align: center;
}
.fans-container .fans-content h2{
  color: rgb(60, 60, 61);
  margin: 0;
}
.fans-container .fans-content p{
  color: rgb(78, 78, 78);
  padding: 30px 0 20px;
  margin: 0;
}
.fans-container .fans-content a{
  text-decoration: none;
  background-color: #468431;
  padding: 10px 20px;
  display: inline-block;
  color: white;
}
.project-container{
  width: 90%;
  border-top: 3px solid #fff;
  margin:  30px auto;
  background-color: #000;
  padding-bottom: 10px;
}
.project-inner-container{
  display: flex;
  width: 80%;
  margin: 30px auto;
  flex-wrap: wrap;
  column-gap: 30px;
}
.project-content{
  width: 22%;
}
.project-inner-container .project-content h1{
  font-size: 40px;
  color: rgb(255, 255, 255);
}
.project-inner-container .project-content h3{
  color: rgb(255, 255, 255);
  font-size: 20px;
  margin: 0;
  line-height: 26px;
}
.project-inner-container .project-content p{
  color: rgb(255, 255, 255);
  padding: 20px 0;
  margin: 0
}
.project-inner-container .project-content a{
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-decoration-color: #fff;
}
.project-content .quote-btn{
  border-bottom: 2px solid grey;
  display: inline-block;
}
.get-started{
  background-color: #537f53;
}
.get-started-content {
  width: 80%;
  margin:  30px auto 0;
  text-align: center;
  padding: 60px 0;
}
.get-started-content .get-started-heading h2{
  color: white;
}
.get-started-content .get-started-btn a{
  text-decoration: none;
  border: 1px solid white;
  padding: 10px 40px;
  display: inline-block;
  margin: 20px 20px;
  color: white;
}
@media screen and (max-width:1051px){
  .project-inner-container{
      column-gap: 20px;
  }
  .project-content{
      width: 22%;
  }
  .project-inner-container{
    width: 90%;
  }
}
@media screen and (max-width:978px){
  .get-started-content .get-started-btn a{
      padding: 10px 15px;
  }
  .project-inner-container .project-content a{
      font-size: 12px;
  }
}
@media screen and (max-width:800px){
  .get-started-content .get-started-btn a{
      padding: 10px 10px;
      margin: 20px 10px;
      font-size: 15px;
  }
  .project-content{
      width: 20%;
  }
  .project-container{
      width: 95%;
  }
  .project-inner-container{
      width: 90%;
  }
  .project-inner-container{
      column-gap: 25px;
  }
}
@media screen and (max-width:700px){
  .project-inner-container{
      width: 95%;
  }
  .project-inner-container .project-content h1{
      font-size: 30px;
  }
  .project-inner-container .project-content h3{
      font-size: 18px;
  }
  .project-inner-container .project-content p{
      font-size: 14px;
  }
  .project-inner-container .project-content a{
      font-size: 11px;
  }
  .get-started-content .get-started-btn a{
      padding: 6px 8px;
      margin: 20px 8px;
      font-size: 13px;
  }
}
@media screen and (max-width:553px){
  .get-started-content .get-started-btn a{
      width: 100%;
      margin: 10px 8px;
  }
  .project-container{
      width: 100%;
  }
  .project-inner-container{
      width: 98%;
      padding: 0 30px;
  }
  .project-content{
      width: 45%;
  }
  .project-inner-container{
      gap: 15px;
  }
  .project-inner-container .project-content a{
      font-size: 10px;
  }
  .project-inner-container .project-content h1{
      font-size: 25px;
      padding-top: 40px;
  }
}
.bg-section{
  background-color: #f2f4f4;
  padding: 20px;
}
@media screen and (max-width:400px){
  .project-content{
      width: 100%;
  }
}
.ind_padding_set .home-section{
  padding: 0;
}

/* services */


.service-banner-container{
  /* background: url('banner.png') center no-repeat; */
  background-size: contain;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: black;
}
.service-banner-container p{
  margin: 0;
}
.service-banner-content{
  padding-left: 168px;
  width: 1100px;
}
.service-banner-content h1{
  font-size: 80px;
  color: #547f52;
  padding-bottom: 42px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.service-banner-content p{
  font-size: 25px;
  font-weight: 700;
  text-transform: capitalize;
  color: #fff;
  padding-bottom: 0;
}
.service-banner-content p:first-of-type{
  color: #ffffff;
  padding-bottom: 52px;
}
.service-banner-content p:last-of-type{
  color: #547f52;
}
.service-banner-content a{
  text-decoration: none;
  height: 50px;
  line-height: 48px;
  border: solid 1px #fff;
  color: #fff;
  text-align: center;
  display: block;
  max-width: 250px;
  font-size: 18px;
}
.installation-container{
  padding: 96px 168px 65px;
}
.universal-header{
  text-align: center;
  padding-bottom: 50px;
}
.universal-header h2{
  font-size: 40px;
  padding-bottom: 30px;
  margin: 0;
}
.universal-header p{
  font-size: 20px;
  margin: 0;
}
.installation-list-container{
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: auto;
}
.installation-list-box{
  flex-grow: 1;
  flex-basis: 48%;
}
.installation-list-box:first-child{
  padding-right: 40px;
  border-right: 1px solid #547f52;
}
.installation-list-box:last-child{
  padding-left: 40px;
}
.installation-list-box ul{
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.installation-list-box ul li{
  margin-bottom: 35px;
  display: flex;
}
.installation-list-box ul li:last-of-type{
  margin-bottom: 0;
}
.installation-list-box ul li i{
  padding-right: 25px;
  color: #547f52;
  font-size: 14px;
  line-height: 20px;
}
.video-content{
  position: relative;
}
.video-content img{
  filter: brightness(50%);
  width: 100%;
}
.video-content video{
  width: 100%;
  max-height: 500px;
  object-fit: cover;
}
.video-content .play-btn,.geeking-video .play-btn{
  position: absolute;
  top: 50%;
  left: 50%;
  border: none;
  outline: 0;
  background-color: #e6e6e6;
  height: 155px;
  width: 155px;
  border-radius: 50%;
  transform: translate(-50%,-50%);
}
.play-btn i{
  color: #2f2f2f;
  font-size: 50px;
}
.inspection-container{
  /*padding-top: 77px;
  padding-bottom: 77px;*/
  background-color: #f8f8f8;
}
.inspection-list-container{
  padding: 0 150px;
}
.inspection-list-container ul{
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.inspection-list-container ul li{
  text-align: center;
  position: relative;
}
.inspection-list-container ul i{
  color: #547f52;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 4px;
}
.inspection-list-container ul span{
  font-size: 17px;
  padding-left: 35px;
}
.troubelshoot-container{
  /* padding-top: 175px; */
}
.troubelshoot-container .universal-header{
  padding-bottom: 45px;
}
.troubleshoot-description{
  text-align: center;
}
.troubleshoot-description p{
  font-size: 20px;
  margin: 0;
}
.troubleshoot-description span{
  font-size: 20px;
  display: block;
  padding: 20px 0;
}
.troubleshoot-btn a,.authorized-btn a{
  color: #547f52;
  display: block;
  font-weight: 500;
  font-size: 22px;
  text-align: center;
}
.troubleshoot-btn .troubleshoot-btn-pretext {
    color: #547f52;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
}
.troubleshoot-description .troubleshoot-btn a {
  display: inline;
}
.troubleshoot-btn a:hover,.authorized-btn a:hover{
  text-decoration: none;
}
.troubleshoot-img-container img,.industry-img-box img{
  width: 100%;
  display: block;
  max-height: 600px;
  min-height: 300px;
  object-fit: cover;
}
.authorized-container{
  padding-top: 20px;
  padding-bottom: 0px;
}
.authorized-container .universal-header{
  padding-bottom: 40px;
}
.troubleshoot-img-container{
  margin-top: 112px;
}
.universal-container{
  background-color: #547f52;
  padding-top: 30px;
  padding-bottom: 30px;
}
.hunter-container .universal-header{
  padding-bottom: 50px;
}
.hunter-container .universal-header h2,.hunter-container .universal-header p{
  color: #ffffff;
  text-transform: capitalize;
}
.hunter-inner-container{
  text-align: center;
}
.universal-btn a{
  text-decoration: none;
  text-transform: uppercase;
  padding: 26px 90px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 22px;
}
.about-banner-container{
  background: url('about-banner.png') center no-repeat;
  background-size: 100% 100%;
  padding-top: 296px;
  background-blend-mode: darken;
  background-color: black;
  padding-bottom: 395px;
}
.about-content h1{
  font-size: 80px;
  color: #547f52;
}
.banner-text{
  display: flex;
  column-gap: 34px;
}
.banner-text .text-item h1{
  color: #ffffff;
}
.banner-text .text-item p{
  font-size: 35px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0;
  line-height: 50px;
}
.banner-text .text-item p:first-of-type{
  color: #547f52;
}
.banner-text .text-item p:last-of-type{
  color: #ffffff;
}
.geeking-inner-container{
  display: flex;
  margin-top: -65px;
  background-color: #ffffff;
  padding-left: 114px;
  padding-top: 162px;
  padding-bottom: 35px;
}
.geeking-content{
  flex-basis: 60%;
  margin-top: -60px;
}
.geeking-content h2{
  font-size: 35px;
  font-weight: 400;
  line-height: 1px !important;
  text-align: left;
  color: #537f53;
}
.geeking-content h4{
  padding-bottom: 50px;
  font-size: 30px;
  text-align: left;
}
.geeking-detail{
  display: flex;
  column-gap: 30px;
  margin-right: 60px;
  margin-top: -60px;
  text-align: left;
}
.geeking-detail p{
  font-size: 20px;
}
.geeking-detail .detail-box{
  flex-grow: 1;
  width: 50%;
}
.geeking-video{
  flex-basis: 40%;
  position: relative;
}
.geeking-video img{
  width: 100%;
  height: 400px;
  position: relative;
  right: -10px;
  object-fit: cover;
}

.industry-header,.industry-detail{
  text-align: center;
}
.industry-header h2{
  font-size: 40px;
  color: #547f52;
  font-weight: 400;
  margin-bottom: -30px;
}
.industry-header h3{
  font-size: 35px;
  padding-bottom: 58px;
}
.industry-detail p,.industry-detail span{
  font-size: 20px;
}
.industry-detail span{
  display: block;
  padding-top: 36px;
  padding-bottom: 160px;
}
.testimonial-container{
  padding-top: 85px;
  padding-bottom: 0px;
}
.testimonial-container .custom-width-container{
  margin: 0 auto;
  padding: 0;
}
.testimonial-slide{
  display: flex;
  justify-content: center;
  align-items: center;
}
.slide-img-box{
  flex-basis: 20%;
}
.slide-detail{
  flex-basis: 60%;
}
.slide-detail p{
  font-size: 30px;
  color: #547f52;
  font-weight: 500;
}
.slide-img-box img{
  width: 100%;
  max-width: 250px;
  height: 250px;
  object-fit: cover;
  border-radius: 50%;
  /*border: 10px solid #547f52;*/
}
.inspection-list-container ul li{
  margin-bottom: 15px;
}
.page__description-text p:last-of-type{
  line-height: 26px;
}
/* responsive setting */
@media only screen and (max-width: 1285px){
	.main-menu>li:not(:first-child) {
      margin-left: 20px;
  }
  .static-header__subNav--links .main-menu>li>a{
  	font-size: 17.5px;
    font-weight: 600;
  }
  .custom-collection-header .video-link-collection {
    left:75%;
  }
  .collection-header-meta h2 {
    font-size:2.54em;
  }
  .collection-header-meta p {
    font-size:1.5rem;
  }
}
@media only screen and (max-width: 1450px){
  .custom-width-container{
    padding: 0 30px;
  }
  .troubelshoot-container {
    /* padding-top: 120px; */
}
.authorized-container {
  padding-top: 170px;
  padding-bottom: 150px;
}
}
@media only screen and (max-width: 1440px){
	.page-wrapper{
    	max-width: calc(100% - 100px);
    }
    .service-banner-content{
      width: 800px;
      padding-left: 100px;
    }
  .section__container{
  	max-width: calc(100% - 100px);
  }
  .image-with-text__wrapper{
  	width: calc(100% - 100px);
  }
  .hp-services h4, .hp-services h2, .hp-product-carousel h2{
  	width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto;
  }
  .hp-intro-section{
  	background-size: 360px;
  }
  .industry-thumb-img{
  	padding: 40%;
  }
  .product-card__text{
  	padding: 15px;
  }
  .hp-products-grid{
  	max-width: calc(100% - 100px);
  }
  .hp-custom-products .grid-setting {
    flex-basis: calc(100% / 4 - 20px);
    width: calc(100% / 4 - 20px);
}
.troubelshoot-container {
  /* padding-top: 110px; */
}
}
@media only screen and (max-width:1340px){
  .industry-thumb strong{
      font-size: 1.1em;
  }
}
@media only screen and (max-width:1210px){
  .industry-thumb strong{
      font-weight: 700;
      padding: 10px 15px;
  }
  .service-banner-content{
    padding: 0 100px;
  }
  .service-banner-content h1{
    font-size: 60px;
  }
  .service-banner-content p{
    font-size: 30px;
  }
  .service-banner-content p:first-of-type{
    padding-bottom: 30px;
  }
  .troubelshoot-container {
    /* padding-top: 90px; */
}
}
@media only screen and (max-width:1100px){
  .industry-thumbs-wrap .industry-thumb{
    flex-grow: unset;
    width: 33.33%;
    max-width: 33.33%;
  }
  .get-started-content .get-started-btn a{
    margin: 15px;
  }
  .installation-list-box ul li{
    margin-bottom: 25px;
  }
  .service-banner-container{
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 1024px){
  .static-header__subNav--links{
  	padding: 17px 30px;
  }
  .main-menu>li:not(:first-child){
  	margin-left: 14px;
  	}
  .static-header__subNav--links .main-menu>li>a{
  	font-size: 19px;
    font-weight: 600;
  }
  .hero__slide .slide__heading{
  	font-size: 75px;
  }
  .shopify-section-static-header > .main-menu>li:not(:first-child){
  	margin-left: 34px;
  }
  .hp-intro-section{
  	background-image: none;
    
  }
  .industry-thumbs-wrap .industry-thumb{
  	width: 33.33%;
    max-width: 33.33%;
  }
  .testimonials__wrapper{
  	padding-left: 50px;
    padding-right: 50px;
  }
  .hp-products-grid{
  	height: auto;
  }
  .hp-products-grid .product-card{
  	width: 48%;
  }
  .hp-custom-products .grid-setting {
    flex-basis: calc(100% / 3 - 20px);
    width: calc(100% / 3 - 20px);
}
.universal-header{
  padding-bottom: 50px;
}
.authorized-container {
  padding-top: 120px;
  padding-bottom: 120px;
}
.geeking-video .play-btn, .video-content .play-btn{
  height: 115px;
  width: 115px;
}
.geeking-video .play-btn i, .video-content .play-btn i{
  font-size: 40px;
}
.geeking-video img{
  right: 0;
}
.industry-header h3{
  padding-bottom: 0 !important;
}
}

@media only screen and (max-width: 992px){
.image-with-text__wrapper>div{
  	width: 100%;
  }
  .image-with-text__wrapper>div+div{
  	padding-left: 0;
    width: 100%;
    margin-top: 30px;
  }
  .Snippet__image-with-text .image-with-text__text-wrapper{
  	max-width: 100%;
  }
  .download-item strong{
  	font-size: 2.2em;
  }
  	.hero__slide .slide__buttons {
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 35px;
    max-width: 25%;
}
.hero__slide .slide__image img{
  	height: 450px;
  width: 100%;
    object-fit: cover;
  }
  .hp-custom-products .grid-setting {
    flex-basis: calc(100% / 2 - 20px);
    width: calc(100% / 2 - 20px);
}
  .installation-container {
    padding: 96px 0 165px;
    max-width: calc(100% - 200px);
    margin-left: auto;
    margin-right: auto;
  }
  .service-banner-content{
    width: 100%;
    padding: 0 70px;
  }
  .service-banner-container{
    padding-top: 100px;
    padding-bottom: 100px;
  }
.inspection-list-container {
    padding: 0 100px;
}
.inspection-list-container ul li{
  margin-bottom: 15px;
}
.inspection-container {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f8f8f8;
}
.troubelshoot-container {
  /* padding-top: 80px; */
}
.universal-btn a {
  padding: 20px 80px;
  font-size: 20px;
  font-weight: bold;
  
}
.industry-thumb strong {
  font-size: 1.0em;
}
  
}
@media only screen and (max-width: 768px){
  
  .hero__slide .slide__buttons{
  	width: 30%;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .hero__slide .slide__image img{
  	height: 450px;
    object-fit: cover;
  }
  .hero__slide .slide__buttons .btn, 
  .hero__slide .slide__buttons .shopify-payment-button__button--unbranded{
  	margin-right: 15px;
  }
  
  .industry-thumbs-wrap .industry-thumb{
  	width: 50%;
    max-width: 50%;
  }
  .downloads-wrapper{
  	flex-wrap: wrap;
  }
  .download-item{
  	flex-basis: 100%;
    padding: 60px;
    width: 100%;
    
  }
  .download-item strong{
  	font-size: 2.2em;
  }
  .hp-blogs-wrapper .hp-blog-article{
  	padding: 20% 20px;
  }
  .image-with-text__wrapper{
  	-ms-flex-direction: column;
    flex-direction: column;
  }
  .hero__slide .slide__buttons{
  	max-width: 40%;
    margin-top: 20px;
  }
  .btn--primary, .button--primary, .shopify-challenge__button{
  	padding: 1rem 0.6rem 1rem 2.6rem;
  }
  .hero__slide .slide__buttons .btn+.btn, .hero__slide .slide__buttons .btn+.shopify-payment-button__button--unbranded, .hero__slide .slide__buttons .shopify-payment-button__button--unbranded+.btn, .hero__slide .slide__buttons .shopify-payment-button__button--unbranded+.shopify-payment-button__button--unbranded{
  	margin-top: 0px;
  }
  .hero__slide .slide__heading {
    font-size: 45px;
}
  .industry-thumb strong{
  	 font-size: 0.95em;
  }
  .hp-intro-section{
  	height: auto;
    margin-bottom: 40px;
  }
  .custom-collection-header::after {
    background:rgba(0,0,0,0.5);
    width:100%;
  }
  .collection-header-meta {
    text-align: center;
  }
  .collection-header-meta h4 {
    margin:0;
  }
  .custom-collection-header .video-link-collection {
    left:50%;
    top:75%;
    width:80px;
    height:80px;
  }
  .fans-container .fans-content h2,.building.heading h2,.get-started-content .get-started-heading h2{
    font-size: 3.2rem;
  }
  .project-container,.project-inner-container{
    width: 95%;
  }
  .project-inner-container .project-content h1{
    line-height: 6.6rem;
  }
  .project-content{
    width: 31%;
  }
  .project-inner-container {
    column-gap: 20px;
}
.project-inner-container .project-content p{
  padding: 10px 0;
}
.service-banner-container{
  padding-top: 100px;
}
.service-banner-content h1 {
  font-size: 50px;
}
.service-banner-content p:first-of-type {
  padding-bottom: 20px;
}
.service-banner-content p {
  font-size: 25px;
}
.inspection-list-container {
  padding: 0 60px;
}
.troubelshoot-container {
  /* padding-top: 60px; */
}
.authorized-container {
  padding-top: 100px;
  padding-bottom: 100px;
}
.universal-header h2 {
  font-size: 30px;
  padding-bottom: 25px;
}
.universal-btn a {
  padding: 18px 50px;
}
.troubelshoot-container .universal-header {
  padding-bottom: 20px;
}
.troubleshoot-description span{
  padding: 20px 0;
}
}
@media only screen and (max-width: 650px){
  .hp-intro-section h2{
  	font-size: 2em;
    text-align: center;
  }
  .trust-icons-wrap img{
  	margin-bottom: 15px;
  }
  .hp-products-grid .product-card {
      width: 100%;
      max-width: 100%;
  }
  .services-thumbs-warpper{
  	flex-wrap: wrap;
  }
  .service-thumb-single{
  	width: 100%;
  }
  .hero__slide .slide__buttons{
  		width: 50%;
    max-width: 50%;
  }
  .industry-thumb strong {
    font-size: 0.55em;
	}
  .product-card.alt-grid .product-card__title{
  	height: auto;
  }
  .hp-blogs-wrapper .hp-blog-article strong{
  	font-size: 1em;
  }
  .hp-blogs-wrapper{
  	grid-gap: 5px;
  }
  .hp-blogs-wrapper .hp-blog-article{
  	width: 100%;
    flex-basis: 100%;
  }
  .hero__slide .slide__heading {
      font-size: 30px;
  }
  .download-item{
    padding: 60px 15px;
    
  }
  
  .section__container{
  	max-width: calc(100% - 40px);
    padding-left: 0;
    padding-right: 0;
  }
 
.page-wrapper{
    	max-width: calc(100% - 40px);
    }
  .image-with-text__wrapper{
  	width: calc(100% - 40px);
  }
  .hp-services h4, .hp-services h2, .hp-product-carousel h2{
  	width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
  }
  .hp-products-grid{
  	max-width: calc(100% - 40px);
  }
  .testimonials__wrapper{
  	padding-left: 40px;
    padding-right: 40px;
  }
  .hp-custom-products .grid-setting {
    flex-basis: calc(100% / 1 - 20px);
    width: calc(100% / 1 - 20px);
}
.fans-container{
  width: 90%;
}
.project-inner-container{
  column-gap: 12px;
  row-gap: 15px;
  width: 100%;
}
.project-content{
  width: 46%;
  flex-grow: 1;
}
.service-banner-content {
  padding: 0px 40px;
}
.universal-header h2{
  font-size: 35px;
}
.installation-list-box ul li{
  margin-bottom: 10px;
}
.installation-list-container{
  flex-wrap: wrap;
  row-gap: 15px;
}
.installation-list-box{
  flex-basis: 100%;
}
.installation-list-box ul li{
  justify-content: flex-start;
}
.inspection-list-container{
  padding: 0;
}
.installation-list-box ul li i{
  font-size: 14px;
}
.installation-list-box:first-child{
  border: none;
  padding-right: 0;
}
.installation-list-box:last-child{
  padding-left: 0;
}
.service-banner-container {
  padding-top: 100px;
  padding-bottom: 100px;
}
.service-banner-content h1 {
  font-size: 40px;
}
.service-banner-content p:first-of-type {
  padding-bottom: 15px;
}
.service-banner-content p {
  font-size: 22px;
}
.inspection-container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.inspection-list-container ul li{
  margin-bottom: 10px;
}
.inspection-container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.troubelshoot-container {
  /* padding-top: 40px; */
}
.authorized-container {
  padding-top: 60px;
  padding-bottom: 60px;
}
.universal-header h2 {
  font-size: 25px;
  padding-bottom: 15px;
}
.universal-btn a {
  padding: 18px 40px;
  font-size: 20px;
}
.troubelshoot-container .universal-header {
  padding-bottom: 15px;
}
.troubleshoot-description span{
  padding: 10px 0;
}
.inspection-list-container ul li{
  padding-left: 30px;
  text-align: left;
}
.inspection-list-container ul span{
  padding-left: 0;
}
}
.page__description-text{
  background: none;
}
@media only screen and (max-width: 400px){
	.industry-thumbs-wrap .industry-thumb {
      width: 100%;
  }
  .hero__slide .slide__heading {
    font-size: 30px;
}
  .hero__slide .slide__buttons .btn, .hero__slide .slide__buttons .shopify-payment-button__button--unbranded {
    margin-right: 15px;
    line-height: 25px;
    padding-left: 0;
}
  .hero__slide .slide__buttons .btn.white{
  	padding-left: 13px;
    margin-top: 10px;
  }
  .hero__slide .slide__buttons {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    margin-top: 0;
}
  .cta-section .btn{
  	padding-left: 55px;
    padding-right: 55px;
  }
  .footer__newsletter .form{
  	width: 100% ;
    flex-direction: column ;
  }
  .fans-container .fans-content h2,.building.heading h2,.get-started-content .get-started-heading h2{
    font-size: 2.7rem;
  }
  .project-inner-container .project-content h1 {
    line-height: 0;
    padding-top: 20px;
}
  .project-inner-container{
    margin: 0;
  }
  .project-content{
    width: 100%;
    text-align: center;
  }
  .inspection-container {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .universal-header h2{
    font-size: 30px;
  }
  .service-banner-container {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .service-banner-content h1 {
    font-size: 30px;
    line-height: inherit;
  }
  .service-banner-content p:first-of-type {
    padding-bottom: 10px;
  }
  .service-banner-content p {
    font-size: 20px;
    font-weight: 600;
  }
  .inspection-list-container {
    padding: 0 10px;
}
.authorized-container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.universal-btn a {
  padding: 15px 35px;
  font-size: 17px;
}
}

.about-banner-container{
  background-size: 100% 100%;
  padding-top: 296px;
  background-blend-mode: darken;
  background-color: black;
  padding-bottom: 395px;
}
.about-content h1{
  font-size: 100px;
  color: #547f52;
  font-size: 150px;
  color: #547f52;
  text-transform: uppercase;
  line-height: 150px;
}
.banner-text{
  display: flex;
  column-gap: 34px;
}
.banner-text .text-item h1{
  color: #ffffff;
}
.banner-text .text-item p{
  font-size: 35px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 10px 0;
  line-height: 36px;
}
.banner-text .text-item p{
  color: #ffffff;
}
.banner-text .text-item p + p{
  color: #547f52;
}

.geeking-inner-container{
  display: flex;
  margin-top: -150px;
  background-color: #ffffff;
  padding-left: 114px;
  padding-top: 162px;
  padding-bottom: 35px;
}
.geeking-content{
  flex-basis: 60%;
}
.geeking-content h2{
  font-size: 35px;
  font-weight: 400;
}
.geeking-content h4{
  padding-bottom: 50px;
  font-size: 30px;
}
.geeking-detail{
  display: flex;
  column-gap: 60px;
}
.geeking-detail p{
  font-size: 20px;
}
.geeking-detail .detail-box{
  flex-grow: 1;
}
.geeking-video{
  flex-basis: 40%;
  position: relative;
}
.geeking-video video{
  width: 100%;
  height: 400px;
  position: relative;
  right: -70px;
}
.geeking-video .play-btn{
  height: 75px;
  width: 75px;
}
.geeking-video .play-btn i{
  font-size: 30px;;
}
.industry-detail{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  margin-top: -40px;
  font-size: 20px;
  max-width: calc(100% - 300px);
}
.industry-header h2{
  font-size: 40px;
  color: #547f52;
  font-weight: 400;
}
.industry-header h3{
  font-size: 35px;
  padding-bottom: 58px;
}
.industry-detail p,.industry-detail span{
  font-size: 20px;
  
}
.industry-detail span{
  display: block;
  padding-top: 36px;
  padding-bottom: 160px;
}
.testimonial-container{
  padding-top: 85px;
  padding-bottom: 85px;
}
.testimonial-slide{
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.slide-img-box{
  flex-basis: 20%;
}
.slide-detail{
  flex-basis: 60%;
}
.slide-detail p{
  font-size: 30px;
  color: #547f52;
  font-weight: 500;
}
.slide-img-box img{
  width: 100%;
  max-width: 250px;
  height: 250px;
  object-fit: cover;
  border-radius: 50%;
 /* border: 10px solid #547f52;*/
}
.slide-detail img{
  /* width: 100%; */
  max-width: 333px;
  margin: auto;
}
.product-values-inner-container{
  display: flex;
}
.product-value-details-box{
  flex: 1 0 50%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  background-color: #547f52;
  padding-left: 115px;
  padding-right: 30px;
}
.product-value-details-box h3{
  color: #ffffff;
  font-size: 40px;
}
.product-value-details-box img{
  margin: 17px 0;
}
.product-value-img-box{
  flex: 1 0 50%;
}
.product-value-img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-value-btn{
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.product-value-btn a{
  display: inline-block;
  padding: 20px;
  color: #ffffff;
  font-weight: 500;
  text-decoration: none;
  font-size: 20px;
  border: 2px solid #ffffff;
  border-radius: 5px;
  text-transform: uppercase;
}
.matter-container{
  padding-top: 110px;
  padding-bottom: 48px;
  background-color: #ffffff;
}
.matter-container .universal-header{
  margin: 0 auto;
  width: 100%;
  max-width: calc(100% - 300px);
}
.matter-container .universal-header p{
  color: #547f52;
  font-weight: 500;
  padding: 0 40px;
}
.matter-inner-container{
  display: flex;
  column-gap: 60px;
  padding: 0 130px;
}
.matter-item{
  text-align: center;
}
.matter-item-icon img{
  width: 100%;
  max-width: 100px;
}
.matter-detail h3{
  font-size: 30px;
  padding-top: 35px;
  padding-bottom: 20px;
  margin: 0;
  line-height: inherit;
}
.matter-detail p{
  font-size: 20px;
  font-weight: 500;
}
    .custom-width-container2 {
  background-color: white;
}
.faq_banner{
  min-height: 500px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-size: cover !important;
}
.faq_banner_caption{
  max-width: calc(100% - 300px);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: left;
}
.faq_banner_caption h1,
.faq_banner_caption h2{
  font-size: 100px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 96px;
  color: #547f52;
  margin: 0;
  margin-bottom: 20px;
}
.faq_banner_caption h5{
  color: #fff;
  font-size: 30px;
  margin: 0;
  line-height: 27px;
}
.accordion_head{
  cursor: pointer;
  display: flex;
  column-gap: 10px;
  text-align: left;
  padding: 25px 0;
  font-size: 20px;
  font-weight: 600;
  align-items: center;
}
.acc-body {
    border-bottom: solid 1px #547f52;
}

.accordion_head h2 {
  font-size: 22px;
  font-weight: 600;
  margin: 0 !important;
}

.faq_page .accordion_body{
  margin: 0;
  width: 100%;
  text-align: left;
  padding-bottom: 30px;
  font-size: 18px;
  margin-left: 15px;
}
@media only screen and (max-width: 767px){
  .faq_banner_caption{
    max-width: calc(100% - 100px);
  }
  .matter-container .universal-header p{
    padding: 0 25px;
  }
}
.about-us-banner-caption h1{
  margin: 0;
}
.about-us-banner-capt .text-item p{
  margin: 0;

}
@media only screen and (max-width: 1200px){
  .service-banner-container{
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .product-value-details-box {
    padding: 30px 30px 20px 80px;
}
  .product-value-details-box h3{
    font-size: 35px;
    margin: 0;
  }
  .matter-inner-container {
    column-gap: 40px;
    padding: 0 90px;
    justify-content: center;
  }
  .installation-container{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .troubelshoot-container .custom-width-container{
    margin: 0 0 50px 0;
    padding-top: 50px;
  }
  .troubleshoot-img-container{
    margin-top: 50px;
  }
  .authorized-container{
    padding-top: 50px;
    padding-bottom: 0;
  }
  .factory_installer{
    margin-top: 0;
  }
  .troubleshoot-description span{
    padding: 20px 0;
  }
  .universal-container{
    padding: 50px 0;
  }
  .universal-container .hunter-inner-container {
    margin: 0 auto;
  }
  .about-banner-container{
    padding-top: 200px;
    padding-bottom: 200px;
  }
}
@media only screen and (max-width:992px){
  .faq_banner_caption h2{
    font-size: 70px;
  }
  .building-inner-content{
    padding: 0 0;
  }
  .project-inner-container .project-content{
    width: 48%;
    margin: 20px 0;
  }
  .product-value-details-box h3{
    font-size: 30px;
  }
  .matter-inner-container{
    padding: 0 40px;
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .matter-container .universal-header{
    max-width: calc(100% - 200px);
  }
  .matter-item{
    flex-basis: 45%;
    flex-grow: 1;
  }
  .installation-list-box{
    flex-basis: 100%;
    width: 100%;
  }
  .installation-list-box:first-child{
    border-right: 0;
    padding-right: 0;
  }
  .installation-list-box:last-child{
    padding-left: 0;
  }
  .industry-detail{
    max-width: calc(100% - 200px);
  }
  .product-value-btn a{
    font-size: 17px;
  }
  .product-value-details-box h3{
    font-size: 25px;
    line-height: inherit;
  }
  .matter-container{
    padding-top: 50px;
  }
}
@media only screen and (max-width: 878px){
.matter-detail h3 {
  font-size: 28px;
  padding-top: 25px;
  padding-bottom: 10px;
}
.universal-header h2{
  font-size: 35px;
}
.matter-container .universal-header{
  padding-bottom: 40px;
}
.matter-container .universal-header h2{
  padding-bottom: 15px;
}
.matter-container .universal-header {
  max-width: calc(100% - 150px);
}
.slide-detail p{
  font-size: 25px;
}
}
@media only screen and (max-width: 767px){
  .service-banner-container{
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .installation-container{
    padding-left: 20px;
    padding-right: 20px;
  }
  .video-content iframe{
    /* height: auto !important; */
  }
  .inspection-container .custom-width-container{
    margin-top:  0;
    margin-bottom:  0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .faq_banner_caption h2{
    font-size: 70px;
    line-height: 46px;
  }
  .universal-header h2{
    line-height: 34px;
  }
  .installation-list-box ul li i{
    padding-right: 15px;
  }
  .troubelshoot-container .custom-width-container{
    margin-bottom: 0;
  }
  .troubleshoot-img-container{
    margin-top: 50px;
  }
  .factory_installer{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .universal-container{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .building-inner-content{
    padding: 0;
  }
  .product-values-inner-container{
    flex-direction: column-reverse;
  }
  .product-value-details-box {
    padding: 30px 40px;
    text-align: center;
  }
  .product-value-btn{
    justify-content: center;
  }
  .universal-header h2 {
    font-size: 30px;
  }
  .matter-detail h3{
    font-size: 25px;
  }
  .matter-container .universal-header {
    max-width: calc(100% - 120px);
  }
  .matter-inner-container{
    row-gap: 20px;
  }
  .installation-container{
    max-width: calc(100% - 100px);
  }
  .geeking-video .play-btn, .video-content .play-btn{
    height: 75px;
    width: 75px;
  }
  .geeking-video .play-btn i, .video-content .play-btn i{
    font-size: 23px;
  }
  .product-value-details-box img{
    margin: 15px auto;
  }
}
@media only screen and (max-width: 550px){
  .faq_banner_caption h2{
    font-size: 30px;
  }
  .faq_banner_caption h5{
    font-size: 23px;
  }
  .faq_banner{
    min-height: 300px;
  }
  .project-inner-container .project-content{
    width: 100%;
  }
  .project-inner-container .project-content p{
    line-height: 26px;
  }
  .product-value-details-box h3 {
    font-size: 26px;
}
.matter-detail h3 {
  font-size: 22px;
  padding-top: 15px;
  padding-bottom: 5px;
}
.matter-container .universal-header {
  max-width: calc(100% - 100px);
}
.matter-item{
  flex-basis: 100%;
}
.universal-header h2 {
  font-size: 25px;
}
.matter-inner-container{
  row-gap: 15px;
}
.matter-detail h3{
  font-size: 20px;
}
.slide-detail p{
  font-size: 25px;
}
.matter-container .universal-header p{
  padding: 0 15px;
}
.page__description-text p:last-of-type {
  line-height: 22px;
}
}
.troubelshoot-container {
  background-color: #ffffff;
  padding-top: 50px;
 }
.manu-section{
  display: flex;
  justify-content: flex-start;
  align-items:flex-start;
}
.manu-section .row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.manu-section .full-width{
  width: 100%;
  flex-basis: 100%;
}
.manu-section .full-width .heading{
  text-align: center;
}
.manu-section .width6{
  width: 60%;
  flex-basis: 60%;
  padding: 0 15px;
}
.manu-section .width6 .content{
  text-align: left;
  margin: 20px 0;
}
.manu-section .width6 .content p{
  font-size: 18px;
  line-height: 30px;
}
.manu-section .width4{
  width: 40%;
  flex-basis: 40%;
  padding: 0 15px;
}
.manu-img{
  margin: 20px 0;
}
.manu-img img{
  width: 100%;
  max-height: 400px;
  object-fit: cover;
}
@media only screen and (max-width: 992px) {
  .manu-section .full-width .heading h2{
    font-size: 3rem;
    line-height: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .manu-section .width6{
    width: 100%;
    flex-basis: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .manu-section .width4{
    width: 100%;
    flex-basis: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .geeking-content h4{
    line-height: inherit;
  }
  .project-inner-container .project-content h1{
    line-height: inherit;
    margin: 0;
    padding: 0;
  }
  .get-started-content .get-started-btn a{
    margin: 10px 0;
  }
  .get-started-heading h2{
    margin: 0;
  }
}
@media only screen and (max-width: 600px){
  .service-banner-content h1{
    line-height: inherit;
  }
  .service-banner-content a{
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    max-width: 200px;
    margin-top: 20px;
  }
  .manu-section .full-width .heading h2{
    font-size: 2rem;
    line-height: inherit;
    margin-bottom: 0;
  }
  .installation-container{
    max-width: calc(100% - 30px);
    padding-left: 0;
    padding-right: 0;
  }
  .inspection-list-container{
    padding: 0;
  }
  .industry-detail{
    max-width: calc(100% - 30px);
  }
  .geeking-detail .detail-box{
    width: 100%;
    flex-basis: 100%;
  }
  .industry-detail p, .geeking-detail p{
    line-height: 26px;
  }
  .geeking-content{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .product-value-btn a{
    font-size: 15px;
  }
  span.plusminus{
    margin-right: 0;
  }
  .fans-container .fans-content h2{
    font-size: 2.5rem;
  }
}
.static-product__images .main-carousel__image{
  /* border: solid 2px #547f52; */
  max-height: 600px;
  object-fit: contain;
}
.static-product__images .nav-carousel__image--wrapper{
  /* border: solid 2px #547f52; */
  margin-left: 1px;
  margin-right: 1px;
}
.download-section{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 30px;
}
.download-section .download-items{
  width: calc(25% - 23px);
  flex-basis: calc(25% - 23px);
  min-width: 320px;
  max-width: 100%;
  margin: 20px 0;
}
.download-section .download-items .img img{
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.download-section .download-items .detail {
  text-align: left;
}
.download-section .download-items .detail h4{
  color: #547f52;
  margin: 30px 0 10px 0;
}
.download-section .download-items .detail ul{
  margin: 0;
  padding: 0;
  text-align: left;
}
.download-section .download-items .detail ul li{
  list-style: none;
  margin: 5px 0;
}
.download-section .download-items .detail ul li a{
  text-decoration: underline;
  font-size: 13px;
}
.hunter-btn.universal-btn {
  font-weight: 600;
}

.footer__wrapper .linklist__item a:focus {
  outline: solid;
}
  
@media only screen and (max-width: 1400px){
	.footer__wrapper{
		flex-wrap: wrap;
	}
  .footer__block{
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
  }
  .footer__block--newsletter{
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 821px){
  .footer__block{
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    width: 25%;
  }
  .footer__block--newsletter{
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .footer__block--newsletter .footer__newsletter .form .form__submit{
    width: 100%;
  }
  .footer__block--Contact{
    text-align: left;
  }
}
@media only screen and (max-width: 768px){
  .footer__block{
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .footer__title{
    text-align: center;
  }
}
.cs-page-settings{
  text-align: left;
}
.cs-page-settings h2{
  margin-bottom: 15px;
  color: #547f52;
  text-align: center;
  text-transform: capitalize;
}
.collection-page-description{
  padding-top: 30px;
  text-align: center;
}

.collection-page-description h1,
.collection-page-description h2{
  margin-bottom: 0;
  color: #547f52;
  font-size: 3em;
  text-transform: uppercase;
}
.collection-page-description h2 + h2{
  color: #000;
  margin-top: 0;
}
.collection-page-description p{
  margin-bottom: 0 !important;
}
.page-wrapper.collection-page-description h1 {
    margin-top: 70px;
    line-height: .9;
}
.page-wrapper.collection-page-description .alt {
    color: #000;
}
.settings-for-video{
  /* display: flex;
  justify-content: flex-end;
  max-width: 100%; */
  overflow: hidden;
}
.custom-vid{
  width: 100%;
  line-height: 0;
  position: relative;
}
.custom-vid iframe{
  width: 100%;
  height: 550px;
}
.custom-vid:before{
  /* content: ""; */
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,0.5);
  height: 100%;
  width: 100%;
}
.custom-vid video{
  height: 550px;
  width: 100%;
  object-fit: cover;
}
.csblue{
  background-color: #38608C;
  width: 100%;
  display: table;
}
.csblue h2, .csblue a{
  color: #fff;
}
.ind-galler{

  width: 100%;
  padding: 50px 0;
  /* display: flex;
  justify-content: center;
  align-items: center; 
  column-gap: 10px;*/
  margin: 0 auto;
}
.ind-galler ul{
  margin: 0;
  padding: 0;
}
.ind-galler ul li{
  list-style: none;
}
.ind-galler ul li img{
  height: 350px;
  object-fit: contain;
}
@media only screen and (max-width: 1000px){
  .template-collection .hp-custom-products .grid-setting{
    flex-basis: calc(100% / 2 - 20px);
    width: calc(100% / 2 - 20px);
  }
}
  @media only screen and (max-width: 768px){  
    .hp-intro-section {
      background-image: none !important;
    }
    .collection-page-description h2{
      font-size: 2.5em;
    }
  }
  @media only screen and (max-width: 600px) {
    .collection-page-description h2{
      font-size: 2em;
      line-height: 35px;
    }
    .template-collection .hp-custom-products .grid-setting{
      flex-basis: calc(100% / 1 - 20px);
      width: calc(100% / 1 - 20px);
    }
  }
span.PIN_1632952355796_button_pin.PIN_1632952355796_round.PIN_1632952355796_tall {
  display: none;
}
/* Responsiveness */
@media screen and (max-width:450px) {
  .serve-industry-section h4 {
      margin-top: -50px !important;
      font-size: 1.7em;
}
  .serve-industry-section h2 {
      font-size: 1.5em;
      margin-bottom: 20px;
}
.hp-product-carousel h2, .hp-services h2, .hp-services h4 {
     font-size: 2em;
     line-height: 33px;
}
 .hp-product-carousel h4 {
   margin-top: -20px;
}
.hp-services h2 {
     font-size: 1.5em;
     line-height: 28px;
     margin-top: 10px;
 }
}

/* OBX Custom Styles */
.template-index .hero__slide .slide__heading {
  text-transform: uppercase;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 800;
}

.serve-industry-section .h4 {
      font-size: 2em;
    text-transform: uppercase;
    margin: 50px auto .5em;
    text-align: center;
    color: #2f2f2f!important;
}

.serve-industry-section .h2 {
    font-size: 2.5em;
    text-transform: uppercase;
    color: #537f53;
    margin: -15px -15px 50px;
    text-align: center;
}

@media screen and (max-width: 450px) {
    .serve-industry-section .h4 {
      margin-top: -50px!important;
      font-size: 1.7em;
  }
    .serve-industry-section .h2 {
      font-size: 1.5em;
      margin-bottom: 20px;
  }
}


.hp-product-carousel .h4 {
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 3px;
    text-align: center;
    color: #2f2f2f!important;
}
.hp-product-carousel .h2 {
    font-size: 2.5em;
    text-transform: uppercase;
    color: #537f53;
    margin: 0 auto .5em;
    text-align: center;
}

@media only screen and (max-width: 1440px) {
  .hp-services .h4, .hp-services .h2, .hp-product-carousel .h2 {
    width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto;
}
}

@media only screen and (max-width: 650px) {
  .hp-services .h4, .hp-services .h2, .hp-product-carousel .h2 {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}
}

@media screen and (max-width: 450px) {
    .hp-product-carousel .h2, .hp-services .h2, .hp-services .h4 {
      font-size: 2em;
      line-height: 33px;
  }
    .hp-services .h2 {
      font-size: 1.5em;
      line-height: 28px;
      margin-top: 10px;
  }
}

.hp-services .h4 {
    font-size: 2em;
    text-transform: uppercase;
    margin: 0 auto -5px;
    text-align: center;
    color: #2f2f2f!important;
}
.hp-services .h2 {
    font-size: 1.5em;
    text-transform: uppercase;
    color: #537f53;
    margin: 0 auto .5em;
    text-align: center;
}



.hp-download .h4 {
    font-size: 2em;
    text-transform: uppercase;
    margin: 3px;
    text-align: center;
    color: #2f2f2f!important;
}
.hp-download .h2 {
    font-size: 2.5em;
    text-transform: uppercase;
    color: #537f53;
    margin: 0 auto .5em;
    text-align: center;
}


.hp-blog .h4 {
    font-size: 2em;
    text-transform: uppercase;
    margin: 3px;
    text-align: center;
    margin-top: 60px!important;
    color: #2f2f2f!important;
}
.hp-blog .h2 {
    font-size: 2.5em;
    text-transform: uppercase;
    color: #537f53;
    margin: 0 auto .5em;
    text-align: center;
}


@media only screen and (max-width: 650px) {
  .hero__slide .slide__content {
    top: 30px;
  }

  .hero__slide .slide__content .slide__buttons {
        flex-direction: column;
    width: 100%;
    max-width: 100%;
  }

  .hero__slide .slide__content .slide__buttons .btn {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }

  .hero__slide .slide__content .slide__buttons br {
    display: none;
  }

  .template-index .hero__slide .slide__content .slide__buttons br {
    display: inline; 
  }

  .hero__slide .slide__content .slide__buttons .btn--primary {
    margin-bottom: 5px;
  }

  .template-index .hero__slide .slide__heading, .template-index .hero__slide .slide__text p {
    line-height: normal;
  }
}

.template-index .hp-intro-section .btn {
  padding: 1em;
  white-space: normal;
}

.template-index .hp-blog a.btn {
  max-width: 430px;
  white-space: normal;
}

.universal-header .h2 {
    font-size: 40px;
    padding-bottom: 30px;
    margin: 0;
}
.hunter-container .universal-header .h2 {
    color: #fff;
    text-transform: capitalize;
}

.cs-page-settings .h2 {
    margin-bottom: 15px;
    color: #547f52;
    text-align: center;
    text-transform: capitalize;
}

.hp-product-grid .h2 {
    font-size: 2.5em;
    text-transform: uppercase;
    color: #537f53;
    margin: 0 auto .5em;
    text-align: center;
}

#shopify-section-pdp-compatible .h2 {
    margin-top: 5em;
}


@media only screen and (min-width: 991px) and (max-width: 1600px) {
  .hero__slide .slide__content {
        top: 185px;
    bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }

  .hero__slide .slide__buttons {
    margin-top: auto;
  }
}

.industry-thumbs-wrap .industry-thumb {
  background: #547f52;
}




/*****quote section*****/
.quote-centered {
    text-align: center;
    padding: 105px 0;
}
.quote-centered h2 {
  font-size: 56px;
    margin: 0 auto 30px;
    text-transform: uppercase;
}
.quote-body {
    font-style: italic;
    font-size: 20px;
    max-width: 767px;
    margin: 0 auto 40px;
    font-weight: 700;
}
.quote-author {
    margin: 0 auto;
    font-size: 17px;
    line-height: .9 !important;
  font-weight: 700;
}
.quote-author-business {
    margin: 0 auto;
    font-style: italic;
    font-size: 14px;
    line-height: 1.3;
}



/* OBX custom list bullets and logos */
.static-product__details--info {
    border-top: 2px solid #292929;
  padding-top: 20px;
}
/* .static-product__details--buttons {
    border-top: 20px solid #e3e3e3 !important;
}
.static-product__details--info ul, .static-product__details--info ul li{list-style-type:none;}
.static-product__details--info ul{padding-left:0; margin-left:20px;}
.static-product__details--info li{position:relative;  font-style:italic;}
.static-product__details--info li:before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #547F52;
    border-radius: 50%;
    top: 7px;
    left: -20px;
} */
  
.product-icons p {
    display: inline-block;
    padding: 0px 26px 0 50px;
    position: relative;
}
.product-icons p:nth-child(1)::before{
  content:url("/cdn/shop/files/Icon_material-local-shipping.svg?v=1675705576");
  position: absolute;
  width: 34px;
  height: 24px;
  top: 3px;
  left: 0;
}
.product-icons p:nth-child(2)::before{
  content:url("/cdn/shop/files/warranty-icon.svg?v=1675705576");
  position: absolute;
  width: 34px;
  height: 24px;
  top: 2px;
  left: 0;
}
.product-icons p:nth-child(3)::before{
  content:url("/cdn/shop/files/installation_icon.svg?v=1675705575");
  position: absolute;
  width: 34px;
  height: 24px;
  left: 7px;
}
.static-product__details--buttons {
    padding-bottom: 60px;
}

/***OBX specs-accordion***/
.accordion {
  padding: 10px 20px 0;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  color: #547F52;
  cursor: pointer;
  text-align: left;
  font-size: 15px;
  transition: 0.25s;
}

.accordion.active, .accordion:hover {
  background-color: #547F52; 
  color: #FFFFFF;
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: #547F52;
  overflow: hidden;
}

/***tab-table***/
.tab__inner table {
    display: inline-flex;
    width: 680px;
    vertical-align: top;
  border-collapse: collapse;
}

@media (max-width: 800px) {
  .tab__inner table {
    width: 100%;
  }
}
.tab__inner tr {
  border-bottom: 2px solid #DEDEDE;
}
.tab__inner td {
    padding: 22px 0;
}

.static-product__images{
    width: calc(60% - 35px) !important;
    max-width:1440px;
}

.static-product__details {
    width: calc(40% - 35px) !important;
    max-width:1440px;
}
/***product page custom html section for customizer***/
.container.obx-custom-html-product {
  margin: 0 auto;
  padding: 50px 20px;
}
/***landing***/
.page:has(.obx-landing-test) {
  background: #ffffff;
}
/*****prdct crsl*****/
.obx-landing-test .product-card__title {
  min-height: 80px;
}
.obx-landing-test .product-card__footer .col-prod-btn {
  min-height: 60px;
  font-size: 17px;
}
/*****top banner****/
.obx-landing-test {
  background: #fff;
}
.obx-landing-test .container {
    max-width: 1350px;
    margin: auto;
    padding: 0 20px;
}
.obx-landing-test .flex {
  display: flex;
}
.obx-landing-test .top-banner .landing h1 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: -20px;
    text-transform: uppercase;
}
.obx-landing-test .two-col.top-banner {
    background-position: center;
    background-size: cover;
    padding: 60px 0;
}
.obx-landing-test .two-col.top-banner a {
  color: #ffffff;
}
.obx-landing-test .two-col.top-banner a:hover {
  text-decoration: none;
}
.obx-landing-test .obx-banner-buttons{
  display: flex;
  flex-wrap: wrap;
}
.obx-landing-test .obx-banner-buttons .left-button, .obx-banner-buttons .right-button {
    box-sizing: border-box;
    margin-right: 30px;
    font-weight: 700;
}
.obx-landing-test .obx-banner-buttons .left-button a,
.obx-landing-test .obx-banner-buttons.cta-button a
{
    min-width: 225px;
    display: inline-block;
    text-align: center;
    color: white;
    background: #547F52;
    border: 2px solid #547F52;
    margin-top: 30px;
}
.obx-landing-test .obx-banner-buttons .left-button a:hover,
.obx-landing-test .obx-banner-buttons.cta-button a:hover{
    background: none;
    color: #547F52;
}
.obx-landing-test .obx-banner-buttons .right-button a,
.obx-landing-test .obx-banner-buttons .left-button a {
    text-align: center;
    display:inline-block;
    margin-top: 30px;
}
.obx-landing-test .obx-banner-buttons .right-button a {
    min-width: 225px;
    color: white;
    border: 2px solid white;
}
.obx-landing-test .obx-banner-buttons .right-button a:hover {
    background: none;
    color: #547F52;
    border: 2px solid #547F52;
}
.obx-landing-test .obx-banner-buttons a {
    text-transform: uppercase;
    padding: 10px 20px;
    text-decoration: none;
    transition: 
        background .25s ease,
        border .25s ease,
        color .25s ease;
}
.obx-landing-test .top-banner .content-col {
    max-width: 700px;
}
.obx-landing-test .two-col.top-banner h1, 
.obx-landing-test .two-col.top-banner h3, 
.obx-landing-test .two-col.top-banner p {
    color: white;
}

.obx-landing-test .two-col.top-banner h3 {
    font-size: 30px;
    text-transform:capitalize;
    margin-bottom: 15px;
}
.obx-landing-test .landing p {
    line-height: 1.8;
    font-size: 18px;
    margin-top: 0;
}
.obx-landing-test .two-col.white {
  padding: 75px 0 50px;
  background: #FFF;
}
.obx-landing-test .white .flex.landing {
column-gap: 60px;
  justify-content: space-between;
}
.obx-landing-test .landing.content-col {
  flex-basis: 640px;
  align-self: center;
}
.obx-landing-test .landing.img-col {
flex-basis: 560px;
  align-self: center;
}
.obx-landing-test .landing.img-col img {
  width: 100%;
}
.obx-landing-test .list-container{
  display: inline-block;
  line-height: 1.8;
  font-style: italic;
   max-width: 310px;
  font-size: 18px;
}
.product-list-container {
  font-size: 18px;
}
.obx-landing-test .list-container.wide {
   max-width: unset;
}
.obx-landing-test .list-container.non-italic{
  font-style: normal;
}
.obx-landing-test .list-container li {
  line-height: 1.2;
  min-width: 225px;
}
.product-list-container li::marker,
.obx-landing-test .list-container li::marker {
    color: #547F52;
    font-size: 30px;
}
.obx-landing-test .list-container ul {
    padding-left: 23px;
  margin: 0;
}
.obx-landing-test .two-col.green.slim.landing {
  background-color: #547F52;
    box-shadow: none;
    max-width: 1300px;
    padding: 60px;
}
.obx-landing-test .two-col.green.slim.landing .content-col {
  max-width: 840px;
}
.obx-landing-test .two-col.green.slim.landing h2 {
  color: #fff;
}
.obx-landing-test .two-col.slim.landing h2, .two-col.green.slim.landing h2 {
    font-size: 36px;
    margin: 0;
  text-transform: uppercase;
}
.obx-landing-test .two-col.slim.landing p, .two-col.green.slim.landing p {
    font-size: 18px;
    line-height: 1.8;
    max-width: 940px;
}
.obx-landing-test .two-col.green.slim.landing p {
  color:#fff;
}
#shopify-section-template--15763463864487__0f4f6fe6-3712-43c9-9c56-12081b0e0fb9 h2{
  text-transform:none;
}
.obx-landing-test.top-cta {
  margin-bottom: 98px;
}
.obx-landing-test .two-col.green.slim.landing .flex {
  column-gap: 137px
}
.obx-landing-test .two-col.green.slim.landing a {
    min-width: 200px;
    background-color: #ffffff;
    color: #547F52;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.OBX-button {
    margin: auto;
}
.OBX-button a {
    color: #547f52;
    text-decoration: none;
    background: white;
    padding: 15px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    min-width: 230px;
    transition: background .25s ease-in-out;
}
.obx-landing-test .two-col.green.slim.landing a:hover {
    min-width: 200px;    
    background-color: #547F52;
    color: #FFFFFF;
    border: 2px solid white;
}
.obx-landing-test .two-col.slim.landing a {
    min-width: 200px;
    background-color: #547F52;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #547F52;
    transition: 
        background .25s ease,
        border .25s ease,
        color .25s ease;
}
.obx-landing-test .two-col.slim.landing a:hover {
    background-color: #FFFFFF;
    color: #547F52;
    border: 2px solid #547F52;
}
.obx-landing-test .landing-products-container {
    margin: 0 auto;
    padding: 100px 0 50px;
    max-width: 1300px;
}
.obx-landing-test .content-wheel.landing .tile-header {
  display: inline-block;
  text-decoration: none;
  color: #547F52;
  font-weight: 700;
  font-size: 24px;
  margin: 20px auto 10px;
}
.obx-landing-test .content-wheel.landing {
    margin: 0 auto;
    padding: 94px 0;
    background: none;
    background-color: #547F52;
    box-shadow: inset 0px 0px 33px #1B2C1B;    
    color: #FFFFFF;
    text-align: center;
}
.obx-landing-test .landing .content-wheel-header {
    max-width: 1300px;
    margin: 0 auto;
}
.obx-landing-test .landing .content-wheel-header h2 {
    font-size: 50px;
    margin: 0 auto 18px;
}
.obx-landing-test .landing .content-wheel-header p {
    max-width: 1040px;
    margin: 0 auto;
} 
.obx-landing-test .content-wheel.landing .article {
    margin: 50px 0 0;
    box-shadow: -6px 6px 20px #1D331D;
}
.obx-landing-test .landing-checkerboard-wrapper {
    background-color: #F6F6F6 ;
    padding: 100px 0 60px;
}
.obx-landing-test .landing-checkerboard .content-col {
    padding-left: 50px;
  margin: auto 0;
}
.landing-checkerboard .content-col:first-child {
    padding-left: 0;
    padding-right: 50px;
}
.landing-checkerboard .content-col, .landing-checkerboard .img-col {
    flex-basis: 655px;
    max-height: 490px;
}
.landing-checkerboard .img-col {
  display: flex;
  
}
.landing-checkerboard .img-col img {
    object-fit: cover;
    object-position: center;
  width: 100%;
}
.landing-checkerboard .content-col h2,
.landing .content-col h2 {
    font-size: 50px;
    color: #547F52;
    margin-top: 0;
}
.landing-checkerboard .content-col h2:first-child {
    margin-top: 0;
}
.landing-checkerboard .content-col p:last-child {
    margin-bottom: 0;
}
.obx-landing-test.middle-cta {
      background-color: #FFFFFF;
      padding: 50px 0;
}
.obx-landing-test.middle-cta .two-col.slim.landing h2 {
    text-transform: none;
    color: #000;
}
.content-wheel.landing .article h4 {
    max-width: 310px;
    size: 24px;
    font-weight: 700;
}
.content-wheel.landing .article p {
    color: #707070;
}
.quote-centered.landing {
  margin: 100px 0 0;
    background-color: #FFFFFF;
}
.quote-centered.landing h2 {
  font-size: 50px;
    color: #547F52;
}
.quote-centered .quote-author {
    margin-bottom: 0;
}

.image-with-text__wrapper 
.btn--secondary.white {
  font-weight: 700;
  border: 2px solid white;
}
.image-with-text__wrapper 
.btn--secondary.white:hover{
  color: #547F52;
}
.obx-faq-wrapper {padding: 100px 0;}
.obx-faq-wrapper h2 {
  margin: 0 auto 30px;
      color: #547F52;
}
.obx-faq-wrapper .accordion_container {
    width: 100%;
}
.obx-landing-test .obx-faq-wrapper h3 {
    color: #547f52;
    font-weight: 700;
}
@media (min-width: 769px) {
    .obx-landing-test .obx-faq-wrapper h3 {
        font-size: 24px;
  }
}
.plusminus {
  min-width:13px;
}
.two-col.green.video h2 {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 36px;
}
.two-col.contact .flex {
    column-gap: 170px;
}
.form-content, .form-fill{
    flex-basis: 50%;
}
.form-content-wrapper {
    padding: 20% 10% 20% 28%;
}
.form-content h2, .form-content p, .form-content h3 {
    margin-top: 0;
}

.form-content h2 {
    font-size: 36px;
}
.form-content h3 {
    font-size: 24px;
}
.form-content p, .landing-bottom-cta-wrapper {
    line-height: 1.8;
}
.obx-landing-test #hbspt-form-6cbd3fa5-ce74-47bd-83eb-93890c94fa04 label {
    display: none;
}

.obx-landing-test #hbspt-form-6cbd3fa5-ce74-47bd-83eb-93890c94fa04 .hs-richtext.hs-main-font-element {
    display: none;
}
.form-fill-wrapper {
    padding: 60px 15%;
}
.form-fill h3 {
    font-size: 24px;
    color:#547F52
}
.input {
    border-top-style: hidden !important;
}
.form-content {
    color: #FFFFFF;
}
.obx-landing-test .contact .flex {
    display: flex;
}

.obx-landing-test .contact .black-bg {
    flex-basis: 50%;
    background: #2F2F2F;
    padding: 0;
}

.obx-landing-test .contact .form-content {
    max-width: 600px;
    margin: auto 50px auto 285px;
    padding: 218px 0;
}

.obx-landing-test .white-bg { flex-basis: 50%;}

.obx-landing-test .form-fill {
    max-width: 600px;
    padding: 100px 20px 0 100px;
}
.contact .flex {
    max-width: 100%;
}
.related-articles {
  background: #fff;
  max-width: 1300px;
  margin: auto;
  padding: 100px 0;
}
.related-articles .flex {
    column-gap: 40px;
}
.related-articles .article{
    flex-basis: 32%;
    margin-top: 30px;
    max-width: 32%;
}
.related-articles .article img {
    width: 100%;
    aspect-ratio: 1.75/1;
    object-fit:cover;
    object-position: center;
  margin-bottom: 20px;
}
.related-articles h2 {
  margin-bottom: 0;
  color: #547F52;
}
.related-articles p {
    font-size: 16px;
}
.related-articles a {
  text-decoration: none;
}
.related-articles img:hover {
  opacity: .9;
}

.related-articles .article-title:hover  {
  color: #547F52;
}
.related-articles .article-title {
  font-weight: 700;
  line-height: 1.25;
  font-size: 18px;
  margin-bottom: 10px;
}
.landing-bottom-cta {
  background-color: #DEDEDE;    
  padding: 100px 0;
}
.landing-bottom-cta-wrapper {
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
}
.landing-bottom-cta-wrapper p:last-child {
  margin-bottom: 0;
}
.landing-bottom-cta-wrapper h2 {
    color: #547F52;
}

.landing-bottom-cta-wrapper h2{
    margin: 0 auto;
    max-width: 1000px;
}
.landing-bottom-cta-wrapper .cta-button {
      display: block;

}
.landing-bottom-cta-wrapper .cta-button a {
    color: #FFFFFF;
    background: #547F52;
    box-sizing:border-box;
}
/***landing v2****/
.obx-landing-test h2 {
    text-transform: uppercase;
}
.obx-landing-test .flex-row {
    display: flex;
	column-gap: 80px;
	justify-content: space-between;
}

.obx-landing-test  .full-width.white{
	background: #fff;
	padding: 100px 0 58px;
}
.obx-landing-test  .full-width.white.img-right {
    background: #fff;
    padding: 0px 0 58px;
}
.obx-landing-test  .full-width.white h2 {
  color: #547F52;
  margin: 0 0 20px;
}
.full-width {
    margin-bottom: 66px
}
.template-product .full-width {
    margin-bottom: 0;
}
/* .obx-landing-test .full-width.grey .container:first-child,
.obx-landing-test .full-width.white .container:first-child{
	margin-bottom: 42px;
} */

/* .OBX-container .flex-content, 
.OBX-container .flex-img  {
    flex-basis: 50%;
} */
.obx-landing-test .full-width.grey .flex-row, 
.obx-landing-test .full-width.white .flex-row{
	justify-content: space-between;
}
.obx-landing-test .flex-content {
	max-width: 670px;
  flex-basis: 670px;
}
.obx-landing-test .flex-content,
.obx-landing-test .flex-img {
	margin-bottom: 30px;
}
.obx-landing-test .flex-img {
  flex-basis: 560px;
  align-self: center;
}

.obx-landing-test .flex-img img {
    width: 100%;

}
.obx-landing-test .flex-content-header{
	font-size: 50px;
	font-weight: 900;
	color: var(--main-heading-green);
}
.obx-landing-test .flex-content-subheader {
	font-size: 24px;
	font-weight: 900;
	display: block;
}
.shopify-section.hp-product-carousel .obx-landing-test {
    background: #F6F6F6;
}

section.Snippet__image-with-text.image-with-text.spacing-small {
    box-shadow: inset 0px 0px 33px #1B2C1B;
}
@media screen and (max-width: 1440px) {
    .obx-landing-test .contact .form-content {
        max-width: unset;
        margin: 0;
        padding: 100px 50px;
    }
}
@media screen and (max-width: 1300px) {
  .obx-landing-test .flex-row .flex-img,
  .obx-landing-test .flex-row .flex-content{
      margin:0 auto;
    align-self: center;
  }
  .obx-landing-test .flex-img {
      order: 1
  }
}

@media screen and (max-width: 768px) {
    /* .obx-landing-test .flex,
    .obx-landing-test .contact .flex{
        display: block;
        margin: auto;
    } */
    .obx-landing-test .landing.content-col {
    margin-bottom: 30px;
}
    .obx-landing-test h2, .quote-centered h2{
        font-size: 30px !important;
        line-height: 1.2 !important;
    }
    .obx-landing-test h3 {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 500;
    }
    .obx-landing-test p {
        line-height: 1.5 !important;
    }
    .obx-landing-test .two-col.top-banner {
        padding: 40px 0 10px;
    }

    /* .obx-landing-test .container, */
    .obx-landing-test .top-cta {
        text-align: center;
    }
    .obx-landing-test .top-banner .content-col {
        max-width: unset;
    }
    .obx-landing-test .obx-banner-buttons .left-button, 
    .obx-landing-test .obx-banner-buttons .right-button {
        margin: 0 auto;
    }
    
    .obx-landing-test .landing.content-col .list-container {max-width: 330px;}
    .obx-landing-test .landing.content-col .flex,
    .obx-landing-test .full-width .flex 
    {display: flex;}
  
    .obx-landing-test .list-container {
        display: block;
        margin: 0 auto;
        text-align: left;
    }
    .obx-landing-test .two-col.white {
        padding: 25px 0;
    }
    .obx-landing-test .two-col.green.slim.landing {
        padding: 20px;
    }
    .obx-landing-test .list-container:last-child {
        margin-bottom: 50px;
    }
    .quote-centered.landing {
        margin: 54px 0;
        padding: 52px 0;
    }
    .obx-landing-test .landing-checkerboard-wrapper {
        padding: 0;
    }
    .landing-checkerboard .img-col img {
        margin-bottom: 30px;
    }
    .obx-landing-test .landing-checkerboard .flex {
        display: flex;
        flex-wrap: wrap;
    }
    .obx-landing-test .landing-checkerboard .content-col  {
        padding: 0;
        margin: 0 auto 30px;
    }
    .obx-landing-test .landing-checkerboard .content-col h2 {
        margin-bottom: 20px;
    }
    
    .obx-landing-test .landing-checkerboard .img-col {
        order: 1;
        margin: auto;
        margin-bottom: 20px;
    }
    .obx-faq-wrapper {
        padding: 40px 0;
    }
    .obx-landing-test .contact .form-content,
    .obx-landing-test .contact .form-fill {
        text-align: center;
        padding: 40px 20px 20px;
        margin: 0 auto;
    }

    .obx-landing-test .contact .black-bg {
      padding: 30px 0;
    }
  .obx-landing-test .related-articles .flex {
    display: flex;
    flex-wrap: wrap;
  }
    .obx-landing-test .related-articles, 
  .obx-landing-test .related-articles .article {
        padding: 5px 0;
}    
    .obx-landing-test .related-articles .article {
       min-width: 280px;
       flex-basis: 45%;
       margin: 31px auto 0;
      max-width: unset;
    }
  .obx-landing-test .full-width.white {
    padding: 40px 0;
  }
  .obx-landing-test .full-width.white h2, .flex-content p {
    margin-bottom: 8px;
}
  /* .obx-landing-test .flex-img img {
        margin-bottom: 40px;
  } */
}
/* @media screen and (max-width: 767.9px) {
    .obx-landing-test .landing.content-col .flex,
    .obx-landing-test .full-width.white .flex {
      display: block;
    }
} */


/***********OBX Product Page v.2************/
.OBX-container {
	--main-heading-green: #547F52;
	--section-bg-lgrey: #F5F5F5;
}
.OBX-container h2, 
.OBX-container p{
	margin-top: 0;
	margin-bottom: 20px;
}
.OBX-container p{
	line-height: 32px;
}
.OBX-container .flex-row {
    display: flex;
    flex-wrap: wrap;
	column-gap: 20px;
	justify-content: center;
}

.OBX-container .container {
    max-width: 1346px;
    padding: 0 20px;
    margin: auto;
}
.OBX-container .green-full .container img {
    margin: 0 auto 15px;
}
.OBX-container .obx-icon-group {
    flex-basis: 23%;
    padding-top: 50px;
    margin-bottom: 30px;
    text-align: center;
	min-width: 23%;
}
.OBX-container .obx-icon-text {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.OBX-container .cta {
    color: #fff;
    text-align: center;
    padding: 100px 0;
}
.OBX-container .cta-content {
	margin-bottom: 30px;
}
.OBX-container .cta-header {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 20px;
}
.OBX-container .cta-body {
    font-size: 18px;
} 
.OBX-container .cta-button{
	max-width: 230px;
	margin: auto;
}
.OBX-container .cta-button a {
	display: inline-block;
	padding: 15px 0px 13px;
	min-width: 230px;
	font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none; 
    color: #547F52;
    background: #fff;
	border: 2px solid #fff;
    text-align: center;
	transition: 
        background .25s ease-in-out,
        border .25s ease-in-out,
        color .25s ease-in-out;
}
.OBX-container .cta-button.bottom a {
	display: inline-block;
	padding: 15px 0px 13px;
	min-width: 230px;
	font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none; 
    color: #fff;;
    background: var(--main-heading-green);
	border: 2px solid var(--main-heading-green);
    text-align: center;
	transition: 
        background .25s ease-in-out,
        border .25s ease-in-out,
        color .25s ease-in-out;
}
.OBX-container .cta-button a:hover {
    color: #fff;
    background: transparent;
	border: 2px solid #fff;
}
.OBX-container .cta-button.bottom a:hover {
    color: var(--main-heading-green);
    background: var(--section-bg-lgrey);
	border: 2px solid var(--main-heading-green);
}
/* #product-tab-blocks--template--15777159643303__f58b3552-9bfd-4218-bd1d-d47a101a31d7 { */
.product-tab-blocks.text--dark{
  background-color: #fff;
}

.OBX-container .full-width.grey{
    background-color: var(--section-bg-lgrey);
	padding: 100px 0 50px;
}
.OBX-container .full-width.white{
	background: #fff;
	padding: 100px 0 58px;
}
.OBX-container .full-width.grey .container:first-child,
.OBX-container .full-width.white .container:first-child{
	margin-bottom: 42px;
}
.OBX-container .full-width.green {
	color: #fff;
	background: var(--main-heading-green);
	box-shadow: inset 0px 0px 33px #1B2C1B;
}
/* .OBX-container .flex-content, 
.OBX-container .flex-img  {
    flex-basis: 50%;
} */
.OBX-container .full-width.grey .flex-row, 
.OBX-container .full-width.white .flex-row{
	justify-content: space-between;
}
.OBX-container .flex-content {
	max-width: 670px;
}
.OBX-container .flex-content,
.OBX-container .flex-img {
	margin-bottom: 30px;
  align-self: center;
}
.OBX-container .flex-img {
  flex-basis: 560px;
  align-self: center;
}

.OBX-container .flex-img img {
    width: 100%;

}

.OBX-container .flex-content-header{
	font-size: 50px;
	max-width: 600px;
	font-weight: 900;
	color: var(--main-heading-green);
}
.OBX-container .flex-content-subheader {
	font-size: 24px;
	font-weight: 900;
	display: block;
}
.OBX-container .quote-centered h2, 
.OBX-container .quote-centered .faux-h2 {
    text-transform: uppercase;
    max-width: 1300px;
    font-size: 36px;
}
.OBX-container .quote-centered {
    padding: 60px 0;
}
.OBX-container .quote-body{
    max-width: 1300px;
}
.OBX-container .bottom-cta-gray {
	padding: 50px 20px;
	background-color: var(--section-bg-lgrey);
    text-align: center;
}
.OBX-container .bottom-cta-header {
   margin: 20px auto;
	font-size: 36px;
	font-weight: 900;
	color: var(--main-heading-green);
}
.OBX-container .bottom-cta-body {
    margin: 0 auto 25px;
    max-width: 860px;
}
@media screen and (max-width: 1300px) {
	.OBX-container .flex-content-header {
		font-size: 44px;
	}
	.OBX-container .full-width.grey {
      		padding: 50px 0 70px;

    }
	.OBX-container .full-width.white,
	.OBX-container .cta {
		padding: 50px 0 8px;
	}
	.OBX-container .obx-icon-group {
		min-width: 40%;
	}
	.OBX-container .flex-content {
		order: 1;
		margin: 0 auto 20px;
	}
	.OBX-container .flex-img {
		order: 2;
		margin: 0 auto;
	}
	.OBX-container .list-container ul,
	.OBX-container .list-container ol{ 
		padding-left: 22px;
	}
}

@media only screen and (max-width: 767.9px) {
  div.flex {
    display:block;
  }
  .content-wheel .article {
    max-width: 500px;
    margin: 83px auto;
  }

  .img-col {
    margin: 0 auto 40px;
  }
  .static-product__images, .static-product__details {
    width: 100% !important;
}
  .product-icons p{
    display:block;
  }

  .content-wheel {
    padding:20px 0;
}
  .form-content-wrapper {
    padding: 60px 20px;
}
  .form-fill-wrapper {
      padding: 60px 20px;
}
  .content-wheel.landing .article {
    margin: 50px auto;
}
.landing-checkerboard .content-col {
  padding: 40px 0;
}
  .OBX-container .flex-content-header,
  .OBX-container .cta-header,
  .OBX-container .bottom-cta-header{
      font-size: 32px;
      line-height: 1.25;
  }
      .template-product .OBX-container .flex-img {
  flex-basis: unset;
}
}





/*flex fixes*/


.obx-landing-test .flex-row {
    column-gap: 60px;
}
.obx-landing-test .flex.landing .img-col,
.obx-landing-test .flex-img {
    flex-basis: 45%;
}
.obx-landing-test .flex.landing .content-col,
.obx-landing-test .flex-content {
    flex-basis: 55%;
}
@media (max-width: 1300px) {

    .obx-landing-test .flex-row {
        flex-wrap:nowrap;
    }
    .obx-landing-test .flex-img {
    order: 0;
        
}
}
@media (max-width: 1023px) {
    .obx-landing-test .flex-row,
    .obx-landing-test .flex {
        flex-direction: column;
    }
    .obx-landing-test .flex.landing .content-col,
    .obx-landing-test .flex.landing .img-col,
    .obx-landing-test .flex-img,
    .obx-landing-test .flex-content{
        max-width: unset;
        flex-basis: auto;
    }
    .obx-landing-test .flex.landing .img-col,
    .obx-landing-test .flex-img{
        order: 1;
    }
    .obx-landing-test .flex-img img {
        margin-top: 40px;
    }
}
    
@media only screen and (max-width: 540px) {
    .obx-landing-test .top-banner .landing h1 {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 0px;
}
}
/***end OBX Landing ***/



 /***obx blog**/
.article__rte p {
  font-size: 18px;
}
.article__header-image.lazyloaded img {
    width: 100%;
}
.obx-blog-container {
    max-width: 775px;
    padding: 50px 20px;
    margin: 0 auto;
}
.obx-blog-container .obx-flex-row {
    display: flex;
}
.obx-blog-container .new-blog-toc.wide a.jump-link {
    max-width: 345px;
    flex-basis: 50%;
}
.obx-blog-container h1 {
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px;
    line-height: 52px;
}
.obx-blog-container h2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.blog-body-section h2 {
    line-height: 1.1
}
.obx-blog-container h3 {
    font-size: 26px;
    font-weight: 700;
    margin:10px 0 7px 0;
}
.obx-blog-container p {
    font-size: 18px;
    line-height: 32px;
    margin: 0 0 20px;
}
.blog-body-section {
    margin-bottom: 60px;
}
.blog-learn-more {
    color: #547F52;
}
.blog-img-wide img {
    margin-bottom: 20px;
}
.blog-page-top h2 {
    margin: 30px 0 10px;
}
.blog-top-img {
    margin-bottom: 40px;
}
.blog-author {
    margin-bottom: 10px;
}
.social
.blog-author p, .blog-toc {
    font-size: 16px;
}
.blog-author p {
    line-height: 24px;
}
.blog-toc a {
    text-decoration: none;
    color: #292929;
}
.blog-toc a:hover {
    text-decoration: underline;
}
.blog-toc .center {
    text-align: center;
} 
.blog-toc .right {
    text-align: right;
} 
.social-share-row .flex {
    justify-content: space-between;
}
.social-share-row {
    margin: 20px auto 5px;
}
.social-share-row.bottom {
    padding-bottom: 40px;
    border-bottom: .5px solid #A7A7A7;
}
.social-share a {
    padding: 0 4px;
    text-align: right;

}
.social-share, .blog-return {
    color:#547f52;
    font-weight: 700;
}
.blog-return p {
    font-weight: 700;
}
.obx-blog-container ol li {margin-bottom: 10px;
}

.obx-blog-container ol li::marker {
    font-weight: 700;
  font-size: 20px;
}
.blog-ul.non-italic ul {
  font-style: normal;
}
.blog-ul ul{
    margin: 0 0 20px 0;
    font-style: italic;
    list-style-position: outside;
    padding-left: 26px;
}
.blog-ul li {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 10px;
  position: relative;
  list-style-type: none;
}
.blog-ul li::before {
    content: url(/cdn/shop/files/SVG_Circle.svg?v=1729616893);
    position: absolute;
    top: -1.5px;
    left: -20px;
    width: 10px;
}
.blog-ul li::marker {
    color: #547F52;
    font-size: 32px;
    vertical-align: middle;
}
.blog-li-text {
    display: inline-block;
    vertical-align: middle;
}
.blog-product-section h2 {
    margin-bottom: 20px;
}
.tight {
    margin-bottom: 10px !important;
}
.blog-product-section p {
    margin-bottom: 20px;
}
.blog-two-col .flex{
    column-gap: 30px;
}
.blog-img-col {
    background-color:#547F52;
    margin-bottom: 0;
    max-width: unset;
}
.blog-body-section.green {
    color: white;
    background-color: #547F52;
    padding: 30px 30px 10px 30px;
}

.blog-button a.obx-button {
    box-sizing: border-box;
    color: #FFFFFF;
    text-decoration: none;
    background: #547f52;
    padding: 15px 0;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    min-width: 230px;
    transition: background .25s ease-in-out;    
    border: solid 2px #537f53;

}
.blog-button a.obx-button:hover {
    background: white;
    color: #537f53;
    border: solid 2px #537f53;
    }

.blog-cta h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
}
.obx-blog-container .blog-cta {
    margin-bottom: 60px;
}
.blog-content-wheel .flex{
    column-gap: 30px;
}
.obx-blog-article img {
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    object-fit: cover;
}
.obx-blog-article h4 {
    color: #547F52;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-weight: 700;
}
.blog-faq {
    padding: 60px 0;
}
.blog-accordion-span {
    border-bottom: 2px solid #537f53;
}
.obx-blog-container h3.blog-accordion,
.blog-accordion {
  background-color: #f6f6f6;
  color: black;
  cursor: pointer;
  padding: 18px 0;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
.obx-blog-container h3.blog-accordion,
.blog-accordion,
button.blog-accordion h3 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 1;
}
.obx-blog-container .active, .blog-accordion:hover {
  background-color: #f6f6f6;
}
.blog-panel {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f6f6f6;
}
.blog-panel p {
    margin: 0;
}
.obx-blog-container .blog-author p {
    line-height: 24px;
}
.obx-blog-container .social-share-row {
    margin: 20px auto 5px;
}
.obx-blog-container .new-blog-toc {
    margin: 50px auto;
    border-top: solid 1px gray;
    border-bottom: solid 1px gray;
    padding: 20px 0;
}
.obx-blog-container .new-blog-toc .toc-header {
    color: #547F52;
    font: normal normal bold 16px/24px "Nunito Sans";
    margin-bottom: 0;
    text-transform: uppercase;
}
.obx-blog-container .new-blog-toc .obx-flex-row {
    column-gap: 60px;
}
.obx-blog-container .new-blog-toc a.jump-link {
    flex-basis: 33%;
    margin-top: 15px;
    text-decoration: none;
    display: block;
  max-width: 206px;
}
.obx-blog-container .new-blog-toc a.jump-link:before {
    content:" > ";
}
.obx-blog-container .new-blog-toc a.jump-link:hover {
    color: #547F52;
}
.obx-blog-container .blog-product-carousel {
    border: solid 1px black;
    border-radius: 3px;
    padding: 30px 0;
    margin: 60px auto;
}
.obx-blog-container .blog-product-carousel .product-header {
    color: black;
    text-align: center;
    margin: 0 auto;
    max-width: 695px;
    font-size: 24px;
  display: block;
}
.obx-blog-container .product-sub-header {
    color: #547F52;
    font: normal normal bold 36px/49px "Nunito Sans";
    text-align: center;
    margin: 0 auto 10px;
    max-width: 695px;
}
.obx-blog-container .blog-product-carousel a.btn.btn--primary {
    display: inline-block;
    min-width: 250px;
    text-align: center;
    padding: 10px;
    line-height: 30px;
}
.obx-blog-container h3 {
    margin-top: 30px;
    margin-bottom: 5px;
}
.obx-blog-container .blog-content-col h2:first-child,
.obx-blog-container .blog-body-section.green h2:first-child {
    margin-top: 0;
}
.obx-blog-container .blog-img-col {
    flex-basis: 30%;
}
.obx-blog-container .blog-content-col {
    flex-basis: 70%;
    align-self: center;
}
.obx-blog-container .blog-img-col img {
    display: block;
    width: 100%;
    max-width: 250px;
    margin: auto;
  object-fit:cover;
  aspect-ratio: 211/520;
}
.obx-blog-container .new-blog-toc ul.sub-toc {
    padding-left: 0;
    margin-bottom: 0;
}
.obx-blog-container .new-blog-toc ul.sub-toc li:last-child {
    margin-bottom: 0;
}
.obx-blog-container .blog-return a {
    color: #547F52;
    text-decoration: none;
    display: inline-block;
}
.obx-blog-container .blog-return a:before {
    content: " < ";
}
.obx-blog-container .blog-return a:hover {
    color: black;
}
.obx-blog-container h3.blog-accordion:before,

.obx-blog-container button.blog-accordion:before {
    content: "\002B";
    margin-right: 10px;
}
.obx-blog-container h3.blog-accordion.active:before,
.obx-blog-container button.blog-accordion.active:before {
    content: "\2014";
    margin-right: 10px;
}
.obx-blog-container .blog-panel {
    padding-bottom: 20px;
}

.obx-blog-container a.article-img {
    display: flex;
}
.obx-blog-container a.article-title {
    display: block;
    text-decoration: none;
    color: #547F52;
    font: normal normal bold 18px/25px "Nunito Sans";
    margin-bottom: 10px;
}
.obx-blog-container a.article-title:hover {
    color: #333333;
}
@media (max-width: 800px) {
    .obx-blog-container .obx-flex-row {
        display: block;
    }
    .obx-blog-container .blog-img-col {
        margin: 60px auto;
    }
    .obx-blog-container h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .obx-blog-container h2 {
        font-size: 32px;
        line-height: 38px;
    }
    .obx-blog-container h3 {
        font-size: 24px;
        line-height: 30px;
    }
}
@media (max-width: 400px) {
    .obx-blog-container .blog-body-section.green {
        padding: 20px;
    }
}
.flex {
    display: flex;
}

.obx-blog-article {
    flex-basis: 33%;
}

a.article-title {
    min-height: 75px;
} 
/*page description font size fix*/ 
.page__description-text.rte.cs-page-settings {
    font-size: 18px;
}

.static-product__details-wrap .swatch{
  display:none;
}
.obx-landing-test h3.flex-content-header, 
.obx-landing-test h3 {
       text-transform: uppercase;
   }
@media (max-width: 540px){
    .obx-landing-test h3.flex-content-header {
        font-size: 30px;
    }
    .obx-landing-test .container {
        margin: 0;
    }

    .obx-landing-test .full-width.grey .container:first-child, 
    .obx-landing-test .full-width.white .container:first-child {
        margin-bottom: 0px;
    }
}
.obx-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
}

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

/*OBX Case Study Page Template*/

.obx-section .container {
    max-width: 1246px;
    padding: 0 20px;
    margin: 0 auto;
}
.obx-section img {
    width: 100%;
}
.obx-section h2 {
    font: 900 50px / 1.2 "Nunito Sans", sans-serif;
}
.obx-section span {
    display: block;
}
.obx-section.top-banner {
    padding: 6.66vh 0;
    margin-top: 60px
}
.obx-section .centered {
    text-align: center;
}
.obx-section h1,
.obx-section h2,
.obx-section h3 {
    margin: 0;
}
section.obx-section.top-banner {
    background-size: cover;
    background-position: center center;
}
.obx-section .banner h1 {
    color: #ffffff;
    font-size: 60px;
    line-height: 1.267;
}
.obx-section .banner h3 {
    color: #fff;
    margin-bottom: 26px;;
}

.top-banner .obx-button {
    display: inline-block;
    
}
a.obx-button {
    display: block;
    background: #fff;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    padding: 14px 0 12px;
    text-align: center;
    max-width: 188px;
    min-width: 188px;
    transition: all .3s ease;
}
a.obx-button.white:hover {
    background: transparent;
    color: #ffffff;
}
a.obx-button.clear {
    background: transparent;
}
a.obx-button.black {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
}
a.obx-button.black:hover {
    color: #000;
    background: transparent;
}
.top-banner a.obx-button.clear {
    color: #fff;
    margin-left: 40px;
}
a.obx-button.clear:hover {
    background: #ffffff;
    color: #000;
}
a.obx-button.green {
    background-color: #537f53;
    border: 2px solid #537f53;
    color: #fff;
}
.callout a.obx-button.green {
    max-width: fit-content;
    padding: 14px 38px 10px
}
a.obx-button.green:hover {
    background: transparent;
    color: #537f53;
}
a.obx-button.green.to-white:hover {
    color: #fff;
}
section.obx-section.black-bg {
    background-color: #000000;
    padding: 30px 0 24px;
}
.flex-row {
    display:flex;
}
.sm-icon-row .flex-row {
    justify-content: space-around;
}
.icon-card {
    flex-basis: 25%;
}
.icon-card img {
    display: block;
    margin: 0 auto 15px;
    overflow: hidden;
}
.icon-card span {
    text-align: center;
    display: block;
    color: #fff;
    font: 900 18px/32px "Nunito Sans", sans-serif;
}
.obx-section.basic-html {
    padding: 11vh 0;
}
.obx-section.basic-html .container {
    max-width: 874px;
}
.obx-section.basic-html h2 {
    font-size: 50px;
    line-height: 1.18;
    margin: 0;
}
.quote-card .column.quote {
    flex-basis: 50%;
}
.quote-card .column.img-card {
    flex-basis: 40.5%;
    padding: 20px;
    border: 2px solid #D9D9D9;
    border-radius: 5px;
}
.quote-card .container {
    max-width: 1416px;
}
.quote-card .flex-row {
    column-gap: 8%;
}
.column.quote {
    text-align: center;
    align-self: center;
}
.column span {
    display: block;
}
span.quote-sp {
    font: 900 30px / 1.4 ""Nunito Sans"", sans-serif;
    margin-bottom: 3vh;
    color: #537F53;
}
span.author-sp {
    font:  900 18px / 1.8 "Nunito Sans";
    color: #707070;
}
.img-card img {
    margin-bottom: 25px;
}
.img-card .head {
    font: 900 28px / 1.25 "Nunito Sans", sans-serif;
  margin-bottom: 10px;
}
.img-card .body {
    color: #707070;
    margin-bottom: 30px;
  line-height: 1.4;
}
section.obx-section .intro {
    max-width: 908px;
    margin: 0 auto 7vh;
}
section.obx-section.quote-card {
    margin-bottom: 100px;
}

section.obx-section.p-cards.light-grey-bg {
    background-color: #F6F6F6;
}

section.obx-section.p-cards {
    padding: 11vh 0;
}

.p-card {
    flex-basis: 33%;
    border: 1px solid #2F2F2F;
}
.obx-section .p-card img {
    object-fit: cover;
}
.p-card span {
    text-align: center;
}
.p-card a {
    text-decoration: none;
}

.flex-row:has(.p-card) {
    column-gap: 14.5%;
}
.p-name-bar {
    background: #717B85;
    min-height: 80px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.p-card span.p-name {
    color: #fff;
    font: 900 20px / 1.4 "Nunito Sans", sans-serif;
}
.p-card span.starting {
    color: #707070;
    margin: 20px 0 10px;
}
.p-card span.p-price {
    font: 900 24px / 1.25 "Nunito Sans", sans-serif;
    margin-bottom: 20px;
    color: #537f53;
}
.p-card .obx-button {
    max-width: 85%;
    margin: 0 auto 20px;
}
.p-cards .container {
    max-width: 1349px;
}
section.obx-section.lg-icon-row {
    background: #537F53;
    color: #fff;
    padding: 7.2vh 0 0;
}
section.obx-section.icon-row.lg-icon-row .flex-row {
    flex-wrap: wrap;
}
section.obx-section.lg-icon-row .flex-row {
    justify-content: center; 
}

section.obx-section.lg-icon-row .flex-row:last-of-type {
    margin-bottom: 0;
}

section.obx-section.lg-icon-row .icon-card {
    flex-basis: 20%;
    margin-bottom: 60px;
}
section.obx-section.img-car .flex-row {
    column-gap: 5%;
}
section.obx-section.img-car .column.car {
    flex-basis: 48%;
}
.column.car-body {
    flex-basis: 52%;
    align-self: center;
}
section.obx-section.img-car {
    padding: 11vh 0;
}
section.obx-section.img-car .container {
    max-width: 1350px;
}
.slideshow-container {
    margin: 0 auto 30px;
    background: #F5F5F5;
    border-radius: 5px;
    box-shadow: 5px 5px 5px;
    box-shadow: 5px 5px 20px 4px rgba(50, 50, 50, 0.1);
}
.mySlides {
    display: none;
}
.slideshow-thumbs-wrapper {
    position: relative;
}
.mySlides img {
    aspect-ratio: 1;
    object-fit: cover;
}
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 5px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
    transform: scale(1.1);
}
.slideshow-thumbs {
    display: flex;
    width: 90%;
    margin: 0 auto;
    column-gap: 20px;
    justify-content: space-evenly;
}
.slideshow-thumbs img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1;
    cursor: pointer;
}
.active:hover {
    background-color: #717171;
}
.tab-information.active:hover {
  background: none;
}
.thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide.active:hover,
.thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide.active img:hover {
  background: none;
}
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}
@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}
@media only screen and (width <= 1024px) {
  .flex-row:has(.p-card) {
    column-gap: 6.5%;
}
.thumb img {
    max-height: 11vh;
}
.mySlides img {
    max-height: 400px;
}
a.prev {
    left: -5px;
}
a.next {
    right: -5px;
}
section.obx-section.lg-icon-row .icon-card {
    flex-basis: 25%;
}
}
@media only screen and (width <= 768px) {
.thumb img {
    max-height: 15vh;
}
}
@media only screen and (width < 540px) {
      .obx-section .banner h1 {
    font-size: 40px;
}
    .obx-section .banner h3 {
        font-size: 20px
    }
    .banner .obx-button {
        display: block;
        max-width: unset;
    }
    a.obx-button.green {
        margin-bottom: 20px
    }
    .top-banner a.obx-button.clear {
        margin-left: 0
    }
    .thumb img {
        max-height: 70px;
        max-width: 68px;
    }
    .mySlides img {
        max-height: 400px;
    }
    a.prev {
        left: -10px
    }
    a.next {
        right: -10px
    }
}
@media only screen and (width <= 768px) {
    section.obx-section.top-banner {
        background-position: 56%;
      margin: 0;
  }
  .obx-section h2,
  .obx-section.basic-html h2 {
    font-size: 30px;
  }
  .flex-row:has(.p-card) {
    column-gap: 5%;
  }

  section.obx-section.img-car .flex-row {
    flex-direction: column;
  }
  section.obx-section.img-car .column.car {
    order: 2;
    margin-top: 20px;
  }

}
@media only screen and (width < 768px) {
    section.obx-section.img-car,
    section.obx-section.p-cards,
    .obx-section.basic-html {
        padding: 40px 0;
    }
    .flex-row:has(.p-card) {
    column-gap: 5%;
    }
    section.obx-section .column {
    margin-bottom: 30px;
    }
    .flex-row:not(.icon-row .flex-row)
     {
        flex-direction: column; 
    }
     section.obx-section.sm-icon-row .flex-row {
        flex-wrap: wrap;
    }
    section.obx-section.lg-icon-row .icon-card,
    section.obx-section.sm-icon-row .icon-card
    {
        flex-basis: 50%;
        margin-bottom: 30px;
    }
    .p-card:not(.p-card:last-of-type) {
        margin-bottom: 40px;
    }
}



section[data-section-type="account"] .table.table--loose {
  width: 100%;
  padding: 20px;
}

section[data-section-type="account"] .table.table--loose tr th:first-child {
  max-width: 68%;
  width: 100%;
  padding-left: 5px;
  padding-bottom: 20px;
}

section[data-section-type="account"] .table.table--loose tr th {
  max-width: 16%;
  width: 100%;
  text-align: left;
}

section[data-section-type="account"] .order-foot {
  padding: 20px;
}

section[data-section-type="account"] .order-foot__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

section[data-section-type="account"] .order-foot__item {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 18px;
}

.order-foot__item .order-foot__item-cateogry {
  max-width: 84%;
  width: 100%;
}

.order-foot__item .order-foot__item-value {
  max-width: 16%;
  width: 100%;
}

@media (max-width: 767px) {
  section[data-section-type="account"] > .container > .layout {
    flex-direction: column;
  }

  section[data-section-type="account"] .table.table--loose {
    padding: 0;
  }

  section[data-section-type="account"] .table.table--loose tr th:first-child,
  section[data-section-type="account"] .table.table--loose tr th,
  .account-section .table-wrapper .table--loose tbody td {
    max-width: unset;
    padding: 5px;
  }

  .account-section .table-wrapper table tr,
  .account-section .table-wrapper table tbody {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  .order-foot__item .order-foot__item-value {
    width: fit-content;
    max-width: unset;
  }
}

@media (min-width: 1024px) {
  #shopify-section-template--17069298122919__dynamic_image_Kc34Ui .dynamic-image {
    padding-top: 60px;
  }
}

.product-tab-blocks .tab__content ul {
  padding-left: 30px;
}

.product-tab-blocks .tab__content li {
  font-size: 1.8rem;
  line-height: 3.2rem;
  letter-spacing: 0;
}
/**** Blog Addition Carousel ****/
.carousel {
  --current-slide: 0;
  position: relative;
  overflow: hidden;
}
.obx-button.secondary a {
  font-size: 15px;
  font-weight: 900;;
  color: #3b3b3b;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  width: 100%;
}
.carousel {}
.carousel-button {
  position: absolute;
  top: 59%;
  transform: translateY(-50%);
  z-index: 1;
  padding: 0;
  margin: 0.5rem;
  border-radius: 50%;
  background-color: transparent;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  transition: color 0.1s;
}
.carousel-button:hover {
  color: rgba(0, 0, 0, 0.5);
}
.carousel-button_next {
  right: 0;
}
.slides {
  display: flex;
  transition: transform 0.5s;
  transform: translateX(calc(-100% * var(--current-slide)));
}
.slide {
  flex: 0 0 100%;
  display: flex;
  column-gap: 20px;
}
div#blog-addition {
  margin: 0 auto;
  position: relative;
}
.carousel {
  max-width: 661px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .carousel-button {
    font-size: 2rem;
    margin: 1rem;
  }
}
.blog-add-wrap {
    max-width: 735px;
    margin: auto;
}
div#blog-addition {
  text-align: center;
  padding-bottom: 100px;
}
div#blog-addition h2 {
    font-size: 40px;
    margin: 0 0 30px;
    width: 100%;
    font-weight: 700;
    padding: 0 20px;
}
button.carousel-button {
  top: 42%;
}
button.carousel-button.carousel-button_previous {
  left: -9px;
}
button.carousel-button.carousel-button_next {
  right: -9px;
}
.obx-button.secondary {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #3b3b3b;
  text-align: center;
  flex-basis: 33%;
  transition: all .1s ease-in-out;
}
.obx-button.secondary:hover {
  background: #547F52;
  color: white;
  cursor: pointer;
  border-color: #547F52;
}
.obx-button.secondary:hover a {
  color: white;
}
@media only screen and (width = 768px) {
  button.carousel-button {
  top: 38%;
}
}
@media only screen and (width < 768px) {
  .slides {
      flex-direction: column;
  }
  .slide {
      margin-bottom: 30px;
  }
  .carousel-buttons {
      display: none;
  }
  button.carousel-button {
    top: 38%;
  }
}
@media only screen and (width < 640px) {
  .obx-landing-test .landing-products-container {
    padding-bottom: 50px ;
  }
  div#blog-addition {
      padding: 30px;
  }
  .slide {
      flex-direction: column;
      margin-bottom: 0;
  }
  .obx-button.secondary {
      margin: 0 auto 20px;
      width: 97%;
  }
}
div#shopify-section-obx-product-carousel button.carousel-button.carousel-button_next {
  right: 0px;
  top: 67.5%;
}
div#shopify-section-obx-product-carousel button.carousel-button.carousel-button_previous {
  left: 0px;
  top: 67.5%;
}
div#shopify-section-obx-product-carousel .carousel {
  max-width: 621px;
  margin: 0 auto;
}
div#shopify-section-obx-product-carousel div#blog-addition {
  max-width: unset;
  padding: 60px 0 40px;
}
div#shopify-section-obx-product-carousel .obx-button.secondary {
    border: 1px solid;
}
div#shopify-section-obx-product-carousel div#blog-addition h2 {
    font-weight: 800;
}
/*****************************/

/*OBX PPC Template*/
.obx-landing-test.ppc .top-banner .content-col {
    max-width: 950px;
}
.obx-landing-test.ppc .top-banner h1 {
    text-transform: none;
}

/*****************************/

/*OBX Resources Template */
main#MainContent:has(.obx-resources-wrapper) {
    background: #fff;
}
.obx-resources-wrapper section {
    padding: 60px 0;
}
.obx-resources-wrapper img {
    width: 100%;
    object-fit: cover;
}
.flex-row {
    display: flex;
}
.container {
    max-width: 1310px;
    padding: 0 20px;
    margin: 0 auto;
}
.obx.resources.top-banner {
    padding: 58px 0;
    background-image: radial-gradient(rgba(109, 109, 109, 1) 0%, rgba(47, 47, 47, 1) 29%, rgba(0, 0, 0, 1) 100%);
}
.obx.resources.top-banner h1 {
    font: 900 46px / 1.065 'Nunito Sans', sans-serif;
    margin-top: 0;
}
.obx.resources.top-banner .flex-row {
    column-gap: 38px
}
.obx.resources.top-banner .col {
    align-self: center;    
}
.obx.resources.top-banner .col.content {
    color: #fff;
}
.obx.resources h2 {
    font: 900 46px / 1.065 'Nunito Sans', sans-serif;
    margin-top: 30px;
}
.subhead {
    display: block;
    font: 900 26px / 1.115 'Nunito Sans', sans-serif;
    margin-bottom: 10px;
}
.obx.resources.top-banner .flex-row .col.content {
    flex-basis: 55%
}
.obx.resources.top-banner .flex-row .col.media {
    flex-basis: 45%
}
.resource-ind-slider .ind-card {
    position: relative;
    height: 325px;
    overflow: hidden;
}
a.ind-card.slick-slide {
    background-size: 238px;
    background-repeat: no-repeat;
    margin-right: 5px;
}
a.ind-card.slick-slide .overlay {
    max-width: 238px;
    width: 100%;
}
.slick-slide:focus {
    outline: none;
}
.overlay {
    background: #537F53;
    color: #fff;
    padding: 10px 15px;
    position: absolute;
    transition: all .3s ease-in-out;
    min-height: 170px;
    top: 84%;
}
.overlay span {
    display: block;
}
.overlay .title {
    font: 700 18px / 1.8 'Nunito Sans', sans-serif;
    padding-bottom: 10px;
    position: relative;
}
.overlay .title:after {
    position: absolute;
    content: url(/cdn/shop/files/ind-arrow.png?v=1737483202);
    top: 4px;
    right: 0;
}
.ind-card:hover .overlay {
    transform: translateY(calc(-100% + 52px));
}

section.obx.resources.grey {
    background: #F5F5F5
}
.narrow .container {
    max-width: 1082px;
    padding: 0 20px;
}
.resources h2 {
    color: #537F53;
}
.resources .row-heading {
    display: block;
    font: 900 36px / 1.4 'Nunito Sans', sans-serif;
    margin-bottom: 15px;
}
.resources .row-heading + p {
    margin: 0 0 30px
}
section.obx.resources {
    padding: 30px 0;
}
span.title {
    font: 700 18px / 1.2 'Nunito Sans', sans-serif;
    display: block;
    margin-bottom: 10px;
    max-width: 238px;
}
span.title + p {
    margin: 0;
    max-width: 238px;
    font-size: 16px;
}
.featured-blog-slider a {
    text-decoration: none;
}
.featured-blog-slider button.slick-next.slick-arrow {
    right: -30px;
    top: 43%;
    background-image: url(/cdn/shop/files/next-grey.png?v=1737478603);
    height: 30px;
    width: 30px;
}
.featured-blog-slider button.slick-next.slick-arrow:hover {
    background-image: url(/cdn/shop/files/next-green.png?v=1737479161);
}
.featured-blog-slider button.slick-prev.slick-arrow {
    left: -52px;
    top: 43%;
    background-image: url(/cdn/shop/files/next-grey.png?v=1737478603);
    height: 30px;
    width: 30px;
}
.featured-blog-slider button.slick-prev.slick-arrow:hover {
    background-image: url(/cdn/shop/files/next-green.png?v=1737479161);
}
span.copy {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.625;
}
.slide img {
    margin-bottom: 20px
}
.featured-blog-slider .fb-image-wrap {
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
    height: 161px;
}
.fb-image-wrap img {
    transition: all .3s ease-in-out
}
.featured-blog-slider .slide:hover img {
    scale: 1.1;
}
.obx.resources .slick-dots {
    position: unset;
    margin: 20px 0 0;
}
.obx.resources.cta {
    text-align: center;
  padding-bottom: 60px;
}
.obx.resources.cta h2,
.obx.resources.cta {
    color: #fff;
}
.obx.resources.cta p {
    margin-bottom: 30px
}
.obx.resources.cta a.obx-button {
    display: inline-block;
    margin: 0 auto;
    color: #fff;
    background: #537F53;
    border-color: #537F53;
    min-width: fit-content;
    padding: 16px 60px;
}
.obx.resources.cta a.obx-button:hover {
    background: transparent;
    color: #537F53;
}
@media (min-width: 1440px) {
    .no-pagination .slick-dots > *{
        display: none;
    }
}
@media (max-width: 1024px) {
     .obx.resources .slick-arrow {
        display: none!important;
    }
}
@media (max-width: 540px) {
    .obx.resources.top-banner h1 {
        font-size: 32px;
    }
  section.obx.resources.insdustries .container,
    .narrow .container:not(.cta .container) {
      padding: 0 0 0 20px;
    }
    .obx.resources h2 {
      font-size: 26px;
      color: #000;
      
    }
  .obx.resources h2:not(.cta h2)  {
      max-width: 95%;
  }
    .obx.resources .row-heading {
      font-size: 25px
    }
    .obx.resources.top-banner .flex-row .col.media {
      display: none;
    }
    .slide img {
        width: 100%;
    }
    span.title,
    span.title + p{
        max-width: unset
    }

   .resource-ind-slider .slick-track {
     left: -130px;
   }
    .obx.resources .slide.slick-slide {
      padding: 0 10px 0 0;
    }
     .obx.resources .slick-track {
      left: 33%
    }
}
@media (max-width: 375px) {
    .ind-card {
      margin-right: 30px
    }
}
.hidden {
  display: none !important;
}

.page__content__block.page__content__block--rte h1 {
  font-size: 2.4rem;
}
@media (min-width: 768px) and (max-width: 990.9px) {
    .static-product__wrapper .static-product__images,
    .static-product__wrapper .static-product__details {
        width: 100%!important;
    }
}
@media (max-width: 990.9px){
    .static-product__images {
    margin: 0 auto 2vh;
}