/*
font-family: 'Heebo', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
 */

body {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-style: normal;
  background: #003725;
}

/* .mp-pusher {overflow:hidden} */



.product-groups {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-gap: 30px; margin-bottom: 20px;}

p a:hover {color: #75c69f;}
li a:hover {color: #75c69f !important;}
a.button:hover {color: #fff !important;}


.bulk {background: #ffca05;
    padding: 7px 0;
    text-align: center;
    font-size: 15px;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-weight: 600; color:#222}

.map-area { width: 100%; height: 100%; display:block; margin-right:6px; border-radius: 5px;}

.media-banner {max-height: 500px; overflow:hidden;}

.category-menu a {font-size: 15px; display:block; margin: 5px 0}


.child {margin-left: 10px !important; margin-top:5px !important}
.child .active ul {}
.child > .active > ul {display:block}
.child-2 > .active > ul {display:block}
.child > li a:before, .child-2 > li a:before {content:'-'; position:absolute; left:-10px;}
.child-2 {margin-left: 20px !important; margin-top:5px !important; margin-bottom: 5px !important}
.child-3 {margin-left: 25px !important; margin-top:5px !important; margin-bottom: 5px !important}
.child-4 {margin-left: 30px !important; margin-top:5px !important; margin-bottom: 5px !important}
.menu li a {position:relative}

.child-3 > .active > .child-4 {display:block !important}

.child-4 {display:none !important}

.child-3 > .active > a {color: #75c69f; font-weight:600}
.child-2 .active > a, .child > .active > a {color: #75c69f; font-weight:600}

.child-2, .child-3 {display:none}

.menu-trigger {
  display: none;
}
.container {
  max-width: 85%;
  position: relative;
}
.container__content {
  max-width: 1380px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.active-results {
    list-style: none;
    margin: 0 0 20px 0;
    display: flex;
    flex-wrap: wrap;
}


.filter-pill {font-weight: 500; font-style: normal; align-items: center;  background-color: #75c69f; border-radius: 6px;
color: #fff; display: flex; font-size: 14px; line-height: 18px; margin: 0 8px 8px 0; max-height: 24px; }

.filter-pill button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 8px;
    background: 0 0;
    line-height: 1;
    cursor: auto;
}
.filter-pill button {cursor: pointer; height: 24px; line-height: 8px; padding: 8px;}
.filter-pill button img {height: 8px; vertical-align: unset; width: 8px;}
.filter-pill span { margin-left: 8px; color:#fff}


.section_product .breadcrumb {margin-bottom: 40px;}

.breadcrumb {max-width: 1300px; margin: 0 auto; padding: 20px 0 0 0; font-size: 12px; color:grey}
.breadcrumb a {color:#75c69f}

.table th {border-bottom:1px solid #eee; padding: 15px 0}
.table td {padding: 10px 0}



.header_wrapper {top: 0; transition: 0.3s;}
.header_wrapper .logo {width: 236px; transition: 0.3s;}

.header_wrapper .mobile_hamburger {top: 20px!important;}
.header_wrapper.notice-item ~ .mobile_hamburger {top: 65px;}

.notice-item { background: #ffca05; padding: 10px 0; text-align: center; font-size: 13px; display: block; font-family: "Montserrat", sans-serif; font-weight: 600; position: absolute; top: 0; left: 0; width: 100%; transition: 0.3s;}

.notice-item.notice-remove {top: -40px;}

.notice-item a {border-bottom: 1px solid #222}
.notice-item a:hover {color: #222; opacity:0.5}

.notice-item::before {content: ''; width: 15px; height: 2px; transform: translateY(-50%) rotate(45deg); right: 25px; top: 50%; position: absolute; background: #000; cursor: pointer;}
.notice-item::after {content: ''; width: 15px; height: 2px; transform: translateY(-50%) rotate(-45deg); right: 25px; top: 50%; position: absolute; background: #000; cursor: pointer;}

.cart-option {align-items: center; justify-content: space-between;  background: #17543e; padding: 0 30px;}

.resources-bg {background:#17543e; padding: 20px 0 80px 0}

.block-content.white-version {background:#fff;}
.white-version .block-wrapper h4 {color:#003725; margin-bottom: 20px;}
.white-version .block-wrapper p {color:#222}


.login-block.dealer-block h2 {color: #003725; font-size: 40px; text-align:center}
.login-block.dealer-block h3 {color: #003725; font-size: 26px; margin: 10px 0}
.login-block.dealer-block {text-align:center; padding:0 !important}
.login-block.dealer-block p {margin: 15px 0}
.login-block.dealer-block .button {margin-top: 15px;}
.login-block.dealer-block article {padding: 50px;}

.button__border {
  border: none;
  background-color: #17543e;
  color: #ffff;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 0 10px;
  display: flex;
  align-items: center;
}

.button {
  color: #ffff;
  background-color: #75c69f;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 16px;
  padding: 10px 15px;
  display: inline-block;
  cursor: pointer;
  border:none;
}
.button__hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main_section {
  position: relative;
  z-index: 9;
}

.header {
  background-color: #003725;
  position: relative;
  z-index: 10;
}
.header::after {
  background-image: url(/images/header-bottom.png);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 640px;
  position: absolute;
  content: "";
  z-index: -1;
}
.header.no-bottom-image::after {
  content: none;
}
.header_wrapper {
  border-bottom: 4px solid #75c69f;
}
img.header-bg_image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; display:none
}
.logo {
  padding: 30px 0 30px;
}
.header-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
  z-index: 99;
}

.header-bottom nav ul {
  display: flex;
  flex-flow: row wrap;
}

.header-bottom nav a.active {
  font-weight: bold;
  color: #75c69f;
}

.header-bottom {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 25px;
}

.header-top {
}
.home-search {
  display: flex;
  flex-flow: row wrap;
  justify-content: right;
  margin-top: 20px;
}
.search-box input {
  border: none !important;
  background-color: #17543e;
  height: 50px;
  color: #ffff;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 900;
  text-indent: 15px;
  width: 274px;
  margin: 0;
}
.home-search .button__border {
  width: 79px;
  justify-content: center;
}

.search-box button {
  position: absolute;
  right: 5px;
  background: none;
  border: 0;
  top: 13px;
}

.search-box {
  position: relative;
}
.home-search a:nth-of-type(1) {
  margin: 0 10px;
}

#searchForm input {width:100%;}

#searchForm input {font-size: 20px;}


.serial-form {max-width: 400px;}
.serial-form input {border:1px solid #222; margin-bottom:10px; text-indent: 20px;}
.serial-form label {font-weight:bold; margin-bottom: 10px; display:block}

.header-bottom .button {
  padding: 10px 12px;
  position: relative;  text-transform:uppercase; letter-spacing:1px; font-weight:600; font-size: 14px; margin-bottom: 20px;
}

.header-bottom nav {padding-top: 0px;}

.header-bottom nav > ul > li {
  position: relative; padding: 12px 0;
}
.header-bottom nav > ul > li a::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  content: "";
  background-color: #ffff;
}
.header-bottom nav > ul > li:last-child:after {
  content: none;
}
.header-bottom nav > ul > li > a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #ffff;
  padding: 0px 20px;
  display: block; text-transform:uppercase; letter-spacing:1px; position:relative
}
.header-bottom nav > ul > li:last-child a {
  padding-right: 0;
}

.header-bottom nav > ul > li:last-child a:after {display:none}

.browse_brands {border-bottom: 1px solid #ccc}

.browse_product ul,
.header-bottom nav > ul > li > ul {
  display: none;
}
.browse_product .menu-drop-item {opacity: 0;background: #fff; width: 99.3vw; max-width: none !important; position: absolute; left: 50%;transform: translateX(-50%);box-sizing: border-box; padding: 0 50px; height: 0; overflow: hidden;transition: 0.3s;  border-top: 0px solid #75c69f; box-sizing: border-box; }

.browse_product .menu-drop-item .flex-row {grid-template-columns: 260px 170px 1fr;  display:grid;}

.browse_product:hover .menu-drop-item {opacity: 1; padding: 30px; height: auto; border-top: 4px solid #75c69f; border-bottom: 4px solid #75c69f;}
.browse_product ul.smaller-menu {width: 100%;}
.browse_product ul.smaller-menu li {width: 100% !important;}
.browse_product ul {display: flex;margin: 0;padding: 0 15px; width: 70%; flex-direction: column;justify-content: flex-start;align-items: flex-start;flex-flow: wrap;align-content: flex-start;}
.browse_product ul li {list-style: none; width: 100%;}
.browse_product ul li a {padding: 10px 0 !important;}

.browse_product ul .category-drop-title a {font-size: 17px; font-weight: 900; margin-bottom: 5px;}

.mp-level {z-index: 99;}
.mp-level .menu-drop-item { position: relative; left: 0; transform: translateX(0); padding: 0 !important; opacity: 1 !important; background: none; height: 100% !important; width: auto;}
.mp-level .menu-drop-item ul {width: 100%; padding: 0;}
.mp-level .menu-drop-item ul li:first-child a {font-size: 16px !important; font-weight: normal !important;}
.mp-level .menu-drop-item ul li:last-child a {border-bottom: 1px solid #fff !important;}
.mp-level .menu-drop-item ul li a {padding: 15px 30px !important;}
.mp-level .button {display: none;}


.filter-band {margin-top:107px; background:#17543e; padding: 12px 0}

.browse_product ul li a {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #222;
  padding: 10px;
  display: inline-block;
  width: 100%;
  font-size: 15px;
}
.browse_product ul li a:hover {
  color: #75c69f;
}
.browse_product ul li:last-child a {
  border-bottom: none;
}
.header-bottom nav > ul > li:hover ul {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 40px;
  left: 10px;
  width: 200px; border-top: 4px solid #75c69f
}

.header-bottom nav > ul > li:hover ul li a {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 10px 20px;
  color: #222;
  font-size: 15px;
  display: inline-block;
  border-bottom: 1px solid #eee;
  width: 100%;
}
.header-bottom nav > ul > li:hover ul li a:hover {
  color: #17543e;
}
.header-bottom nav > ul > li:hover ul li:last-child a {
  border-bottom: none;
}

.home-content h6 {
  font-size: 17px;
  color: #75c69f; text-transform:uppercase; font-weight: 600;  margin-bottom:20px; letter-spacing:1px;
}
.home-content h1 {
  font-size: 70px;
  color: #ffff;
  max-width: 655px;
}
.hero-section {
  position: relative;
  z-index: 10;
  margin-top: 0px;
}
.home-content {
  position: absolute;
  top: 42%;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
  z-index: 10;
}
.home-content .button {
  margin-top: 20px;
}
.hero-section::after {
  content: "";
  background-color: black;
  top: 0;
  left: -500px;
  height: 100%;
  width: 76%;
  position: absolute;
  opacity: 0.6;
  transform: skew(-218deg);
}
.feature-section {
  background-image: url(/images/home-bg.svg);
  background-color: #003725;
}
.feature-wrapper {
  margin: -200px -10px 0 -10px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.feature-wrapper .swiper {width: 100%;}
.feature-box-item {
  padding:0px;
  width: 23%;
}
.feature-box_image {height: 300px}

.feature-box_image img {
     mix-blend-mode: multiply;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}
.hot_deal {
  background-color: crimson;
  position: absolute;
  top: 15px;
  right: 15px;
  border-radius: 50%;
  height: 80px !important;
  width: 80px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #ffff;
}

.product-image-wrap {position:relative}
.product-image-wrap .hot_deal {top:20px; right: 120px; position: absolute; z-index: 999;     padding-top: 0px;}

.feature-box_image {
  position: relative;
  background: #fff; border: 1px solid #eee
}

.feature-box_image > span {color: #fff;background-color: #75c69f;font-family: "Montserrat", sans-serif;font-weight: 900;font-size: 16px;padding: 10px 15px;display: inline-block;cursor: pointer;border: none;position: absolute;top: 0px;left: 0px; z-index: 9;}

.feature-box_image img {mix-blend-mode:multiply}

.feature-box_image h4 {

  color: #75c69f;
  padding: 10px 0;

}
.feature-box_content h5 {
  font-size: 16px;
  color: #75c69f; margin-bottom: 10px;
}

.feature-box_content h4 {color: #003725; margin-top: 15px; min-height: 45px}

.feature-box_content h5 strike {text-decoration-thickness: 2px;text-decoration-color: #75c69f; margin-right: 10px}

.feature-box-price article {width: 100%; margin-bottom: 10px; border-bottom: 1px solid #75c69f; border-top: 1px solid #75c69f; padding: 10px 0}
.feature-box-price .button {margin-bottom: 10px; font-size: 12px; line-height: 12px;}
.feature-box-price article p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #222;
}
.feature-box-price article p span {
  font-family: "Montserrat", sans-serif;
  color: #222;
  font-weight: 700;
  font-size: 11px; text-transform:uppercase;
}

.feature-box-price {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.feature-box_content {
padding:0
}
.feature-box-item--block article {
  background-color: #75c69f;
  padding: 10px;
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
}

.feature-box_content p a {color:#222 !important}

.feature-box_content small {text-transform: lowercase;}

.feature-box-item--block h2 {
  font-size: 20px; color: #75c69f !important;
  color: #ffff;
  max-width: 312px;
  padding: 30px 0px 15px 0px;
}
.feature-box-item--block h2 strong {
  color: #003725; display:block
}

.button.button__darkgreen {
  background-color: #003725;
}
.feature-box-item--block article::after {
  position: absolute;
  left: 50px;
  bottom: -44px;
  content: "";
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 50px solid #75c69f;
}
.button-align {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 0 20px;
  padding-bottom: 20px;
}

.browse_product-wrapper {background:#fff; padding: 100px 0;}

.browse_product h2 {
  font-size: 40px;
  color: #003725;
  text-align: center;

}


.browse_product-wrapper h2 {
  font-size: 30px;
  color: #003725;
  text-align: center;
  margin-bottom: 25px;
}



.brand-images {
  position: relative;
  height: 49px;
  margin-top: 30px;
  transition-timing-function: linear!important;
}

.brand_item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.brand_item h3 {font-weight: 300; font-size: 27px; font-family: sans-serif; text-transform: uppercase; color: #003725;}
.brand_item img {margin-left: 20px;}

@keyframes translateinfinite {
	100% { transform:translateX(calc(-275px * 10));  }
}

.browse_product_items {
  background-color: #fff;
  overflow: hidden;
}
/* .brand-images div {
  position: relative;
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 80px
}
.brand-images div:nth-child(1),.brand-images div:nth-child(2) ,.brand-images div:nth-child(3) ,.brand-images div:nth-child(4) ,.brand-images div:nth-child(5)  {
 width: 20%;

} */
/* .brand-images div::after {
  position: absolute;
  width: 1px;
  content: "";
  height: 100%;
  background-color: #000;
  top: 0;
  right: 0;
} */
/* .brand-images div:last-child:after {
  content: none;
} */

.bottom-feature-list .feature-wrapper {
  margin: 0;
}
.bottom-feature-list {
  background-color: #eee;
  padding: 100px 0;
}
.bottom-blocks {
  background-color: #003725;
  position: relative;
}
.block-content {
  position: relative;
  z-index: 9;
  padding-top: 60px;
}
.bottom-blocks.safety-bottom-blocks::after {
  background-image: url(/images/safety-shape.svg);
  top: 212px;
}
.bottom-blocks::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-image: url(/images/Home-bottom-bg.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
  height: 640px;
  z-index: 1;
}

.bottom-blocks-wrapper {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
}

.bottom-blocks-wrapper > div {
  width: 50%;
  display: flex;
  flex-flow: row wrap;
  padding: 0 10px;
}

.bottom-blocks-wrapper > div > * {
  width: 50%;
}
.bottom-blocks-wrapper figure {height: 100%; overflow: hidden; position: relative;}
.bottom-blocks-wrapper figure img {position: absolute; width: 100%; height: 100%; object-fit: cover;}

.block-item-left {margin: 15px 0;}
.block-item-left:nth-child(3n+3) {flex-direction: row-reverse;}
.block-item-right {margin: 15px 0;}
.block-item-right:nth-child(4n+4) {flex-direction: row-reverse;}

.bottom-blocks-wrapper article {
  background-color: #75c69f;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 50px;
}
.bottom-blocks-wrapper article h6 {
  font-size: 14px;
  color: #003725; text-transform:uppercase;
}
.bottom-blocks-wrapper article h2 {
  font-size: 20px;
  color: #ffffff;
  padding: 10px 0 25px;
  max-width: 300px;
}

.bottom-block {
  position: relative;
  z-index: 9;
}
footer {
  background-color: #17543e;

}

.footer-wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 30px 0 30px;
}

.footer-left .button {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}

.footer-left img {
  max-width: 110px;
}

.footer-right ul li {
  position: relative;
  padding: 10px 15px;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
.footer-right ul li::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #ffffff;
  content: "";
}
.footer-right ul li:last-child:after {
  content: none;
}
.footer-right ul li:last-child {
  padding-right: 0;
}
.footer-right ul li a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
}

.footer-right {
  display: flex;
  flex-flow: row wrap;
}

.footer-right ul {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  align-items: flex-start;
  padding-top: 8px;
}

.footer-right .button {
  align-self: flex-start;
  padding: 10px 60px;
}

.header-top .button {
  font-size: 16px;
  line-height: 30px;
}



.product-list-section {
  padding-bottom: 100px; background:#fff; margin-top: 0px;

}
.filter-bar {
  display: flex;
  justify-content: space-between;
  flex-flow: row;
  align-items: center;
  overflow-y: auto;
  overflow: hidden;
}
.filter-bar h2 {
  font-size: 16px; color: #fff !important;
  color: #ffffff;
  width: 13%;
}

.select2-container--filter .select2-selection__placeholder {
  color: #222;
}

.select2-container--filter {
  background-color: #fff; border:1px solid #222;
  color: #222 !important;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 25px !important;
  padding: 12px 15px;
  text-align: left; border-radius: 0px;
}
.select2-container--filter ul li {
  color: #17543e;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  padding: 6px;
  text-align: left;
}

.select2-container--filter
  .select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
  background-color: #75c69f;
}

.select2-container--filter .select2-search--inline .select2-search__field {
  margin-top: 0;
  margin-left: 0;
  padding: 0;
  height: 100%;
  background-color: transparent;
  text-align: left;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 25px !important;  font-family: "Montserrat", sans-serif;
  color:#fff;

  width: 100%;
  position: absolute;
  left: 25px;
  display: flex;
  top: 13px;
}
.select2-container .select2-selection--multiple {
  position: relative;
  height: 51px;
}
.select2-container--filter
  .select2-selection--multiple
  .select2-selection__rendered {
  margin: 0;
}
.select2-results__option.select2-results__option--selectable.select2-results__option--selected {
  background-color: #75c69f;
}
.select2-selection--multiple .select2-selection__choice__display {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #fff;
}
.select2-selection--multiple button {
  border: 0;
  background-color: transparent;
  color: #fff;
}
.select2-selection--multiple ul {
  display: flex !important;
  flex-flow: row wrap;
}
.select2-selection--multiple ul li.select2-selection__choice {
  padding: 0 !important;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #fff; border-bottom:none
}

.select_brand + .select2-container--filter {
  padding: 4px 0px;
}
/* dropdown */
/* .dropdown-position .select2-search {
  display: none;
} */

/* .dropdown-position .select2-results__option {
  display: flex;
  align-items: center;
} */

/* .dropdown-position .select2-results__option .img-flag {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 10px;
} */

.dropdown-position span.select2-selection.select2-selection--single {
  outline: none;
}

.dropdown-position
  .select2-container--filter
  .select2-selection--single
  .select2-selection__arrow {
  position: absolute;
  height: 35px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 35px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

}
.select2-container--filter
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-image: url(https://cdn4.iconfinder.com/data/icons/user-interface-174/32/UIF-76-512.png);
  background-color: transparent;
  background-size: contain;
  border: none !important;
  height: 30px !important;
  width: 30px !important;
  margin: auto !important;
  top: auto !important;
  left: auto !important;
}
.select2-container .select2-selection--multiple:after {
  background-image: url(https://cdn4.iconfinder.com/data/icons/user-interface-174/32/UIF-76-512.png);
  background-color: transparent;
  background-size: contain;
  border: none !important;
  height: 30px !important;
  width: 30px !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 20px rgba(35, 49, 45, 0.14);
  content: "";
}

 .select2-container .select2-selection--multiple {cursor:pointer}

 .select2-container .select2-selection--multiple ::placeholder {
  color: #fff;

}


.search-box ::placeholder {
  color: #fff; opacity:0.5; font-weight: 600

}



.search_filter {
  display: flex;
  flex-flow: row;
  width: 25%;
}
.button__clear {
  background-color: #003725;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 16px;
  padding: 15px 26px;
  border-radius: 27px;
  display: inline-block;
  margin-left: 10px; margin-top:2px;
}
.select_box {
 width: 250px
}
.select2-results__options {
  padding: 0;
}
.select2-dropdown {
  border: 0;
  border-radius: 0;
  top: 0;
}

.search_filter input { width: auto; height: auto;border: 1px solid #fff !important;padding: 15px 0;}

.product-list-section {
  position: relative;
  z-index: 10;
}

.product-list-section #system_message {
  position: sticky;
  top: 0px;
  width: 100%;
  z-index: 999;
  text-align: center;
  transition: 0.3s;
}

.product-list-section #system_message .message {margin: 0;}

.product-items {
  display: flex;
  flex-flow: row wrap;
  margin: 15px 0 0;
  justify-content: flex-start;
  grid-gap: 2%;
}

.product-item {
  width: 32%;
  padding: 10px;
  margin: 15px 0;
}

.product-item.featured {background:lightgoldenrodyellow}

.product-items.brands {width: 100%}
.product-items.brands .product-item {width:100%; padding:0}
.product-items.brands .feature-box_image {height: 120px; padding: 20px; overflow:hidden}
.product-items.brands .feature-box_image img {
    mix-blend-mode: multiply;
    object-fit: contain;
    position: absolute;
    max-width: 80%;
height: 100%;
}


.category-item h4 {color:#222; margin-top: 15px}

.product-list-wrap {
  display: grid;
  grid-template-columns: 20% 75%;
  margin: 0 auto;
  align-items: flex-start;
  max-width: 1300px;
  grid-gap: 5%;
  position: relative;
}

.product-list-brands {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 20px; padding: 50px 0}


.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding-top: 50px;
  width:100%;
  position:absolute;
  bottom: -50px;
}

.filter-container {background-color: #fff; z-index: 9;}

.filter-container .drop-item h2 {color: #003725;font-size: 15px!important;margin-left:0px!important;}
.filter-container .drop-inside {height: 0px;}

.filter-container .drop-active .drop-inside {height: 100%; padding: 10px 20px!important;}
.filter-container .drop-inside ul {margin: 0; list-style: none;}

.filter-container .drop-item::before {right: 10px; top: 22px;}
.filter-container .drop-item::after  {right: 5px; top: 27px;}

.filter-container li a:hover {color: #003725 !important;}
.filter-container li {color: #222;}

.filter-container input, .filter-container label {margin:0 !important; padding:0 0 0 25px}
.filter-container label {position:relative;}
.filter-container input {position:absolute; left:0; top:1px; width: 20px;}

.pagination-num {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 0 20px;
}
.pagination .button {
  font-size: 15px;
  padding: 8px 15px;
}
.pagination-num div {
  width: 39px;
  height: 35px;
  text-align: center;
  border: 1px solid #75c69f;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 16px;
  color: #75c69f;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-num p {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: #222;
  font-size: 16px;
  padding-left: 15px;
}

/* product detail */
.product-item figure img:first-child {
  border-radius: 5px;
  object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.product-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.product_left-wrap {
  width: 45%;
}

.product_left-wrap > p {display: none;}

.product_right-wrap {
  width: 48%;
  display: flex;
  position: relative;
  align-items: flex-start;

}
.product-image-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.product-image-slider {
  flex: 0 0 85%;
  width: 85%;
  padding-left: 40px;
}
.thumbnail-slider {
  flex: 0 0 85%;
  width: 85%;
  align-self: flex-start;
}
.slick-track {display: flex;}

.thumbnail-slider .slick-slide {
  margin: 10px;
  outline: none;
  background-color: #fff;
  padding: 5px;
  float: none;
  box-sizing: border-box;
  border: 1px solid #fff;
  transition: 0.5s;
}
.thumbnail-slider .slick-slide.slick-current {
  border: 1px solid #587c95;
  background-color: #ffff;
}
.thumbnail-slider .slick-slide img {
  width: 100%;
  height: 100%;
  /* transition: all 0.6s ease-in-out;
  mix-blend-mode: multiply;*/
}
.thumbnail-slider .slick-slide img:hover {
  /* transform: scale(1.2); */
}
.slick-list.draggable {
  padding: 0 !important;
}

.thumbnail-slider .slick-arrow {background: none; border: none; outline: none; padding: 0; width: 45px; height: 30px; position: relative;left: 50%;transform: translateX(-50%);}
.thumbnail-slider .slick-arrow img {width: 100%;height: 100%;object-fit: contain;}

.pp-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 40px;
  color: #ffffff;
  max-width: 570px;
  background-color: #75c69f;
  padding: 20px;
  margin-left: 0px;
}

p.pp-code {
  padding-top: 20px;
}

.pp-code span,
.pp-make span {
  color: #75c69f;
}
.pp-code,
.pp-make {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 25px;
  color: #222;
}

.description {padding-bottom: 60px !important; position: relative;}
.description article {overflow: hidden;max-height: 154px; position: relative;}
.description.desc-drop article {max-height: none;}
.description .desc-button::after {content: 'Read more'; display: inline-block; position: absolute; bottom: 20px; left: 0; color: #75c69f; text-transform: uppercase; font-weight: 600;}
.description.desc-drop .desc-button::after {content: 'Read less';}
.description p { font-weight: 300; font-size: 15px; line-height: 30px; padding-bottom: 10px; color: #222;}
.description p strong {display:block}
.description ul {margin: 0 0 15px 15px}
.description ol {margin: 0 0 15px 20px}
.description li {
  font-weight: 300;
  font-size: 14px;
  line-height: 30px;
  color: #222;
  padding-bottom: 10px;
}

.description li::marker {font-weight: bold;}

.pp-qty-wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 20px 0;
}
.pp-qty-wrap p {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 16px;
  color: #75c69f;
  padding-right: 10px;
}
.pp-qty-wrap button {
  color: #75c69f;
  border: 1px solid #ffffff;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 18px;
  background-color: transparent;
  height: 45px;
  width: 35px;
}
.pp-qty-wrap input {
  background-color: transparent;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  background-color: transparent;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff !important;
  border-left: 0;
  border-right: 0;
  height: 45px;
  text-align: center;
  width: 40px;
  margin-bottom: 0;
}
.pp-price {
  display: flex;
  flex-flow: row wrap;
  padding-bottom: 30px;
  align-items: center;
}

.product_left-wrap .slick-track::before,.product_left-wrap .slick-track::after {display: none;}

.pp-price p {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 20px; color: #75c69f !important;
  color: #ffffff;
  padding-right: 15px;
}
.pp-price p small {font-size: 14px;}

.description {
  padding: 15px 0 30px;
}
.description a {color: #75c69f;}
.product-content hr {
  border-top: 3px solid #17543e;
}
.section_product {
  padding: 0px 0 40px 0;
  position: relative;
  z-index: 99;
  margin-top: 0px; background:#fff;
}

.content_section {
  padding: 80px 0 80px;
  position: relative;
  z-index: 10;
  margin-top:0px;
}


.content_section.temp-3 {background: #fff;}
.content_section.temp-3 article {padding-top: 0px;}
.content_section.temp-3 article h2 {color: #000;}
.content_section.temp-3 article p {color: #000;}


.section__gallery.new {padding: 100px 0px;}
.section__gallery.new .gallery-wrap {display: flex; justify-content: space-between; grid-gap: 1%; flex-wrap: wrap;}
.section__gallery.new .gallery-image {width: 24%;}
.button.load-more {margin: 40px auto 0px;}


.content_image_banner {
  position: relative;
  overflow: hidden;
}

.content_image_banner img {width: 100%}

.content_image_banner::before {
  content: "";
  background-color: black;
  top: 0;
  left: -412px;
  height: 100%;
  width: 51%;
  position: absolute;
  opacity: 0.6;
  transform: skew(-225deg);
  z-index: 1;
}

.content_text h1 {
  font-size: 40px;
  line-height: 45x;
  background-color: #75c69f;
  color: #ffffff;
  padding: 15px;
  margin-top: -200px;
  margin-bottom: 20px;
}

#media h1 {margin-top: -130px;}
#media p a {color: #fff; padding: 10px 20px; position: relative; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-size: 14px; margin-bottom: 20px;}

.content_text p {
  /* display: flex;
  justify-content: center; */
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 10px;
  color: #ffffff;
}
.content_text p a {
  color: #75c69f;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.content_text article {
  max-width: 75%;
  position: relative;
  padding-top: 80px;
  width: 100%;
}

.content_text {
  display: flex;
  justify-content: center;
}
.content_text figure {
  position: relative;
  padding: 20px 0 40px;
}
.content_text figure h2 {
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  background-color: #75c69f;
  position: relative;
  display: inline;
  padding: 10px;
  margin-top: -20px;
  margin-left: 15px;
}

#map {
  height: 750px;
  width: 100%;
}
.deal_map_section {
  padding: 50px 0 50px 0;
  background: #fff;
}
.dealer_content {
  display: flex;
  flex-flow: row wrap;
  padding-bottom: 50px;
}

.dealer_content > * {
  width: 50%;
}

.dealer_content h1 {
  font-weight: 900;
  font-size: 40px;
  color: #003725;
}

.dealer_info p {
  font-weight: 400;
  color: #003725;
  font-size: 16px;
  line-height: 32px;
}

.dealer_info .button {
  margin-top: 10px;
}

.details-wrapper {display: flex; justify-content: space-between;}
.dealer-list {width: 25%; background: #fff; padding: 15px; max-height: 700px; overflow-y: scroll;}
.dealer-item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.dealer-item h2,.dealer-item p {color: #222; margin-bottom: 5px; font-size: 14px;}
.dealer-item .button {background: #003725; font-size: 12px; margin-top: 15px;}

.map-wrapper {width: 73%;}


.dealer_map {
  position: relative;
}

.map-content {
  position: absolute;
  top: 100px;
  right: 100px;
  background: #003725;
  max-width: 380px;
  padding: 40px 20px;
}

.map-content h2 {
  font-size: 20px; color: #75c69f !important;
  font-weight: 900;
  color: #ffffff;
}

.map-content a {
  color: #75c69f;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  padding-top: 10px;
  font-weight: 900;
}

.contact_section {
  padding: 50px 0 50px 0; background:#fff
}
.contact_wrapper {
  display: flex;
  flex-flow: row wrap;
}
.contact_wrapper > * {
  width: 50%;
}
.contact_left h1 { font-size: 40px; color: #003725; font-weight: 900; max-width: 500px;}
.contact_left p {
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 10px;
  color: #222;
  max-width: 540px;
}
.contact_left p strong {
  font-weight: 600;
}
.contact_left p a {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #222; border-bottom:1px solid #75c69f
}
.contact_left h2 {
  font-family: "Montserrat", sans-serif;
  color: #75c69f;
  font-size: 16px;
  font-weight: 900;
  max-width: 139px;
}
.contact_right h2 {font-size: 30px;color: #75c69f;}
.input-box {
  display: flex;
  flex-flow: column wrap;
  padding-bottom: 15px;
}

.input-box label {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 18px;
  color: #75c69f;
  padding-bottom: 5px;
}

.input-box input {
  border: 0;
  height: 55px;
  width: 100%;
}

.input-box textarea {
  height: 150px;
  max-width: 100%;
}

/* .form_wrapper .input-box:nth-of-type(2) input {
  width: 80%;
}
.form_wrapper .input-box:nth-child(3) input {
  width: 60%;
} */
.contact_left p:nth-of-type(1) {
  padding: 25px 0;
}

.social-login {
  display: flex;
  flex-flow: row wrap;
  padding-top: 70px;
}

.social-login > * {
  margin-right: 15px;
}

.cart_wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 50px 0;
}

.cart_left {
  width: 60%;
}

.cart_right {
  width: 35%;
  background-color: #eee;
  padding: 30px;
  height: auto; border-radius: 5px;
}
.cart_item_block {
  padding: 20px 0;
  border-bottom: 1px solid #e3e3e3
}
.cart_item {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 0px;
  background-color: #fff;
}

.cart_item figure {
  width: 20%;
}

.cart_item .cc-blocks {
  width: 80%;
  background: #fff;
  display: flex;
  flex-flow: row wrap;
  padding: 0 30px;
}

.cc-block-l {
  width: 55%;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
}
.cc-block-r {
  width: 45%;
}

.cc-qty-block {
  display: flex;
  flex-flow: row wrap;
  position: relative;
}

.cc-qty-block input {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  color: #003725;
}
.cc-qty-btn {
  display: flex;
  position: absolute !important;
  top: 50%;
  height: 100%;
  transform: translateY(-50%);
  width: 100%;
}

.cc-block-r {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-end;
  justify-content: space-between;
}
.cc-blocks h2 {
  font-weight: 600;
}

.c-price {
  color: #003725;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.cc-qty-block input {
  width: 97px;
  height: 33px;
  border: 1px solid #707070;
}

.button_delete {
  width: 35px;
  height: 35px;
  background-color: #75c69f;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  outline: 0;
  border: 0; border-radius:50%
}

.button_info {
  width: 22px;
  height: 22px;
  background: #75c69f;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-radius: 50%;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 15px;
  margin-top: 10px;
}
.button.button__grey {
  background-color: #c4c0c0;
}

.cc-block-r .button {
  font-size: 12px;
}

.cc-qty-btn .qty-button {
  border: 0;
  outline: 0;
  height: 18px;
  width: 18px;
  background-color: #75c69f;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffff;
  margin: 0 0 1px 2px;
}

.cart_right h2 {
  font-size: 25px;
  color: #003725;
  line-height: 28px;
  padding-bottom: 40px;
}

.cart_right p strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  color: #5f5f5f;
}
.sub-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  border-bottom: 1px solid #c4c0c0;
  padding: 15px 0;
}
.sub-box p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  color: #5f5f5f;
}

.cart_right .button {
  width: 100%;
  margin-top: 30px;
  text-align: center;
  height: 45px;
  line-height: 24px;
}
.cart_right div:nth-of-type(1) {
  padding-top: 40px;
}
.cart_right div:nth-of-type(3) {
  border: none;
}

.card-item-btn-group {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-end;
}

.card-item-btn-group > * {
  margin-top: 5px;
}

.continue-shopping {
  display: flex;
  justify-content: left;
}

.continue-shopping .button {
  text-align: center;
  height: 45px;
}
.cart_section h1 {
  color: #003725;
  font-size: 40px;
  line-height: 70px;
}
.block-wrapper {
  display: flex;
  flex-flow: row wrap;
  z-index: 99;
  position: relative;
  align-items: center;
}

.block-wrapper > * {
  width: 45%;
  margin-right: auto;
}
.block-wrapper h4 {
  font-weight: 900;
  font-size: 40px;
  color: #ffffff;
}
.block-wrapper p {
  font-weight: 400;
  line-height: 30px;
  font-size: 15px;
  color: #ffffff;
  padding-top: 15px;
}
.block-wrapper figure {
  position: relative;
  width: 50%;
}
.button_play {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 150px;
  width: 150px;
  content: "";
  background-color: #75c69f;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.block-slider {
  position: relative;
  z-index: 99;
  padding-bottom: 80px;
}

.block-slider .block-wrapper article {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  justify-content: center;
}
.block-slider .block-wrapper article .button {
  margin-top: 15px;
}

.slider-block {
  position: relative;
}

.button-navigation {
  position: relative;

  width: 100px; margin: 30px auto;

  display: flex;
  justify-content: space-between;
}

.button-navigation a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.block-slider_details.white-version::after {opacity:0.05}


.block-slider_details::after {
  background-image: url(/images/home-bg.svg);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  z-index: 1; background-size:cover
}
.green-blocks-wrap {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -15px;
}
.green-item {
  width: 50%;
  padding: 15px;
}
.green-item article {
  background-color: #75c69f;
  padding: 23px;
  min-height: 260px;
}

.green-item h6 {
  font-size: 16px;
  padding-bottom: 20px;
  line-height: 30px;
  color: #003725;
}
.green-item h4 {
  font-size: 30px;
  line-height: 35px;
  color: #ffffff;
  padding-bottom: 20px;
}
.green-item .button {
  background-color: #003725;
  font-size: 15px;
  line-height: 19px;
  padding: 10px 30px;
}

/* accordion */

.accordion-list h3 {
  padding: 15px 25px;
  line-height: 25px;
  position: relative;
  color: #ffffff;
  font-size: 20px;
}

.accordion-list p,
.accordion-list ul li,
.accordion-list ol li {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-top: 0;
  padding-top: 25px;
  color: #ffffff;
  font-size: 14px;
  line-height: 30px;
  max-width: 1235px;
}

.accordion-list p a {
  color: #a5b88b;
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 30px;
  text-decoration: underline;
}

.accordion-list ul li,
.accordion-list ol li {
  padding-bottom: 15px !important;
}

.accordion-list h3:after {
  content: "";
  position: absolute;
  right: 31px;
  top: 18px;
  width: 4px;
  height: 20px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background-color: #75c69f;
}

.accordion-list h3::before {
  content: "";
  position: absolute;
  right: 23px;
  top: 26px;
  width: 20px;
  height: 4px;
  background-color: #75c69f;
}

.accordion-list .ui-state-active:after {
  content: "";
  transition: all 0.2s ease-out;
  height: 0;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.accordion-block {
  position: relative;
  z-index: 99;
}
.video-block {
  position: relative;
  width: 100%;
  max-width: 1050px; margin: 0 auto;
}
.accordion-toggle {
  border: 1px solid #ffffff;
  margin-bottom: 20px;
}

.accordion-toggle div {
  padding: 0px 25px 25px;
}
.form-group {
  display: block;
  margin-bottom: 15px;
  margin: 20px 0;
}

.form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-group label {
  position: relative;
  cursor: pointer;
}

.form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 2px solid #75c69f;
  padding: 20px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 15px;
}

.form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 18px;
  width: 6px;
  height: 14px;
  border: solid #17543e;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-group label {
  position: relative;
  cursor: pointer;
  color: #ffff;
  font-size: 14px;
  font-weight: 400;
}
.form-group label a {
  color: #75c69f;
  text-decoration: underline;
}

.landing_left h1 {
  font-size: 45px;
  color: #ffff;
  line-height: 55px;
  max-width: 674px;
  padding-bottom: 15px; margin-bottom: 20px;
}

.landing_left p, .landing_left li {
  font-size: 15px;
  color: #ffff;
  font-weight: 400;
  font-family: "Montserrat", sans-serif; line-height:1.5;

  padding-bottom: 15px;
}
.landing_left p a {
  color: #75c69f;
}

.landing_left h4 {
  font-size: 20px;
  color: #ffffff;
  max-width: 540px;
  padding-bottom: 20px;
  padding-top: 5px;
}

.landing_forms {
  padding: 20px 0 80px 0;
}

.landing_wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.landing_wrapper > * {
  width: 48%;
}

.landing-right .gallery-wrap {margin: 20px auto;}
.landing-right .galleryPreviousBtn img, .landing-right .galleryNextBtn img {filter: invert(1);}
.landing-right .button-navigation {width: 100%; margin-top: 30px;}


.header-content {
  display: block;
}

.main_section.cart_section { padding: 40px 0; margin-top: 0px; background:#fff; box-sizing: border-box; min-height: 73vh;}

.section.section-account {
  position: relative;
  /* z-index: 99; */
  padding-top: 40px;
  min-height: 70vh;
  box-sizing: border-box;
}
.section.section-account #systemMessage.highlight_message {
  color: #000!important; width: 100%; max-width: none;
}
.section.section-account::after {position: absolute;content: "";top: 0;left: 0;background-image: url(/images/Home-bottom-bg.svg);background-repeat: no-repeat;width: 100%;height: 100%;z-index: -1;background-size: cover;}
.login-title h1 {
  font-size: 40px;
  color: #ffff;
  text-align: center;
}
.login-title p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px; line-height: 18px;
  color: #ffff; margin-top: 10px;
}
.login-block {
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  position: relative;
  padding: 100px 0 200px;
}

a.button_link {
  color: #75c69f;
  font-size: 14px;
  border-bottom: 1px solid #75c69f;
  margin-right: 10px;
}

.section-account .form-bx {
  background: transparent;
  padding: 0;
}
.form-block h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 16px;
  color: #ffff;
  line-height: 28px;
  background-color: #75c69f;
  padding: 10px;
}
.form-block p {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
}

.form-block label {color: #75c69f;}

.form-block .check-label {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
}
.check-label .checkmark:after {
  color: #75c69f;
}

.section--cart .form-field label {color: #000 !important;}
.section--cart .form-field input {border-bottom: 1px solid #000;}
.section--cart  .check-label {color: #000 !important;}

.form-field {position: relative; margin-bottom: 15px; width: 100%;justify-content: center;display: flex;flex-flow: row wrap;}
.form-field .form-input-img {position: absolute; top: 50%; transform: translateY(-50%); right: 0; user-select: none; pointer-events: none; height: 15px; width: auto; opacity: 0.6; color: #000 !important; ransition: 0.3s;}
.form-field label {position: absolute; top: 50%; transform: translateY(-50%); left: 0; user-select: none; pointer-events: none; opacity: 0.6; font-size: 14px !important; transition: 0.3s;}
.form-field.active-focus label {top: 0%; opacity: 1; font-weight: 600}
.form-field.active-focus .form-input-img {opacity: 1;}
.form-field input,.form-field textarea {margin-bottom: 0 !important;color: #000 !important; border-color: #000 !important;}
.form-field .check-label {font-family: "Montserrat", sans-serif;font-weight: 600;font-size: 16px;color: #ffffff;}
.form-field .check-label a {font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 16px; color: #75c69f;}

.form-bx .button {
  border: 0 !important;
}
#content-empty-cart h5,
.account-title h5 {
  margin-bottom: 10px;
  font-size: 24px;
  color: #003725;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.6px;
}
.account-nav a {
  color: #ffff;
  text-decoration: none;
  margin: 0 20px;
  font-size: 16px;
  display: inline-block;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}
.account-nav a:hover {
  color: #17543e;
}
.account-nav {
  position: relative;
  /* z-index: 99; */
  background-color: #75c69f;
}
.credit-card {
  background-color: #75c69f;
  border: 2px solid #fff;
}

.credit-card a.delete,
.cart_credit-card.credit-card a.edit-card {
  font-size: 18px;
  right: 42px;
  top: 5px;
  color: black;
  z-index: 99;
}

.saved-cards h1 {
  font-size: 40px;
  color: #003725;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.saved-cards h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #003725;
}
.saved-cards .flex-row {
  justify-content: space-between;
}
.button__border.button__border__account {
  width: 130px;
}
#content-empty-cart p {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  padding: 20px 0;
}

.form_wrapper input[type="text"].highlight-form-field,
form input[type="password"].highlight-form-field {
  border-bottom: 1px solid rgb(240, 60, 60) !important;
}

input.mandatory.highlight-form-field, select.mandatory.highlight-form-field,
textarea.mandatory.highlight-form-field {
  border-bottom: 1px solid rgb(240, 60, 60) !important;
}

.form_wrapper .button {
  border: 0;
}

.form_wrapper input,
.form_wrapper textarea {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  font-size: 16px;
}

#systemMessage {
  font-size: 20px; color: #75c69f !important;
  color: #75c69f;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  padding-bottom: 15px;
}

#systemMessage.highlight_message {

}

h2.no-product {
  font-size: 20px; color: #75c69f !important;
  line-height: 30px;
  color: #ffff;
  padding: 200px 0;
  text-align: center;
}

.section--dash.section-account .account-title {
  padding: 0;
}
.dashboard-reports.field label {
}

form#savedAddress .checkmark {
  top: 5px;
  left: 4px;
}

.ql-editor h1 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 900 !important;
  font-size: 17px !important;
}

.ql-editor h2 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 900 !important;
  font-size: 14px !important;
}
.ql-editor h3 {
  font-family: "Heebo", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}

.content_text h2 {
  font-size: 24px;
  color: #ffff;
  padding: 20px 0;
}

.content_text ul {
  list-style: none;
  margin: 0;
}

.content_text li {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 20px;
  color: #ffffff;
}

.form-input-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.form-input-group .input-box {
  width: 49%;
}
/* checkout */
.section--cart .form-block p {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  color: #5f5f5f;
  text-align: left;
}

.section--cart .form-block .check-label {
  color: #75c69f;
  font-size: 14px;
}
.button__shipping-detail {
  margin-bottom: 15px;
}
.section--cart .card-details {
  height: auto;
}
.submit-btn button {
  width: 100%;
}
.section--cart .credit-card {
  width: 100%;
}
.section--cart p.cc-number,
.section--cart p.cc-name {
  color: #ffffff !important;
}
.section--cart p.terms {
  font-size: 15px;
  line-height: 23px;
}
/* checkout end */
.order-table__row.order-table__heading > div {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 16px;
}

.yes-badge {
  font-size: 28px;
  color: #003725;
  position: relative;
  top: 5px;
}
#popup_content #login_form .flex-row {
  justify-content: space-between;
}

.video-list-wrap,
.gallery-wrap,
.media-wrapper {
  position: relative;
}
.sub-title { line-height: 1;
  font-weight: 900;
  font-size: 30px; color: #75c69f !important;
  color: #ffffff;
  padding: 50px 0 30px;
}
.bottom-feature-list.parts__section {

}

.bottom-feature-list.parts__section .feature-box-item {
  width: 20%;
}
/* .fancybox-inner {
  background: #0009;
} */

.block-content-right article {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-end;
}

.media_item h2 {
  color: #ffffff;
  font-size: 20px;
  padding: 15px 15px 20px 0;
}

.media_item article {min-height: 130px;}
.media_item article h2 a {position:relative; color:#fff}
.media_item article a {position: relative; bottom: 0px;}
.media_item figure {height: 250px; overflow: hidden; position: relative;}
.media_item figure img {position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%);}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 550px;
}
img.video-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box-loadong {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99995;
}

.box-loadong .b {
  border-radius: 50%;
  border-left: 4px solid;
  border-right: 4px solid;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ro 2s infinite;
}

.box-loadong .b1 {
  border-color: #75c69f;
  width: 120px;
  height: 120px;
}

.box-loadong .b2 {
  border-color: #003725;
  width: 100px;
  height: 100px;
  animation-delay: 0.2s;
}

.box-loadong .b3 {
  border-color: #a8a8ab;
  width: 80px;
  height: 80px;
  animation-delay: 0.4s;
}

.box-loadong .b4 {
  border-color: #ffffff;
  width: 60px;
  height: 60px;
  animation-delay: 0.6s;
}

@keyframes ro {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  50% {
    transform: translate(-50%, -50%) rotate(-180deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}

.brand-hero {
  background: #fff;
  padding: 10px 0;
  padding-bottom: 4px;
}

.brand-hero img {
  max-width: 200px;
  width: 100%;
}

.brand-hero figure {
  display: flex;
  justify-content: center;
}
a.button.button_back {
  margin-bottom: 60px;
}
.prev.disabled a,
.next.disabled a {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

.banner-slider-container {height: 90vh; position: relative; overflow: hidden; margin-top:0px }
.banner-slider-container article {position: absolute; left: 5%; bottom: 20%; transform: translateY(-50%); z-index: 99;}
.banner-slider-container article h6 { font-size: 17px; color: #75c69f; text-transform:uppercase; margin-bottom: 20px; font-weight: 600; letter-spacing: 1px;}
.banner-slider-container article h1 { font-size: 70px; color: #ffff; margin-bottom: 30px;}
.banner-slider-container figure {height: 100%; background:#000}
.banner-slider-container figure img {position: absolute; width: 100%; height: 100%; object-fit: cover; opacity:0.7}

.banner-slider-container .bannerSlider {height: 100%;}

.header_wrapper {position: relative; z-index: 999; width: 100%; top: 0; left: 0; background: #003725; padding-top: 50px;}

.wrapper {max-width: 85%; margin: 0 auto;}

.simple-container {background: #fff; padding: 50px 0 50px 0; margin-top:0px;}
.simple-container h1 {color: #0c3d2f; font-size: 40px; margin-bottom: 30px;}
.simple-container h2 {color: #0c3d2f;}
.simple-container h3 {color: #0c3d2f;}
.simple-container h4 {color: #0c3d2f;}
.simple-container h5 {color: #0c3d2f;}
.simple-container h6 {color: #0c3d2f;}
.simple-container p {color: #0c3d2f;}
.simple-container li {color: #0c3d2f;}
.simple-container li a {color: #0c3d2f;}

.simple-container.faqs-white h2 {color:#fff}
.faqs-white .drop-item {border-color:#fff}
.faqs-white .drop-item:before, .faqs-white .drop-item:after {background:#fff}
.faqs-white .drop-item p, .faqs-white .drop-item h3, .faqs-white .drop-item h4, .faqs-white .drop-item li {color:#fff !important}

.faqs-white .drop-item a {display: inline-block; color: #fff; font-weight: bold; border: none;}

.productSlider .feature-box-item {width: 100% !important;}

.bottom-feature-list {position: relative;}
.bottom-feature-list .swiper-button-next {right: -5%; color: #fff;}
.bottom-feature-list .swiper-button-prev {left: -5%; color: #fff;}

.bottom-feature-list .feature-box-item--block h2 {color: #fff!important;}

.dealer-popup h2,.dealer-popup p {padding: 5px 0;}

.feature-container {padding: 100px 0;}




.shop-filter-container {padding: 300px 0 0 0;}
.shop-filter-container h1 {color: #fff;font-size: 40px;margin-bottom: 30px; text-align: center;}
.shop-filter-container > ul {margin: 0 auto !important; justify-content: center;}
.shop-filter-container > ul > li {list-style: none; position: relative; cursor: pointer;}
.shop-filter-container > ul > li::before { content: ''; width: 15px; height: 2px; transform: translateY(-50%) rotate(45deg); right: 7px; top: 50%; position: absolute; background: #fff; cursor: pointer;}
.shop-filter-container > ul > li::after { content: ''; width: 15px; height: 2px; transform: translateY(-50%) rotate(-45deg); right: -3px; top: 50%; position: absolute; background: #fff; cursor: pointer;}
.shop-filter-container > ul > li > a {font-size: 28px; text-align: center; color: #fff; padding: 15px 30px; display: block;}
.shop-filter-container > ul > li > ul {position: fixed; top: 0; left: 0; background: #eee; height: 0vh; width: 100vw; box-sizing: border-box; padding: 0px 100px; z-index: 999; overflow: hidden; margin: 0;transition: 1s;}
.shop-filter-container > ul > li > ul::before { content: ''; width: 35px; height: 2px; transform: rotate(45deg); right: 100px; top: 100px; position: absolute; background: #000; cursor: pointer;}
.shop-filter-container > ul > li > ul::after { content: ''; width: 35px; height: 2px; transform: rotate(-45deg); right: 100px; top: 100px; position: absolute; background: #000; cursor: pointer;}
.shop-filter-container > ul > li > ul > li {list-style: none; width: 50%;}
.shop-filter-container > ul > li > ul > li > a {color: #000; font-size: 20px; color: #003725; display: inline-block; padding: 5px 0;}
.shop-filter-container > ul > li > ul > li:nth-child(1) > a {font-size: 34px; margin-bottom: 25px;}
.shop-filter-container > ul > li.menu-drop-active ul {padding: 100px; height: 100vh; overflow-y: scroll;}

.fancybox-container {background: #0009;}
.fancybox-navigation .fancybox-button.fancybox-button--arrow_left div {transform: rotate(180deg);}
.fancybox-navigation .fancybox-button {height: auto !important;width: auto !important; padding: 0 !important;}
.fancybox-navigation .fancybox-button div {width: 60px;height: 60px; position: relative; padding: 0 !important;}
.fancybox-navigation .fancybox-button div::after {content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url('/img/arrow_white.svg'); width: 15px; height: 26px; background-size: 100%;}
.fancybox-navigation .fancybox-button div svg {display: none;}

.section__media {padding-bottom: 100px;}

.top-main-slider-section {padding: 50px 0;}

.checkout-qty {position: relative;}
.checkout-qty input {user-select: none; pointer-events: none; margin: 0 !important; height: auto !important; padding: 0; border-color: #75c69f !important;}
.checkout-qty a { display: block; height: 100%; width: 30%;position: absolute; top: 50%; transform: translateY(-50%); background: #75c69f;}
.checkout-qty a img {width: 10px;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.qty-add {right: 0;}
.qty-rmv {left: 0;}

.account-title {padding: 0 !important;}

.checkout-item-title {padding: 0;}
.checkout-item-title h6 {font-size: 14px; color: #000; background: none; padding: 0;}

.faq-nav {justify-content: center; padding: 50px 0; margin: 0; flex-flow: wrap;}
.faq-nav li {list-style: none; margin: 0 10px;}
.faq-nav li a {display: inline-block; padding: 0 20px; text-transform: uppercase; font-size: 26px; font-weight: 900; border-bottom: 1px solid #0c3d2f}
.faq-nav li a.active {color: #75c69f; border-bottom: 1px solid #75c69f;}

.drop-item {padding: 20px 0; cursor: pointer; border-bottom: 1px solid #003725; position: relative;user-select: none;}
.drop-item::before {content: ''; background: #003725; width: 2px; height: 12px; position: absolute; right: 5px; top: 24px; transition: 0.3s ease;}
.drop-item::after {content: ''; background: #003725; width: 12px; height: 2px; position: absolute; right: 0; top: 29px; transition: 0.3s ease;}

.drop-item.drop-active {border-bottom: 1px solid #ddd0;}
.drop-item.drop-active::before {transform: rotate(-135deg);}
.drop-item.drop-active::after {transform: rotate(-135deg);}

.drop-item h2 {padding: 0;z-index: 99; margin: 0 !important; position: relative; font-size: 22px !important; line-height: 1; text-transform: uppercase; text-align: left;transition: 0.5s ease;}
.drop-item h3 {font-size: 50px; text-align: left !important; display: block;}
.drop-item h3::after {bottom: -22px;width: 30px;}

.drop-item a {color: #222; border-bottom: 1px solid #75c69f; display:inline-block;}

.drop-item p, .drop-item h3, .drop-item h4, .drop-item li {line-height: 0px; margin: 0; opacity: 0; text-align: left;transition: 0.5s ease; font-size: 13px;}
.drop-item.drop-active h2 {padding-bottom: 20px; color: #75c69f;}
.drop-item.drop-active p, .drop-item.drop-active h3, .drop-item.drop-active h4, .drop-item.drop-active li {line-height: 26px; margin-bottom: 0px; opacity: 1; }

.drop-item .drop-inside {padding: 0 20px; border: 1px solid #fff0; transition: 0.3s;}
.drop-item.drop-active .drop-inside {padding: 20px; border: 1px solid #75c69f; }

.section-account .login-block {padding: 50px; background: #fff; margin-top: 30px;}
.section-account h1 {color: #003725;}
.section-account p {color: #003725;}
.section-account .form-btns {align-items: center;justify-content: center;margin-top: 15px;}
.section-account .form-btns .button {margin-right: 5px; background: #003725 !important; color:#fff !important; margin:0 !important; padding: 10px !important; width: 300px; text-align: center;}
.section-account .form-btns .button:nth-child(2) {background: none !important;color: #003725 !important;border: 2px solid #75c69f;padding: 5px !important;margin: 10px 15px !important;font-weight: normal;}

#contact_form {padding: 0px; background: #fff;}
.landing_forms {padding: 30px; background: #fff;}

.hero-section figure {position: relative;overflow: hidden; height: 80vh;}
.hero-section iframe {position: absolute;width: 1920px;height: 200%;object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.top-main-container {padding-top: 300px;}
.top-main-container h1 {color: #fff; font-size: 40px; margin-bottom: 25px;}
.top-main-container p {color: #fff; font-size: 16px;}

.sitemap-container ul {padding: 0; margin: 0;}
.sitemap-container ol {padding: 0; margin: 0;}
.sitemap-container li {list-style: none;}
.sitemap-container li a {background: none !important; font-weight: 300; padding: 5px 0; display: block;}
.sitemap-container .button {display: none;}
.sitemap-container li .browse_product {display: none;}

.full-container {padding: 100px 0 100px 0; min-height: 67vh;}
.full-container h1 {font-size: 50px; margin-bottom: 25px; color: #fff;}
.full-container p {margin-bottom: 15px; color: #fff;}

.coupon-field input {margin: 0 !important;}
.coupon-field input[type="submit"] {top: 50%; transform: translateY(-50%);}

.form-car-flex {flex-flow: row wrap;}
.form-car-flex .field {width: 48%;}

.drop-arrow-item {position: relative;}
.drop-arrow-item select {width: 100%; margin: 0; background: #17543e; color: #fff; border: 1px solid #fff; padding: 15px !important;}
.drop-arrow-item::before {content: '';background: #fff;width: 10px;height: 2px;position: absolute;top: 50%;right: 10px;transform: translateY(-50%) rotate(-35deg); z-index: 99;}
.drop-arrow-item::after {content: '';background: #fff;width: 10px;height: 2px;position: absolute;top: 50%;right: 18px;transform: translateY(-50%) rotate(35deg); z-index: 99;}

.add-on-container {padding: 30px; background: #fff; border:1px solid #ccc; border-radius: 5px; margin-bottom: 10px;}
.add-on-container h3 {color: #222; padding-bottom: 10px;}
.add-on-container .add-on-product {position: relative; width: auto; color: #222 !important; border-radius: 2px; border: 1px solid #ccc; padding: 5px 10px; box-sizing: border-box; text-align: center; font-size: 13px; margin: 2px; box-sizing: border-box;display: inline-block; user-select: none;}

.add-on-container .add-on-product input {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: -9; -webkit-appearance: none; border: 1px solid #ccc !important;  border-radius: 6px; transition: 0.3s;}
.add-on-container .add-on-product input:checked {background: #75c69f !important; border: 2px solid #75c69f !important;}
.add-on-container .add-on-product span {display: none;}

.flex-row-new {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-end; align-content: flex-end;}

.media-main-container {padding: 50px 0;}
.media-main-container h1 {font-weight: 900; font-size: 40px; color: #fff; margin-bottom: 35px;}
.media-main-container .flex-row-new {column-gap: 0.5%;}
.media-main-container .media_item {width: 49.5%; display: flex; align-items: initial; margin-bottom: 15px; justify-content: space-between;}
.media-main-container .media_item:nth-child(4n+3) {flex-direction: row-reverse;}
.media-main-container .media_item:nth-child(4n+4) {flex-direction: row-reverse;}
.media-main-container .media_item article {width: 49%; background-color: #75c69f; box-sizing: border-box; padding: 30px; position: relative;}
.media-main-container .media_item article h2 {font-size: 14px;color: #003725;text-transform: uppercase; margin-bottom: 25px;}
.media-main-container .media_item article .button { color: #ffff; background-color: #003725; font-family: "Montserrat", sans-serif; font-weight: 900; font-size: 16px; padding: 10px 15px; display: inline-block; cursor: pointer; bottom: 30px;}
.media-main-container .media_item figure {height: 300px; overflow: hidden; position: relative; width: 49%;}
.media-main-container .media_item figure img {position: absolute; width: 100%; height: 100%; object-fit: cover;}

.testimonial-container {background: #0c3d2f; padding: 50px 0;}
.testimonial-container h1 {font-weight: 900; font-size: 40px; color: #fff; margin-bottom: 35px;}
.testimonial-container .flex-row-new {align-items: initial; column-gap: 2%;}
.testi-item {padding: 30px; background: #fff; width: 49%; margin-bottom: 30px; box-sizing: border-box;}
.testi-item h2 {font-size: 30px;color: #003725;margin-bottom: 25px;}
.testi-item p {font-weight: 400;line-height: 30px;font-size: 15px;color: #222;margin-bottom: 15px;}
.testi-item p a {color: inherit; text-decoration: underline;}

.trade-dealer-container {padding: 50px 0 50px 0; background: #17543e; position: relative;}
.trade-dealer-container article h2, .trade-dealer-container article h1 {font-weight: 900;font-size: 40px;color: #ffffff; margin-bottom: 35px;}
.trade-dealer-container article p {font-weight: 400;line-height: 30px;font-size: 15px;color: #ffffff; margin-bottom: 25px;}
.trade-dealer-container article p:last-child {margin: 0;}
.trade-dealer-container article p a {color: #fff; border-bottom: 1px solid #fff;}

.trade-dealer-container .wrapper {max-width: 1350px;}
.trade-dealer-container .wrapper.flex-row article {width: 50%; box-sizing: border-box; padding: 50px 50px 50px 0;}
.trade-dealer-container .wrapper.flex-row figure {width: 50%; position: relative; overflow: hidden;}
.trade-dealer-container .wrapper.flex-row figure img {width: 100%; height: 100%; position: absolute; object-fit: cover;}

.trade-dealer-white-bg-container {background: #fff; padding: 50px 0;}
.trade-dealer-white-bg-container article h2 {color: #444;}
.trade-dealer-white-bg-container article h3 {color: #444;}
.trade-dealer-white-bg-container article p {color: #444;}
.trade-dealer-white-bg-container article li {color: #444;}

.cart-value {margin-left: 5px;}

.brochures-container {padding: 50px 0 50px 0; background: #fff; min-height: 101vh; box-sizing: border-box;}
.brochures-container h1 {font-weight: 900;font-size: 40px; margin-bottom: 30px;}
.brochures-container .wrapper.flex-row-new { align-items: inherit;}

.brochures-container .brochure-item {width: 32%; display: block; background: #17543e; text-decoration: none; color: inherit; margin-bottom: 20px;}
.brochures-container .brochure-item article {padding: 50px 20px; position: relative; z-index: 99;}
.brochures-container .brochure-item article::after { content: ''; background: url('/images/Home-bottom-bg.svg'); background-size: auto; width: 100%; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background-size: 100%; z-index: -1; opacity: 0.4;}
.brochures-container .brochure-item article h2 {color: #fff; font-size: 26px;}
.brochures-container .brochure-item article p {color: #fff; font-size: 20px;}
.brochures-container .brochure-item figure {height: 300px; overflow: hidden; position: relative;}
.brochures-container .brochure-item figure img {width: 100%; height: 100%; position: absolute; object-fit: cover;}

.become-dealer-container h1 {color: #003725;}
.become-dealer-container h2 {color: #003725;}
.become-dealer-container h3 {color: #003725;}
.become-dealer-container h4 {color: #003725;}
.become-dealer-container p {color: #003725;line-height: 24px;font-size: 15px; margin-bottom: 15px; padding: 0;}
.become-dealer-container li {color: #003725;}

.become-dealer-container .landing_forms {padding: 0;}

.checkout-right-overview .checkout-qty a {display: none;}
.checkout-right-overview .cart-item {padding: 15px; background: #eee; margin-bottom: 4px; border-radius: 4px;}
.checkout-right-overview .cart-item > .flex-row-new {margin-top: 15px; justify-content: flex-start;}
.checkout-right-overview .cart-item .flex-row-new * {width: 20%;}
.checkout-right-overview .cart-item h3 {color: #000; font-weight: 600;}
.checkout-right-overview .cart-item .flex-row-new p {margin: 0; line-height: 1;}
.checkout-right-overview .cart-item .flex-row-new p.flex-row-new {justify-content: flex-start;}
.checkout-right-overview .cart-item .flex-row-new input {border: 0 !important; color: #5f5f5f; font-weight: 600; user-select: none; pointer-events: none; margin: 0 0 0 8px; line-height: 1; padding: 0;}
.checkout-right-overview .cart-item .flex-row-new .qty-price {margin-left: auto; width: auto;}
.checkout-right-overview .cart-item .flex-row-new .qty-price a {color: #75c69f;}

.fancybox-button.fancybox-button--arrow_left > div {position: fixed; left: 11.4%;}
.fancybox-button.fancybox-button--arrow_right > div {position: fixed; right: 11.4%;}

.block-slider.white-version.block-slider_details.top-main-slider-section .button-navigation {width: 100%; z-index: 99;}

.back-to-top {padding: 15px; background: #75c69f; position: fixed; right: 25px; bottom: 25px; z-index: 99; cursor: pointer;}
.back-to-top img {width: 30px;}


.back-to-top:before {content:'Back to top'; display:block; position:absolute; top:-15px; z-index:99; color:#fff; font-weight:bold; font-size: 8px; text-transform:uppercase; width:100%; left:0}

.header_wrapper .container {padding: 0 !important;}


.promo img {max-width: 844px;margin-left: 313px;}


.galleryPreviousBtn img {transform: rotate(-180deg);object-fit: contain;width: 100%;height: 100%;}
.galleryNextBtn img {object-fit: contain;width: 100%;height: 100%;}

.videoPreviousBtn img {transform: rotate(-180deg);object-fit: contain;width: 100%;height: 100%;}
.videoNextBtn img {object-fit: contain;width: 100%;height: 100%;}

.mediaPreviousBtn img {transform: rotate(-180deg);object-fit: contain;width: 100%;height: 100%;}
.mediaNextBtn img {object-fit: contain;width: 100%;height: 100%;}

.content_text h1 {
  font-size: 40px;
  line-height: 45x;
  background-color: #75c69f;
  color: #ffffff;
  padding: 15px;
  margin-top: -200px;
  margin-bottom: 20px;
}

.content_text h2 a {font-size: 24px;color: #ffff; padding: 20px 0; text-decoration: none;}
.content_text h2 a:hover {color:#75c69f;}

.content_text .swiper-pagination {position: relative; bottom: 0px; display: flex; justify-content: center; margin-bottom: 25px;}
.content_text .swiper-pagination .swiper-pagination-bullet {width: auto; background: none; height: auto; padding: 0; margin: 0 15px; opacity: 1; font-size: 26px;}
.content_text .swiper-pagination .swiper-pagination-bullet-active {color: #75c69f;}

#media h1 {margin-top: -130px;}
#media p a {color: #fff; padding: 10px 20px; position: relative; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-size: 14px; margin-bottom: 20px;}

.content-dealer-resources h1 {
  font-size: 40px;
  line-height: 45x;
  background-color: #75c69f;
  color: #ffffff;
  padding: 15px;
  margin-top: -200px;
  margin-bottom: 20px;
}

.content-dealer-resources p {
  /* display: flex;
  justify-content: center; */
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 10px;
  color: #ffffff;
}

.content-dealer-resources ul {line-height: 30px;color: #fff;}

.content-dealer-resources article {
  max-width: 812px;
  position: relative;
  padding-top: 80px;
}

.content-dealer-resources {
  display: flex;
  justify-content: center;
}

.content-dealer-resources a {color: #fff;text-decoration: underline;}

.login-page::after {position: absolute;content: "";top: 0;left: 0;background-image: url(/images/Home-bottom-bg.svg);background-repeat: no-repeat;width: 100%;height: 100%;z-index: -1;background-size: cover;}

.login-page {min-height: 90vh!important;}
.login-page .login-title {margin: 50px 0;}
.login-page .login-title h1 {color: #fff; font-size: 40px;}
.login-page .login-block {box-shadow: 0px 0px 20px #000; max-width: 550px;}
.login-page .login-block form {padding: 0;}
.login-page .login-block label {position: relative; top: auto;left: 0;transform: none;text-align: left;width: 100%;}
.login-page .login-block .button {width: 100%;}
.login-page .login-block input {border: 1px solid #000; padding: 15px 15px 15px 70px; box-shadow: 0; transition: 0.5s; position: relative;}
.login-page .login-block .form-field {margin-bottom: 25px; justify-content: space-between; position: relative;}
.login-page .login-block .form-field.active-focus input {padding: 15px 15px 15px 70px; box-shadow: 0px 0px 10px #0005;}




.login-page .form-block .form-field:nth-child(2)::before {content: ""; display: block; position: absolute; background: url('/img/account.svg'); width: 20px;height: 20px;background-size: contain;top: 43px;left: 20px; background-repeat: no-repeat; z-index: 9;}
.login-page .form-block .form-field:nth-child(2)::after {content: ""; display: block; position: absolute; background: #000; width: 1px; height: 55px; bottom: 0px; left: 60px;}

.login-page .form-block .form-field:nth-child(3)::before {content: ""; display: block; position: absolute; background: url('/img/lock.svg'); width: 16px;height: 20px;background-size: contain;top: 43px;left: 21px; background-repeat: no-repeat; z-index: 9;}
.login-page .form-block .form-field:nth-child(3)::after {content: ""; display: block; position: absolute; background: #000; width: 1px; height: 55px; bottom: 0px; left: 60px;}

.desktop {display: block;}
.mobile {display: none;}