/** Shopify CDN: Minification failed

Line 3912:0 Unexpected "}"

**/
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
@font-face { 
    font-family: 'Gilroy-Black';
    src: url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Black.woff2?v=1672654712') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Black.woff?v=1672654713') format('woff');
    font-style: normal;
    font-display: swap;
} 
@font-face {
    font-family: 'Briller';
    src: url('Briller-Bold.eot');
    src: local('Briller-Bold'),
        url('/cdn/shop/files/Briller-Bold.eot?v=1681899498') format('embedded-opentype'),
        url('/cdn/shop/files/Briller-Bold.woff2?v=1681899498') format('woff2'),
        url('/cdn/shop/files/Briller-Bold.woff?v=1681899498') format('woff');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Gilroy-Thin';
    src: url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Thin.woff2?v=1672654713') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Thin.woff?v=1672654713') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Bold';
    src: url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Bold.woff2?v=1672654713') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Bold.woff?v=1672654712') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Light';
    src: url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Light.woff2?v=1672654712') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Light.woff?v=1672654713') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Medium.woff2?v=1672654713') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Medium.woff?v=1672654713') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-MediumItalic';
    src: url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-MediumItalic.woff2?v=1672654713') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-MediumItalic.woff?v=1672654712') format('woff');
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-RegularItalic';
    src: url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-RegularItalic.woff2?v=1672654713') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-RegularItalic.woff?v=1672654714') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Regular';
    src: url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Regular.woff2?v=1672654712') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Regular.woff?v=1672654712') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-ExtraBold';
    src: url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-ExtraBold.woff2?v=1672654712') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-ExtraBold.woff?v=1672654712') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-SemiBoldItalic';
    src: url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-SemiBoldItalic.woff2?v=1672654712') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-SemiBoldItalic.woff2?v=1672654712') format('woff');
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-SemiBold';
    src: url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-SemiBold.woff2?v=1672654712') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-SemiBold.woff?v=1672654712') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Heavy';
    src: url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Heavy.woff2?v=1672654712') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/2149/6413/files/Gilroy-Heavy.woff?v=1672654713') format('woff');
    font-style: normal;
    font-display: swap;
}



html, body{/*overflow-x: hidden; position:relative;*/ -webkit-font-smoothing: antialiased;}
html {
    scroll-behavior: smooth;
}
body {
  margin: 0;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 1.5;
  position:relative;
  overflow-x: hidden;
  font-family: 'Gilroy-Regular', sans-serif;
   background: #F7F8F1; 
/*    background: #fff; */
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  font-variant-ligatures:none;

}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}
h1,h2,h3,h4,h5,h6{
    margin-top: 0;
    margin-bottom: 0.625rem;
/*  font-weight:normal; */

}
p{margin-top: 0; color: #1C1C1E; }
.img-fluid{max-width: 100%; height: auto;}
.container{max-width: 1161px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}

.btn{display: inline-block; background: transparent; text-align: center; border:none; letter-spacing: -0.13px; transition: 0.5s ease all;    font-family: 'Gilroy-Bold', sans-serif; text-transform: inherit; border-radius: 0;   line-height: 1;  font-size:16px; line-height: 1.25; border-radius: 10px; min-width: 176px; text-align: center; padding:17.5px 18px;  text-decoration: none; cursor: pointer; font-weight: 100;
    font-variant-ligatures: none;}
.btn-primary{background: transparent linear-gradient(110deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box;
  color: #1C1C1E; }
/* .btn-primary:hover{background:  #FFC632; } */
.btn-primary-outline{border:1px solid #000000; color: #1C1C1E; padding: 19px;}
.btn-primary-outline:hover{background: #000; color: #fff;}
.btn-secondary-outline{background: rgba(255, 255, 255, 0.3);border: 1px solid #FFFFFF; color:#fff}
.btn-secondary-outline:hover{background: #fff; color: #000;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.btn-Top {display:block; text-align: center;max-width: 137px;margin: 25px auto;}

/* Reset CSS ends */

/* header css*/
html.no-scroll,body.no-scroll{overflow: hidden;}
/* header.header_wrap{background: #F7F8F1;} */
.header_wrap{position: absolute; z-index: 99;    width: 100%;  transition:0.5s ease all; padding-top:0; /*TM Need to remove padding if announcementbar is added again*/}
.header_row{display: grid; grid-template-columns: auto 1fr auto; align-items: center; position: relative; z-index: 4;}
.header_wrap.fixed {position: fixed !important; width: 100%;  background: #fff; padding-bottom: 10px; padding-top:0;}  /*TM Need to remove padding*/

.header_wrap .container{max-width: 1398px;}
.main-menu{width: 100%; position: relative;}
.main-menu>ul{list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; left:0px; position:relative; position:relative; z-index:6;}
.nav_element{padding: 20px 35px;    font-family: 'Gilroy-Bold'; font-size: 16px; line-height: 158%; margin: 0;}
.nav_element>a{color: #1C1C1E; text-decoration: none; position:relative; z-index:5;letter-spacing: 0.8px}

ul.nav-right{list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-end;}
ul.nav-right>li{font-family: 'Gilroy-Bold';}
ul.nav-right>li{  font-size: 16px; letter-spacing: 0.050rem; position: relative; line-height: 158%; margin: 0; margin-left:37px;}
ul.nav-right li a{color: #1C1C1E; text-decoration: none;}
ul.nav-right li a img{display: inline-block; height: auto;}
ul.nav-right li a sup{ letter-spacing: 0.5px; font-family: 'Gilroy-Medium'; color: #1C1C1E;font-size:10px;line-height:20px; top: -8px; position: absolute; right:-4px;}
ul.nav-right>li:first-child{margin-left: 0;}
.single-blog p{font-family: 'Gilroy-Regular', sans-serif !important;}
/* header.header_wrap {
  position: relative;
  z-index: 99;
} */
.menu-btn{display: none;}

.mobile-menu ul.megamenu-list-b {
    margin: 0;
}
.mobile-menu .menu-tooltip {
    display: none;
}

.megamenu {position: absolute; opacity: 0; pointer-events: none; visibility: hidden; z-index: 3;  top: -10px;padding: 70px 10px 30px 45px;background: #D8E5D8; border-radius: 10px; max-width: 1000px; width: 1000px; border: 1px solid #cedae6;     left: 50%;transform: translateX(-50%);}
.nav_element:hover .megamenu{opacity: 1; visibility: visible; pointer-events: inherit;}
nav.main-menu { position: relative;}
.megamenu .search img{margin-right: 0;}
.megamenu .search .form-control{width: 100%; border: none; font-family: 'Gilroy-Regular'; border-bottom: 1px solid #707070; font-size: 24px; padding-bottom:10px; background: transparent; opacity:40%;}
.megamenu .search .form-control:focus{box-shadow: none; outline: none;}
.megamenu-list{display: flex; flex-wrap: wrap; padding-top: 20px; text-align: left;}
.megamenu-list>div{width: 50%;}
.megamenu-list-b{list-style: none; display: block; margin-bottom: 0; padding-left: 0;}
.megamenu-list-b li{width: 100%; font-size: 24px; line-height: 1.5; margin-bottom: 18px;}
.megamenu-list-b li a{display: inline-flex; align-items: center;  font-family: 'Gilroy-Bold'; border-radius: 10px; padding: 9px 15px 9px 15px; transition: 0.5s ease all; color: #272727; text-decoration: none;}
.megamenu-list-b li a span{min-width: 32px; margin-right: 9px;}
.megamenu-list-b li a span img{display: block;}
.megamenu-list-b li .bg_color_link, .nav_element:nth-child(2) .megamenu-list-b li a:hover, #learn .megamenu-list-b li a:hover{background: transparent linear-gradient(100deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box; }
.megamenu-list-b~.megamenu-list-b{border-top:1px solid #707070; padding-top: 40px;}
.megamenu-list-s{padding-left: 57px; list-style: none; margin: 0; }
.megamenu-list-s>li{font-size: 16px; text-decoration: none; font-family: 'Gilroy-Bold'; margin-bottom: 18px;}
.megamenu-list-s>li a{color: #272727; text-decoration: none; text-transform:uppercase;  transition: 0.5s ease all;}
/* .megamenu-list-s>li a:hover{color:#707070} */
.megamenu-list-s>li ul{list-style: none; padding-top: 6px; padding-left: 18px; margin-bottom: 0;}
.megamenu-list-s>li ul li{letter-spacing: -0.24px;color: #2C2C2E; font-size: 16px; line-height: 1.5;}
.megamenu-list-s>li ul li a{text-decoration: underline; transition: 0.5s ease all; font-family: 'Gilroy-Regular';}
.megamenu-list-s>li ul li a:hover{color: #707070;}
.modal__close-button { position: absolute; display:none;  right: 35px;top: 35px;background: transparent;border: none;}
predictive-search[open=true] .modal__close-button{display:block}
.search-modal__form .field { display: flex; width:100%; flex-direction: row-reverse;}
button.reset__button.field__button.hidden, button.reset__button { display: none;}
form.search.search-modal__form .search__button { background: transparent; border: none;border-radius: 0;}
predictive-search[open=true] .predictive-search {display: block!important;     overflow: hidden; max-height: 86vh; overflow-y: auto;}
predictive-search[open=true] .predictive-search::-webkit-scrollbar {
  width: 5px;
}
nav.main-menu:has(.nav_element:hover) li.nav_element:hover > a {
    color: #1C1C1E !important;
}

nav.main-menu:has(.nav_element:hover) li.nav_element > a {
    color: #00000029 !important;
  letter-spacing: 0.8px;
}

/* Track */
predictive-search[open=true] .predictive-search::-webkit-scrollbar-track {
  background: #f1f1f1;   border-radius: 10px;
}
 
/* Handle */
predictive-search[open=true] .predictive-search::-webkit-scrollbar-thumb {
  background: #888;   border-radius: 10px;
}

/* body.gradient.width-100 {
    overflow: hidden;
} */
.predictive-search__loading-state svg {max-width: 20px;}
.width-100 nav.main-menu { position: unset;}
body.gradient.width-100 .megamenu { max-width: calc(100% - 20px); width: 100%; transition: .5s ease all; top: 10px; z-index:9;}
body.gradient.width-100 .megamenu-list{display: none;}
.width-100 .header_row { position: inherit;}
.width-100 .main-menu>ul { position: inherit;}
.visually-hidden { display: none;}
body.gradient.width-100 .megamenu .megamenu-inner {  max-width: 1400px; margin: 0 auto;}
.predictive-search__heading {
    font-size: 16px;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 36px;
    font-family: 'Gilroy-Bold';
}
.predictive_product_list {display: flex; flex-wrap: wrap;flex-wrap: wrap; margin: 0 -9px; padding:0}
.predictive-search__result-group.left-se { display: none;}
.predictive_product_list .item { padding:10px; width: 33.33%;}

.predictive-search__search-for-button { text-align: center; margin-top: 26px;}

.predictive-search__search-for-button button.predictive-search__item { background: transparent; border: none; border-radius: 0;font-size: 16px; line-height: 26px; cursor: pointer;}

.predictive-search__search-for-button button.predictive-search__item svg { display: none;}

span.hidden {  display: none;}

.predictive-search {
    margin-top: 43px; display: none;
}
.collection-box-caption .a-pro-icon span {
    font-family: Gilroy-Regular,sans-serif;
}
/* .megamenu-list>div.w-100 {
    width: 100%;
}

ul.megamenu-list-b.column2 {
    display: flex;
    flex-wrap: wrap;
}

ul.megamenu-list-b.column2 li {
    width: 50%;
} */


#slider{padding-bottom: 52px;}
a.ls-gui-element.ls-nav-prev {
  background: #FFC632;
  width: 55px;
  height: 55px; top:40%; transform: translateY(-50%);
  border-radius: 10px; left: 20%; display: none  !important;
}
a.ls-gui-element.ls-nav-next {
  background: #FFC632;
  width: 55px; top:40%; transform: translateY(-50%);
  height: 55px; right: 20%;
  border-radius: 10px; display: none  !important;
}
.ls-v6 .ls-circle-timer, a.ls-nav-start.ls-nav-start-active, .ls-v6 .ls-nav-stop{display: none  !important;}

.mobile-show, .mobile-shows{display: none  !important;}
.ls-v6 .ls-bottom-nav-wrapper{left: 12%; top: 44%; position: absolute;}
/* @keyframes float {
  0% {
    transform: translatey(0px); }

  50% {
    transform: translatey(-20px); }

  100% {
    transform: translatey(0px); } } */

.megamenu-list-s>li >a {
    color: #272727;
    text-decoration: none;
    text-transform: uppercase;
    padding: 7px;
    border-radius: 7px;
    transition: .5s ease all;
}
    .megamenu-list-s>li a:hover {
    color: #707070;
    color: #2c2c2e;
    background: #f8f9f0;
}
.megamenu-list-b li a:hover {
    background: transparent linear-gradient(100deg, #ffe63d, #ffc632) 0% 0% no-repeat padding-box;
}

.space{padding-top:98px;}
    .hero-slider .slick-dots{position: absolute; margin: 0; bottom: auto; top: 38%; left: 7.5%; width: auto;}
    .hero-slider .slick-dots li{width: 15px; height: 15px; border-radius: 50%; border: 1px solid #272727; border: 1px solid #272727;}
    .hero-slider .slick-dots li.slick-active{background: linear-gradient(82.64deg, #FFC632 1.52%, #FFE63D 100%); border-color: transparent;     background: rgb(255, 230, 61);
    background: linear-gradient(135deg, rgba(255, 230, 61, 1) 0%, rgba(255, 198, 50, 1) 100%);}
.hero-slider .slick-dots li button{display: none;}
.hero-slide{position: relative; min-height: 1150px; max-height: 1150px;}
.hero-slide .w-100{width: 100%; display: block;}
.hero-slide .layer{position: absolute;  }
.hero-slide .layer1{top: 0; left: 0; z-index: 1; animation: float 6s ease-in-out infinite;}
.hero-slide .layer2{top:2%; left: 5%; animation: float 6s ease-in-out infinite;}
.hero-slide .layer.text{font-family: 'Gilroy', sans-serif;font-size:24px; color:#2C2C2E; }
.hero-slide .layer.text b{font-family: 'Gilroy-Bold';}
.layer3{top:30%; left: 7.5%;}
.hero-slide .layer.heading-h1{  font-family: 'Gilroy-ExtraBold'; font-size: 96px; line-height: 1; }
/*  .slick-active .hero-slide .layer.heading-h1,   .slick-active  .hero-slide .layer6, .slick-active .hero-slide .layer.text, .slick-active  .hero-slide .layer5{ transform: scale(1);} */
.hero-slide .layer.heading-h1 span{background: transparent linear-gradient(95deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box; -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent;}
.hero-slide .layer4{top: 14%; left: 49%; z-index: 1; }
.hero-slide .layer.heading-h4{    font-family: 'Gilroy-Bold'; font-size: 24px; line-height: 1.5;}
.hero-slide .layer5{top: 43%; left: 73%; }
.hero-slide .layer6{top: 48%; left:73%; }
.hero-slide .layer7{right: 0; top: 21%; animation: float 6s ease-in-out infinite; }
.hero-slide .layer8{left: 5px; top: 34%; animation: float 6s ease-in-out infinite; }
.hero-slide .layer9{left: 75%; top: 60%; animation: float 6s ease-in-out infinite; }
.hero-slide .layer10{right: 0; top: 43%; }
.hero-slide .layer11{left: 45%; top: 40%; animation: float 6s ease-in-out infinite;}
.hero-slide .layer12{left: 20px; top: -15px; max-width:67vw; animation: float 6s ease-in-out infinite; }
.hero-slide .layer13{left: 39%; top: 35%; animation: float 6s ease-in-out infinite; }
.hero-slide .layer14{left: 50%; transform: translateX(-50%); bottom: 28%;  }


/* Brew slide */
.hero-slide{overflow:hidden;}
.hero-slide.hero-slide-brew .layer1 { left: -194px; top:-30px;}
.hero-slide.hero-slide-brew .layer2 {top: 27%;left: -407px;}
.hero-slide.hero-slide-brew .layer.layer4 {left: 71%; }
.hero-slide.hero-slide-brew .layer15 {left: 14%;  top: 0;}
.hero-slide.hero-slide-brew .layer9 {top: 0;  left: auto;  right: -221px;}
.hero-slide.hero-slide-brew .layer11 { right: -247px; left: auto; top: auto; bottom: 0;}
.hero-slide.hero-slide-brew  .layer7{  top: -7%; right: 19%;}
.hero-slide.hero-slide-brew .layer16 { right: 5%; bottom: 18%;}
.hero-slide.hero-slide-brew  .layer8 { left: 47%; bottom: 3%;  top: auto;}
.hero-slide.hero-slide-brew .layer10 { right: auto;top: 51%; left: 19%;  z-index: 2;}
.hero-slide.hero-slide-brew .layer12{left:9%;}
.hero-slide.hero-slide-brew .layer14{bottom:33%;}
.hero-slide.hero-slide-brew  .w-100 { height: auto;top: 77px;}
.hero-slide.hero-slide-brew .hero-slide .layer13{top:32%}
.hero-slide.hero-slide-brew .layer17.img-fluid {top: 13%;  left: 26%;  z-index: 2;}
.hero-slide.hero-slide-brew p.layer.layer3.text { color: #2C2C2E;}
.hero-slide.hero-slide-brew .layer.heading-h1 span {background: transparent;  -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: inherit; color: #FFE63D;}
.hero-slide.hero-slide-brew .layer5 {  top: 40%;left: 71.5%;}
.hero-slide.hero-slide-brew a.layer.layer6.btn.btn-primary {min-width: 152px; top: 44%;  left: 74%;}

/* hops slide */
.hero-slide.hero-slide-hops .layer1 { left: -162px; top:-30px;}
.hero-slide.hero-slide-hops .layer2{ left: -209px; top: 39%;}
.hero-slide.hero-slide-hops .layer7 {top: -7%; right: 19%;}
.hero-slide.hero-slide-hops .layer15 {left: 14%; top: 0;}
.hero-slide.hero-slide-hops .layer12 { left: 9%;  top: 7%;}
.hero-slide.hero-slide-hops p.layer.layer3.text { color: #2C2C2E;}
.hero-slide.hero-slide-hops .layer4 {left: 73%;}
.hero-slide.hero-slide-hops .layer10 {right: auto;left: 24%; top: 53%;  z-index: 2;}
.hero-slide.hero-slide-hops .layer8 {  left: 25%;  top: 13%;}
.hero-slide.hero-slide-hops .layer17 { left: 63%; z-index: 2;  top: 64%;}
.hero-slide.hero-slide-hops .layer9 { right: -462px;  top: -109px;  left: auto;}
.hero-slide.hero-slide-hops .layer11 {  right: -321px;  left: auto;  top: 53%;}
.hero-slide.hero-slide-hops .layer13 { top: 49%;  left: 55%; z-index:2;}
.hero-slide.hero-slide-hops .layer16 {  top: 4%; left: 36%;}
.hero-slide.hero-slide-hops .layer19 {right: 8%;  top: 64%;}
.hero-slide.hero-slide-hops .layer18 {left: 59%;  top: 47%;}



/* ab-industry css*/
.ab-industry-wrap.home-ab.normal-richtext {margin-top:115px;}
.ab-industry-wrap{position: relative;}
.ab-industry-wrap::before{content: ""; width: 147px; height: 132px; background: url(dioxinsmall-blur.png) no-repeat center; background-size: contain; position: absolute; top: 32px; left: -1%;  }
.ab-industry-wrap::after{content: ""; width: 434px; height: 392px; background: url(dioxinbig-blur.png) no-repeat center; background-size: contain; position: absolute; top: -60px; right: -3%;  }
.ab-industry{ padding-top: 79px; padding-bottom: 79px; border-top: 1px solid #1C1C1E; border-bottom: 1px solid #1C1C1E;}
.ab-industry-content{max-width: 681px; position: relative; z-index: 2; margin: 0 auto; text-align: center;}
.ab-industry-content h2, .ab-industry-content h6, .ab-industry-content h4{  font-family: 'Gilroy-ExtraBold'; color: #1C1C1E; font-size: 60px;line-height: 100%; margin-bottom:16px; font-family: Gilroy-ExtraBold; font-weight: 100;font-variant-ligatures: none;}
.ab-industry-content h2 span, .ab-industry-content h6 span{background: transparent linear-gradient(95deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box; -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent;}
.ab-industry-content p{font-size: 16px;line-height: 1.5; max-width:681px; margin:0 auto; margin-bottom: 16px; color: #3A3A3C;opacity: 0.8;}
.ab-industry img{position: absolute; left: 80px; top: 55px; max-width: 310px; display: block; width: 100%; height: auto;}
.ab-industry-content .btn{min-width: 164px;}
.ab-industry-wrap.home-ab  .ab-industry-content{max-width: 910px;}
/* ab-industry css*/

.ab-yellow-wrap{background: -o-linear-gradient(91.61deg, #FFC632 14.15%, #FFE63D 55.14%, #F8F9F0 92.31%);background: linear-gradient(358.39deg, #FFC632 14.15%, #FFE63D 55.14%, #F8F9F0 92.31%); padding-top: 76px;}
.ab-find-wrap{ padding-top: 0; padding-bottom: 79px; border-bottom: 1px solid #1C1C1E; display: flex; flex-wrap: wrap;}
.ab-find-content{width: 32%;  position: relative;z-index: 2;}
.ab-find-content h2{  font-family: 'Gilroy-ExtraBold'; font-weight: 100;font-variant-ligatures: none; color: #1C1C1E; font-size: 60px;line-height: 100%; margin-bottom: 14px;}
.ab-find-content h2 span{background: transparent linear-gradient(101deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box; -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap;}
.ab-find-content p{font-size: 16px;line-height: 1.5; color: #3A3A3C; opacity: 0.8; max-width: 320px; margin-bottom: 20px;}
.ab-find-content .btn{ padding: 16.5px 18px;}
.ab-find-content h2 i {
    font-style: normal;
    white-space: nowrap;
}
.ab-find-img{width: 68%; margin-top: 0;}
.ab-find-img img{width: 100%; border-radius: 10px; display: block; height: auto;}
.a-what-new-head{padding-left: 0; display: flex; align-items: flex-end; justify-content: space-between; padding-right: 0; padding-top: 64px; margin-bottom: -60px; position: relative; z-index: 4;}

.a-what-new-head h2{font-family: 'Gilroy-ExtraBold'; color: #1C1C1E; font-size: 60px;line-height: 1.2; margin-bottom: 3px;}
.a-what-new-head p{max-width: 400px; font-size: 16px;line-height: 1.5; margin-bottom: 9px; color: rgba(58, 58, 60,0.8);}
.custom-arrow .prev, .custom-arrow .prevb {margin-right: 42px;}
.custom-arrow .slick-arrow{cursor: pointer; width: auto; height: auto; display: inline-block !important;}
.custom-arrow .slick-arrow img{display: block;}
.a-what-new-slidewrap{padding-bottom: 71px; max-width:1920px; margin:0 auto;}
.a-what-new-slide { margin: 0;}
.a-what-new-slide .slick-track{display: flex;}
.a-what-new-slide .item {padding: 87px 20px; width: 100%; height: inherit;  margin: 0 auto; opacity: 0.5;}
.a-what-new-slide .item.slick-current.slick-center{opacity: 1;}
.a-what-pro { background: #fff; position:relative; height: 100%; width: 100% !important; display: flex; justify-content: space-between; border-radius: 7px; padding: 0 40px 0px; align-items: center;}
.a-pro-name { text-align: center; min-width: 252px;}
.a-pro-name.desk-sho {
    align-self: flex-start;
    padding-top: 93px;
}
.a-pro-name a{text-decoration:none;}
.a-pro-name h5 {font-family: 'Gilroy-Regular'; font-size: 14px;line-height: 1.71;color: #2C2C2E;margin-bottom: 0;}
.a-pro-name h5 b{font-family: 'Gilroy-Bold';}
.a-pro-name h3{font-family: 'Gilroy-ExtraBold'; font-size: 42px; line-height: initial; margin-bottom: 13px;  background: transparent linear-gradient(95deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;background-clip: text;
  -webkit-text-fill-color: transparent;}
  .a-pro-name h3.color{background:transparent; -webkit-text-fill-color: inherit; color: #FFC632; line-height:47px;}
.a-pro-name img{display: block; margin: 0 auto;}
.a-pro-img { min-width: 218px; position:relative; max-width: 218px; margin: -54px 0 -43px;}
.a-pro-img .shadow{width:378px; height:117px; position:absolute; mix-blend-mode: multiply;      left: -61%;bottom: -27%;}
.a-pro-img img{width: 100%; display: block;}
.a-pro-img a img {transition: .5s ease all;}
.a-pro-img a:hover img {transform: scale(1.12);}
.a-pro-detail{max-width: 557px; padding-left: 20px; padding-top:59px; padding-bottom:40px; position: relative; }
.pos-ab {position: absolute; right: 10px;top: 10px}
.pos-ab .tag { background: #1C1C1E; color: #fff; border-radius: 5px; padding: 4px 10px; display: inline-block; font-family: Gilroy-Bold,sans-serif; }
.a-pro-detail p{font-weight: 400; font-size: 16px; line-height: 1.5; margin-bottom: 16px; color: rgba(58, 58, 60,0.8);}
.a-pro-icon {display: flex; justify-content: space-between;align-items: center; margin-bottom: 20px;}
.a-pro-icon>div { display: flex; align-items: center;}
.a-pro-icon span { font-size: 14px; line-height: 24px;color: #2C2C2E; margin-left: 10px;}
.a-pro-icon>div~div img { margin-left: 7.5px;}
.a-pro-icon>div~div span.icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 6px; background:rgba(0,0,0,0.05);
    margin-left: 7.5px;
}

.a-pro-icon>div~div span.icon img {
    margin: 0;
}
.a-pro-detail .d-flex{display: flex;  justify-content: space-between; margin-left: -5px; margin-right: -5px; }
.a-pro-detail .d-flex>*{margin: 0 5px;}
.a-pro-detail .d-flex .btn {display: flex;align-items: center; justify-content: center;min-width: 182px; padding: 10px;}
.a-pro-detail .d-flex .btn img {display: block;margin-right: 8px; max-width: 29px;}
.a-pro-name h4{font-weight: 700;font-size: 30px;line-height: 37px; text-align: left; color: rgba(28, 28, 30, 1);}
.a-what-new-slide .slick-dots{margin: 0; bottom: auto; top: 31px;  z-index: 5; width: 100%;  margin-right: calc((100% - 899px)/2); width: 100%; left: auto; right: 0;     text-align: right;}
.a-what-new-slide .slick-dots li{width: 15px; height: 15px; border-radius: 50%; display: inline-block; border: 1px solid #1C1C1E; }
.a-what-new-slide .slick-dots li.slick-active{background: #fff; border-color: #fff;}
.a-what-new-slide .slick-dots li button{display: none;}

.select-wrp select { background: #fff url(select-angle.svg) no-repeat center right; background-size: auto; -webkit-appearance: none; appearance: none; -moz-appearance: none; appearance: none;     background-position: 94%;
  min-width: 210px;border: 1px solid #272727;border-radius: 10px;height: 55px; padding: 0 20px; padding-right:28px; letter-spacing: -0.13px;color: rgba(28, 28, 30,0.5); font-size: 14px;   font-family: 'Gilroy-Regular';}
  .select-wrp select:focus{outline: none; -webkit-box-shadow: none; box-shadow: none;}
  .qty-flex { display: flex; align-items:center; border: 1px solid #272727; font-family: 'Gilroy-Regular'; border-radius: 10px;max-width: 142px; width: 100%; padding: 0 12px;}
  .qty-flex span.qty, .qty-flex span.qtys {
    padding: 0 5px; cursor: pointer;
}
.qty-flex span.qty {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
}
.qty-flex span.qty img, .qty-flex span.qtys img{display: block;}
.qty-flex input.quantity-selector2 {
    width: 60px;
    text-align: center;
    border: none;
    border-radius: 0;
    height: 52px; letter-spacing: -.11px;color: rgba(28, 28, 30,0.5); font-size: 14px;   font-family: 'Gilroy-Regular'; cursor: pointer;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  appearance: textfield;-moz-appearance: textfield;
}

/* sample banner css*/
.sample-banner .container {
    max-width: 1158px;
    margin: 0 auto;
    width: 100%;
}
.sample-banner{background: url('https://cdn.shopify.com/s/files/1/2149/6413/t/58/assets/linkedin_banner.jpg?v=1674638223') no-repeat center; background-size: cover; padding-top: 229px; padding-bottom: 262px;}
.sample-banner-inner{background: rgba(255, 255, 255, 1);border-radius: 10px; padding: 74px 77px; display: flex; flex-wrap: wrap;}
.sample-banner-inner h2, .sample-banner-inner h6{ font-family: 'Gilroy-ExtraBold'; color: #1C1C1E; font-size: 60px;line-height: 100%; margin-bottom: 0;}
.sample-banner-inner h2 span, .sample-banner-inner h6 span{    background: transparent linear-gradient(98deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;background-clip: text;
    -webkit-text-fill-color: transparent;}
.sample-banner-inner .heading{max-width: 510px; width: 100%; }
.sample-banner-inner .content{max-width: 444px; width: 100%;padding-top:10px;}
.sample-banner-inner .content a {
  margin-top:20px;
}
.sample-banner-inner p{font-size: 16px;line-height: 1.5; margin-bottom: 18px;  font-variant-ligatures: none; color: #3A3A3C; opacity: 80%;}
.sample-banner-inner p:last-child {
  margin-bottom: 35px;
}
.sample-banner-inner p strong{font-family:Gilroy-Bold,sans-serif}
.a-why-choose{background: #1C1C1E; }
.a-why-choose-row{display: flex; flex-wrap: wrap;}
.a-why-choose-img { width: 66.3%;}
.a-why-choose-img img{height: 100%; width:100%; display: block;}
.a-why-choose-content {width: 33.7%; align-self: center; padding-right: calc((100% - 1620px)/2); margin-left: -10%;}
.a-why-choose-content h2{  font-family: 'Gilroy-ExtraBold'; color: #fff;  font-size: 60px;line-height: 100%; margin-bottom: 28px;}
.a-why-choose-content h2 span{      background: transparent linear-gradient(95deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent; }
 .a-why-choose-content h2::before{content: ''; max-width: 505px; width: 100% ;  height: 1px; background: #fff; display: block; margin-bottom: 47px;} 
.a-why-choose-content p{font-weight: 400;font-size: 16px;line-height: 1.5; color: #fff; max-width: 505px; margin-bottom: 21px;}
.a-why-choose-content a{color: #fff; text-transform: uppercase; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; text-decoration: none; font-size: 16px; letter-spacing: -0.0083rem; line-height: 20px;  font-family: 'Gilroy-Bold';}
.a-why-choose-content a span{border-bottom: 1px solid currentcolor;}
.a-why-choose-content a:hover{color: #FFE63D;}
.a-why-choose-content a img { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 8px;}
.a-why-choose-content p strong, .a-why-choose-content p b{    font-family: Gilroy-Bold; font-weight: 100;
    font-variant-ligatures: none;}
p strong {    font-family: Gilroy-Bold; font-weight: 100;
    font-variant-ligatures: none;}

/* saving banner css*/
.saving_banner{background: transparent linear-gradient(118deg, #CEDAE6 0%, #D8E5D8 100%) 0% 0% no-repeat padding-box; position:relative; padding-top:159px; padding-bottom:177px; transform: matrix(-1, 0, 0, -1, 0, 0);}
.saving_banner .container{transform: matrix(-1, 0, 0, -1, 0, 0);}
.saving_banner-inner {max-width: 623px;}
.saving_banner-inner h2{font-size:60px;     font-family: Gilroy-ExtraBold; line-height:1; letter-spacing: -1.2px; color: #F8F9F0; margin-bottom:19px;}
.saving_banner-inner h2:before{content: ""; max-width: 505px; width: 100%;height: 1px; background: #fff; display: block; margin-bottom: 18px;}
.saving_banner-inner h2 span{color:#3A3A3C}
.saving_banner-inner p{color:#3A3A3C; font-size:16px; line-height:24px; margin-bottom:43px;}
.saving_banner-inner p strong, .saving_banner-inner p b{font-family: Gilroy-Bold,sans-serif;}
.saving_banner:after{content:''; width:823px; height:360px; background:url(lines-vector.svg)no-repeat center; background-size:cover; left:34px; top:50%;     transform: translateY(-50%) scale(-1);
    position: absolute;}

.h-blog{padding-top: 79px; padding-bottom: 79px; /*background:#fff;*/}
.h-blog .border{border-top: 1px solid #1C1C1E; padding: 36px 144px 0;}
.link{color: #1C1C1E; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; text-decoration: none; font-size: 16px; line-height: 20px; font-weight: 600;}
.link span{border-bottom: 1px solid currentcolor;}
.link:hover{opacity: 0.5;}
.link  img{    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;margin-left: 8px;}
.h-blog-row {
  display: flex;
  padding-left: calc((100% - 1140px)/2);
}
.h-blog-row{display: flex; }
.h-blog-head{ max-width:100% ; }
.h-blog-head { max-width: 472px; width: 100%; padding-left: 10px;}
.h-blog-head h2{font-family: 'Gilroy-ExtraBold'; color: #1C1C1E; font-size: 60px;line-height: 1; margin-bottom: 17px;}
.h-blog-head h2 span{ color:#FFC632;  /*background: transparent linear-gradient(95deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;*/  }
.h-blog-head p{ font-size: 16px;line-height: 1.5; color: #3A3A3C; opacity: 80%; max-width: 404px; margin-bottom: 0;}

.h-blog-wrap{ width: calc(100% - 472px); margin-top: 0; padding-bottom: 30px;}
.h-blog-slide {margin-bottom: 0;}
.h-blog-slide .item{padding: 0 13.5px; width: 100%; height: inherit; opacity: 0.5;}
.h-blog-slide .h-single-blog{background: #D8E5D8; width: 100%; border-radius: 7px; overflow: hidden; padding: 0 ; padding-bottom: 20px; height: 100%; min-height: 403px;     display: flex;flex-direction: column; align-items: flex-end;  justify-content: space-between; }
.h-blog-slide .h-single-blog .img img{width: 100%; height: auto; display: block;}
.h-blog-slide .h-single-blog .content{padding: 15px 20px;}
.h-blog-slide  .h-single-blog .img>a {  padding-top: 63%; display: block;  position: relative;}
.h-blog-slide .h-single-blog .img>a img {width: 100%; position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; object-position: center center;}

.h-single-blog h4{color: #2C2C2E; font-family: 'Gilroy-Bold'; font-size: 24px; line-height: 1.29; margin: 0; margin-bottom: 12px;}
.h-single-blog p{font-size: 16px; line-height:1.5; margin-bottom: 6px;     color: #3A3A3C; opacity: 80%;}
.h-blog-slide .slick-list{padding-left: 0 !important; }
.h-blog-slide .slick-track{display: flex;}
.h-blog-slide .item.slick-active{opacity: 1;}
.h-blog-slide .item.slick-current.slick-active.slick-center ~ .slick-active{opacity: 40%;}
.h-single-blog .link {text-align: right; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;  margin-right: 20px; letter-spacing: -0.13px; font-family: 'Gilroy-Bold';}
.h-single-blog .link img{    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;margin-left: 8px;}
.h-blog-slide .slick-dots{margin: 0; bottom: auto; top: -54px; width: auto;left: 45%;}
.h-blog-slide .slick-dots li{width: 15px; height: 15px; border-radius: 50%; display: inline-block; border: 1px solid #1C1C1E; }
.h-blog-slide .slick-dots li.slick-active{background: #FFC632; border-color: transparent;}
.h-blog-slide .slick-dots li button{display: none;}

.h-blog .h-head-b {
  border-top: 1px solid #1e1e1e;
  padding: 37px 0;
}

.h-blog .h-head-b .custom-arrow {margin-right: auto;display: block;max-width: 75px;/* clear: both; */margin: 0;margin-left: auto;}
.container.container-c {
  text-align: right;
}
/* Newsletter css*/
/*  .newsletter{background:#fff;}  */
section.newsletter {
    position: relative;
    z-index: 2; 
}
.newsletter-wrap{padding-top: 75px;  border-top: 1px solid #1C1C1E;margin-top:60px;}
.newsletter-row{max-width: 1280px; margin:0 auto; display: flex; justify-content: space-between;}
.newsletter-row h2{max-width: 420px; color: #1C1C1E;font-family: 'Gilroy-ExtraBold'; font-size: 60px;line-height: 100%; margin: 0;}
.newsletter-form{padding-left: 60px; width: calc(100% - 420px);}
.newsletter-form p{font-size: 16px;line-height: 1.5;}
.newsletter-form .row {display: flex; justify-content: space-between; flex-wrap:wrap;}

.newsletter-form .form-control { border: 1px solid #3a3a3a;border-radius: 10px;font-size: 14px; height: 55px; font-family: 'Gilroy-Regular'; width: 48%; padding: 0 20px;color: rgba(58,58,60,0.4); background: transparent;margin-bottom: 20px;}
.newsletter-form .btn{float: right; min-width: 134px;}
.newsletter-form .form-control::placeholder{color: rgba(58,58,60,0.4); font-family: 'Gilroy-Regular';}
.newsletter-form .form-control.w-100{width:100%}
/* footer css*/
.footer_wrap{/*padding-top: 158px;*/ padding-top:92px; padding-bottom: 0px; /*background: linear-gradient(180deg, #F7F8F0 0%, #FFFFFF 11.41%);*/ background:#fff; position:relative;}
footer.footer_wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    /* background: linear-gradient(180deg,#F7F8F0 0%,#FFFFFF 11.41%); */
    background: linear-gradient(180deg,#F7F8F0 0%,#FFFFFF 33.41%);
    position: absolute;
    display: block;
    top: -9%;
}
:root {
    scroll-padding-top: 150px;
}
.footer_wrap .container{max-width: 1400px; position:relative; z-index:2;}
.footer-social{display: flex; align-items: center; }
.footer-social h3, .footer-social p{ font-family: 'Gilroy-Bold';font-size: 24px; line-height: 1.26;color: #1C1C1E; margin: 0;}
.footer-social ul{margin: 0; margin-left: 4px; display: flex; align-items: center; list-style: none; padding: 0;}
.footer-social ul li{margin-left: 16px;}
.footer-social ul li a{width: 40px; height: 40px; border-radius: 50%; transition: 0.5s ease all; display: flex; align-items: center; justify-content: center; color: #000; text-decoration: none; background: rgba(206, 218, 230,0.4)}
.footer-social ul li a:hover{background: rgba(206, 218, 230,1); }

.footer-link-wrap{display: flex; justify-content: space-between; margin-top: 66px;}
.footer-link{margin-bottom: 30px;}
.footer-link h3{ font-family: 'Gilroy-Bold'; pointer-events: none; font-size: 24px;line-height: 24px; color: #1C1C1E;margin-bottom: 30px;}
.footer-link p{font-weight: 400;font-size: 14px; margin-bottom: 0; line-height: 24px;color: #636366; opacity: 1;}
.footer-link p a{color:currentcolor; text-decoration:none;}
.footer-link div{margin-top: 30px;}
.footer-link ul{list-style: none; margin: 0; padding: 0;}
.footer-link ul li{font-weight: normal; letter-spacing: -0.21px;font-size: 14px; line-height: 24px; margin-bottom: 13px;}
.footer-link ul li a{color: #636366; transition: 0.5s ease all; text-decoration: none; opacity: 1;}
.footer-link ul li a:hover{color: #1c1c1c; opacity: 1;}
.footer-content{border-top: 1.11888px solid rgba(206, 218, 230,0.4); border-bottom: 1.11888px solid rgba(206, 218, 230,0.4); padding-top: 23px; padding-bottom: 32px; display: flex; align-items: center;}
.footer-logo{min-width: 290px;}
.footer-content .text {padding-left: 6px; padding-top:14px}
.footer-content .text p{font-weight: 400;font-size: 14px;line-height: 21px; margin: 0; opacity: 1; color:#636366}
.footer-bottom{padding-top: 42px; padding-bottom: 42px; display: flex; align-items: center; justify-content: space-between;}
.payment{display: flex; align-items: center;}
.payment img{margin-right: 12px; display: block; height: auto; max-width: 71px;}
.footer-bottom p{margin: 0; font-weight: 400;font-size: 14px;line-height: 21px; color: #636366; ;}
.payment img:last-child{margin-right: 0;}
.footer-link .desk-show h3 {
  margin-bottom: 26px;
}

.footer-link div.desk-show {
  margin-top: 75px;
}
.footer-link .desk-show  .show-m {
  margin-top: 0;
}
.page-education footer.footer_wrap:before {
    display: none;
}
/* footer waves css*/
.waves {position:relative;width: 100%; height:350px;margin-bottom:-7px;min-height:100px; background: #fff; max-height: 180px;  
  background-size: 16px 48px; }
  .footer-wave {
    position:relative; z-index:2;
}
.footer-wave img{width:100%; height:auto; display:block}  
.wave-m{display:none !important}
/* Animation */
.parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax > use:nth-child(3) { animation-delay: -4s;animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s; animation-duration: 20s;}

.mobile-menu{display: none;}
/* @keyframes move-forever {
    0% {transform: translateX(0);}
    50% {transform: translateX(-25%);}
    100% {transform: translateX(-50%);}
} */


@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/* footer waves css*/
.hero-slide .w-100 {
    width: 100%;
    display: block;
    object-fit: cover;
}
.mobile-show{display: none  !important;}
.footer-wave img {
    width: 100%;
    height: auto;
    display: block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.h-single-blog .link, .link, .a-why-choose-content a {
    display: inline-block;
    vertical-align: middle;
}
  .hero-slide .layer12{left:5%;}
  .hero-slide .layer.heading-h4{font-weight:normal;}
  h1,h2,h3,h4,h5,h6{font-weight:inherit;}
  @media (max-width: 1300px) {
    .hero-slide .layer12{left:5%;}
  }
} 


/* Legal page css*/
.legal-banner{padding-top:195px; position:relative;}
.legal-banner h2{font-size:96px; line-height:0.75; font-family: 'Gilroy-ExtraBold'; letter-spacing: 0px;color: #1C1C1E; margin-bottom:37px;}
.legal-banner p{font-size:24px; line-height:36px; letter-spacing: 0px;color: #3A3A3C;opacity: 0.8;     margin-bottom: 30px;}
.legal-banner:before{content:''; position:absolute; top:0; left:0; width:100%; height:518px; background:url('//abstraxhops.com/cdn/shop/t/125/assets/inner-banner.svg?v=169178173696057726121763511630') no-repeat left bottom; background-size:cover; }
.legal-banner ul {list-style:none; padding:0; margin:0 -10px; display:flex; flex-wrap:wrap}
.legal-banner ul li{font-size:16px; line-height:24px; padding:0 10px; letter-spacing: 0px;color: #1C1C1E; font-family: 'Gilroy-Bold'; text-transform: uppercase;}
.legal-banner ul li a{color: #1C1C1E; opacity: 0.2; text-decoration:none; transition:0.5s ease all;}
.legal-banner ul li a.active, .legal-banner ul li a:hover{opacity:1;}
.legal-banner .container{position:relative; z-index:2;}
.legal-content{margin-top:35px; position:relative; z-index:2; max-width:750px;}
.legal-content h1{font-size:36px; line-height:2; margin-bottom:13px; font-family: 'Gilroy-ExtraBold'; letter-spacing: 0px;color: #1C1C1E;}
.legal-content h3{font-size:24px; line-height:1.79; font-family: 'Gilroy-Bold';  letter-spacing: 0px;color: #1C1C1E;}
.legal-content p{color: #3A3A3C; opacity: 0.8; font-size:16px; line-height:24px; margin-bottom:24px;}
.legal-content p a{color: #1C1C1E;  font-family: 'Gilroy-Bold'; text-decoration:underline}
.legal-content p:last-child{margin-bottom:0}
.legal-content h3~h3 {margin-top: 45px;}
.contact-banner{padding-top:195px; margin-bottom:77px; position:relative;}
.contact-banner h1{font-size:96px; margin-left:-4px; line-height:0.75; font-family: 'Gilroy-ExtraBold'; letter-spacing: 0px;color: #1C1C1E; margin-bottom:12px;}

.contact-wrap {position: relative; z-index: 2;  }
.contact_add_wrap { background: #D8E5D8; display: flex; padding: 52px 60px ; border-radius: 12px;justify-content: space-between;}
.right-content { text-align: right; padding-left:15px; padding-top:3px;}
.contact_add_wrap p { color: #3A3A3C;opacity: 0.8;font-size: 16px;line-height: 24px;}
.contact_add_wrap h2 {color: #1C1C1E;font-size: 36px;line-height: 43px;  font-family: 'Gilroy-ExtraBold'; margin-bottom:18px;}
.contact_add_wrap p:last-child{margin-bottom:0}
.contact_form_wrap{margin-top:64px;padding-bottom:70px;}
.contact_form h2{color: #1C1C1E;font-family: 'Gilroy-ExtraBold'; font-size:60px; line-height:72px; margin-bottom:35px;} 
.contact_form .field__label{letter-spacing: -0.13px;color: #1C1C1E; font-size:16px; margin-bottom:11px; line-height:20px; font-family: 'Gilroy-Bold'; display:block}
.contact_row>form{display:flex; flex-wrap:wrap; justify-content:space-between;}
.contact_form .field__input{border: 1px solid #272727; display:block; border-radius: 10px; background:transparent; width:100%; height: 55px; padding:20px; font-size:14px; letter-spacing: -0.12px;color: rgba(28,28,30,0.5);}
.contact_row .form-group{width:calc(50% - 20px); margin-bottom:38px;}
.contact_row .form-group.w-100{width:100%; margin-bottom:20px;}
.contact_row .form-group textarea.field__input{height:120px;  display:block; resize:none;}
.contact_form .field__input::-webkit-input-placeholder{font-family: Gilroy-Regular,sans-serif; letter-spacing: -0.12px;color: rgba(28,28,30,0.5);}
.contact_form .field__input::-moz-placeholder{font-family: Gilroy-Regular,sans-serif; letter-spacing: -0.12px;color: rgba(28,28,30,0.5);}
.contact_form .field__input:-ms-input-placeholder{font-family: Gilroy-Regular,sans-serif; letter-spacing: -0.12px;color: rgba(28,28,30,0.5);}
.contact_form .field__input::-ms-input-placeholder{font-family: Gilroy-Regular,sans-serif; letter-spacing: -0.12px;color: rgba(28,28,30,0.5);}
.contact_form .field__input::placeholder{font-family: Gilroy-Regular,sans-serif; letter-spacing: -0.12px;color: rgba(28,28,30,0.5);}
.contact_row .btn.btn-primary {
    max-width: 186px;
    width: 100%; margin-top:20px;
}
.contact_form .text-right {
    width: 100%;
}
.form__message { width: 100%;margin-bottom: 0;}

.form__message p { display: flex;align-items: center; letter-spacing: -0.13px;color: #36982C; font-family: Gilroy-Regular,sans-serif;  font-size:16px; margin: 0;}

.form__message p img { min-width: 24px;max-width: 24px;display: block; margin-right: 10px;}

.ab-industry-wrap.ab-industry-wrap-contact {
    margin-top: 81px;
}
.ab-industry-wrap-contact  .ab-industry{border-bottom:none}
.ab-industry-wrap-contact .ab-industry-content h2, .ab-industry-wrap-contact .ab-industry-content h6 {
    line-height: 72px;
}
.ab-industry-wrap-contact .ab-industry img {
    position: absolute;
    left: -9px;
    top: 0;
    max-width: 342px;
    display: block;
    width: 100%;
    height: auto;
}
.ab-industry-wrap.home-ab.normal-richtext .ab-industry img {
    left: -180px;
}
.ab-industry-wrap-contact .ab-industry-content p {
    margin-bottom: 30px;
}
.ab-industry-wrap.ab-industry-wrap-contact:after{display:none}
.ab-industry-wrap.ab-industry-wrap-contact:before {
    content: "";
    width: 248px;
    height: 223px;
    background: url(dioxinsmall-blur-con.png) no-repeat center;
    background-size: contain;
    position: absolute;
  left: auto;
    top: auto;
    bottom: -10px;
    right: -1%;
}
.ab-industry-wrap-contact .ab-industry-wrap:after{display:none}
.btn-primary {
  position: relative;
}
.btn-primary.start .lines svg {
  -webkit-animation: stroke 1s linear;
          animation: stroke 1s linear;
}
.btn-primary .lines {
  position: absolute;
  inset: 0;
  mix-blend-mode: hard-light;
  pointer-events: none;
  z-index: 1;
}
.btn-primary .lines > div {
  position: absolute;
  inset: 0;
}
.btn-primary .lines > div:last-child {
  transform: rotate(180deg);
}
.btn-primary .lines > div svg {
  display: block;
  position: absolute;
  inset: 0;
  overflow: visible;
  fill: none;
  stroke-width: 2;
  stroke: #FFE63D;
  width: 100%;
  height: 100%;
  stroke-dasharray: 2 10;
  stroke-dashoffset: 14;
  opacity: 0;
}
.btn-primary .lines > div svg:nth-child(1) {
  stroke: #f8fcff;
}
.btn-primary .lines > div svg:nth-child(2) {
  stroke-width: 6px;
  filter: blur(20px);
}
.btn-primary .lines > div svg:nth-child(3) {
  stroke-width: 5px;
  filter: blur(6px);
}
.btn-primary .lines > div svg:nth-child(4) {
  stroke-width: 10px;
  filter: blur(56px);
}

@-webkit-keyframes stroke {
  30%, 55% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 4;
    opacity: 0;
  }
}

@keyframes stroke {
  30%, 55% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 4;
    opacity: 0;
  }
}

/* blog page css*/
.blog-banner h1{font-size: 60px;line-height: 1.2; font-family: Gilroy-ExtraBold; letter-spacing: 0px;color: #1c1c1e; margin-bottom:14px;}
.blog-banner p{color: #3A3A3C;opacity: 0.8; font-size:16px; line-height:1.5}
.ab-flex {display: flex; justify-content: space-between;}
.ab-flex span.blog-count {font-size: 16px;line-height: 1.5; color: #272727;}
.blog-wrap{margin-top:40px; padding-bottom:83px; position: relative;z-index: 2;}
.blog-row{display:flex; flex-wrap:wrap; margin-left:-11px; margin-right:-11px;}
.blog-row .item{padding: 0 11px; margin-bottom:20px; width: 33.33%; }
.blog-row .single-blog{background: #D8E5D8; width: 100%; border-radius: 7px; overflow: hidden; padding: 0 ; padding-bottom: 20px; height: 100%;      display: flex;flex-direction: column; align-items: flex-end;  justify-content: space-between; }
.blog-row .single-blog .img img{width: 100%; height: auto; display: block;}
.blog-row .single-blog .img {width:100%;}
.blog-row .single-blog .img>a {
    padding-top: 67%;
    display: block;
    background-size: cover;
    background-position: center;
}
.blog-row .single-blog .content{padding: 15px 20px 4px;}
.single-blog h4{color: #2C2C2E; font-family: 'Gilroy-Bold'; font-size: 24px; line-height: 1.29; margin: 0; margin-bottom: 12px;}
.single-blog p{font-size: 16px; line-height:1.5; margin-bottom: 6px;     color: #3A3A3C; opacity: 80%;}
.single-blog .link {text-align: right; display:inline-flex; align-items:center;  margin-right: 20px; letter-spacing: -0.13px; font-family: 'Gilroy-Bold';}
.single-blog .link img{    display: inline-flex; align-items: center;margin-left: 8px;}
.newsletter.border-none .newsletter-wrap {  border: none;}
.blog-pagination{padding-top:20px; display:flex; align-items:center; justify-content: space-between;}
.page-number { letter-spacing: -0.13px; color: #1C1C1E; font-family: 'Gilroy-Bold'; font-size: 16px; line-height: 20px;}
.blog-pagination .btn.disabled{pointer-events: none; opacity:50%}

.mobile-sho{display:none !important}

[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: 12px; /* opinion 3 */
  line-height: 16px;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 1;
  font-family: Gilroy-Regular,sans-serif;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip) ; /* magic! */
  
  text-align: left;
font-family: Gilroy-Regular,sans-serif;
  min-width: 3em;
  min-width: 154px;
/*   white-space: nowrap; */
  overflow: hidden;
/*   text-overflow: ellipsis; */
  padding: 8px;
  border-radius: 5px;
  background: #1C1C1E;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #1C1C1E;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #1C1C1E;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #1C1C1E;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #1C1C1E;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

span.tool-ac {
    text-align: left;
    font-family: Gilroy-Regular,sans-serif;
    min-width: 3em;
    min-width: 154px;
   max-width:155px;
    /* white-space: nowrap; */
 
    /* text-overflow: ellipsis; */
    padding: 5px 6px 6px;
    border-radius: 5px;
    background: #1C1C1E;
    color: #fff;
    z-index: 1000;
    position: absolute;
    font-size: 12px;
    line-height: 16px;
    top: 50%;
   pointer-events: none;
    right: 40px; opacity:0;
    transform: translate(-0.5em, -50%);
  opacity: 0;
    font-family: Gilroy-Regular,sans-serif;
}
.tooltips:hover span.tool-ac{animation: tooltips-horz .3s ease-out forwards; pointer-events: inherit; opacity:1;}
span.tool-ac sup {
    top: 1px;
    position: relative;
}
span.tool-ac:before {
    content: "";
    display:block;
    border: 5px solid transparent;
    z-index: 1001;
    top: 50%;
    border-right-width: 0;
    border-left-color: #1C1C1E;
     right:-5px;
    transform: translate(-0.5em,-50%);
  animation: tooltips-horz .3s ease-out forwards;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: block;
}


/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}
.pos-ab {
    display: flex;
    align-items: center;
}

.pos-ab .tooltip, .pos-ab .tooltips {
    width: 32px; cursor:pointer;
    height: 32px;
    background: rgba(28, 28, 30, 0.20);
    border-radius: 50%;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease all; color:#fff; font-size:14px; font-family: 'Gilroy-Bold';
}
.pos-ab .tooltip:hover{background: rgba(28, 28, 30, 1);}

.press-banner h1{font-size:96px; line-height:1; font-family: Gilroy-ExtraBold; letter-spacing: 0px;color: #1c1c1e;}
.press-banner ul.img-list {
    margin: 0 -14px;
    justify-content: space-between;
}

.press-banner ul.img-list li {width: 25%; padding: 0 14px; margin-bottom: 20px;}
.press-banner ul.img-list li a.active { border: 4px solid #FFE63D; border-radius: 10px;}
.press-banner ul.img-list li a {display: block; height:100%; text-align:center;  background: #fff; overflow:hidden; border-radius: 10px;  opacity: 1; text-transform: capitalize;}
.press-banner ul.img-list li a img {width: 100%;margin: 0; display: block;}
.press-banner ul.img-list li a p { padding: 25px 30px; opacity:1; font-size: 24px; line-height: 29px; color: #1C1C1E; margin: 0;}
.press_wrap {
    position: relative; padding-bottom:141px;
    z-index: 2;
}
.press_head{display:flex; align-items:center; margin-top:46px; margin-bottom:13px; justify-content:space-between;}
.press_head h2{color: #1C1C1E; margin:0; font-size:60px; line-height:72px; font-family: Gilroy-ExtraBold;}
.press_head .blog-count{font-size: 16px;line-height: 1.5;color: #272727;}
.press_bar h5{color: #1C1C1E; font-size:16px; line-height:36px; font-family:Gilroy-Bold;}
.press_bar .blog-row .single-blog{min-height: 211px;}
.press_wrap .container .press_bar~.press_bar{margin-top:50px;}
.xs-show{display:none}
.press_relesase .blog-row .single-blog{min-height: 356px;}
.media_wrap .blog-row .single-blog .img>a {
    padding-top: 51%;
}

.single-media {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.single-media .content {
    position: absolute;
    bottom: 0;
    padding: 20px;
}

.single-media .img {
    padding-top: 80%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; display:block
}

.single-media .img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent linear-gradient(180deg, #27272900 0%, #272729 100%) 0% 0% no-repeat padding-box;
    opacity: 0.8;
}
.single-media .content span {
    display: inline-block;
    margin-bottom: 18px;
}

.single-media .content h4 {
    color: #fff;
    font-size: 24px;
    line-height: 31px;
    font-family: Gilroy-Bold;
    margin: 0;
}

.single-media .content span img {
    display: block;
}

/* category page css*/
.categories_banner{position:relative; min-height:865px; padding-top:97px; }
.categories_banner:before{content:''; width:100%; height:168%; position:absolute; top:0; left:0; display:block; background: transparent linear-gradient(180deg, #D8E5D8 0%, #D8E5D8 48%, #F7F8F100 100%) 0% 0% no-repeat padding-box; }
.categories_banner_content{position:relative; padding-left:calc((100% - 1162px)/2); z-index:3; padding-top:200px; padding-bottom:266px;}
.categories_banner_content h1{color: #1C1C1E; font-size:96px; line-height:1; margin-bottom:8px; font-family: Gilroy-ExtraBold;}
.categories_banner a.down-btn{position:absolute; left:50%; bottom:8px; transform:translateX(-50%); z-index:3;}
.categories_banner_content p{color: #3A3A3C;opacity: 0.8; font-size:24px; line-height:36px; max-width:715px; margin-bottom:8px;}
.categories_banner_img {position: absolute;max-width: 791px; right: 0; top: 97px; z-index: 2;}
.categories_banner_img img {width: 100%; height: auto; display: block;}
.categories_aside .icon [tooltip]:after {min-width: auto; text-align: center; white-space: nowrap;}
.categories_wrap { position: relative; z-index: 2;  padding-left:calc((100% - 1120px)/2); padding-top:35px;}
.categories_row{display:flex; padding-top:80px;  flex-wrap:wrap; justify-content: space-between;}
.categories_row:after{max-width:1120px; content:''; width:100%; height:1px; display:block; background:#1C1C1E; margin:80px 0 0}
.categories_wrap .categories_row:last-child:after{display:none}
.categories_wrap .categories_row:last-child{padding-bottom:56px;}
.categories_aside{max-width:479px; margin-top:78px}
.categories_aside .cat_img{position:relative; display:inline-block; margin-bottom:27px;}
.categories_aside .cat_img .hover{position:absolute; top:0; left:0; opacity:0; transition:0.5s ease all}
.categories_aside .cat_img:hover .hover{opacity:1;}
.categories_aside p{color: #3A3A3C; opacity:0.8; font-size:18px; line-height:27px;}
.categories_aside p b{opacity:1; font-family: Gilroy-Bold;}
.categories_aside .btn{padding:16.5px; min-width:130px;}
.categories_aside .icon{display:flex; margin-bottom:30px;}
.categories_aside .icon span{margin-right:10px;}
.categories_aside .icon span:last-child{margin-right:0}
.categories_right{width:calc(100% - 479px); padding-top:26px;  padding-left:76px;}
.categories_slide{margin:0}
.categories_slide .item{padding:42px 10px 0; opacity:0.5}
.categories_slide .single_slide{background:#fff; position:relative; border-radius: 10px; }
.categories_slide .slick-list {padding-left:0 !important}
.categories_slide .item.slick-current.slick-center {
    opacity: 1;
}
.categories_right .custom-arrow {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-right: calc(100% - 569px);
}
.categories_slide .slick-arrow {
    background: transparent;
    border: none;
    padding: 0;
    position: absolute; cursor:pointer;
    top: -27px;
    right: calc(100% - 569px);
}

.categories_slide .slick-arrow.prev {
    right: calc(100% - 513px);
}

.ab-cat-flex { display: flex;}
.ab-cat-img { max-width: 224px;}
.ab-cat-img img { max-width: 100%; display: block; position: relative; top: -42px; left: -10px;}
.ab-cat-deatil {width: calc(100% - 224px);padding-top: 49px; padding-left: 11px;padding-right: 20px; padding-bottom: 20px;}
.ab-cat-deatil h5 {color: #737374; text-transform: uppercase; font-size: 14px; line-height: 24px;margin-bottom: 6px;}
.ab-cat-deatil h2 { color: #FFC632; font-size: 36px; line-height: 47px;font-family: Gilroy-Black; margin-bottom: 11px;}
.ab-cat-deatil .a-pro-icon {display: block;}
.ab-cat-deatil .a-pro-icon>div { margin-bottom: 10px;}
.ab-cat-deatil .a-pro-icon>div~div img:first-child{margin:0}
.categories_slide .pos-ab .tag{font-size:11px;     line-height: 17px;}
.categories_slide .pos-ab .tooltip{    width: 26px; font-size:14px; cursor: pointer;height: 26px;}
.ab-cat-deatil .d-flex { display: flex; flex-wrap:wrap;  margin-bottom: 10px;}

.ab-cat-deatil .select-wrp select {border-radius: 10px; margin-bottom: 10px; min-width:100%;  height: 43px; letter-spacing: -0.12px;padding: 0 24px 0 15px;}
.ab-cat-deatil .qty-flex { background: #fff; max-width: 97px; margin-left: 10px; margin-bottom: 10px; padding: 0 10px;}
.ab-cat-deatil .qty-flex input.quantity-selector2 { height: 42px;  width: 26px;}
.ab-cat-deatil .btn {width: 100%; display: block;}
.ab-cat-deatil .d-flex .select-wrp {
    width: calc(100% - 107px);
}

.ab-cat-deatil .d-flex .select-wrp select {
    width: 100%;
    max-width: 100%;
}

.categories_slide .a-pro-icon>div~div span.icon:first-child {
    margin-left: 0;
}
.cat-yellow-wrap{position:relative; z-index:2; background: transparent linear-gradient(0deg, #FFC632 0%, #FFE63D 51%, #F7F8F100 100%) 0% 0% no-repeat padding-box; padding-top:124px;}
.category-tap{ padding-top: 65px; padding-bottom: 79px; border-top: 1px solid #1C1C1E; border-bottom: 1px solid #1C1C1E; position:relative}
.category-tap .top { max-width: 53px;  position: absolute;top: -28px; right: 24%;}
.category-tap .bottom { max-width: 103px; position: absolute;bottom: -48px; left: 30%;}
.category-tap .bottom-l { max-width: 56px; bottom: 47px; position: absolute; left: 7%;}
.category-tap-wrap { position: relative;}
.category-tap-wrap:before{content:''; width:268px; height:360px;position: absolute; left:0; top:-30%;background:url(category-tap-before.png)no-repeat center left; background-size:cover;}
.category-tap-wrap:after{content:''; width:271px; height:456px;position: absolute; right:0; bottom:-38%;background:url(category-tap-after.png)no-repeat center right; background-size:cover;}

.category-tap-content{text-align:center; position: relative; z-index: 2;}
.category-tap-content h2 {font-family: Gilroy-ExtraBold;color: #1c1c1e; font-size: 60px; line-height: 73px;margin-bottom: 24px;}
.category-tap-content p{font-size: 16px;line-height: 1.5; margin-bottom: 28px; color: #3a3a3c; opacity: .8;}
.category-tap-content a.btn { min-width: 164px; padding: 16.5px;}
.category-unique-wrap{padding-top:155px; padding-bottom:52px;}
.category-unique-row{display:flex; flex-wrap:wrap; align-items: center;}
.category-unique-img { width: 44%;}
.category-unique-img img{width:100%; height:auto;}
.category-unique-content { width: 56%; padding-left: 65px;}
.category-unique-content h2{font-family: Gilroy-ExtraBold;color: #1c1c1e;font-size: 60px; line-height: 100%; margin-bottom: 23px;}
.category-unique-content p {font-size: 16px;line-height: 1.5;margin-bottom: 25px; color: #3a3a3c; opacity: .8;}
.category-unique-content a.btn { min-width: 208px; padding: 16.5px;}
.ab-find-wrap-cat{padding-top:159px; padding-bottom:148px; border:none}
.ab-other-wrap { position: relative; z-index: 2;     padding-bottom: 38px;}
.other-pro-head{display:flex; align-items:flex-end; justify-content: space-between; /*margin-bottom:64px;*/ margin-bottom:29px;}
.other-pro-head h2, .other-pro-head h5, .other-pro-head h4{font-family: Gilroy-ExtraBold; color: #1c1c1e; font-size: 60px; line-height: 1.2; margin-bottom: 13px;}
.other-pro-head p{font-size: 16px; line-height: 1.5; margin-bottom: 9px;color: #3a3a3ccc;     font-variant-ligatures: none;}
.custom-slide-wrap { max-width: 1920px; padding-left:calc((100% - 1152px)/2); margin: 0 auto;}
.custom-slide .slick-track, .custom-slide2 .slick-track, .custom-slide3 .slick-track, .sample-kit-slider .slick-track {display: flex; }
.custom-slide .slick-list, .custom-slide2 .slick-list, .custom-slide3 .slick-list, .sample-kit-slider .slick-list {padding-left: 0 !important;}
.single-custom-slide { height: 100%; background: #fff; border-radius: 10px; padding: 20px 19px;}

.custom-slide  .item, .custom-slide2  .item, .custom-slide3 .item, .sample-kit-slider .item  { padding: 0 10px;   opacity: 40%;    height: inherit;}
.single-custom-slide >a { display: flex;flex-direction: column;justify-content: space-between; height: 100%; text-decoration: none;}
.single-custom-slide >a img {max-width: 100%;height: auto;display: block; margin-bottom: 26px;}
.single-custom-slide >a h3, .single-custom-slide >a p.head {color: #2C2C2E;font-size: 24px; padding-right:18px; line-height: 31px; font-variant-ligatures: none; font-family: 'Gilroy-Bold'; margin: 0;}
.single-custom-slide>a  p{font-size:16px; color:#8E8E93; line-height:21px; margin:0; font-variant-ligatures: none;}
.custom-slide .item.slick-current.slick-active.slick-center~.slick-active~.slick-slide, .custom-slide2 .item.slick-current.slick-active.slick-center~.slick-active~.slick-slide, .sample-kit-slider .item.slick-current.slick-active.slick-center~.slick-active~.slick-slide{
    opacity: 40%;
}

.custom-slide .item.slick-active, .custom-slide .item.slick-current, .custom-slide2 .item.slick-active, .custom-slide2 .item.slick-current, .sample-kit-slider .item.slick-current{opacity:1;}
.custom-slide3 .item.slick-active, .custom-slide3 .item.slick-current{opacity:1 !important;}

.categories_botanical_banner .categories_banner_img{max-width:540px; top:27px;}
.category-unique-wrap.category-bota-unique-wrap {
    background: transparent linear-gradient(0deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box;
    padding-top: 128px;
    padding-bottom: 34px;
    margin-top: 100px;
}
.categories_aside .cat_img:hover img >*:not(:only-child):first-child {
    opacity: 0;
}
/* article page css*/
.page-article .header_wrap{position: absolute; width:100%; left:0; top:0; z-index:5;}
.article-template {position: relative; z-index: 2;}

.article-template-banner { height: 739px;position: relative;background-size: cover; background-position:center; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 57px;}
.article-template-banner:before{content:''; width:100%; position: absolute; height:529px; bottom:0; left:0; background: transparent linear-gradient(0deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;opacity: 0.5;}
.article-template__content { max-width: 790px; margin: 0 auto;padding: 0 20px;}
.article-template-banner .article-template__content {padding-top:47px; position: relative; z-index:2; padding-bottom:47px;}
.article-template-banner h1{color:#fff; font-family: Gilroy-ExtraBold; font-size: 60px; line-height: 72px;}
.article-template-banner span {display: inline-block;font-size: 14px; line-height: 21px; color: #1C1C1E; background: #D8E5D8; border-radius: 100px; padding: 6px 15px; margin-bottom: 14px;}                 
.article-template__content p { font-size: 16px; line-height: 24px;color: #3A3A3C;opacity: 1; margin-bottom: 18px;}
.article-template__content p a{color: #3A3A3C; text-decoration:underline;}
.article-template__content h2, .article-template__content h3 {font-size: 36px; line-height: 43px;color: #1C1C1E; font-family: Gilroy-Bold;margin-bottom: 20px; margin-top: 50px;}
.article-template__content h5{color: #1C1C1E; font-family: 'Gilroy-Medium'; font-size:24px; line-height:36px; margin-bottom:21px;}
.blog-pro-wrap {padding: 30px 0; border-bottom:  1px solid #D8E5D8;}
.blog-pro-wrap h4 { font-size: 24px; color: #1C1C1E;line-height: 36px;font-family: 'Gilroy-Medium'; margin-bottom: 29px;}
.blog-pro-wrap h4 a { text-decoration: underline; color: currentColor;}
.blog-pro-row {display: flex;justify-content: space-between;}
.blog-pro-img {  width: 348px;}
.blog-pro-content { width: calc(100% - 348px); padding-left: 30px;}
.blog-pro-img .img { background: #fff; padding: 20px; border-radius: 10px;  margin-bottom: 16px;}
.blog-pro-img .img img{width:100%; display:block;}


.article-footer {display: flex; align-items: center;justify-content: space-between; margin-top:60px;}
.article-footer .social { display: flex; align-items: center;}
.article-footer .social h3 {  margin: 0; font-family: Gilroy-Bold; color: #1C1C1E; font-size: 24px; line-height: 1;}
.social ul { margin: 0 0 0 4px;display: flex; align-items: center;list-style: none;padding: 0;}
.social ul li { margin-left: 15px;}
.social  ul li a { width: 36px; height: 36px; border-radius: 50%;  transition: .5s ease all;  display: flex;align-items: center;justify-content: center; color: #000;  text-decoration: none;background: rgba(206,218,230,.4);}
.social  ul li a:hover {background: rgba(206,218,230,1);}
.article-footer .tag {display: flex; align-items: center;}
.article-footer .tag  h3 {  margin: 0; font-family: Gilroy-Bold; color: #1C1C1E; font-size: 24px; line-height: 1;}
.article-footer .tag ul { margin: 0 0 0 4px;display: flex; align-items: center;list-style: none;padding: 0;}
.article-footer .tag ul li{margin-left: 15px; font-size:16px; line-height:24px; font-family: Gilroy-Bold; }
.article-footer .tag ul li a{color: #1C1C1E;text-transform: uppercase; text-decoration:none; opacity: 0.5; transition: .5s ease all; }
.article-footer .tag ul li a:hover{opacity:1;}
.relative-blog{margin-top:78px;}
.relative-blog .head{display:flex; margin-bottom:47px; align-items:center; justify-content: space-between;}
.relative-blog .head h2{color: #1C1C1E; font-size:24px; line-height:1; font-family: Gilroy-Bold;}
.relative-blog .head h2 span{color: #FFC632;}
.relative-blog .h-blog-wrap{max-width:1920px; padding-bottom:70px; width:100%; margin:0 auto; padding-left: calc((100% - 1152px)/2);}

.h-blog-slides {margin-bottom: 0;}
.h-blog-slides .slick-track {
    display: flex;
}
.h-blog-slides .item{padding: 0 11px; width: 100%; height: inherit; opacity: 0.5;}
.h-blog-slides .h-single-blog{background: #D8E5D8; width: 100%; border-radius: 7px; overflow: hidden; padding: 0 ; padding-bottom: 20px; height: 100%; min-height: 403px;     display: flex;flex-direction: column; align-items: flex-end;  justify-content: space-between; }
.h-blog-slides .h-single-blog .img img{width: 100%; height: auto; display: block;}
.h-blog-slides .h-single-blog .content{padding: 15px 20px;}
.h-blog-slides .slick-list {
    padding-left: 0!important;
}
.h-blog-slides .item.slick-active, .h-blog-slides .item.slick-slide.slick-current.slick-center {
    opacity: 1;
}

/* education page css*/
.page-education header.header_wrap, .page-terpene-calculator-mixing-guide header.header_wrap, .header_wrap.header-white {position: absolute; width: 100%; left: 0; top: -20px; margin-top: 20px;}
/*.page-education .nav_element>a, .page-education ul.nav-right li a, */ 
.header-white .nav_element>a, .header-white ul.nav-right li a{color:#fff}
.header-white ul.nav-right li a sup{color:#fff}

.header_wrap.header-white.fixed .nav_element>a, .header_wrap.header-white.fixed ul.nav-right li a{color:#1c1c1e}
.header_wrap.header-white.fixed ul.nav-right li a img, .header_wrap.header-white.fixed .menu-btn img, .header_wrap.header-white.fixed .header-item img{filter:invert(1)}
.header-white.fixed ul.nav-right li a sup{color:#1c1c1e}

.education-banner{height:897px; background:url(education-banner.jpg) no-repeat center;     z-index: 2; background-size:cover; position:relative; display:flex; align-items:flex-end;}
.education-banner:before{content:''; width:100%; height:100%; position:absolute; background: transparent linear-gradient(180deg, #27272900 0%, #272729 100%) 0% 0% no-repeat padding-box; top:0; left:0; }
.education-banner-content { padding: 161px 0;}
.education-banner-content h1{font-size:96px; font-family: Gilroy-ExtraBold; margin-bottom:11px; line-height:1; color:#fff;}
.education-banner .container {width: 100%;text-align: center;position: relative; z-index: 3;}
.education-banner-content p{font-size:24px;line-height:36px; margin-bottom:34px; color:#fff;}
.education-banner-content .btn-group .btn {min-width: 156px;padding: 17px; margin: 0 9px;}
.education-banner-content .btn-group .btn img { display: inline-block;vertical-align: bottom; margin-right: 6px;}
.education-banner-content .btn-group .btn-white-outline { border: 1px solid #FFFFFF; border-radius: 10px; color: #fff;padding: 16.5px;}
.education-banner-content .btn-group {display: flex; justify-content: center;}
.education-banner-content .btn-group .btn-white-outline:hover{background:#fff; color:#000}

.terpene-wrap{background: #F8F9F0; padding-top:184px; padding-bottom:9px;}
.terpene-row {display: flex;flex-wrap: wrap;justify-content: space-between; padding-bottom: 104px;}
.terpene-content {width: 46.2%;}
.terpene-img { width: 50%;}
.terpene-content h2 { font-size: 60px; line-height: 1; font-family: 'Gilroy-ExtraBold'; color: #1C1C1E; margin-bottom: 23px;}
.terpene-content p { font-size: 16px;color: #3A3A3C; opacity: 0.8;line-height: 1.5; margin-bottom: 25px;}
.terpene-content p:last-child {margin: 0;}
.terpene-img p{font-size: 16px; max-width:535px; color: #3A3A3C; opacity: 0.8;line-height: 1.5; margin-bottom: 18px;}
.terpene-row2 .terpene-content h2 {line-height:1.2; }
.terpene-row.terpene-row2 .terpene-img {padding-top: 10px;}

.terpenes-ingredients-wrap{background:url(terpenes-bg.jpg) no-repeat center; background-size:cover;padding-top:273px; padding-bottom:253px;}

.terpenes-ingredients { background: #fff;border-radius: 10px;padding: 66px 79px 74px; display: flex; align-items: center; justify-content: space-between;}
.terpenes-ingredients .head h2 { color: #1C1C1E; font-size: 60px;line-height: 1.2;font-family: Gilroy-ExtraBold; margin: 0;}
.terpenes-ingredients .head {  max-width: 393px;}
.terpenes-ingredients .effect {max-width: 460px; width: 100%;}
.terpenes-ingredients .effect p {color: #3A3A3C;opacity: 0.8;font-size: 16px;line-height: 1.5;}
.effect-icon {display: flex; text-align: center;justify-content: space-between; margin-top: 30px;}
.effect-icon .single { width: calc(25% - 20px);}
.effect-icon .img { width: 100px; height: 100px;background: #F8F9F0; border-radius: 50%; overflow: hidden; margin-bottom: 20px;}
.effect-icon .single p { margin: 0;}
.difference_wrap{padding-top:84px;     background: #F8F9F0; padding-bottom:84px; position:relative;}
.difference_wrap:before{content:''; width:100%; height:489px; position:absolute; top:0; left:0; background:url(diff-bg.svg) no-repeat center top; display:block; background-size:cover; }
.difference_wrap h2{text-align:center; color: #1C1C1E; font-size: 60px;line-height: 1.2;font-family: Gilroy-ExtraBold; margin-bottom:20px;}
.video-box{position:relative; border-radius: 10px; display:block; overflow:hidden;}
 .video-box .playpause {  position:absolute; top:50%; left:50%; z-index:1; margin-left: -78px;margin-top: -27.5px;}
.video-box .playpause .btn {min-width: 156px;padding: 17px; margin: 0 ;}
.video-box .playpause .btn img { display: inline-block;vertical-align: bottom; margin-right: 6px;}
.video-box .video, .video-box iframe { width: 100%; height: 100%; display:block; border-radius: 10px;}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
  display: block;
    content: "";
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.terpene-wrap2{padding-top:60px;}
.terpene-wrap2 .terpene-content {width: 48%;}
.terpene-wrap2 .terpene-img { width: 48%;}
.terpene-wrap2 .terpene-row{padding-bottom:128px;}

.terpenes_use_wrap{padding-top:145px; position:relative;padding-bottom:57px;}
.terpenes_use_wrap:before{content:''; width:100%; height:145%; position:absolute; display:block; top:0; left:0; background: transparent linear-gradient(180deg, #D3E1D3 0%, #D3E1D300 100%) 0% 0% no-repeat padding-box; }
.terpenes_use_wrap .head h2{color: #1C1C1E; font-size: 60px;line-height: 1.2;font-family: Gilroy-ExtraBold; margin-bottom:10px;}
.terpenes_use_wrap .head p{color: #3A3A3C;opacity: 0.8; margin-bottom:37px; max-width:545px; font-size:16px; line-height:1.5;}
.terpenes_use_wrap .container{position:relative; z-index:2}
.terpenes_use_row { display: flex;  flex-wrap: wrap;  margin-left: -20px;  margin-right: -20px;}
.terpenes_use_row .item { padding: 0 20px; margin-bottom: 40px; width: 50%;}
.terpenes_use { background: #fff; position:relative; border-radius: 10px; display: flex;  min-height: 260px; height: 100%;}
.terpenes_use .content {padding: 40px 0 0 40px; max-width: 320px;}
.terpenes_use .content h3 { color: #1C1C1E; font-size: 24px; line-height: 36px; margin-bottom: 15px; font-family: 'Gilroy-Bold';}
.terpenes_use .content p {color: #3A3A3C;opacity: 0.8; font-size: 14px;line-height: 21px;}
.terpenes_use .img { position: absolute;left: 0; top: 0; width: 100%; height: 100%;}
.terpenes_use .img img {width: 100%; height: 100%; object-fit: cover;}

.terpenes_blog { padding-bottom: 52px; position:relative; z-index:2; padding-top: 52px;}
.terpenes_blog .head h2{color: #1C1C1E; font-size: 60px;line-height: 1.2;font-family: Gilroy-ExtraBold; margin-bottom:10px;}
.terpenes_blog .head p{color: #3A3A3C;opacity: 0.8; margin-bottom:37px; max-width:545px; font-size:16px; line-height:1.5;}

/* side cart css*/
.side-cart {max-width: 555px; background: #D8E5D8; border-radius: 10px; overflow:hidden; transition: 1.5s ease all; width:0; max-height:0;  position:fixed; width: 100%; right: 27px;  top: 20px; z-index: 991;}
.side-cart.active{width: 100%; max-height: 90vh;}
.side-cart.active {
    width: 100%;
    max-height: 90vh;
}
.side-cart-head { display: flex; justify-content: space-between; align-items: center; padding:38px 40px;position: sticky; top: 0; left: 0; z-index: 2; background: #D8E5D8;}
.side-cart-head p {margin: 0; color: #2C2C2EDE;opacity: 0.5; font-size:16px; line-height:1.5;}
a.close-cart img { display: block;}
.a-prod-listing { max-height: 38vh; overflow: hidden;overflow-y: auto; padding: 0 40px;}
.a-prod-listing .single { display: flex; padding: 20px 0; transition: 1s ease all; border-bottom: 1px solid rgba(39, 39, 39, 0.5);}
.a-prod-listing .single .img { width: 153px; position:relative; height: 170px;display: flex; align-items: center; justify-content: center; background: #fff;border-radius: 10px; min-width: 153px;}
.a-prod-listing .single .text {width: calc(100% - 153px); padding-left: 20px;}
.a-prod-listing .single .text h4 {font-size: 24px;letter-spacing: -0.24px; color: #272727; line-height: 36px; margin-bottom: 5px;}
.a-prod-listing .single .text small{letter-spacing: -0.24px; display: block; color: #000000DE; font-size:16px; line-height:1.5; margin-bottom:16px;}
.a-prod-listing .single .img .rem{background:#FF3403; text-decoration:none; position:absolute; border-radius:50%; transition:0.5s ease all; top:10px; left:10px; width:34px; height:34px; display:flex; align-items: center; justify-content: center; color:#fff;  }
.a-prod-listing .single .img .rem:hover{color:rgba(255,255,255,0.5)}
.a-prod-listing .single .img .rem svg{width:15px;}
.a-prod-listing .single:first-child{padding-top:0}
.a-prod-listing .single .text label{letter-spacing: -0.24px;color: #000000DE; margin-bottom:9px; display:block}
.a-prod-listing .single .text .p-flex { display: flex; margin-bottom:10px; align-items: center;}
.a-prod-listing .single .text .p-flex h4 { margin: 0;}
.a-prod-listing .single .text .qty-flex {  max-width: 97px; padding: 0 7px;}
.p-flex .qty-flex input.quantity-selector2 {height: 43px; background: transparent; width: 26px; letter-spacing: -0.12px; color: #1C1C1E;opacity: 0.5;}
.a-prod-listing::-webkit-scrollbar { width: 5px;}
.a-prod-listing::-webkit-scrollbar-track {background: #f1f1f1; border-radius:10px;}
  .a-prod-listing::-webkit-scrollbar-thumb {background: #888;  border-radius:10px;}
.cart-fix-bottom{padding:40px;}
.cart-fix-bottom h3{display:flex; align-items:center; justify-content:space-between; font-size:16px; color: #272727DE; margin-bottom:19px;}
.cart-fix-bottom h3 span{color: #272727; font-size:36px; line-height:1;}
.cart-fix-bottom p{text-align:right; font-size:16px; margin-bottom:40px; color: #272727DE;opacity: 0.5;}
.cart-fix-bottom .btn{width:100%; display:block;}
.a-prod-listing .single .text .p-flex select { height: 43px; padding-left:10px; color:#1C1C1E; background: transparent url(select-angle.svg) no-repeat center right; background-position: 94%; min-width: 100%; width:100%;}
.a-prod-listing .single .text .p-flex .select-wrp { width: calc(100% - 107px); margin-right: 10px;}
.a-prod-listing .single .text h4.price{margin:0; color: #2C2C2E;}
/*Mixing Calculator page css */

.calculator-banner{background: transparent linear-gradient(180deg, #FFC632 0%, #FFE63D 48%, #F7F8F100 100%) 0% 0% no-repeat padding-box; position:relative; z-index:2; padding-top:206px; padding-bottom:115px;}
.calculator-banner:before { content: "";position: absolute;  top: 0; left: 0;width: 100%; height: 567px; background: url(yellow-inner-bg.svg) no-repeat left bottom; background-size: cover;}
.calculator-row { display: flex; align-items:center; justify-content: space-between;}
.calculator-content h1 {font-family: Gilroy-ExtraBold;font-size: 96px;line-height: 1; margin-bottom: 9px; color: #1C1C1E;}

.calculator-content h5 {color: #1C1C1E; font-size: 24px; line-height: 36px; margin-bottom: 23px;}
.calculator-content-f {display: flex; justify-content: space-between;}
.calconic-calculator { max-width: 344px;  overflow:hidden;}
.calculator-content { width: 65%;}
.calculator-content-f h3 { color: #1C1C1E; font-size: 18px; line-height: 31px; font-family: Gilroy-Bold,sans-serif; border-bottom: 1px solid currentColor; margin-bottom:15px;}
.calculator-content-f p { font-size: 16px;line-height: 1.5; color: #3A3A3C; opacity: 0.8;}
.calculator-content-f>div { width: 48%;}
.calculator-banner .down-btn{position:absolute; left:50%; bottom:42px; transform:translateX(-50%);} 
.calconic-calculator div#lumi-calculator-5c81cb4e7454f2002690e872 {
    border: none !important;}
/*  .calconic-calculator .calconic-title {
    display: none;
}
.calconic-calculator span.react-grid-item.cssTransforms[data-ref="*1"], .calconic-calculator span.react-grid-item.cssTransforms[data-ref="*7"] {
    display: none;
} 
.calconic-calculator span.react-grid-item.cssTransforms[data-ref="#1"]{transform: translate(0px, 0px) !important;}
#lumi-calculator-5c81cb4e7454f2002690e872 .calconic-element {
    background-color: #fff !important;
} */

.mixing-ratio-wrap{position:relative; z-index:2; background: #1C1C1E; padding-top:144px; padding-bottom:119px;}
.mixing-ratio-wrap:before{content:''; max-width:787px; width:100%; position:absolute; display:block; height:100%; background:url(mixing-bg.png) no-repeat center top; mix-blend-mode: lighten; background-size:cover; right:0; top:0;}
.mixing-ratio-wrap .head{max-width:800px; margin-bottom:23px; position:relative; z-index:2;}
.mixing-ratio-wrap .head h2{color: #FFFFFF; font-size:60px; line-height:72px; font-family: Gilroy-ExtraBold; margin-bottom:16px; }
.mixing-ratio-wrap .head p{color: #FFFFFF;opacity: 0.8; font-size:16px; line-height:1.5; margin:0}
.mixing-ratio-row {display: flex; flex-wrap: wrap;  margin: 0 -20px; position:relative; z-index:2;}
.single-mixing{padding:0 20px; width:33.33%; margin-bottom:19px; }
.single-mixing h3{display:flex; align-items:center; color: #FFFFFF; border-bottom:1px solid #FFC632; padding:7px; margin-bottom:15px; font-size: 24px; line-height: 31px; font-family: Gilroy-Bold,sans-serif;}
.single-mixing h3 img{margin-right:10px;}
.single-mixing p{color: #FFFFFF;opacity: 0.9; font-size:16px; line-height:1.5; margin-bottom:14px;}
.single-mixing p b{font-family: Gilroy-Bold,sans-serif; display:block; font-weight:normal;}

.mixin-guide-wrap{position:relative; z-index:2; padding-top:143px; padding-bottom:123px;}
.mixin-guide-wrap .container{position:relative; z-index:2;}
.mixin-guide-wrap:before{content:''; width:100%; height:120%; position:absolute; display:block; top:0; left:0; background: transparent linear-gradient(180deg, #FFC632 0%, #FFE63D 46%, #F7F8F100 100%) 0% 0% no-repeat padding-box; }
.mixin-guide-wrap .head{margin-bottom:33px;}
.mixin-guide-wrap .head h2{color: #1C1C1E; font-size:60px; line-height:72px; font-family: Gilroy-ExtraBold; margin-bottom:13px;}
.mixin-guide-wrap  .head p{color: #3A3A3C;opacity: 0.8; font-size:16px; line-height:1.5; margin:0}

.mixing-guide-row { display: flex; flex-wrap: wrap; margin: 0 -11px;}
.mixing-guide-row .item { padding: 0 11px; width: 33.33%;margin-bottom: 22px;}
.mixing-guide-s { height: 100%; background: #fff; border-radius: 10px;padding: 13px 20px 22px;}
.mixing-guide-s h3 { color: #2C2C2E; font-size: 24px; line-height: 31px; margin-bottom: 25px; font-family: Gilroy-Bold,sans-serif;}
.mixing-guide-s img {  margin: 0 auto 26px;display: block;}
.mixing-guide-s a.link { display: inline-flex; align-items: center; justify-content: flex-end;}
.mixing-guide-s a.link img { margin: 0; margin-left: 8px;}
.sample-w { position: relative; z-index: 3;}
.sample-w .ab-find-img { width: 67.5%; position:relative; border-radius: 10px;overflow: hidden; }
.sample-w .ab-find-content {width: 32.5%;}
.sample-w .ab-find-content h2{margin-bottom:22px; white-space: nowrap;}
.ab-find-content h4 {color: #1C1C1E; font-size:24px; line-height:36px; margin-bottom:20px;}
.sample-w .ab-find-img:after{content:''; width:100%; height:100%; position:absolute; display:block; top:0; left:0; background: transparent linear-gradient(126deg, #FAF9ED 0%, #F8F8EB00 100%) 0% 0% no-repeat padding-box;}
.sample-w .ab-find-wrap { padding: 0;border: none;}

/* collection page css*/
.page-collection header.header_wrap { position: absolute; width: 100%; top: 0;left: 0;}
.ab-collection-banner{background:url(collection-banner.jpg)no-repeat center; position:relative; z-index:2; background-size:cover; padding-bottom:81px; padding-top:197px;}
.ab-collection-banner:before{content:''; width:271px; height:292px; background:url(cannabis-leaf-native-series-dark-green.png)no-repeat center left; background-size:cover; position:absolute; bottom:-82px; right:0 }
.ab-collection-banner .container{max-width:1400px; }
.ab-collection-banner-row {display: flex; padding-bottom:153px; align-items: center; justify-content: space-between;}

.ab-collection-banner-img { max-width: 287px;}
.ab-collection-banner-content {max-width: 499px;}
.ab-collection-banner-content img {display: block; margin-bottom: 19px;}
.ab-collection-banner-content p { color: #fff; font-size: 24px; line-height: 1.5;}
a.down-btn { display: inline-block;}
a.down-btn img { display: block;}
.ab-collection-banner-bottom { max-width: 1121px; margin: 43px auto 0;  text-align: center;}
.ab-collection-banner-bottom h2 { font-size: 42px;line-height: 50px;color: #fff; font-family: Gilroy-ExtraBold; margin-bottom: 20px;}
.ab-collection-banner-bottom p {color: #fff; font-size: 16px;line-height: 1.5;}
.ab-collection-banner-bottom p { color: #fff; font-size: 16px; line-height: 1.5; margin-bottom: 19px;}
.collection-banner-bottom-row { display: flex;justify-content: center;margin-top: 36px; margin-bottom:72px; }
.collection-banner-bottom-row .item { padding: 0 10px; margin-bottom: 10px;}
.collection-banner-bottom-row .item .single { background: rgba(255,255,255,5%); border-radius: 10px; height: 100%; padding: 19px 15px; min-width: 264px;}
.collection-banner-bottom-row .item .single h4 { margin: 0;color: #fff; font-size: 16px; line-height: 1.5; display: flex; align-items: center;}
.collection-banner-bottom-row .item .single h4 img {margin-right: 14px;}
.ab-collection-banner-bottom .n-flex{display: flex; padding:36px 0; align-items: center; justify-content: center; border-top:1px solid rgba(255,255,255,20%); border-bottom:1px solid rgba(255,255,255,20%); }
.ab-collection-banner-bottom h3{  color:#fff; font-size:32px; margin:0;  font-family: Gilroy-ExtraBold; line-height:48px;}
.ab-collection-banner-bottom h3 span{color:#8FC689}
.ab-collection-banner-bottom .n-flex img{margin-right:19px}

.ab-collection-wrap{padding-top:64px;}
.ab-collection-wrap h2{color: #1C1C1E;font-size:60px;line-height:1;  font-family: Gilroy-ExtraBold; margin-bottom:33px; }

.ab-collection-row { display: flex;  flex-wrap: wrap; margin: 0 -9px; position: relative; z-index:2}
.ab-collection-row .item { width: 33.33%;  padding: 10px 9px;}
.ab-collection-box { background: #fff; height:100%;  border-radius: 10px; position: relative; display: flex; flex-direction: column; justify-content: space-between;}
.collection-box-flex {  display: flex; padding-bottom: 0;}
.collection-box-img { max-width: 131px;  min-width: 131px; top: -10px;position: relative; left: -10px;}
.collection-box-caption {width: calc(100% - 131px); padding-left: 49px;padding-top: 50px;}
.collection-box-caption h5{color: #737374; font-size:14px; margin:0; line-height:22px;}
.collection-box-caption h5 b{    font-family: Gilroy-Bold;font-weight: 100;  font-variant-ligatures: none;}
.collection-box-caption h2, .collection-box-caption h6, .collection-box-caption p{color: #FFC632; font-size:32px; line-height:38px; margin:0; margin-bottom:4px; font-family: 'Gilroy-Black'; font-weight: 100;
    font-variant-ligatures: none;}
    .collection-box-caption p a {text-decoration:none;color: #FFC632;}
.collection-box-caption h2 a, .collection-box-caption h6 a{text-decoration:none; color: #FFC632;}
.collection-box-caption .a-pro-icon { display: block;margin: 0;}
.collection-box-caption .a-pro-icon>div img {  max-width: 23px;}
.collection-box-caption .a-pro-icon>div~div{margin-top:10px;}
.collection-box-caption .a-pro-icon span {  font-size: 13px; line-height: 22px;}
.collection-box-caption .a-pro-icon>div img:first-child{margin-left:0} 
.collection-box-caption .a-pro-icon>div  span.icon {
    max-width: 24px;
    height: 24px;
    padding: 4px;
  background: rgba(0,0,0,.05);
  margin-left: 7.5px;
  border-radius: 50%;
    width: 24px;
}

.collection-box-caption .a-pro-icon>div  span.icon img{max-width:100%}
.collection-box-caption .a-pro-icon>div span.icon:first-child {
    margin-left: 0;
}
.ab-collection-box .d-flex { display: flex; flex-wrap:wrap;   margin-bottom: 10px;}
.ab-collection-box .pos-ab {justify-content:flex-end;}
.ab-collection-box .pos-ab .tag{font-size:11px;     line-height: 17px;}
.ab-collection-box .pos-ab .tooltip, .ab-collection-box .pos-ab .tooltips{    width: 26px; font-size:14px; cursor: pointer;height: 26px;}
.collection-box-img a { display: block;}

.collection-box-img a img { width: 100%; display: block;}
.ab-collection-box .select-wrp select {border-radius: 10px; margin-bottom: 10px; min-width:100%; letter-spacing: -0.12px;  height: 43px; padding: 0 24px 0 15px;}
.ab-collection-box .qty-flex { background: #fff; max-width: 97px; margin-left: 10px; margin-bottom: 10px; padding: 0 10px;}
.ab-collection-box .qty-flex input.quantity-selector2 { height: 42px;  width: 38px; letter-spacing: -0.11px;}
.ab-collection-box .btn {width: 100%; display: block;}
.ab-collection-box .d-flex .select-wrp { width: calc(100% - 107px);}
.ab-collection-box .d-flex .select-wrp select { width: 100%; max-width: 100%;}
.collection-box-footer{padding:0 20px 20px;}
.collection-box-footer .btn{display: flex; align-items: center; justify-content: center; padding:12px;}
.collection-box-footer .btn img { max-width: 29px;  margin-right: 10px;}  
.g_collection_wrap .blog-pagination{padding-top:31px; margin-bottom:65px;}
.sample-kit-wrap { margin-bottom: 73px;}
.sample-kit-wrap .head{margin-bottom:30px}
.sample-kit-wrap .head h2{color: #1C1C1E; font-size:60px; line-height:1.2;  font-family: Gilroy-ExtraBold; margin:0 }
.sample-kit-wrap .head p{color: #3A3A3C;opacity: 0.8; margin:0; font-size:16px; line-height:1.5;}

.native-sample-kit-row { background: #fff;  border-radius: 10px;  display: flex;  flex-wrap: wrap;}
.sample-kit-img { max-width: 45.2%;}
.sample-kit-img img { width: 100%; height: auto;  display: block;}
.sample-kit-content {width: 54.8%; padding-left: 26px;padding-right: 40px;padding-top: 30px; padding-bottom: 40px;}
.sample-kit-content h2, .sample-kit-content h4{color: #FFC632; font-size:32px; line-height:38px; font-family: Gilroy-Black; margin-bottom:12px;}
.sample-kit-content h2 a{text-decoration:none;color: #FFC632;}
.sample-kit-content p{color: #3A3A3C; font-size:16px; line-height:1.5; margin-bottom:25px;}
.sample-kit-content .d-flex {display: flex; justify-content: space-between;  flex-wrap: wrap;}

.sample-kit-content .d-flex .qty-flex {max-width: calc(50% - 5px); justify-content: space-between;}
.sample-kit-content .d-flex a.btn.btn-primary { width: calc(50% - 5px); min-width:inherit; display: flex;align-items: center; justify-content: center;padding: 12px; }
.sample-kit-content .d-flex a.btn.btn-primary img {max-width: 29px; margin-right: 10px;}

.collection-featured-wrap {  background: #161E18;padding-top: 33px; padding-bottom:1px; position: relative; z-index:2}
.collection-featured-wrap:before{content:''; width:100%; height:1340px; position: absolute; top: 0;left: 0; display:block; background:url(collection-featured-bg.png)no-repeat center right; background-size:cover; }
.collection-featured-row { display: flex; margin-bottom:118px; flex-direction: row;justify-content: space-between; align-items: center; position: relative;  z-index: 2;}
.collection-featured-img { width: 46.25%;}
.collection-featured-content {width: 51.6%;}
.collection-featured-wrap .container .collection-featured-row:nth-child(even) { flex-direction: row-reverse;}
.collection-featured-wrap .container .collection-featured-row:nth-child(even) .collection-featured-img { width: 51.6%;}
.collection-featured-wrap .container .collection-featured-row:nth-child(even) .collection-featured-content { width: 46.25%;}
.collection-featured-content h2{color:#fff; font-size:60px; font-family: Gilroy-ExtraBold; line-height:1; margin-bottom:14px;}
.collection-featured-content p{color:#fff; margin-bottom:25px;}
.collection-featured-content p b{font-family: 'Gilroy-Bold';}

.collection-featured-wrap.native-collection-w { padding-top: 168px; padding-bottom:166px;}
.collection-featured-wrap.native-collection-w:after{content: "";width: 271px;height: 292px; background: url(cannabis-leaf-native-series-dark-green-b.png)no-repeat center right; background-size: cover; position: absolute; bottom: -118px; left: 0;}
.advance-profile-wrap { padding: 160px 0;}
.advance-profile-row { display: flex; align-items: center; justify-content: space-between;}
.advanced-profiles_content { width: 46.4%; position:relative;  /*padding-bottom:12px; border-top:1px solid #1C1C1E; border-bottom:1px solid #1C1C1E; padding-top:18px;*/ text-align:center;}
.advanced-profiles_content:before{content:""; width:159px; height:249px; background:url(native-finger.png)no-repeat center; background-size:cover; top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%); }
.advanced-profiles__compaunds {width: 25.1%;}
.advanced-profiles__compaunds video { width: 100%;  height: auto;}
.advanced-profiles_content h2 {font-size: 36px; line-height: 44px; border-bottom: 1px solid #3F7854; padding-bottom:15px; margin-bottom: 15px;  color: #1C1C1E;}
.advanced-profiles_content h2 i {font-style: normal; font-family: 'Gilroy-Medium';}
.advanced-profiles_content h2 span {  font-family: 'Gilroy-Bold';}
.advanced-profiles_content p{color: #3A3A3CDE; opacity: 0.8; font-size:16px; line-height:1.5; margin-bottom:20px;}
.advanced-profiles_content p b{font-family: 'Gilroy-Bold'; color:#2C2C2E; opacity:1}
.founder-banner{background:url(founder-bg.jpg)no-repeat top right; position:relative; background-size:cover; padding:281px 0;}
.founder-banner:before{content:''; width: 271px;
    height: 292px;
    background: url(cannabis-leaf-native-series-dark-green-b.png)no-repeat center right;
    background-size: cover;
    position: absolute;
    top: -155px;
    left: 0; }
.founder-banner-content {max-width: 798px;}
.founder-banner-content h4 { font-size: 36px;line-height: 54px; color: #fff;margin-bottom: 35px;}
.founder-banner-content p { color: #fff;font-size: 24px; line-height: 36px; margin: 0;}

.collection-flower-wrap{padding-top:147px; padding-bottom:80px; background: #161E18; position: relative;}
.collection-flower-wrap:before{width:100%; height:100%; position: absolute; top: 0;left: 0; content:''; width:100%; height:100%; background:url(Flower-before.png)no-repeat center left; background-size:cover; }
.collection-flower-wrap:after{ content:''; width: 271px;
    height: 292px;
    background: url(cannabis-leaf-native-series-dark-green.png)no-repeat center left;
    background-size: cover;
    position: absolute;
    top: -182px;
    right: 0; }

.collection-flower-wrap .container{position: relative; z-index:2}
.collection-flower-head{max-width:764px; margin:0 auto; text-align:center;}
.collection-flower-head h2{color: #FFFFFF; font-size:60px; line-height:1; font-family: Gilroy-ExtraBold; margin-bottom:21px;}
.collection-flower-head p{color:#fff; font-size:16px; line-height:1.5; }
.collection-flower-row {display: flex; flex-wrap: wrap; margin: 0 -22px; margin-top: 30px;}

.collection-flower-single {width: 33.33%; padding: 0 22px; margin-bottom:15px;}
.collection-flower-single p {color: #fff; font-size: 16px;  line-height: 1.5;}
.collection-flower-single h4 {color: #fff; margin-bottom: 10px;font-size: 24px;  line-height: 31px;  font-family: 'Gilroy-Bold';}
.collection-flower-single h4 span{min-width:63px; margin-right:10px;}
.collection-flower-img {min-height: 299px;display: flex; align-items: center;justify-content: center; margin-bottom:19px;}
.collection-flower-img img { display: block; margin: 0 auto;}
.collection-flower-footer {  margin-top: 49px; text-align: center; border-top: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.5); padding: 35px 0 38px;}
.btn-white-outline { border: 1px solid #FFFFFF; border-radius: 10px; color: #fff;}
.btn-white-outline:hover{color:#1C1C1E; background:#fff;}
.collection-flower-footer p { color: #fff; max-width: 764px;margin: 0 auto 27px; font-size: 16px;line-height: 1.5;}
.collection-flower-footer .btn{padding:16.5px; min-width:268px;}
.coming-video-wrap{background: #161E18; padding-bottom:160px}
.coming-video-wrap .playpause {    margin-left: 0;transform: translateX(-50%);}


.btn.btn-primary[disable] { background: #707070; color: #fff; pointer-events: none;}

.btn.btn-primary[disable] img {  filter: invert(1);}
/* .coming-video-wrap .video-box{pointer-events: none;} */
.coming-video-wrap .video-box:after { position: absolute;content: ""; width: 100%;height: 100%; display:none; background: #1C1C1E;opacity: 0.2; top: 0; left: 0;}


.collection-faq-wrap{background: transparent linear-gradient(0deg, #FFC632 0%, #FFE63D 48%, #F7F8F1 100%) 0% 0% no-repeat padding-box; padding-top:145px; padding-bottom:129px;}

.sample-banner-collection{background: transparent; padding-top:191px; padding-bottom:145px;}
.collection-faq-row {display: flex; align-items: flex-start; justify-content: space-between;}
.collection-faq-head {  width: 48.5%;}
.collection-faq-head h2, .collection-faq-head h4, .collection-faq-head h3 {font-size: 60px; color: #1C1C1E;line-height: 1; font-family: 'Gilroy-Black'; margin-bottom: 17px;     font-weight: 100;font-variant-ligatures: none;}
.collection-faq-head p {font-size: 16px; line-height: 1.5; color: #3A3A3C;opacity: 0.8; margin-bottom: 20px;}
.collection-faq-head .btn {min-width: 198px; padding: 16.5px;}
.collection-faq-content { width: 47.82%;}
.collection-faq-content ul.accordion { list-style: none; padding: 0; margin: 0;}
.collection-faq-content ul.accordion>li {padding: 23px 0;  border-bottom: 1px solid #1C1C1E;}
.collection-faq-content ul.accordion>li>a, .collection-faq-content ul.accordion>li>a>h6 { display: block; color: #1C1C1E; font-variant-ligatures: none; position: relative;  text-decoration: none; padding-right:23px; font-family: Gilroy-Bold,sans-serif; font-size:18px; line-height:32px;}
.collection-faq-content ul.accordion>li>a>h6 {margin-bottom: 0;/*font-size: 16px;line-height:24px;*/}
.collection-faq-content ul.accordion>li>a:after{content:''; position: absolute; transition:0.5s ease all; top:50%; right:0; transform:translateY(-50%); display:block;  width:11px; height:7px; background:url(faq-arrow.svg) no-repeat center; background-size:contain;}
.collection-faq-content ul.accordion>li>div{padding-top:16px;}
.collection-faq-content ul.accordion>li>div p{color: #3A3A3C;opacity: 0.8; font-variant-ligatures: none; margin-bottom:22px;}
.collection-faq-content ul.accordion>li>div p a{color:currentcolor;}
.collection-faq-content ul.accordion>li>div p:last-child{margin-bottom:5px}
.collection-faq-content ul.accordion>li.active>a:after{transform:rotate(180deg) translateY(50%);}
.collection-faq-content ul.accordion>li>div ol{list-style:none}
.collection-faq-content ul.accordion>li>div  li{color: #3A3A3C; font-variant-ligatures: none; opacity: 0.8; margin-bottom:22px;}


.collection-filters-form { display: flex; flex-wrap:wrap;  margin: 0 -10px; margin-bottom:22px;}
.collection-filters-form .Collapsible {width: 25%; margin-bottom:10px; position:relative;  padding: 0 10px;}
.collapse-headers { cursor:pointer;width: 100%;border: 1px solid #272727; border-radius: 10px;padding: 14.5px 16px 14.5px 22px; letter-spacing: -0.13px;color: #636366;  display: flex;align-items: center;justify-content: space-between;position: relative;}
.CollectionInner__Products  h3.desk-sho {
    font-size: 24px;
    color: #2C2C2E;
    line-height: 31px;
    font-family: Gilroy-ExtraBold;
    margin-bottom: 24px;
}
.Collapsible 
 .Collapsible__Inner { position: absolute;z-index: 3; background: #F7F8F1; width:calc(100% - 20px);top: 0;border: 1px solid #FFC632; border-radius: 10px;padding: 19px 20px; opacity: 0;
    pointer-events: none;
    transform-origin: top left;     transition: .5s ease all;
    transform: scaleY(0);}
.Collapsible__Content .Linklist { padding: 0; margin: 0;list-style: none;}
.collapse-headers.pate img{transition:0.5s ease all;padding: 20px;
    position: absolute;
    right: 0px;cursor:pointer;}
.Collapsible 
 .Collapsible__Inner.show{ 
    opacity: 1;     transition: .5s ease all;
    pointer-events: auto;
    transform: scale(1);}
    .collapse-headers.pate.active img {
    position: absolute; transform:rotate(180deg);
    z-index: 5;
}

    .collapse-headers.pate.active .img-icon {
    position: relative;     transform: rotate(180deg);
    justify-content: flex-start;
    z-index: 5;
}
.collapse-headers.pate .img-icon {
    width: 40px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.Collapsible__Content .Linklist__Item input {display: none;}
.Collapsible__Content .Linklist__Item {margin:0px; margin-bottom:33px; vertical-align: top;  }
.Collapsible__Content .Linklist__Item label {font-size: 16px;line-height: 21px;color: rgb(28, 28, 30, 0.8); letter-spacing: -0.13px; padding-left: 32px; position:relative;cursor:pointer;}
.Collapsible__Content .Linklist__Item:last-child {
    margin-bottom: 0;
}
 .Collapsible__Content .Linklist__Item label:before{border: 1px solid #272727;
  content:"";  width: 18px;
    height: 18px; border-radius:3px;
    background: 0 0;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;}
    .Collapsible__Content .Linklist__Item input:checked+label:before{background: #FFC632;}
.Collapsible__Content .Linklist__Item input:checked+label:after {
    content: "";
    width: 9px;
    height: 6px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: 0 0;
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 4px;
    left: 5px;
}

.active-facets {
    display: flex; width:100%;
    align-items: center;
    flex-wrap: wrap; padding: 0 10px; font-size:14px;}
.active-facets .active-facets__button .active-facets__button-inner svg {
    max-width: 13px;
    width: 13px;
    height: auto;
}

.active-facets .active-facets__button .active-facets__button-inner i {
    font-size: 16px;
    color: #1c1c1c;
    width: auto;
    margin-left: 7px;
}


facet-remove {
    margin: 5px;
}

.c-head {
    display: none;
}

.active-facets .active-facets__button .active-facets__button-inner {
    display: flex;
    align-items: center;
    color: #1c1c1c;
    text-decoration: none; font-size:14px;
}

.active-facets .active-facets__button {
    text-decoration: none;
}

.active-facets .active-facets__button .active-facets__button-inner svg { max-width: 13px;}

.active-facets span.visually-hidden { display: none !important;}

.active-facets__button-remove { color: #1c1c1c; font-size:14px; text-decoration: underline; margin-left: 10px; display: flex;
    align-items: center;}
svg#icn--reset {
    margin-left: 5px;
}

.native-featured-row-f { max-width: 862px;margin: 0 auto; padding-bottom:66px; text-align: center; border-bottom:1px solid #F3E4A2 }
.native-featured-img:before { content: ""; width: 100%; height: 1px;background: #F3E4A2; transform:translateY(-50%); display: block;top: 50%; position: absolute;}
.native-featured-img {position: relative; margin-bottom:27px;}
.native-featured-img span { display: inline-block; padding: 0 5px; background: #161E18;  position: relative;  z-index: 2;}
.native-featured-content h2{color:#fff; font-size:60px; line-height:72px; margin-bottom:28px; font-family: Gilroy-ExtraBold; }
.native-featured-content p{color:#fff; margin-bottom:25px;}
.native-featured-content p b{font-family: Gilroy-Bold;}
.native-featured-content p:last-child{margin-bottom:0}

/* collection sample kit css*/
/* .page-sample:before{content:''; width:100%; height:60%; position:absolute; top:0; left:0; } */
.ab-collection-smaple-banner{background:transparent linear-gradient(180deg, #FFC632 0%, #FFE63D 55%, #F7F8F100 100%) 0% 0% no-repeat padding-box; padding-top:180px; padding-bottom:0px;}
.ab-collection-smaple-banner.ab-collection-banner:before{width:208px; height:311px; background:url(smaple-b-icon.svg)no-repeat center; background-size:cover; bottom:21%; left:-14px; }
.ab-collection-smaple-banner.ab-collection-banner:after{ content:''; width:167px; height:240px; background:url(sample-a-icon.svg)no-repeat center; background-size:cover; bottom:12%; right:0px; z-index: 2;display: block;position: absolute; }

.ab-collection-banner h1{color: #1C1C1E; font-size:96px; line-height:1; font-family: Gilroy-ExtraBold; margin-bottom:28px;}
.ab-collection-smaple-banner .ab-collection-banner-content p{color: #3A3A3C;opacity: 0.8;}
.ab-collection-smaple-banner .ab-collection-banner-content {max-width:530px;}
.ab-collection-smaple-banner .ab-collection-banner-img { max-width: 817px;}
.ab-collection-smaple-banner .ab-collection-banner-row{padding-bottom:117px;}
.ab-collection-smaple-banner .ab-collection-banner-bottom h2{color: #1C1C1E;}
.ab-collection-smaple-banner .ab-collection-banner-bottom p{color: #1C1C1E;}
.ab-collection-smaple-banner .ab-collection-banner-bottom p b, .ab-collection-banner-bottom p b{font-family: Gilroy-Bold;}
.ab-collection-smaple-banner .collection-banner-bottom-row .item .single{border: 1px solid #1C1C1E; background:transparent;}
.ab-collection-smaple-banner .collection-banner-bottom-row .item .single h4 { margin: 0; color: #1C1C1E;}

.colllection-wrap-kit .collection-sidebar { display: none;}
.colllection-wrap-kit .blog-pagination { display: none;}
.colllection-wrap-kit{padding-bottom:140px;}
.colllection-wrap-kit .ab-collection-box {padding: 0 20px 10px;}
.colllection-wrap-kit .collection-box-flex { display: block;  padding: 0;}
.colllection-wrap-kit .collection-box-img {max-width: 100%!important; left: 0; margin-bottom:10px;  min-width: 100%;}
.colllection-wrap-kit .collection-box-caption {width: 100%!important; padding: 0;}
.colllection-wrap-kit .collection-box-footer { padding: 0;}
.colllection-wrap-kit  .ab-collection-box .qty-flex { max-width: 127px; margin-left: 0;}
.colllection-wrap-kit .collection-box-footer .btn { width: calc(100% - 137px); margin-bottom: 10px; font-size: 16px;padding: 11px;}
.colllection-wrap-kit .ab-collection-box .d-flex { justify-content: space-between; margin: 0;}
.colllection-wrap-kit .collection-box-caption h2, .colllection-wrap-kit .collection-box-caption h6{margin-bottom:16px;}
.colllection-wrap-kit .collection-box-caption p {  color: #3A3A3C; opacity: 0.8; font-size: 16px; line-height: 24px; -webkit-box-orient: vertical;  display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; overflow: hidden;text-overflow: ellipsis; white-space: normal;}
.ab-other-sample-wrap{padding-top:146px;}
.collection-faq-content ul.accordion>li>div p a{font-family: Gilroy-Bold;}
.collection-featured-sample-wrap{background: #1C1C1E; padding-top:161px; }
.collection-featured-wrap.collection-featured-sample-wrap:before{display:none}
.coming-video-wrap.sample-video-w { padding-bottom: 150px; background: #1C1C1E; position: relative;}
.coming-video-wrap.sample-video-w:after{content:''; background:url(sample-v-b.svg); background-size:cover; position: absolute; left:-10px; bottom:-16%; width:209px; height:243px;}
.sample-video-w:before{content:''; width:100%; height:73%; background: transparent linear-gradient(180deg, #161E1800 0%, #161E18 100%) 0% 0% no-repeat padding-box; position:absolute; bottom:0; left:0; display:block; }
.coming-video-wrap.sample-video-w .video-box:after{opacity:0.4}
.coming-video-wrap .container{ position: relative; z-index:2}

.sample-get { position: relative; z-index: 2;padding: 66px 0; text-align: center;  border-top: 1px solid rgba(255,255,255,0.8);  border-bottom: 1px solid rgba(255,255,255,0.8); margin-bottom: 110px;}
.sample-get h2 {color: #fff;font-size: 60px;line-height: 1.21;margin-bottom: 22px; font-family: Gilroy-ExtraBold;}
.sample-get p { color: #fff; max-width: 916px; margin: 0 auto; font-size: 16px; margin-bottom: 24px;}
.sample-get p b { font-family: Gilroy-Bold;}
.sample-get p:last-child{margin-bottom:0}
.sample-get p span{color:#F5CF3B; font-family: Gilroy-Bold;}
.collection-featured-sample-wrap:before{content:''; background:url(sample-v-b.svg); background-size:cover; position: absolute; left:-10px; top:-7%; width:209px; height:243px;}
.collection-featured-sample-wrap:after{content:''; background:url(sample-fe-a.svg); background-size:cover; position: absolute; right:-30px; top:21.2%; width:253px; height:292px;}
.collection-featured-sample-wrap .collection-featured-row{margin-bottom:56px;}


.native-collection-w .sample-get h2 span { color: #8FC689;}
.native-collection-w .sample-get p span {  color: #8FC689;}
.native-collection-w  .sample-get{border-top: 1px solid  rgba(243, 228, 162,0.8); border-bottom: 1px solid rgba(243, 228, 162,0.8); margin-left:auto; margin-right:auto; max-width:863px;}
.native-collection-w .collection-featured-img, .native-collection-w.collection-featured-wrap .container .collection-featured-row:nth-child(even) .collection-featured-content{width: 47.5%;}
.native-collection-w .collection-featured-content, .collection-featured-wrap.native-collection-w .container .collection-featured-row:nth-child(even) .collection-featured-img{width: 47.5%;}
.native-collection-w .collection-featured-row{margin-bottom:54px;}


/* collection page Entourage */
.ab-collection-entourage-banner{background:url(entourage-banner-bg.jpg)no-repeat center top; background-size:cover;}
.ab-collection-banner.ab-collection-entourage-banner:before{width:100%; height:90px; bottom:0px;  background:url(entourage-banner-bg-after.png)no-repeat center top; background-size:cover;}
.ab-collection-entourage{padding-top:0}
.entourage-sample-kit-wrap .sample-kit-img{padding:20px;}
.collection-entourage-featured-wrap{background:#2FAFD9; position:relative;     padding-top: 176px;}
.collection-featured-wrap.collection-entourage-featured-wrap:before{width:100%; height:132px; top:0px;  background:url(entourage-featured-bf.png)no-repeat center bottom; background-size:cover;}
.entourage-coming-video-wrap{background:#2FAFD9; position: relative; padding-top:70px;     padding-bottom: 130px;}
.entourage-coming-video-wrap:before{content:''; width:100%; display:block; position: absolute; left:0; bottom:-150px; height:150px; background:url(entourage-coming-b.png) no-repeat center bottom; background-size:cover;}
.collection-faq-wrap.entourage-faq-wrap {
    padding-top: 198px;
}

.entourage-faq-wrap .collection-faq-content ul.accordion>li:first-child {
    border-top: 1px solid #1c1c1e;
}
.coming-video-wrap.entourage-coming-video-wrap .video-box:after{opacity:0.4;}
.collection-entourage-featured-wrap .collection-featured-row {
    margin-bottom: 70px;
}
.collection-featured-row.row-equal .collection-featured-content {
    width: 46%;
}
.collection-featured-row.row-equal .collection-featured-img {
    width: 50%;
}
.collection-featured-wrap .container .collection-featured-row.row-equal:nth-child(even) .collection-featured-content {
    width: 50%;
}
.collection-featured-wrap .container .collection-featured-row.row-equal:nth-child(even) .collection-featured-img {
   width: 46%;
}

/* collection premium */
.ab-collection-banner.ab-collection-premium-banner{background: url(premium-banner.jpg) no-repeat center ; background-size:cover;}
.ab-collection-premium-banner .collection-banner-bottom-row {
    margin-bottom: 0;
}
.ab-collection-banner.ab-collection-premium-banner:before{display:block; width:182px; height:158px; background:url(premium-banner-b.svg)no-repeat center; background-size:cover; left:-10px; bottom:-30px;}
.collection-featured-wrap.collection-premium-featured-wrap{  background: #1C1C1E; padding-top:161px;}
.collection-featured-wrap.collection-premium-featured-wrap:before{display:none}
.coming-video-wrap.premium-coming-video-wrap {  background: #1C1C1E; padding-bottom:150px; position:relative}
.coming-video-wrap.premium-coming-video-wrap:before{content:''; width:100%; height:525px; display:block; position: absolute; left:0; bottom:0; background:url(ab-gray-wave.svg) no-repeat center top; background-size:cover;}
.premium-faq-wrap .collection-faq-content ul.accordion>li:first-child {
    border-top: 1px solid #1c1c1e;
}
.premium-faq-wrap{position:relative;}
.premium-faq-wrap:before{content:''; width:96px; height:110px; background:url(hexagon-y.svg)no-repeat center; background-size:cover; position: absolute; right:73px; top:-55px;}
.collection-premium-featured-wrap .collection-featured-row.row-equal {margin-bottom: 33px;}
.collection-featured-wrap.collection-premium-featured-wrap:before{content:''; display: block; width:96px; height:110px; background:url(hexagon-y.svg)no-repeat center; background-size:cover; position: absolute; left:-10px; top:-55px;}
.collection-premium-featured-wrap .sample-get p{max-width:720px; margin:0 auto 34px;}
.collection-featured-wrap.collection-premium-featured-wrap:after{content:''; width:156px; height:156px; background:url(premium-circle.svg)no-repeat center; background-size:cover; position: absolute; right:36px; top:-78px;}


/* collection Terpene infused */
.ab-collection-banner.ab-collection-terpene-banner{background:#F7F8F1; padding-top: 145px;}
.ab-collection-banner.ab-collection-terpene-banner .ab-collection-banner-row { padding-bottom: 80px;}
.ab-collection-terpene-banner .ab-collection-banner-content p{color:#1C1C1E; opacity:80%;}
.ab-collection-terpene-banner .ab-collection-banner-content{max-width:560px;}
.ab-collection-terpene-banner .ab-collection-banner-img {  max-width: 607px;}
.ab-collection-terpene-banner .ab-collection-banner-bottom h2{color:#1C1C1E;}
.ab-collection-terpene-banner .ab-collection-banner-bottom p{color:#1C1C1E;opacity:80%;}
.ab-collection-terpene-banner .collection-banner-bottom-row .item .single { border: 1px solid #1C1C1E; background: transparent;}
.ab-collection-terpene-banner .collection-banner-bottom-row .item .single h4 {  margin: 0; color: #1c1c1e;}
.ab-collection-banner.ab-collection-terpene-banner:after{content:""; width:210px; height:562px; background:url(infused-banner-b.png)no-repeat center top;background-size:cover; position: absolute; display:block; left: 0;bottom: 10%;}
.ab-collection-banner.ab-collection-terpene-banner:before{content:"";width:100%; height:896px;background:url(infuse-banner-bg.svg)no-repeat center top;display:block; background-size:cover;position: absolute;left: 0;top: 50%; transform:translateY(-50%);}
.ab-collection-terpene-banner .collection-banner-bottom-row{margin-bottom:0}
.ab-collection-banner .container { position: relative; z-index: 2;}
.collection-featured-wrap.collection-featured-infused-wrap { background: #1C1C1E; padding-top:158px;}
.collection-featured-wrap.collection-featured-infused-wrap:before { content:''; width:348px; height:428px; background:url(img-bg-cannabis-leaf.png)no-repeat right top;display:block; background-size:cover;position: absolute;right: 0;top: -228px;     left: auto; z-index: 3;}
.collection-featured-infused-wrap .sample-get{padding-bottom:44px; margin-bottom:62px;}
.collection-featured-infused-wrap .sample-get img{margin-top:12px;}
.collection-featured-infused-wrap .collection-featured-row { margin-bottom: 20px;}
.coming-video-wrap.infused-video-w{padding-top:48px;background: #1C1C1E; position: relative; }
.coming-video-wrap.infused-video-w:before{content:""; width:296px; height:343px; position: absolute; display:block; left:-59px; bottom:-128px; background:url(infused-video-b.png)no-repeat center; background-size:cover;}
.border-f .collection-faq-content ul.accordion>li:first-child {border-top: 1px solid #1c1c1e;}
.coming-video-wrap.infused-video-w .video-box:after{opacity:40%}
/* collection Cloudburst  */
.ab-collection-banner.ab-collection-cloudburst-banner{background:url(cloudburst-banner-bg.jpg)no-repeat center; background-size:cover; }
.ab-collection-cloudburst-banner .ab-collection-banner-content{max-width:569px;}
.ab-collection-cloudburst-banner .ab-collection-banner-content imh{margin-bottom:30px;}
.ab-collection-cloudburst-banner .collection-banner-bottom-row{margin-bottom:0}
.ab-collection-banner.ab-collection-cloudburst-banner:before{width:303px; height:234px; right:0; bottom:23%; background:url(cloudburst-banner-a.png)no-repeat center; background-size:cover;}
.ab-collection-banner.ab-collection-cloudburst-banner:after{content:''; width:307px; height:507px; position: absolute; display:block; left:0; bottom:-104px; background:url(cloudburst-banner-b.png)no-repeat center; background-size:cover;}
.coming-video-wrap.cloudburst-video .video-box:after{opacity:40%}
.ab-collection-wrap.ab-collection-cloudbrust{padding-top:84px;}
.cloudburst-featured-wrap{background:url(cloudburst-feat-bg.jpg) no-repeat center; background-size:cover;}
.collection-featured-wrap.collection-cloudburst-featured-wrap{background:transparent; padding-top:160px;}
.collection-featured-wrap.collection-cloudburst-featured-wrap:before{width:275px; height:630px; left:auto; right:0; top:98px;  background:url(cloudburst-feat-a.png)no-repeat center; background-size:cover;}
.coming-video-wrap.cloudburst-video{background:transparent; position: relative;}
.coming-video-wrap.cloudburst-video:before{content:""; width:402px; height:664px; background:url(coludbrurst-video-b.png)no-repeat center left; position:absolute; bottom:-39px; background-size: cover; left:0}
.collection-featured-wrap.collection-cloudburst-featured-wrap:after{content:''; width:294px; height:303px;background:url(main-center-med.png)no-repeat center left; display:block; background-size: cover;  position:absolute; left:0; top:0}


/* collection ai terp css*/
.ab-collection-banner.ai-terpene-banner{background: #F7F8F1;}
.ai-terpene-banner .ab-collection-banner-content p { color: #3A3A3C;opacity: 0.8;}
.ai-terpene-banner .ab-collection-banner-bottom h2{color:#1C1C1E;}
.ai-terpene-banner .ab-collection-banner-bottom p{color:#1C1C1E;}
.ai-terpene-banner .collection-banner-bottom-row .item .single { border: 1px solid #1C1C1E;background: transparent;}
.ai-terpene-banner .collection-banner-bottom-row .item .single h4 { margin: 0;  color: #1c1c1e;}      
.ab-collection-banner.ai-terpene-banner:before { content: "";width: 100%; height: 896px; background: url(ai-terp-banner-bg.svg)no-repeat center top; display: block; background-size: cover; position: absolute;  left: 0; top: 71%;}
.ab-collection-banner.ai-terpene-banner:after{content:''; width:477px; height:695px; background: url(blue-smoke-al-terp-effects.png)no-repeat center right; display: block; background-size: cover; position: absolute;  left: -131px; top: 36%;}
.ai-terpene-banner .ab-collection-banner-img {  max-width: 734px; position:relative}
.ai-terpene-banner .ab-collection-banner-img:before{content:'';width:822px; height:702px;background:url(smoke-colored-pink-and-blue-al-terp-effects.png)no-repeat  center; background-size:cover; position:absolute; left: -2%; top: -8%;}
.ai-terpene-banner .ab-collection-banner-img  img{ position:relative; z-index:2}
.ai-terpene-banner .ab-collection-banner-bottom .n-flex{border-color:#1C1C1E}
.ai-terpene-banner .ab-collection-banner-bottom h3{color:#1C1C1E}

.ab-collection-trepai { position: relative; z-index: 2;}
.trepai-featured-wrap{background: #1C1C1E;position: relative;}
.trepai-featured-wrap:before{content:''; width:291px; height:949px; display:block; background:url(blue-smoke3-al-terp-effects.png)no-repeat center right; background-size:cover;position:absolute; right: 0; top: -11%;}
.trepai-featured-wrap:after{content:''; width:381px; height:658px; display:block; background:url(yellow-smoke-al-terp-effects.png)no-repeat center right; background-size:cover;position:absolute; right: 0; top: 40%;}
.collection-trep-featured-wrap{padding-top:80px; background:transparent; padding-bottom:121px; }
.coming-video-wrap.trep-video {  background: transparent; position:relative}
.coming-video-wrap.trep-video:before{content:''; width:457px; height:445px; display:block; background:url(red-smoke-al-terp-effects.png)no-repeat center right; background-size:cover;position:absolute; right: 0; bottom: -16%;}
.collection-trep-featured-wrap:after{content:''; width:240px; height:676px; display:block; background:url(blue-smoke2-al-terp-effects.png)no-repeat center left; background-size:cover;position:absolute; left: 0; top: 71%;}
.collection-trep-featured-wrap:before{content:''; width:358px; height:413px; display:block; background:url(purple-smoke-al-terp-effects.png)no-repeat center left; background-size:cover;position:absolute; left: 0; top: 20%;}
.collection-trep-featured-wrap .native-featured-row-f { border-top: 1px solid #fff; border-bottom: 1px solid #fff; max-width: 100%;padding-top: 66px;}
.collection-trep-featured-wrap .native-featured-content h2{margin-bottom:22px}
.collection-trep-featured-wrap .native-featured-content p { max-width: 961px; margin-left: auto;margin-right: auto;}
.align-self-top {align-self: flex-start;}

/* collection isolate css*/
.ab-collection-banner.ai-isolate-banner{background: transparent linear-gradient(180deg, #FFFFFF 0%, #F8F9F0 100%) 0% 0% no-repeat padding-box;}
.ai-isolate-banner .ab-collection-banner-row{padding-bottom:100px;}
.ai-isolate-banner .ab-collection-banner-content p { color: #1C1C1E;opacity: 0.8;}
.ai-isolate-banner .ab-collection-banner-bottom h2{color:#1C1C1E;}
.ai-isolate-banner .ab-collection-banner-bottom p{color:#1C1C1E; max-width: 1122px;margin-left: auto;margin-right: auto;}
.ai-isolate-banner .collection-banner-bottom-row .item .single { border: 1px solid #1C1C1E;background: transparent;}
.ai-isolate-banner .collection-banner-bottom-row .item .single h4 { margin: 0;  color: #1c1c1e;}      
.ab-collection-banner.ai-isolate-banner:before { content: "";width:716px; height: 617px; background: url(isolate-banner-bg.png)no-repeat center right; display: block; background-size: cover; position: absolute;  right: 0; top: 15%;}
.ab-collection-banner.ai-isolate-banner:after { content: "";width:156px; height:232px; background: url(isolate-banner-a.png)no-repeat center left; display: block; background-size: cover; position: absolute;  left: 0; top: 55%;}

.ai-isolate-banner .ab-collection-banner-img {  max-width: 537px; position:relative}
.ai-isolate-banner .ab-collection-banner-img  img{ position:relative; z-index:2}
.ai-isolate-banner .ab-collection-banner-bottom .n-flex{border-color:#1C1C1E}
.ai-isolate-banner .ab-collection-banner-bottom h3{color:#1C1C1E}
.ai-isolate-banner .ab-collection-banner-bottom{max-width:1163px}
.isolate-sample-kit-wrap{margin-bottom:0}
.isolate-sample-get-wrap{background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; padding-top:162px; padding-bottom:79px; position:relative  }
.isolate-sample-get-wrap:before{content:'';width:278px; height:375px;background: url(isolate-feat-b.png)no-repeat center right; display: block; background-size: cover; position: absolute;  right: 0; top: 5%;}
.isolate-sample-get{border-top: 1px solid rgba(28,28,30,0.8); border-bottom: 1px solid rgba(28,28,30,0.8); padding:66px 0 44px; text-align:center;}
.isolate-sample-get h2 {color: #1C1C1E; font-size: 60px;line-height: 1.21;  margin-bottom: 22px; font-family: Gilroy-ExtraBold;}
.isolate-sample-get p{color: #1C1C1E; margin: 0 auto 24px;} 
.isolate-sample-row .item {  padding: 0 10px;  margin-bottom: 20px;}
.isolate-sample-row .item .single { border: 1px solid #1C1C1E; border-radius: 10px;  height: 100%; padding: 19px 15px;min-width: 264px;}
.isolate-sample-row {display: flex;justify-content: center;flex-wrap:wrap;}
.isolate-sample-row .item .single h4 {  margin: 0;  color: #1C1C1E; font-size: 16px; line-height: 1.5; display: flex; align-items: center;}
.isolate-sample-row .item .single h4 img {margin-right: 14px;}
.collection-featured-wrap.collection-isoltae-featured-wrap{background:#fff; padding:0; padding-bottom:1px;}
.collection-featured-wrap.collection-isoltae-featured-wrap:before{display:none;}
.collection-isoltae-featured-wrap .collection-featured-content h2, .collection-isoltae-featured-wrap .collection-featured-content p { color: #1C1C1E;}
.collection-isoltae-featured-wrap .collection-featured-row{margin-bottom:40px}
.coming-video-wrap.isoltae-video {background: transparent; padding-bottom: 0; position:relative}
.isoltae-featured-wrap {background: #fff;}

.coming-video-wrap.isoltae-video:after{content:''; width:200px; height:269px; background: url(isolate-video-b.png)no-repeat center left; display: block; background-size: cover; position: absolute;  left: 0; bottom: -50px;}
.isoltae-video .video-box:after{opacity:40%} 
.isolate-faq-wrap{background: transparent linear-gradient(0deg, #FFC632 0%, #FFE63D 48%, #FFFFFF00 100%) 0% 0% no-repeat padding-box; margin-top:-273px; padding-top:420px;}
                       
/* product page css*/
.ab-product-wrap {background: #1C1C1E; padding-top: 257px;}
.ab-product-row {display: flex; justify-content: space-between;     align-items: flex-start;}
.product2-left { width: 69%; display: flex; flex-wrap: wrap;}
.product-l-text h5, .product-l-text h3 {color: #FFFFFF;text-transform: uppercase; font-size: 16px;line-height: 24px;  margin: 0;}
.product-l-text h5 span, .product-l-text h3 span {font-family: Gilroy-Bold;}
.product-l-text h5 span.light, .product-l-text h3 span.light, .light{font-family: 'Gilroy-Light' !important;}
.product-l-text h1, .product-l-text h2 {font-size: 60px; line-height: 1.2; color: #fff; font-family: Gilroy-ExtraBold;  margin-bottom: 9px;}
.product-l-text h1+img, .product-l-text h2+img { max-width: 172px; margin-bottom: 22px;}
.product-l-text p {color: #fff;}
.product-l-text {  width: 42.7%;}
.product-l-img { width: 57.2%;}
.product-slide .item img { max-width: 319px;margin: 0 auto; width:100%; display: block;}
.product-l-text .a-pro-icon span, .product-l-text .a-pro-icon h6 { font-size: 16px; line-height: 1.5;   color: #F8F9F0;}
.product-l-text .a-pro-icon h6 {margin: 0 0 0 10px;}
.product-slide ul.slick-dots { position: relative;bottom: auto; margin-top: 40px; margin-bottom: 0;}
.product-slide ul.slick-dots li { width: 15px;height: 15px; border: 1px solid #fff; border-radius: 50%;}
.product-slide ul.slick-dots li.slick-active {  background: #fff;}
.product-slide ul.slick-dots li button {  display: none;}
.product-slide .slick-arrow { width: auto; cursor:pointer; height: auto; z-index:3; background: transparent;border: none; top: 50%;position: absolute; transform: translateY(-50%);}
.product-slide .slick-arrow img { max-width: 11px; filter: invert(1);}
.product-slide .slick-arrow.prev { left: 30px;}
.product-slide .slick-arrow.next { right: 30px;}
.product2-right {width: 30.7%;background: #fff; border-radius: 10px;padding: 15px 20px;}
.product2-des .d-flex { align-items: center; display: flex;justify-content: space-between;margin-bottom: 19px;}
.product2-des .d-flex label { font-size: 16px; line-height: 1; color: #000000DE; font-family: Gilroy-Bold;}
.product2-des .d-flex p { margin: 0; font-size: 14px;color: #1C1C1E;opacity: 0.50;font-family: Gilroy-Bold; display: none;}
.product2-des .d-flex p a{color: #1C1C1E; text-decoration:none;}
.qty-flex-wrap {display: flex;align-items: center; margin-bottom: 18px;}
.qty-flex-wrap .qty-flex { justify-content: space-between;}
.qty-flex-wrap .qty-flex input.quantity-selector2 {height: 53px;}
.qty-flex-wrap h4.price, .qty-flex-wrap p.price  { color: #000000; font-size: 26px; line-height: 43px;margin: 0; margin-left: 60px;}

/* buy now box globla css */
.product2-des p {color: #737374;
    font-size: 12px;
    opacity: 1;
    line-height: 16px;
}

.product2-des p.small a, 
.product-omni-sample .product2-des p.small a, 
.product-omni .product2-des p.small a {
  color: #737374;
}

.product-omni .product2-des p.small, 
.product-omni-sample .product2-des p.small, 
.product-quantum .product2-des p.small {color: #737374;
    color: #737374; opacity: 1; font-size: 12px; line-height: 16px;  margin: 0;
}
/* end global buy box */
.product2-des .btn#AddToCart{width:100%;min-width:100%; margin-bottom:20px;  display: flex; align-items: center; justify-content: center; padding:12px;}
.product2-des .btn#AddToCart img { max-width: 29px;  margin-right: 10px;} 
.pro-from{margin-top:35px}
.btn-sec, .btnquickbuy { background: #CEDAE6;letter-spacing: -0.13px; color: #1C1C1E; min-width: 142px; padding: 17.5px;}
.btn-flex {display: flex;align-items: center; justify-content: space-between; margin-bottom: 20px;}
.select-dropdown__button { width: 100%; position:relative; cursor:pointer;   background: #fff; letter-spacing: -0.13px; color: rgba(28, 28, 30, 0.5); font-size: 16px; line-height: 24px; height: 55px; border: 1px solid #272727; border-radius: 10px;  text-align: left; padding: 13px 22px; display: flex;align-items: center;justify-content: space-between; }
.select-dropdown__list { position: absolute;width: 100%;     z-index: 2;   transition:0.5s ease all;  background: #fff; top: 0; padding:0; margin: 0;  border-radius: 10px; opacity:0; pointer-events: none;
    transform-origin: top left;
    transform: scale(1, 0);}
.select-dropdown-pro { position: relative; margin-bottom:20px;}
.select-dropdown-pro .select-dropdown__list-item {cursor:pointer; display: block;list-style-type: none; padding: 2px;background: #fff; border-radius:10px; font-size: 16px; line-height: 24px;cursor: pointer; text-align: left; transition: all ease-in-out 0.3s;color: rgba(28, 28, 30, 1); border: none;}
.select-dropdown-pro .select-dropdown__list-item label{ border-radius:10px; padding: 13px 22px; display:block;}
.select-dropdown__list-item:hover label { background-color: #FFC632;transition: all ease-in-out 0.3s;}
 .select-dropdown__list-item input {display: none;}
.select-dropdown__button i{position: relative; transition:0.5s ease all;}
.product2-des.active .select-dropdown__list, .swatch.active .select-dropdown__list { border: 1px solid #272727;
      opacity: 1;
    pointer-events: auto;
    transform: scale(1, 1);

}
.product2-des.active .select-dropdown__button i, .swatch.active .select-dropdown__button i {
    transform: rotate(180deg); z-index: 5;
}

 img.anim {
    width: 15px;
}

.sticky_cart { background: #fff; position: fixed; width: 100%; left: 0; top: 0; z-index: 99;  padding: 20px;     top: -100%;transition: 0.5s ease all;border-bottom:1px solid #CEDAE6}
.sticky_cart.fixed {  top: 0;}
.sticky_cart .container {max-width: 1440px; margin: 0 auto;}
.sticky_cart_row { display: flex;  justify-content: space-between;}
.sticky_cart_left { display: flex; align-items: center;}
.logo_s { max-width: 39px;  margin-right: 18px;}
.logo_s a, .logo_s a img{display:block}
.pro-title { display: flex; align-items: center;}
.pro-title h4, .pro-title h5 { color: #3A3A3C; text-transform: uppercase;font-size: 16px; line-height: 24px; margin: 0;     font-weight: 100;font-variant-ligatures: none;}
.pro-title h4 b, .pro-title h5 b { font-family: 'Gilroy-Bold';     font-weight: 100;font-variant-ligatures: none;}
.pro-title h4~h4:before, .pro-title h5~h5:before{content:''; width:1px; height:12px; background:#1c1c1c; display:inline-flex; margin:0 8px;}
.sticky_cart_right>form, .sticky_cart_right {display: flex; align-items: center;}
.sticky_cart_right .d-flex {display: flex; margin-left: 10px;}
.pro-title h4 a, .pro-title h5 a{ color: #3A3A3C; text-decoration:none;}
.pro-title h4 a {    font-family: Gilroy-Regular; font-weight: 100;font-variant-ligatures: none;}
.pro-title h5 a {    font-family: Gilroy-Regular; font-weight: 100;font-variant-ligatures: none;}
.sticky_cart_right p { margin: 0; color: #1C1C1E; opacity: 0.5; font-family: Gilroy-Bold; margin-right: 10px;}
.sticky_cart_right p a{color: #1C1C1E; text-decoration:none;}
.sticky_cart_right .select-wrp select {border-radius: 10px; margin-bottom: 0; min-width:100%; letter-spacing: -0.12px;  height: 48px; padding: 0 24px 0 15px;}
.sticky_cart_right .qty-flex { background: #fff; max-width: 97px; margin:0 10px; margin-bottom: 0; padding: 0 10px;}
.sticky_cart_right .qty-flex input.quantity-selector2 { height: 45px;  width: 27px; letter-spacing: -0.11px;}
.sticky_cart_right .btn {width: 132px; padding:14px; display: block; min-width:inherit;}
.sticky_cart_right .d-flex .select-wrp { min-width: 217px; }
.sticky_cart_right .d-flex .select-wrp select { width: 100%; max-width: 100%;}

.fector_wrap{background:#1C1C1E; padding:140px 0;}
.fector_head{margin-bottom:30px;}
.fector_head h2{color: #FFFFFFDE; font-size:48px; margin-bottom:2px; line-height:58px; font-family: Gilroy-ExtraBold; font-weight: 100;font-variant-ligatures: none;}
.fector_head p{color: #FFFFFF;opacity: 0.8; margin-bottom:0px;}
.fector_feat_wrap {  display: flex; margin: 0 -10px;}
.fector_feat_wrap .item { width: 33.33%; padding: 0 10px;}
.fector_feat_wrap .item h4 {color: #fff; font-size: 18px; line-height: 31px; font-family: Gilroy-Bold; padding-bottom: 0; border-bottom: 1px solid #fff; margin-bottom: 20px; font-weight: 100;
    font-variant-ligatures: none;}
.fector_feat_wrap { display: flex; margin: 0 -10px;}
.fector_feat_wrap .item { width: 33.33%;padding: 0 10px;}
.fector_feat_wrap .item h4 {color: #fff;font-size: 18px;line-height: 31px; font-family: Gilroy-Bold; padding-bottom: 0;border-bottom: 1px solid #fff;margin-bottom: 20px; font-weight: 100;
    font-variant-ligatures: none;}
.fector_feat_wrap .item .d-flex { display: flex;flex-wrap: wrap;margin: 0 -10px;}
.fector_feat_wrap .item .d-flex>div {display: flex;align-items: center; padding: 0 10px;}
.fector_feat_wrap .item .d-flex>div .icon { width: 49px;min-width: 49px; height: 49px;  background: rgba(255,255,255,0.05); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px;}
.fector_feat_wrap .item .d-flex>div p {  color: #fff; margin: 0; opacity: 0.8;}
.factors_card { display: flex; margin:0 -10px;  margin-top: 40px; flex-wrap:wrap;}
.factors_card .col-6 { width: 50%;padding: 0 10px; margin-bottom:20px;}
.factors_card .col-4{ width: 33.33%;padding: 0 10px; margin-bottom:15px;}
.single_factors_card { border-radius: 10px; background: rgba(255,255,255,0.05); padding: 10px 20px 12px 20px; height:100%;}
.single_factors_card h4, .single_factors_card h5, .single_factors_card h6 { color: #FFFFFF; font-size: 18px;line-height: 31px; margin-bottom: 4px; font-family: Gilroy-Bold;}
.single_factors_card p { font-size: 14px;line-height: 24px; color: #FFFFFF;opacity: 0.8; margin-bottom: 6px;}
.factors_card_detail {display: flex;margin: 0 -10px;flex-wrap: wrap; margin-top:20px;}
.factors_card_detail .col-4 { padding: 0 10px; width: 33.33%; margin-bottom:20px;}
.single_factors {height: 100%; background: rgba(255,255,255,0.05);  padding: 33px; border-radius: 10px;}
.factor-card_image{margin-bottom:16px;}
.factor-card_image video {pointer-events: none; margin:0 auto; display:block; max-width: 219px;height: auto; display: block; width: 100%;}
h4.factor-card_title {  text-align: center;  margin: 0;color: #FFFFFF;font-size: 24px; line-height: 31px;}
h4.factor-card_title span { font-family: Gilroy-Bold;}
.fector_wrap .btn.btn-white-outline { max-width: 296px; width: 100%; margin-top: 20px;padding: 16.5px;}

.pro-map-banner{padding-top:277px; padding-bottom:277px; background:url(map-banner.jpg)no-repeat center; background-size:cover;}
.pro-map-banner .container{display:flex; justify-content:flex-end;}
.map-content{max-width: 505px;}
.map-content h2:before {content: ""; max-width: 505px;width: 100%; height: 1px; background: #fff; display: block;  margin-bottom: 36px;}
.map-content h2{letter-spacing: -1.2px; margin-bottom:24px; font-size:60px; line-height:72px; font-family: Gilroy-ExtraBold; color: #fff;}
.map-content h2 span{color:#FFC632}
.map-content p{color:#fff; margin-bottom:17px;}
.map-content p strong{font-family: Gilroy-Bold;}

.advanced-profiles {padding: 80px 0 70px;}
.advanced-profiles__container-custom { display: flex;align-items: center;}
.terpene-info {min-width: 359px; max-width:359px; padding-bottom: 18px; border-top: 1px solid #1C1C1E;border-bottom: 1px solid #1C1C1E; padding-top: 35px;}
.terpene-info h2{font-size: 24px; line-height: 1.2; margin-bottom: 10px;  color: #1C1C1E;}
.terpene-info h2 i {font-style: normal; font-family: 'Gilroy-Medium';}
.terpene-info h2 span {  font-family: 'Gilroy-Bold';}
.terpene-info p{color: #3A3A3CDE;opacity: 0.8;}
.terpene-info p b{font-family: 'Gilroy-Bold';}
.terpene-info p sup { font-size: 8px;line-height: 11px;}
.advanced-profiles__image { -webkit-box-flex: 1; -ms-flex: 1 1 37.5%; flex: 1 1 37.5%; margin-left: 7%; margin-right: -16%;}
.advanced-profiles .advanced-profiles__compaunds { -webkit-box-flex: 0;  -ms-flex: 0 1 21.7%; flex: 0 1 21.7%;}
.pro-series-wrap{padding-bottom:153px;}
.pro-series-wrap h2{text-align:center; font-size:60px; font-family: Gilroy-ExtraBold; line-height:1.2; color:#1C1C1E; margin-bottom:34px;}
.pro-series-wrap h2 span{color:#FFC632 ;}
.pro-series-row {margin-top: 35px;display: flex;justify-content: space-between;align-items: flex-start;}

.pro-series-content { width: calc(100% - 279px);}
.pro-series-content h3 { color: #2C2C2E; font-size: 24px;line-height: 31px;margin-bottom: 10px; font-family: Gilroy-Bold,sans-serif;}
.pro-series-content p {color: #3A3A3C;opacity: 0.8;}
.pro-series-row .btn {min-width: 238px; padding: 16.5px;}

.diagram-section_wrap{background:url(diagram-bg.jpg) no-repeat center; background-size:cover; padding:230px 0;}
.diagram-section_row { display: flex; align-items: center; justify-content: space-between;}
.diagram-section_img {  width: 50%;}
.diagram-section_img img{max-width:457px; width:100%;}
.diagram-section_content { width: 45.1%;}
.diagram-section_content h2:before {content: ""; max-width: 505px;width: 100%; height: 1px; background: #fff; display: block;  margin-bottom: 48px;}
.diagram-section_content h2{letter-spacing: -1.2px; margin-bottom:24px; font-size:36px; line-height:1.19;  color: #fff;}
.diagram-section_content h2 span{color:#FFC632; font-family: Gilroy-ExtraBold;}
.diagram-section_content p{color:#fff; margin-bottom:17px;}
.diagram-section_content p b{font-family: Gilroy-Bold;}


.f-h100 { height: 100vh; display: flex;align-items: center; justify-content: center;  text-align: center;}
.pro-full-h h2{letter-spacing: -1.2px;font-family: Gilroy-ExtraBold;color: #1C1C1E; font-size:60px; line-height:72px; margin-bottom:21px;}
.pro-full-h p{color: #3A3A3C;opacity: 0.8; font-size:36px; line-height:43px; margin:0}
.bg-yellow{background: transparent linear-gradient(180deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box;}
.bg-yellow-light{background: transparent linear-gradient(0deg, #F7F8F1 0%, #FFC632 100%) 0% 0% no-repeat padding-box;}
.orignal-jack-wrap{padding-top:135px; padding-bottom:140px;}
.orignal-jack-head {text-align: center;}
.orignal-jack-head h2 { font-size: 60px; line-height: 72px; color: #1C1C1E; font-family: 'Gilroy-Regular'; margin-bottom: 17px;}
.orignal-jack-head h2 span { color: #FFC632;font-family: 'Gilroy-ExtraBold';}
.orignal-jack-head h4 { font-size: 36px; color: #1C1C1E; line-height: 43px; margin-bottom: 25px;}
.orignal-jack-head h4 b { font-family: 'Gilroy-ExtraBold';}
.orignal-jack-head p { font-size: 24px; line-height: 36px;  color: #3A3A3C; opacity: 0.8;}
.orignal-jack-head p b{font-family:Gilroy-Bold,sans-serif}
.jack-key-wrap {display: flex;margin: 0 -9px; margin-top: 37px;}
.jack-key-wrap .item { width: 25%; padding: 0 9px;}
.jack-key-single { height: 100%; background: rgba(0,0,0,0.05); border-radius: 10px;display: flex; align-items: center;padding:20px 18px;}
.jack-key-single p { margin: 0; font-size: 16px; color: #737274;}

.jack-key-single img { margin-right: 20px;}

.jack-table table {width: 100%; border-collapse: unset; border-spacing: 0 5px; margin-bottom:10px;}

.jack-table table tr th {font-size: 16px; line-height: 24px;  padding: 10px 0; color: #1C1C1E; opacity: 0.8; text-align:center; font-family: 'Gilroy-Bold';}
.jack-table table tr td { padding: 18px 20px 20px;  background: rgba(28, 28, 28, 0.05);font-size: 16px; text-align:center;font-family: 'Gilroy-Bold'; line-height: 24px;}
.jack-table table tr.bg-dark td{background: #272727; color: rgba(255,255,255,0.8);}
.jack-table table tr.text-red td{color:#B92626}
.jack-table table tr.text-blue td{color:#2C4881}
.jack-table table tr.text-green td{color:#3B9C75}
.jack-table table tr th:first-child, .jack-table table tr td:first-child {text-align: left;}

.jack-table table tr th:last-child {text-align: right;}
.jack-table table tr td:first-child {border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.jack-table table tr td:last-child {border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
.jack-table h4 {text-align: center; color: #3A3A3C; opacity: 0.8;font-size: 16px; line-height: 24px;}
.jack-comp-img {display: flex;}

.jack-comp-img img {width: 25%;}

.jack-comp-w .title { font-size: 36px;line-height: 43px; text-align: center; color: #1C1C1E;margin-bottom: 38px;}
.jack-comp-w .title b{font-family: Gilroy-ExtraBold;}
.jack-comp-w { padding-top: 66px;border-top: 1px solid #1C1C1E; margin-top: 76px;}

.pro-analyze-wrap{background: #272727; padding:160px 0;}
.pro-analyze-row { display: flex; justify-content: space-between;}
.pro-analyze-content { width: 46.5%;}
.pro-analyze-content h2:before{content: ""; max-width: 505px;width: 100%; height: 1px; background: #fff; display: block;  margin-bottom: 36px;}
.pro-analyze-content h2{font-size:36px; line-height:43px; color:#fff}
.pro-analyze-content h2 span{color:#FFC632; font-family: Gilroy-ExtraBold;}
.pro-analyze-content h4{font-size:24px; color: #F8F9F0; line-height:36px; margin-bottom:36px;}
.pro-analyze-content h4 b{ font-family: Gilroy-ExtraBold;}
.pro-analyze-content .btn { min-width: 270px; padding: 16.5px;}
.pro-analyz-img {  width: 46.5%;}
.pro-competitor-row {display: flex; flex-wrap: wrap; margin: 0 -9px; margin-top: 29px;}
.single-competitor { width: 33.33%; overflow: hidden; padding: 0 9px;margin-bottom: 36px;}
.single-competitor p { color: #FFFFFF;opacity: 0.4;font-size: 18px;  line-height: 24px;  margin-bottom: 10px;}
.single-competitor h3 {color: #fff;opacity: 0.8; font-size: 24px;line-height: 31px; font-family: Gilroy-ExtraBold; max-width: 105px; margin-bottom: 6px;}
.single-competitor h5 { color: #FFFFFFDE;opacity: 0.8; margin:0; font-size: 36px; line-height: 43px; padding-bottom:16px; border-bottom:1px solid #fff; font-family: Gilroy-Regular,sans-serif;}
.single-competitor-img {border-bottom: 1px solid #2C4881; margin-bottom: 15px;}
.single-competitor-img.red{border-color:#B92626}
.single-competitor-img.green{border-color:#3B9C75}
.single-competitor-img img { margin-left: -27%;}



.pro-specifications{position: relative;  z-index: 2;  padding: 132px 0;}
.pro-specifications .collection-faq-content ul.accordion>li{border-bottom:1px solid #FFC632}
.pro-specifications .collection-faq-content ul.accordion>li:first-child{border-top:1px solid #FFC632}
.ab-industry-wrap.pro-standards { margin-bottom: 161px;}
.ab-industry-wrap.pro-standards:before{display: none;}
.pro-standards .ab-industry-content p{margin-bottom:28px;}

.advantage-wrap {position: relative; z-index: 2;  background: #1C1C1E; padding: 245px 0;}
.advantage-wrap:before{content:''; width:100%; height:100%; position: absolute; top:0; left:0;  background:url(https://cdn.shopify.com/s/files/1/2149/6413/t/58/assets/advantage-bg.png?v=1678875349) no-repeat center left; background-size: contain;}
.advantage-row{display:flex; align-items:center; justify-content:space-between;}
.advantage-img{width:50%;}
.advantage-img img{ max-width: 100%;}
.advantage-content{width:45.1%;}
.advantage-content h2:before {content: ""; max-width: 505px;width: 100%; height: 1px; background: #fff; display: block;  margin-bottom: 26px;}
.advantage-content h2{letter-spacing: -1.2px; margin-bottom:20px; font-size:60px; line-height:72px; font-family: Gilroy-ExtraBold; color: #fff;}
.advantage-content h2 span{color:#FFC632}
.advantage-content p{color:#fff; margin-bottom:30px;}
.advantage-content a:hover {color: #ffe63d; opacity:1}
.advantage-content a{color:#fff; font-family: Gilroy-Bold; font-weight:normal; }
.link{font-family: Gilroy-Bold; font-weight:normal}
.pro-faq-wrap {position: relative;  z-index: 2;  padding: 134px 0;padding-bottom: 85px;}
.pro-faq-wrap .collection-faq-content ul.accordion>li{border-bottom:1px solid #FFC632}
.pro-faq-wrap .collection-faq-content ul.accordion>li:first-child{border-top:1px solid #FFC632}
.pro-advanced-container .custom-slide .item{padding-top:10px;}


div#hidden-content {width: 100%;background: #fff;border-radius: 10px; padding: 70px 0;}
.modal-head {margin-bottom:65px;}
.modal-head h2 { font-size: 60px; line-height: 1.2; color: #1C1C1E;  font-family: 'Gilroy-ExtraBold';margin-bottom: 21px;}
.modal-head p { font-size: 24px; color: #000000DE; opacity: 0.8; line-height: 36px; margin-bottom: 20px;}
.modal-factor{margin-bottom:43px;}
.modal-factor h2 {color: #1C1C1E; font-size: 24px;line-height: 31px;}
.modal-factor h2 strong, .modal-factor p b { font-family: Gilroy-Bold;}
.modal-factor p { font-size: 16px; line-height: 1.5; margin-bottom:10px; color: #000000DE;opacity: 0.8;}
.modal-factor-row { border: 1px solid #FFC70E; margin-top:23px;  border-radius: 10px; padding: 17px 20px; display: flex;justify-content: space-between;}

.modal-factor-row .col-4 { width: calc(33.33% - 10px);}
.modal-factor-row h3 { font-size: 18px;  line-height: 31px; border-bottom: 1px solid #FFC632;  margin-bottom: 5px;}
.modal-factor-row h3 strong{font-family: Gilroy-Bold;}
.modal-factor-row h3~h3{margin-top:30px;}
.modal-factor-row table {  width: 100%; border-collapse: collapse;}
.modal-factor-row table tr td{border-bottom:1px solid #CEDAE6; color: #000000DE;opacity: 0.8; padding:6px 0;}
.modal-factor-row table tr td span{color: #000000DE;opacity: 0.4;}
.modal-factor-row table tr td:last-child{text-align:right}
.modal-factor-row table tr td .progress-bar {background: transparent linear-gradient(92deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box; height:15px; display:block;}
.modal-factor-row  .progress tr td:first-child{min-width:62px; width:62px; }
.modal-factor-row ul {list-style: none;padding: 0;  margin: 0;}
.modal-factor-row ul li{color: #000000DE;opacity: 0.8; margin-bottom:10px;}
.modal-factor-row ul li img{display:block; margin-top:15px;}
.modal-factor-row .h3c { max-width: 160px;}
.modal-factor-row ul.count-2 {display: flex; flex-wrap: wrap;}
#hidden-content button.f-button { background: transparent; cursor:pointer; border: none; padding: 0; position: absolute; right: 20px;  top: 20px;}
.modal-factor-row ul.count-2 li { width: 50%; margin-bottom: 14px;}
.modal-factor-row ul.count-2 li img {max-width: 160px; margin-top:5px;}
img.gas { max-width: 62PX; margin-top: 13px;}
#hidden-content button.fancybox-button.fancybox-close-small {  display: none;}
.ab-other-wrap.pro-advanced-container {padding-bottom: 11px;}

.pro-footer-text {  position: relative;  z-index: 2;}

.pro-footer-text p { font-size: 14px;line-height: 21px;color: #1C1C1E;  opacity: 0.4; margin-bottom: 10px;}
.pro-footer-text p:first-child { border-top: 1px solid #CEDAE6;padding-top: 18px;}

.pro-faq-wrap .mobile-sho .btn { margin-top: 30px; width: 100%;  min-width: 100%;}

.pro-faq-wrap .mobile-sho { width: 100%;}
.mobile-sticky-btn{display:none}

.premiumstarin-pro .product-l-text h1{margin-bottom:20px;}
.ab-industry-wrap.pro-standards.pro-premium-starin{margin-bottom:12px;}
.premium_fector_wrap{padding-bottom:0}
.collection-premium-featured-wrap .dots {  max-width: 227px; position: absolute; right: 0;top: 23%;}
.ab-product-wrap.native-product-wrap{background:url(native-pro-bg.jpg)no-repeat right bottom; background-size:cover;}
.native_fector_wrap{    background: #151f17; padding-bottom:0}
.single_factors_card p .icon {  min-width: 22px; margin-right: 10px;  vertical-align: middle; display: inline-block;}


/* account page css*/
.page-order-history header.header_wrap{position:absolute; width:100%; top:0; left:0}
.ab-account-wrap{position:relative; z-index:2; padding-top:233px;}
.ab-account-wrap:before {content: ""; position: absolute;  top: 0; left: 0; width: 100%; height: 570px; background: url(yellow-inner-bg.svg) no-repeat left bottom; background-size: cover;}
.ab-account-row { display: flex; position:relative; z-index:2; flex-wrap: wrap; justify-content: space-between;}
.ab-account-left { width: 45%;}
.ab-account-left  h1{color: #1C1C1E; font-size:60px; line-height:90px; font-family:Gilroy-Black; margin:0; margin-bottom: 12px;}
.ab-account-right {  width: 50%;}
.ab-account-left .btn{max-width:136px;    min-width: auto ; width:100%; padding:16px;}
.ab-account-right h4 {color: #2C2C2E;  font-size: 21px;line-height: 31px;  font-family: Gilroy-Bold,sans-serif;margin-bottom: 40px;}
.order-card {background: #fff; border-radius: 10px; padding: 20px 20px 3px; margin-bottom: 20px;}
.order-card h5 {font-size: 16px; letter-spacing: -0.13px; margin-bottom:15px; color: #3A3A3C; text-transform: uppercase; line-height: 20px; font-family: Gilroy-Bold,sans-serif;}
.order-card h5 span {font-family: Gilroy-Regular,sans-serif; margin-left: 20px;}
.order-card table { width: 100%; border-collapse: collapse;}
.order-card table td { border-top: 1px solid rgba(58, 58, 60, 0.2);padding: 17px 0; letter-spacing: -0.13px;color: #3A3A3C;font-size: 16px; line-height: 20px;}
.order-card table tr td:last-child { text-align: right;}
.page-order-history{ background: #F7F8F1;}
.page-order-history footer.footer_wrap{background:transparent}
.page-order-history footer.footer_wrap:before{display:none}



/* page catalog css*/
.ab-catalog-wrapper { background: transparent linear-gradient(0deg, #F8F9F0 0%, #FFC632 50%, #FFC632 100%) 0% 0% no-repeat padding-box;padding-top: 167px; position:relative; z-index:2;}
.ab-catalog-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 518px;
    background: url('//abstraxhops.com/cdn/shop/t/125/assets/inner-banner.svg?v=169178173696057726121763511630') no-repeat left bottom;
    background-size: cover;
}
.ab-catalog-row { display: flex;flex-wrap: wrap;flex-direction: row-reverse;align-items: center;padding-bottom: 85px; padding-left: 119px;}
.ab-catalog-img { width: 43%;}
.ab-catalog-content {width: 57%;}
.ab-catalog-content h1 {font-size: 96px;line-height: 1;font-family: Gilroy-ExtraBold;color: #1c1c1e; margin: 0;   margin-bottom: 5px;}
.ab-catalog-content p { font-size: 36px; line-height: 54px;  color: #3A3A3C; opacity: 0.8;  margin-bottom: 22px;}
.ab-catalog-wrapper .lg-cont {max-width: 1400px;}
.ab-catalog-content .btn-black { background: #000; color: #fff;  max-width: 215px; text-align: center; width: 100%;}
.ab-catalog-terpene-row { padding: 159px 0 120px;  display: flex; flex-direction: row-reverse;  justify-content: space-between;}
.ab-catalog-terpene-content {  width: 46.5%;}
.ab-catalog-terpene-img {  width: 46.5%;}
.ab-catalog-terpene-content h2:before { content: "";  max-width: 100%; width: 100%; height: 1px; background: #272727;  display: block;  margin-bottom: 26px;}
.ab-catalog-terpene-content h2 {letter-spacing: -1.2px;margin-bottom: 20px;font-size: 60px;line-height: 1; font-family: Gilroy-ExtraBold; color: #272727}
.ab-catalog-terpene-content p{color:#272727;opacity:80%; margin-bottom:24px;}
.ab-catalog-terpene-content p b{font-family:Gilroy-Bold,sans-serif}
.ab-catalog-terpene-content a.btn {  max-width: 208px; width: 100%; display: block;  padding: 17px;}
.a-catalog-bannerf{background:url(catalog-f-banner.jpg)no-repeat center top;    background-size: cover;  min-height: 904px; position: relative; z-index: 2;  display: flex; align-items: center; }
.a-catalog-bannerf-content h2{font-size:60px; line-height:1; margin-bottom:15px; color:#fff; font-family: Gilroy-ExtraBold;}
.a-catalog-bannerf-content p{color:#fff;opacity:80%; margin-bottom:24px; font-size:36px; line-height:54px;}
.a-catalog-bannerf-content { max-width: 860px;}
.a-catalog-bannerf .container { width: 100%;}
.a-catalog-bannerf-content  .btn {  background: transparent; padding: 17px; min-width: 160px;}
.a-catalog-bannerf-content  .btn:hover{background:#fff; color:#000}


/* page research css*/
.our-research-banner{position:relative; z-index: 2; background:url(research-banner.jpg)no-repeat center; background-size:cover; height:875px; display: flex;align-items: center; justify-content: center; text-align: center;}
.our-research-banner:before{content: ""; width:100%; position: absolute; height:100%; display:block; top:0; left:0;background: transparent; background: linear-gradient(180deg, #3A3A3C00 0%, #3A3A3C 100%) 0% 0% no-repeat padding-box;}
.our-research-banner h1{color: #FFFFFF; font-size:96px; line-height:82px; font-family: Gilroy-ExtraBold; margin-bottom:6px; }
.our-research-banner p{color: #FFFFFF; opacity: 1; font-size:24px; line-height:30px; margin:0}
.our-research-banner .container{position:relative; z-index:2}     
.our-research-banner .down-btn{position: absolute;  bottom:12%; left:50%; transform:translateX(-50%); z-index: 1;}
.our-research-content-wrap{background: #3A3A3C; position:relative; z-index: 2;  padding-top:0px; margin-top: -30px; padding-bottom:97px;}
.our-research-content{border-top:1px solid #fff; border-bottom:1px solid #fff; padding-top:67px; padding-bottom:67px; text-align:center;}
.our-research-content h2{max-width:686px; margin:0 auto 22px;; font-size:60px; line-height:72px; color:#fff;     font-family: Gilroy-ExtraBold;}
.our-research-content h2 span{color:#FFC632}
.our-research-content p{color: #FFFFFF;opacity: 0.8; max-width:681px; margin:0 auto;}
.ab-case-studies-wrap{padding-top:52px; padding-bottom:129px; background:#3A3A3C; position:relative; z-index: 2;}
.ab-case-studies-wrap h2{color:#fff; font-family:Gilroy-ExtraBold; font-size:60px; line-height:72px; margin-bottom:24px;}
.ab-case-studies-row{ display: flex; flex-wrap: wrap; margin-left: -11px; margin-right: -11px;}
.ab-case-studies-row .item { padding: 0 11px; margin-bottom: 22px; width: 33.33%;}
.ab-case-studies-row .single-case-studies { background: rgba(255,255,255,0.05); width: 100%; border-radius: 10px; overflow: hidden;padding: 0 0 20px;  height: 100%; display: flex; flex-direction: column;align-items: flex-end; justify-content: space-between;}
.ab-case-studies-row .single-case-studies .img { width: 100%;}
.ab-case-studies-row .single-case-studies .img>a {padding-top: 51.5%;display: block; background-size: cover;  background-position: center;}
.ab-case-studies-row .single-case-studies .content { padding: 15px 20px 4px;}
.single-case-studies h4 {  color: #fff; font-family: Gilroy-Bold;  font-size: 24px;  line-height: 1.29; margin: 0 0 12px;}
.single-case-studies h6 {color: #fff; font-family: Gilroy-Regular,sans-serif;font-style:italic;font-size: 16px;line-height: 1.5; margin: 0 0 12px; opacity: 0.8;}
.single-case-studies p {font-size: 14px;line-height: 1.5;margin-bottom: 6px; color: #fff;}
.single-case-studies .link { text-align: right;display: inline-flex;align-items: center; margin-right: 20px; color:#fff;letter-spacing: -.13px; font-family: Gilroy-Bold;}
.single-case-studies .link img {display: inline-flex;align-items: center;margin-left: 8px;}
.ac-collaborations-wrap{margin-top:129px;}
.ab-case-studies-row .single-case-studies .content h5 { font-size: 12px;line-height: 25px; color: #fff; color: #FFFFFF;opacity: 0.4; margin-bottom: 19px;}
.ab-case-studies-row .single-case-studies .imgd>a {padding-top: 45%;display: block; position:relative; }
.ab-case-studies-row .single-case-studies .imgd>a img {position: absolute;  top: 50%; left: 50%;  transform: translate(-50%, -50%);}
.ac-collaborations-wrap .single-case-studies .content{padding-bottom:27px;}

.ab-patents-wrap { padding-top: 135px; position: relative; z-index: 2; padding-bottom: 139px; background: url(ab-patent-bg.jpg) no-repeat center;  background-size: cover;}
.ab-patents-wrap:before{content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background: transparent linear-gradient(180deg, #F8F9F100 0%, #F8F9F1 100%) 0% 0% no-repeat padding-box;}
.ab-patents-wrap .container {  position: relative; z-index: 2;}
.ab-patents-wrap h2 { font-size: 60px; line-height: 72px; font-family: Gilroy-ExtraBold;margin-bottom: 24px;color: #1C1C1E;}
.ab-patents-row { display: flex; flex-wrap: wrap;}
.ab-patents {width: 49%;background: #fff;border-radius: 10px; }
.ab-patents .content{padding: 30px 20px 20px;}
.ab-patents h3 { font-size: 24px;line-height: 31px; color: #1C1C1E;margin-bottom: 6px;font-family: Gilroy-Bold;}
.ab-patents h6 {color: #1C1C1E; opacity: 0.4; font-size: 16px;line-height: 1.5; margin-bottom: 12px;}
.ab-patents p {color: #1C1C1E;font-size: 14px;line-height: 19px; margin-bottom: 37px;}
.ab-patents .link {text-align: right;display: inline-flex; align-items: center; margin-right: 0; letter-spacing: -.13px;  font-family: Gilroy-Bold;}
.ab-patents-white{margin-top:146px}
.ab-patents>a {display: block;}
.ab-patents-white .ab-patents .content{padding: 20px 20px 20px;}
.ab-patents-white .ab-patents p{margin-bottom:20px}
.ab-patents>a img { width: 100%; height: auto; display: block;}
.research-got-wrap{ position: relative; }
.research-got-wrap:before{content:''; width:500px; height:500px; background:url(got-re-left.png)no-repeat center; background-size:contain;     z-index: 2; position:absolute; left:0; top:-20px}
.research-got-wrap:after{content:''; width:525px; height:163px; background:url(got-re-right.png)no-repeat center; background-size:contain;     z-index: 2; position:absolute; right:0; bottom:76px}
.research-got{padding-top:68px; text-align:center; padding-bottom:81px; position: relative; z-index: 2; border-top:1px solid #1C1C1E; border-bottom:1px solid #1C1C1E}
.research-got h2{ font-size: 60px; line-height: 72px; font-family: Gilroy-ExtraBold;margin-bottom: 24px;color: #1C1C1E;}
.research-got  p { font-size: 16px;line-height: 1.5; max-width: 681px; margin: 0 auto 27px;color: #3a3a3c;  opacity: .8;}

/* page about css*/
.ab-yellow-grad{background: transparent linear-gradient(180deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box; position: relative; z-index: 2;}
.ab-about-wrap{padding-top:241px; height:941px; text-align:center; position: relative;}
.ab-about-wrap:before{content:''; width:100%; height:941px; background:url(https://cdn.shopify.com/s/files/1/2149/6413/t/58/assets/about-bg-vector.svg?v=1680846176)no-repeat center bottom; background-size:cover; position:absolute; top:0; left:0}
.ab-about-wrap .container{position:relative; z-index:2}
.ab-about-wrap h2{color: #1C1C1E; font-size:96px; line-height:1; margin-bottom:7px;font-family: Gilroy-ExtraBold;}
.ab-about-wrap h2 span{color: #FFDD3A;}
.ab-about-wrap p{font-size:24px; line-height:36px; color: #3A3A3C;opacity: 0.8; max-width:375px; margin:0 auto 30px;}
.ab-about-wrap .btn{min-width:162px;}
.ab-cannabis-row {display: flex;align-items: center; flex-direction:row-reverse; border-bottom:1px solid #1c1c1e; flex-wrap: wrap; padding:60px 0;}
.ab-cannabis-content { width: 50%;}
.ab-cannabis-img { width: 50%;}
.ab-cannabis-content h2{color: #1C1C1E; font-size:60px; line-height:1; font-family: Gilroy-ExtraBold; margin-bottom:25px;}
.ab-cannabis-content p{letter-spacing: -0.24px;color: #3A3A3C; opacity:80%; margin-bottom:26px;}
.ab-cannabis-content .btn{padding:16.5px;}
.ab-about-featwrap{padding-bottom:142px;}
.ab-about-feat-row{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding-top:35px; padding-bottom:35px;}
.ab-about-feat-img{width:50%; }
.ab-about-feat-content{width:46%;}
.ab-about-feat-content h2{color:#1C1C1E; font-size:60px; font-family: Gilroy-ExtraBold; line-height:1.21; margin-bottom:26px;}
.ab-about-feat-content p{color: #3A3A3C;opacity: 0.8; margin-bottom:25px;}
.ab-about-feat-content p strong{font-family: 'Gilroy-Bold';}
.ab-about-feat-content .btn{padding:16.5px;}
.container .ab-about-feat-row:nth-child(even){flex-direction:row-reverse;}
.container .ab-about-feat-row:nth-child(even) .ab-about-feat-content {
    width: 50%;
}
.container .ab-about-feat-row:nth-child(even) .ab-about-feat-img {
   width: 46%;
}
.container .ab-about-feat-row:last-child{border-bottom:1px solid #1c1c1e}

.about-trust-wrap{padding:241px 0; background:#3A3A3C; position:relative}
.about-trust-wrap:before{content:''; width:440px; height:383px; background:url(about-trust-hexagono-b.png)no-repeat center; background-size:cover; position:absolute; right:51px; top:50px;}
.about-trust-wrap:after{content:''; width:314px; height:383px; background:url(about-trust-hexagono-a.png)no-repeat center right; background-size:cover; position:absolute; left:0; bottom:46px;}

.about-trust {background: #fff; position:relative; z-index:2; border-radius: 10px; padding: 66px 15px;text-align: center;} 
.about-trust h2 { color: #1C1C1E;font-size: 60px; line-height: 1;font-family: 'Gilroy-ExtraBold'; margin-bottom: 42px;}
.about-trust-row {display: flex;justify-content: center;flex-wrap: wrap;}
.about-trust-row .item { width: 179px; padding: 0 25px; margin-bottom: 12px;}
.about-trust-icon { width: 129px;  height: 129px;  display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.05);border-radius: 50%; margin-bottom: 16px;}
.about-trust-row .item p { font-size: 18px;color: #1C1C1E;margin: 0;font-family: 'Gilroy-Bold';}

.ab-team-wrap{padding-top:147px; position:relative; z-index:2; padding-bottom:64px; text-align:center}
.ab-team-wrap:before{content:""; width:100%; height:501px; position:absolute; top:0; left:0; display:block; background:url(about-team-bg.svg)no-repeat center top; background-size:cover;}
.ab-team-wrap h2{color: #1C1C1E; font-size:60px;line-height:1; margin-bottom:35px; font-family: 'Gilroy-ExtraBold';}
.ab-team-wrap .container{position:relative; z-index:2;}
.ab-team-row {display: flex; justify-content: center; margin: 0 -27.5px; padding-bottom: 19px;}
.ab-team-row .single-member {padding: 0 27.5px;margin-bottom: 20px;}
.ab-team-row .single-member img { margin-bottom: 26px; max-width: 180px;margin: 0 auto 26px; display: block;}
.ab-team-row .single-member p {font-family: 'Gilroy-Bold';font-size: 18px; line-height: 27px; margin: 0;}


.ab-about-featwrap-com .ab-about-feat-content h2{letter-spacing: -1.2px; border-top:1px solid #1C1C1E;; padding-top:36px;}
.ab-about-feat-content h2 span{color:#FFC632; display:block}
.ab-about-featwrap-com  .container .ab-about-feat-row:last-child{border:none}
 .about-video-wrap{background:transparent} 
.about-faq-wrap{padding-top:130px; background:transparent}
.about-faq-wrap .collection-faq-content ul.accordion>li:first-child{border-top:1px solid #FFC632}
.about-faq-wrap .collection-faq-content ul.accordion>li{border-color:#FFC632}


/* wholesale page css*/
.wholesale-wrap{background: transparent linear-gradient(180deg, #D3E1D3 0%, #D3E1D300 100%) 0% 0% no-repeat padding-box; position:relative; z-index:2}
.wholesale-banner{padding-top:222px; height:1077px; position:relative}
.wholesale-banner:before{content:''; width:100%; height:1077px; background:url(wholesale-banner-bg.svg)no-repeat center; background-size:cover; position:absolute; top:0; left:0}
.wholesale-banner .down-btn{position:absolute; bottom:173px; left:50%; transform:translateX(-50%);}
.wholesale-banner-row { display: flex; position:relative; z-index:1; justify-content: space-between;align-items: flex-start;}
.wholesale-content { width: 60%;}
.wholesale-img {width: 40%;}
.wholesale-content h1 { font-size: 96px;line-height: 1;margin-bottom: 18px; font-family: Gilroy-ExtraBold;}
.wholesale-content p {font-size: 36px; line-height: 54px;color: #3A3A3C; opacity: 0.8;margin-bottom: 29px;}
.wholesale-content .btn { min-width: 134px;}
.wholesale-img img { transform: scale(1.51);}
.benefits-wholesale-head h2{color: #1C1C1E; font-size:60px; font-family: Gilroy-ExtraBold; line-height:72px; margin-bottom:12px;}
.benefits-wholesale-head p{color: #3A3A3C;opacity: 0.8; max-width:750px; margin:0}
.benefits-wholesale-head{margin-bottom:30px;}
.benefits-wholesale-wrap{padding-bottom:140px;}
.benefits-wrap { display: flex;flex-wrap: wrap;margin: 0 -10px;}
.benefits-wrap .item {padding: 0 10px; width: 50%; margin-bottom: 20px;}
.benefits-wrap .single-benefit { background: #fff;border-radius: 10px; height:100%; min-height:241px; overflow:hidden; display: flex;}
.benifit-img {  width: 50.5%; /*background:rgba(0,0,0,0.05);*/}
.benifit-img img {width: 100%; height:100%; object-fit:cover; display: block;}
.benifit-icontent { width: 49.5%;}
.benifit-icontent {padding: 40px 20px 20px 18px;}
.benifit-icontent h3 { color: #1C1C1E; font-size: 24px;  line-height: 28px; font-family: 'Gilroy-Bold'; margin-bottom: 15px;}
.benifit-icontent p { color: #3A3A3C;opacity: 0.8;margin: 0; font-size: 16px;}

.ready-wholesale{background:url(wholesale-ready-bg.jpg)no-repeat center; background-size: cover;  position:relative; z-index:2; padding-top:236px; padding-bottom:236px; text-align:center}
/* .ready-wholesale .container{border-top:2px solid #fff; padding-top:80px;} */
.ready-wholesale .container:before {
    width: calc(100% - 40px);
    margin: 0 auto;
    display: block;
    height: 2px;
    background: #fff;
    content: '';
    margin-bottom: 80px;
}
.ready-wholesale h2{letter-spacing: -1.2px; font-size:60px; line-height:72px;  font-family: Gilroy-ExtraBold; color:#fff; max-width:700px; margin:0 auto 15px;}
.ready-wholesale h2 span{color:#F8C733}
.ready-wholesale p{color: #FFFFFF; font-size:36px; max-width:836px; margin:0 auto; line-height:54px; margin-bottom:29px}
.ready-wholesale .btn { min-width: 134px; background: transparent;}
.ready-wholesale .btn:hover{background:#fff}


/* isolate page css*/
.ab-product-wrap.bg-light, .fector_wrap.bg-light{background:#F7F8F1;}
.isolate-sample-get-wrap.proisolate-sample{background: #F7F8F1;}
.isoltae-featured-wrap.pro-isoltae-featured{background: #F7F8F1;}
.pro-isoltae-featured .collection-featured-wrap.collection-isoltae-featured-wrap{background: #F7F8F1;}
.product-l-text ul{list-style:none; padding:0}
.product-l-text ul li{color: #161F18; padding:16px 0; border-bottom: 1px solid rgba(44,44,46,0.2);}
.product-l-text ul li b, .product-l-text ul li strong{font-family:Gilroy-Bold}
.isolate_fector_wrap .fector_feat_wrap img{filter:inherit;}
.isolate_fector_wrap .fector_feat_wrap .item .d-flex>div .icon{background:rgba(44,44,46,0.05)}
.text-dark .fector_feat_wrap .item .d-flex>div p {color: #2C2C2E;}
.isolate_fector_wrap .fector_feat_wrap .item.w-100{width:100%;}
.text-dark .fector_feat_wrap .item h4{color:#2C2C2E; border-color:#2C2C2E}
.trep-neds-wrap { margin-top: 40px;}
.fector_feat_wrap .item.w-50{width:50%}
.trep-neds-wrap h2 {color: #2C2C2E;font-size: 48px;line-height: 58px; font-family: Gilroy-ExtraBold; margin-bottom: 29px;}
.trep-neds-row { display: flex; justify-content: space-between;}
.trep-neds-left { background: rgba(44,44,46,0.05);border-radius: 10px;padding: 19px 20px; display: flex;align-items: flex-start; justify-content: space-between;flex-direction: column;width: 65.2%;margin-bottom: 20px;}
.trep-neds-left img {max-width: 443px; margin: 40px auto; display: block;}
.trep-neds-left h5 { font-size: 18px; line-height: 31px;color: #2C2C2E; font-family: 'Gilroy-Bold';margin: 0;}
.trep-neds-left h5 span { font-size: 14px;line-height: 24px;color: #2C2C2E; opacity: 0.8; font-family: Gilroy-Regular,sans-serif;}
.trep-neds-right { width: 33%;}
.single-trep { background: rgba(44,44,46,0.05);border-radius: 10px;margin-bottom: 20px; padding: 19px 20px;}
.single-trep h5 {font-size: 18px;line-height: 31px;color: #2C2C2E;font-family: 'Gilroy-Bold';margin: 0; margin-bottom: 3px;}
.single-trep p { font-size: 14px;line-height: 24px; color: #2C2C2E;opacity: 0.8;font-family: Gilroy-Regular,sans-serif;  margin: 0;}
.fector_wrap.isolate_fector_wrap { padding-bottom: 70px;}
.isolate-collection-w h2.heading {
    color: #2C2C2E;
    font-size: 48px;
    line-height: 58px;
    font-family: Gilroy-ExtraBold;
}
.isolate-sample-get-wrap.proisolate-sample{padding-top:152px;}
.isolate-sample-get-wrap.proisolate-sample:before{width:201px; height:308px;  background: url(isolate-pro-feat-b.png)no-repeat center right;
    display: block;
    background-size: cover; top:0;}
  .pro-isoltae-featured  .coming-video-wrap.isoltae-video:after{bottom:auto;}
  .text-dark .fector_feat_wrap .item.w-50  h4{margin-bottom:10px;}
   .text-dark .fector_feat_wrap .item.w-50 p{font-size:14px;}
.pro-isoltae-featured .video-box .playpause {
    text-align: center;
    margin: 0;
    top: 50%; 
    transform: translate(-50%, -50%);
}
.pro-isoltae-featured .video-box:after{display:none}

/* ai product page css*/
.ab-product-wrap.ab-ai-product-wrap .product-l-img .product-image .item {width: 80%;margin: 0 auto;display: block;}
.ab-product-wrap.ab-ai-product-wrap{background:#F7F8F1; position:relative;}
.ab-product-wrap.ab-ai-product-wrap:before{content:''; width:414px; height:894px; position:absolute; bottom:-38%; left:0; background:url(smoke-colored-pink-and-blue-al-terp-pro.png)no-repeat center right; background-size:cover;}
.text-dark .product-l-text h5{color:#272727}
.text-dark .product-l-text h1, .text-dark  .product-l-text p{color:#272727}
.text-dark .product-l-text .a-pro-icon span{color:#272727}
.text-dark .product-slide ul.slick-dots li{border-color:#272727}
.text-dark .product-slide ul.slick-dots li.slick-active{background:#272727;}
.ai-fecto_wrap{background:#F7F8F1}
.text-dark .fector_head h2, .text-dark .fector_head p{color:#272727}
.factors_card .col-12{width:100%}
.text-dark .single_factors_card h4, .text-dark .single_factors_card h5, .text-dark .single_factors_card h6, .text-dark .single_factors_card p{color:#272727}
.text-dark  .single_factors_card {background: rgba(0,0,0,.05);}
.text-dark .product-slide .slick-arrow img { max-width: 11px;filter: invert(0);}

/* Tec Temper page css*/
.tec-temper-pro-wrap{position:relative; }
.tec-temper-pro-wrap:before{content:''; width:493px; left:0; bottom:-51%; z-index: 3; height:562px; position:absolute; background:url(tec-temper-t-b.png) no-repeat center right; background-size:cover;}
.tectemper-featured-wrap{background:#1C1C1E; padding-top:180px; padding-bottom:17px;}
.tectemper-featured-wrap .collection-featured-content h2{line-height:1.2}
.collection-featured-wrap.tectemper-featured-wrap:before{content:''; width:186px; top:57%; height:308px; background:url(tec-feat-b.png) no-repeat center right; background-size:cover;}
.collection-featured-wrap.tectemper-featured-wrap:after{content:''; width:157px; right:0; top:0%; height:545px; position:absolute; background:url(tec-feat-a.png) no-repeat center left; background-size:cover;}
.coming-video-wrap.tec-coming-video-wrap{background:#1C1C1E; position:relative; z-index:2; padding-bottom:163px;}
.tec-coming-video-wrap:before{content:''; width:225px; height:545px; display:block; position:absolute; bottom:-237px; right:0; background:url(tec-video-b.png) no-repeat center left; background-size:cover;}
.tectemper-featured-top{flex-direction:row-reverse; padding-top:79px; padding-bottom:79px; border-top:1px solid #fff; border-bottom:1px solid #fff}
.tectemper-featured-top .collection-featured-img img {max-width: 503px; width:100%;}
.tectemper-featured-wrap .collection-featured-row.row-equal .collection-featured-content{width:50%}
.tectemper-featured-wrap .collection-featured-row.row-equal .collection-featured-img {  width: 46%;}
.tectemper-featured-wrap  .collection-featured-row{margin-bottom:71px;}
.collection-featured-row.tectemper-featured-top.row-equal{margin-bottom:55px;}

/* sample aplication css*/

.smaple-application-banner {padding-top: 36px;  position: relative; z-index: 2;}
.smaple-application-banner .container{ position: relative; max-width:1400px;}
.smaple-application-banner-row {display: flex; align-items: center;}
.smaple-application-banner-content h1 { color: #1C1C1E; font-size: 96px; line-height: 90px;font-family: 'Gilroy-ExtraBold'; margin-bottom: 22px;}
.smaple-application-banner-content h1 span { color: #FFE63D;}
.smaple-application-banner-content p {color: #2C2C2E; margin:0; font-size: 24px; line-height: 36px;font-family: 'Gilroy-Bold';}
.smaple-application-banner-content {width: 39%;     padding-left: 112px;}
.smaple-application-banner-img {width: 64%;}
.smaple-application-banner-img img {width: 100%;}
.smaple-application-banner .down-btn{position:absolute; bottom:0; left:50%; transform:translateX(-50%);}                           
.smaple-application-wrap{position: relative; z-index: 2; padding-top:42px; padding-bottom:340px;}
.smaple-application-row { display: flex;flex-wrap: wrap;justify-content: space-between;}
.smaple-application-row h2 {width: 100%;color: #1C1C1E;font-size: 48px; margin-top:6px; line-height: 72px; font-family: 'Gilroy-ExtraBold';margin-bottom: 7px;}
.smaple-application-row  .form-group { width: calc(50% - 20px);margin-bottom: 17px;}
.smaple-application-row .form-control { width: 100%;border: 1px solid #272727;border-radius: 10px; height: 55px;background: transparent; letter-spacing: -0.12px; color: #1C1C1E; opacity: 0.5; padding: 5px 20px;font-family: 'Gilroy-Regular';}
.smaple-application-row .form-group label { font-size: 16px;letter-spacing: -0.13px; color: #1C1C1E;line-height: 20px; font-family: 'Gilroy-Bold'; margin-bottom: 11px; display: block;}
.smaple-application-row .w-100 { width: 100%;}
.smaple-application-row .w-100 .btn{margin-top: 31px; padding: 17.5px 54px;}
.smaple-application-row .form-control::-webkit-input-placeholder{letter-spacing: -0.12px; color: #1C1C1E; opacity: 0.5; font-family: 'Gilroy-Regular';}
.smaple-application-row .form-control::-moz-placeholder{letter-spacing: -0.12px; color: #1C1C1E; opacity: 0.5; font-family: 'Gilroy-Regular';}
.smaple-application-row .form-control:-ms-input-placeholder{letter-spacing: -0.12px; color: #1C1C1E; opacity: 0.5; font-family: 'Gilroy-Regular';}
.smaple-application-row .form-control::-ms-input-placeholder{letter-spacing: -0.12px; color: #1C1C1E; opacity: 0.5; font-family: 'Gilroy-Regular';}
.smaple-application-row .form-control::placeholder{letter-spacing: -0.12px; color: #1C1C1E; opacity: 0.5; font-family: 'Gilroy-Regular';}
.smaple-application-wrap:after{content:''; width:100%; height:453px; background:url(sample-waves.png) no-repeat center; background-size:cover; display:block; position: absolute;  bottom: 40px;}
.pro-faq-wrap.sample-aaplication-faq{padding-top:0; padding-bottom:96px;}

/* Faq page css*/
.at-faq-wrap{padding-top:186px; position:relative; z-index:2; margin-bottom:0;}
.at-faq-wrap:before {content: ""; position: absolute;  top: 0; left: 0; width: 100%; height: 518px; background: url('//abstraxhops.com/cdn/shop/t/125/assets/inner-banner.svg?v=169178173696057726121763511630') no-repeat left bottom;  background-size: cover;}
.at-faq-head h1{font-size: 96px;  line-height: 1; font-family: Gilroy-ExtraBold; letter-spacing: 0px; color: #1c1c1e; margin-bottom: 13px;}
.at-faq-head p{color: #3A3A3C;opacity: 0.8; margin-bottom:31px}
 .at-faq-head p a{font-family: 'Gilroy-Bold'; color: #3A3A3C; text-decoration:bold}            
.at-faq-head ul {list-style:none; padding:0; margin:0 -10px; display:flex; flex-wrap:wrap}
.at-faq-head ul li{font-size:16px; line-height:24px; padding:0 10px; letter-spacing: 0px;color: #1C1C1E; font-family: 'Gilroy-Bold'; text-transform: uppercase; margin-bottom:6px;}
.at-faq-head ul li a{color: #1C1C1E; opacity: 0.2; text-decoration:none; transition:0.5s ease all;}
.at-faq-head ul li a.active,  .at-faq-head ul li a:hover{opacity:1;}
.at-faq-row { margin-top: 60px; display: flex; padding-bottom:82px; border-bottom: 1px solid #1C1C1E; justify-content: space-between; position: relative; z-index: 98;}
.at-faq-heading h2 {color: #1C1C1E; font-size: 60px; line-height: 72px;font-family: 'Gilroy-ExtraBOld';}
.at-faq-heading { width: 48.5%;}
.at-faq-content {width: 47.82%;}
.at-faq-content ul.accordion { list-style: none; padding: 0; margin: 0;}
.at-faq-content ul.accordion>li {padding: 23px 0;  border-bottom: 1px solid #FFC632;}
.at-faq-content ul.accordion>li:first-child{border-top: 1px solid #FFC632;}
.at-faq-content ul.accordion>li>a { display: block; color: #1C1C1E; position: relative;  text-decoration: none; padding-right:23px; font-family: Gilroy-Bold,sans-serif; font-size:18px; line-height:32px;}
.at-faq-content ul.accordion>li>a:after{content:''; position: absolute; transition:0.5s ease all; top:50%; right:0; transform:translateY(-50%); display:block;  width:11px; height:7px; background:url(faq-arrow.svg) no-repeat center; background-size:contain;}
.at-faq-content ul.accordion>li>div{padding-top:16px;}
.at-faq-content ul.accordion>li>div p{color: #3A3A3C;opacity: 0.8; margin-bottom:22px;}
.at-faq-content ul.accordion>li>div p a{color:#FFC632; font-family: 'Gilroy-Bold'; text-decoration:underline;}
.at-faq-content ul.accordion>li>div p:last-child{margin-bottom:5px}
.at-faq-content ul.accordion>li.active>a:after{transform:rotate(180deg) translateY(50%);}
.at-faq-content ul.accordion>li>div ol{list-style:none}
.at-faq-content ul.accordion>li>div  li{color: #3A3A3C;opacity: 0.8; margin-bottom:22px;}
div#brewgas-series .at-faq-row:last-child{border-bottom:none}
.at-faq-find .ab-find-wrap{padding-bottom:0; border:none; position:relative; z-index:2; }
.mobile-show-f{display:none}
.mobile-show-f .link {
    font-size: 14px;
    text-decoration: underline;
}
.at-faq-list{margin-bottom:88px;}

/* science page css*/

.science-banner{ position:relative; z-index:2; overflow:hidden;}
.science-banner:before{content:''; width:100%; height:668px; position:absolute; top:0; left:0; background: transparent linear-gradient(0deg, #F8F9F000 0%, #FFC632 100%) 0% 0% no-repeat padding-box;}
.science-banner-content{text-align:center; padding-top:368px; padding-bottom:578px; position:relative; z-index:2}
.science-banner-content h1{color: #1C1C1E;  position:relative; z-index:3; font-size:96px; line-height:1; margin-bottom:8px;     font-family: Gilroy-ExtraBold;}
.science-banner-content p{color: #3A3A3C; position:relative; z-index:3; opacity: 0.8; font-size:24px; line-height:36px; margin:0;}
.science-banner .img-fluid.orange-h {position: absolute; z-index:1; left: 0;top: 159px;}
.science-banner .img-fluid.orange-f { position: absolute; z-index:1;  left: 234px; top: 574px;}
.science-banner .img-fluid.dioxinblur {position: absolute; z-index:1; right: -62px; top: 126px;}
.science-banner .img-fluid.dioxin { position: absolute; z-index:1; right: -81px;  top: 161px;}
.science-banner-content:before{content:''; height:1202px; width:624px; background:url(science-banner-b.png)no-repeat center right; background-size:cover; position:absolute; top:0; left:0; }
.science-banner-content:after{content:''; height:836px; width:647px; background:url(science-banner-a.png)no-repeat center left; background-size:cover; position:absolute; top:21%; right:0; }
.science-banner .down-btn{position: absolute; z-index:2; left: 50%; transform:translateX(-50%); bottom: 228px;}
.science-research-wrap{position:relative; z-index:2; padding-bottom:159px; }
.science-research-row { display: flex;align-items: center;justify-content: space-between;}
.science-research-content {width: 47%;}
.science-research-content h2 { font-family: 'Gilroy-ExtraBold';font-size: 60px;  line-height: 1; margin-bottom: 9px; color: #1C1C1E;}
.science-research-content p { color: #1C1C1E;  opacity: 0.8; margin-bottom: 22px;}
.science-research-content .btn { min-width: 148px;padding: 16.5px;}
.science-research-img {  width: 44%;}
.science-research-img img{width:100%;}
.science-yellow-bg{background: transparent linear-gradient(180deg, #FFC632 0%, #FFC933 21%, #FFE63D 41%, #F7F8F100 100%) 0% 0% no-repeat padding-box; position:relative; z-index:2;}
.science-what-row {display: flex; align-items: center; justify-content: space-between; padding:188px 0;}
.science-what-content { width: 47%;}
.science-what-img {  width: 44%;}
.science-what-img  img{width:100%;}
.science-what-content h2 {font-family: 'Gilroy-ExtraBold';font-size: 60px;  line-height: 1; margin-bottom: 9px; color: #1C1C1E;}
.science-what-content p { color:#2C2C2E;  opacity: 0.8; margin-bottom: 22px;}
.science-what-content .btn { min-width: 148px;padding: 16.5px;}
.science-quality{padding-bottom:50px;}
.science-quality .science-what-content p {color: #3A3A3C;}

.science-team-wrap { height: 903px; background:url(science-team-bg.jpg)no-repeat center top; background-size: cover; display: flex; align-items: center;}

.science-team-wrap .container {  width: 100%;}
.science-team-content { max-width: 512px; margin-left: auto;}
.science-team-content h2 {font-family: 'Gilroy-ExtraBold';font-size: 60px;  line-height: 1; margin-bottom: 13px; color: #1C1C1E;}
.science-team-content p {color: #1C1C1E; opacity: 0.8; margin-bottom: 22px;}
.science-team-content .btn { min-width: 148px;padding: 16.5px;}

/* infused product css*/
.infused-pro-wrap .product-l-text { width: 48%;}
.infused-pro-wrap .product-l-img {width: 51.2%;}
.infused-pro-wrap  .product-slide .item img { max-width: 336px; margin: 0 auto; width: 100%;display: block;}
.infused-pro-wrap .qty-flex-wrap~.pro-from{margin-top:0}
.ab-product-wrap.infused-pro-wrap.text-dark.bg-light { position: relative; padding-bottom: 235px;}
.infused-pro-wrap:before {content: ""; width: 100%; height: 896px; background: url(infuse-banner-bg.svg)no-repeat center top;display: block; background-size: cover; position: absolute; left: 0; top: 285px;}
.infused-pro-wrap:after {  content: ""; width: 210px; height: 562px; background: url(infused-banner-b.png)no-repeat center top; background-size: cover; position: absolute; display: block; left: 0;bottom: -38%;}
.infused-pro-wrap-banner{padding-bottom:35px;}
.ab-product-row, .infused-pro-wrap-banner .container{position:relative; z-index:2}
.infused-smaple-kit { padding-bottom: 124px;}

.infused-smaple-kit h2 { font-size: 60px; line-height: 60px; color: #1C1C1E; font-family: 'Gilroy-ExtraBold'; margin-bottom: 26px;}
.infused-smaple-kit-row { display: flex; flex-wrap: wrap; margin: 0 -9px;}
.infused-smaple-kit-row .item {  padding: 0 9px; width: 33.33%; margin-bottom:20px;}
.infused-single-smaple { height: 100%;  background: #fff; border-radius: 10px; padding: 0 20px 14px;}
.infused-single-img img {margin: 0 auto;display: block;  margin-top: 0;}
.infused-single-img { top: -21px; position: relative;}
.infused-single-smaple h2 {color: #FFC632; font-size: 32px;   line-height: 38px; margin-bottom: 12px;}
.infused-single-smaple .a-pro-icon>div span.icon { width: 24px; height: 24px; border-radius: 50%;padding: 4px; background:rgba(0,0,0,0.05); margin-left: 5px;}
.infused-single-smaple .a-pro-icon>div span.icon:first-child{margin-left:0}
.a-pro-icon>div~div span.icon img {
    margin: 0;
}
.infused-single-smaple p{color: #3A3A3C;opacity: 0.8; margin:0}

/* what we do page css*/
.terp-technology-wrapper{background: transparent linear-gradient(180deg, #FFC632 0%, #FFE63D 48%, #F7F8F100 100%) 0% 0% no-repeat padding-box; position:relative; z-index:2}
.terp-technology-wrapper:before{content:''; width:465px; height:806px; background:url(techno-dioxin-blur.png)no-repeat center left; position:absolute; background-size:cover; top:426px; right:0;}
.terp-technology-banner{position:relative;}
.terp-technology-banner:before {content: ""; position: absolute;  top: 0; left: 0; width: 100%; height: 667px; background: url('//abstraxhops.com/cdn/shop/t/125/assets/inner-banner.svg?v=169178173696057726121763511630') no-repeat left bottom;  background-size: cover;}

.terp-technology-banner-content {padding: 341px 20px 359px; text-align:center; position:relative;}
.terp-technology-banner-content h1{color: #1C1C1E; font-size:96px; line-height:1; margin-bottom:6px; font-family: Gilroy-ExtraBold;}
.terp-technology-banner-content p{color: #3A3A3C;opacity: 0.8; font-size:24px; line-height:36px; margin:0;}
.terp-technology-banner-content img.dioxin {max-width: 463px; position: absolute;top: 260px; left: 68px;}
.terp-technology-banner-content .down-btn{position:absolute; bottom:14px; left:50%; transform:translateX(-50%);}
.terpene-step-wrap { padding: 122px 0;}

.terpene-step-head { display: flex;align-items: center; justify-content: space-between; margin-bottom: 40px;}
.terpene-step-head h2 { color: #1C1C1E;font-size: 60px; line-height: 72px;margin: 0; font-family: Gilroy-ExtraBold;}

.terpene-step-head h2 span { min-width: 58px; margin-right: 10px; line-height: 103px;font-family: Gilroy-Regular,sans-serif; display: inline-block;}
.terpene-step-head a.down-btn {transform: rotate(180deg);}
.terpene-step-wrap { padding: 122px 0;}
.terpene-step-head {display: flex;align-items: center;  justify-content: space-between; margin-bottom: 40px;}
.terpene-step-head h2 {color: #1C1C1E; font-size: 60px; line-height: 72px; margin: 0;font-family: Gilroy-ExtraBold;}
.terpene-step-head h2 span {  min-width: 58px; margin-right: 10px; line-height: 103px;font-family: Gilroy-Regular,sans-serif; display: inline-block;}
.terpene-step-head a.down-btn { transform: rotate(180deg);}
.terpene-step-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 106px;}
.terpene-step-content {width: 50%;}
.terpene-step-img {width: 43%;}
.terpene-step-footer { display: flex;align-items: center; justify-content: space-between;}
.terpene-step-footer p { margin: 0;color: #1C1C1E;font-family: Gilroy-Bold;}
.terpene-step-content p {color: #3A3A3C;opacity: 0.8; margin-bottom: 20px;}
.terp-technology-green-gra{background: transparent linear-gradient(0deg, #D8E5D8 0%, #D8E5D8E6 48%, #F7F8F100 100%) 0% 0% no-repeat padding-box; position:relative; z-index:2;}
.terp-technology-green-gra-re{background: transparent linear-gradient(180deg, #D8E5D8 0%, #D8E5D8E6 48%, #F7F8F100 100%) 0% 0% no-repeat padding-box; position:relative; z-index:2;}
.terp-technology-yellowgra-re{background: transparent linear-gradient(0deg, #FFC632 0%, #FFE63D 48%, #F7F8F100 100%) 0% 0% no-repeat padding-box; position:relative; z-index:2; /*transform:scale(-1)*/}
/* .terp-technology-yellowgra-re .container{transform:scale(-1)} */
.terp-technology-yellowgra{background: transparent linear-gradient(180deg, #FFC632 0%, #FFE63D 48%, #F7F8F100 100%) 0% 0% no-repeat padding-box; padding-top:1px; position:relative; z-index:2}
.at-question-wrap{position:relative; z-index:2}
.at-question-wrap .ab-industry { padding-top: 68px;  padding-bottom: 81px;}
.ab-industry-content h2, .ab-industry-content h6, .ab-industry-content h4 { margin-bottom: 24px;}
.at-question-wrap:before, .at-question-wrap:after{display:none}
.at-succeed-wrap {margin: 86px auto 160px;background: #fff;  border-radius: 10px;  padding: 70px 15px 79px;text-align: center; position:relative;}
.at-succeed-wrap h2 {  max-width: 715px;margin: 0 auto;font-size: 60px;line-height: 1; margin-bottom: 23px;font-family: 'Gilroy-ExtraBold';}
.at-succeed-wrap p { max-width: 650px;color: #3A3A3C; opacity: 0.8; margin: 0 auto 25px;}
.at-succeed-wrap a.btn {   padding: 16.5px; margin-top:6px;}
.at-succeed-wrap img.ursinho-img { position: absolute;  right: 50px;top: -60px;}
.at-succeed-wrap img.ursinho-img2 {position: absolute;  right: -61px;top: 176px;}
.at-succeed-wrap img.ursinho-img3 {  position: absolute; bottom: 20px;  right: 176px;}
.at-succeed-wrap:before{content:''; display:block; width:741px; height:736px; background:url(succeed-dioxin.png)no-repeat center; background-size:cover; position: absolute;     top: -85px; left: -29%;}
.terp-technology-green-gra:before{content:''; content: ""; width: 524px; height: 866px; background: url(techno3-dio.png)no-repeat center right;display: block; background-size: cover; position: absolute; left: 0; top: 35%;}
.terp-technology-yellowgra-re:before{content:''; content: ""; width: 400px; height: 887px; background: url(techno8-dio.png)no-repeat center left;display: block; background-size: cover; position: absolute; right: 0; top: 0;}

.about-faq-wrap .mobile-sho .btn {  margin-top: 30px; width: 100%; min-width: 100%; display: block;}

.about-faq-wrap .mobile-sho { width: 100%;}


/* Quality and Complinace-page css */
.at-compliance-quality-wrap{position:relative; padding-top:186px; padding-bottom:160px;}
.at-compliance-quality-wrap:before { content: "";position: absolute; top: 0;left: 0; z-index: 1; width: 100%; height: 518px; background: url('//abstraxhops.com/cdn/shop/t/125/assets/inner-banner.svg?v=169178173696057726121763511630') no-repeat left bottom; background-size: cover;}
.at-compliance-quality-wrap:after{content:''; width:100%; height:898px; background: transparent linear-gradient(180deg, #FFC632 0%, #FFE63D 48%, #F7F8F100 100%) 0% 0% no-repeat padding-box; position:absolute; top:0; left:0}
.at-compliance-quality-wrap .container{position:relative; z-index:2}
.at-compliance-quality-head h1 {font-size: 96px;line-height: 1;  color: #1C1C1E;font-family: Gilroy-ExtraBold;}
.at-compliance-quality-head p{color: #3A3A3C;opacity: 0.8; font-size:24px; margin-bottom:34px; line-height:36px; padding-bottom:15px; border-bottom: 1px solid rgba(28,28,30,0.5);}
.at-compliance-quality-head h3 {color: #1C1C1E;font-size: 34px;line-height: 60px; font-family: 'Gilroy-Bold'; margin-bottom:12px;}
.at-compliance-quality-head ul {list-style:none; padding:0; margin:0 -10px; margin-bottom:20px; display:flex; flex-wrap:wrap}
.at-compliance-quality-head ul li{font-size:16px; line-height:24px; padding:0 10px; letter-spacing: 0px;color: #1C1C1E; font-family: 'Gilroy-Bold'; text-transform: uppercase; margin-bottom:6px;}
.at-compliance-quality-head ul li a{color: #1C1C1E; opacity: 0.2; text-decoration:none; transition:0.5s ease all;}
.at-compliance-quality-head ul li a.active,  .at-compliance-quality-head ul li a:hover{opacity:1;}
.at-compliance-quality-wrap .collection-faq-row { padding-top: 77px;}
.search-lot {display: flex;  margin-bottom: 46px; justify-content: space-between;}

.search-lot img { max-width: 34px;}

.search-lot .form-control { width: calc(100% - 39px); background: transparent; border: none; border-bottom: 1px solid #707070; color: #1C1C1E;  opacity: 0.4; font-size: 24px; line-height: 36px; font-family: Gilroy-Regular,sans-serif;}
.search-lot .form-control:focus{box-shadow:none; outline:none;}
.safty-acc .collection-faq-content ul.accordion>li { border-bottom: 1px solid #FFC632;}
.safty-acc .collection-faq-content ul.accordion>li:first-child{border-top: 1px solid #FFC632;}

.safty-acc  .collection-faq-content ul.accordion ul {padding: 0;list-style: none;}

.safty-acc .collection-faq-content ul.accordion>li>div li {
    padding: 12px 0;
    margin: 0;
    border-bottom: 1px solid rgba(28,28,30,0.2);
    font-size: 14px;
    line-height: 21px;
    opacity: 1;
}


.safty-acc .collection-faq-content ul.accordion>li>div li:last-child {
    border: none;
}

.safty-acc  .collection-faq-content ul.accordion>li>div li>a {
    color: #1C1C1E;
    text-decoration: underline;
    font-size: 14px;
}



.audited-wrapper{padding-top:160px; padding-bottom:120px; background: transparent linear-gradient(180deg, #D8E5D8 0%, #D8E5D8 48%, #F7F8F100 100%) 0% 0% no-repeat padding-box;}
.audited-head { max-width: 563px;margin-bottom: 23px;}
.audited-head h2 {font-size: 60px; line-height: 1;font-family: 'Gilroy-ExtraBold';margin-bottom: 22px; color: #1C1C1E;}
.audited-head p {color: #3A3A3C; opacity: 0.8; margin: 0;}
.audited-row {  display: flex;flex-wrap: wrap; margin: 0 -10px;}
.audited-row .item { width: 33.33%; padding: 0 10px;margin-bottom: 35px;}
.audited-single h3 { font-size: 24px; line-height: 36px; color: #1C1C1E;  font-family: 'Gilroy-ExtraBold';  padding-bottom: 13px; border-bottom:  2px solid #1C1C1E;  margin-bottom: 17px;}

.audited-single p { color: #3A3A3C; opacity: 0.8; margin-bottom: 20px;}
.audited-single .btn {  padding: 16.5px; min-width: 156px;}
.at-quality{margin-top:107px;}
.audited-row {  display: flex;flex-wrap: wrap; margin: 0 -10px;}
.audited-row .item { width: 33.33%; padding: 0 10px;margin-bottom: 35px;}
.audited-single h3 { font-size: 24px; line-height: 36px; color: #1C1C1E;  font-family: 'Gilroy-ExtraBold';  padding-bottom: 13px; border-bottom:  2px solid #1C1C1E;  margin-bottom: 17px;}

.audited-single p { color: #3A3A3C; opacity: 0.8; margin-bottom: 20px;}
.audited-single .btn {  padding: 16.5px; min-width: 156px;}
.at-quality{margin-top:107px;}
.at-quality-row { display: flex; margin: 0 -40px; flex-wrap: wrap;}
.at-quality-row .item {  width: 200px; padding: 0 40px;margin-bottom: 40px;}

.at-quality-single p {  font-size: 18px; color: #1C1C1E; line-height: 27px;text-align: center; font-family: 'Gilroy-Bold';}
.at-quality-single .icon {  width: 120px;  height: 120px; background: rgba(28, 28, 30,0.05);  border-radius: 50%;  display: flex; align-items: center; justify-content: center;margin-bottom: 12px;}

.at-compliance-wrap {height: 903px; background:url(compliance-packet-bg.jpg) no-repeat center; background-size: cover;display: flex;align-items: center;justify-content: flex-end;}
.at-compliance-wrap .container { width: 100%;}
.at-compliance-content { max-width: 503px;}
.at-compliance-content h2 {  font-size: 60px;line-height: 72px;letter-spacing: -1.2px; color: #fff; font-family: 'Gilroy-ExtraBold'; padding-top: 26px;border-top: 1px solid #fff; margin-bottom: 23px;}
.at-compliance-content h2 span {color: #FFC632;}
.at-compliance-content p {color: #fff;margin-bottom: 32px;}
.at-compliance-content .btn { background: transparent; min-width: 228px; padding: 16.5px;}
.at-compliance-content .btn:hover { background: #fff;}
.pro-specifications.pro-faq-wrap.quality-faq-wrap {
    padding-top: 160px;
    padding-bottom: 0;
}

/* header menu tooltip */
.menu-tooltip {
    max-width: 210px;
    background: #F8F9F0;
    min-width: 210px;
    padding: 10px 10px 7px;
    border-radius: 10px; position:absolute;
  opacity:0; visibility:hidden; border: .5px solid #cedae6 !important;
}
.megamenu-list-s .t-link{position:relative;}
.megamenu-list-s .t-link:hover .menu-tooltip, .megamenu-list-b li.t-link:hover .menu-tooltip{ opacity:1; visibility:visible;}
.megamenu-list-b li.t-link {
    position: relative;
  width: 93%;
}
.menu-tooltip img {
    width: 100%;
    margin-bottom: 9px; border-radius:10px; display:block;
}
.t-link .menu-tooltip a{text-decoration: none !important;}

.nav_element .t-link .menu-tooltip p {
    font-size: 12px;
    line-height: 18px;
    color: #636366; margin:0;
    font-family: Gilroy-Bold;
    text-transform: initial !important;
}
.menu-tooltip[flow^="left"] {
top: 50%;
    border-right-width: 0;
    left: -240px;
    transform: translateY(-50%);
}

.menu-tooltip[flow^="right"]{
top: 50%;
    border-right-width: 0;
    right: -240px;
    transform: translateY(-50%);
}
.megamenu-list-s>li ul li.t-link>a {
    padding: 4.5px 10px;
    border-radius: 7px;
    display: inline-block;
    margin: 0;
}
.megamenu-list-s>li ul li.t-link:hover>a {
    background: #F8F9F0;
}

.megamenu-list-s .t-link:hover>a{ background: #F8F9F0; padding: 4.5px 10px;
    border-radius: 7px;}

    .megamenu-list-b li a .menu-tooltip>a {
    padding: 0;
    background: transparent;
}

.megamenu-list-b li .menu-tooltip>a {
    display: block; min-width:auto;
    padding: 0;
}
.megamenu-list-b li.t-link:hover a{background: #F8F9F0;}
.megamenu-list-b li .menu-tooltip>a:hover {
    background: transparent;
}
/* Meet the team */
.meet-team-banner { position: relative;  z-index: 2;  text-align: center; margin-bottom:19px;}
.meet-team-banner-content{padding-top:337px; padding-bottom:337px; }
.meet-team-banner-content h1{color: #1C1C1E; font-size:96px; line-height:1; font-family: Gilroy-ExtraBold; margin-bottom:8px;}
.meet-team-banner-content p{ color: #3a3a3c; opacity: .8; font-size: 24px; line-height: 36px;margin: 0;}
.meet-team-banner:before{content:""; width:178px; height:243px; background:url(meet-abstrax-tech-hexagono.png)no-repeat center; background-size:cover;     top: 182px; right: 0;  z-index: 2;     right: 5%; display: block;position: absolute;}
.meet-team-banner:after{content:""; width:420px; height:383px; background:url(meet-abstrax-tech-hexagono2.png)no-repeat center right; background-size:cover;     bottom: -77px; left: 0;  z-index: 2;     right: 5%; display: block;position: absolute;}
.at-meet-researchwrap {height: 903px; background:url(meet-research-bg.jpg) no-repeat center; background-size: cover;display: flex;align-items: center;justify-content: flex-end;}
.at-meet-researchwrap .container { width: 100%;}
.at-meet-research-content { max-width: 503px;}
.at-meet-research-content h2 {  font-size: 60px;line-height: 72px;letter-spacing: -1.2px; color: #fff; font-family: 'Gilroy-ExtraBold';  margin-bottom: 16px;}
.at-meet-research-content h2 span {color: #FFC632;}
.at-meet-research-content p {color: #fff;margin-bottom: 30px;}
.at-meet-research-content .btn { background: transparent; min-width: 148px; padding: 16.5px;}
.at-meet-research-content .btn:hover { background: #fff;}

.meet-team-wrap{background: transparent linear-gradient(180deg, #D3E1D3 0%, #D3E1D300 100%) 0% 0% no-repeat padding-box; position:relative; padding-top:142px; padding-bottom:108px;}
.meet-team-wrap-head {text-align: center;margin-bottom: 40px;}
.meet-team-wrap-head h2 { font-size: 60px; line-height: 1.2;font-family: 'Gilroy-ExtraBold'; color: #1C1C1E;}
.meet-team-wrap-head h4 { font-size: 24px; line-height: 36px;color: #3A3A3C;  opacity: 80%; margin-bottom: 30px;}
.meet-team-wrap-head p { max-width: 900px;  margin: 0 auto; color: #3A3A3C; opacity: 0.8;}

.meet-team-row { background: #fff; border-radius: 10px; padding: 40px; margin-bottom:30px; min-height: 240px; display: flex;justify-content: space-between;}
.meet-team-left { width: 44.58%;}

.meet-team-right {  width: 55.2%;}
.single-team { display: flex; align-items: center;}
.single-team-img { max-width: 180px; width: 180px;}
.single-team-img img {  width: 100%;}

.single-team-info {  width: calc(100% - 180px);  padding: 0 30px;}

.single-team-info h3 { color: #1C1C1E;font-size: 24px;line-height: 36px; margin-bottom: 0; font-family: 'Gilroy-Bold';}
.single-team-info p {  color: #3A3A3C; opacity: 0.8; margin-bottom: 23px;}
.meet-team-right ol{margin:0; padding:0; list-style:none}
.meet-team-right ol li::before { content: counter(step-counter); color: #1C1C1E; font-size: 22px; display:flex; font-family: 'Gilroy-Bold'; align-items:center; justify-content:center; width:40px; height:40px; background: rgba(28,28,30,0.05);border-radius: 100px; position: absolute;
    left: 0;
    top: 0;}
.meet-team-right ol li{color: #3A3A3C;opacity: 0.8; min-height:40px; counter-increment: step-counter; position:relative; margin-bottom:30px; padding-left:55px;}
.meet-team-right ol li:last-child{margin-bottom:0}

.meet-team-wrap:before { content: "";width: 100%;height: 283px; position: absolute; top: 0; left: 0;  display: block;  background: url(about-team-bg.svg)no-repeat center top;  background-size: cover;}
.more-bio{ overflow: hidden;  transition: 1.5s ease all; width: 0; max-height: 0; }
a.link.hide-bio img {
    transform: rotate(180deg);
    vertical-align: middle; margin-left:0; margin-right:8px;
}
a.link.hide-bio{display:none}
.more-bio p{color: #3A3A3C; opacity: 0.8;}
.more-bio p:last-child{margin-bottom:0}
.category-unique-wrap.category-meet-unique-wrap {  background: transparent linear-gradient(180deg, #FFC632 0%, #FFE63D 48%, #F7F8F100 100%) 0% 0% no-repeat padding-box; position: relative;z-index: 2;}
.category-meet-unique-wrap .category-unique-content { width: 52%; }
.category-meet-unique-wrap .category-unique-img {  width: 46.5%;}
.category-meet-unique-wrap .category-unique-content a.btn{min-width:148px;}
 .meet-team-row.show-bio .single-team-img , .meet-team-row.show-bio .hide-click {
    width: 0;
    max-height: 0;
    transition: 1.5s ease all;
    overflow: hidden;
}
.meet-team-row.show-bio a.link.read-bio{display:none}
.meet-team-row.show-bio a.link.hide-bio{display:block}
.meet-team-row.show-bio .more-bio {
    width: auto;
    max-height: initial;
}
.meet-team-row.show-bio .single-team-info {
    width: 100%; padding:0; padding-right: 30px;
}
.meet-team-row.show-bio .meet-team-left {
    width: 30%;
}
.meet-team-row.show-bio .meet-team-right {
    width: 70.2%;
}

/* new search  css*/
button::-moz-focus-inner{padding:0;border:0;}
.desk-search_wrap{width:100%;position:fixed;top:0;background:#D8E5D8;left:0;pointer-events:none;visibility:hidden;opacity:0;-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);transform:translateY(-25px);-webkit-transition:opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;transition:opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;-o-transition:transform 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;transition:transform 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;transition:transform 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;z-index:-1;}
.desk-search_wrap .search-bar{max-width: 1120px; padding: 16px 20px; margin: 0 auto; display: block;}
.header__icon .icon.icon-search {
    display: block;
    max-width: 26px;
}
.desk-search_wrap .search-bar .form-control{border: none; border-bottom:1px solid #000000; background:transparent; -webkit-appearance: none; appearance: none; border-radius:0;  font-size: 24px;  line-height: 36px;  border-radius: 0px; height:64px; padding: 16px 0; width:100%;  color: #272727; opacity:40%}
.desk-search_wrap .search-bar .form-control:focus{-webkit-box-shadow:none;box-shadow:none;outline:none; }

.desk-search_wrap .search-i{background:transparent;border:none;color:#1C1919;cursor:pointer;font-size:1.25rem;-webkit-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all; position: absolute; right: 40px; top: 49px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 32px; height: 32px; border: 2px solid #000;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;border-radius: 50%;}
/* .desk-search_wrap .search-bar .search-i:hover{background: #FF7652;} */
.desk-search_wrap .search-i img{-webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
/* .desk-search_wrap .search-i:hover img{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);} */
.desk-search_wrap.active, details[open] .desk-search_wrap{visibility:visible;opacity:1;pointer-events:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);z-index:99999999999;}
.no-scroll{overflow: hidden;}
.search-bar .form-control::-webkit-search-cancel-button{position:relative;-webkit-appearance: none; appearance: none; width:22px; height:22px; cursor:pointer; /*background:url(https://cdn.shopify.com/s/files/1/0041/9758/0870/t/7/assets/close-pop.svg?v=136908373659702141621660107906)no-repeat center;*/ background-size:contain;} 
.no-scroll .page-overlay {opacity: 1; visibility: visible;}
.sticky .desk-search_wrap{top: 70px;}
.hidden {
    display: none;
}
button.reset__button.field__button {
    display: none;
}
summary::-webkit-details-marker {
    display: none
}
details summary::-webkit-details-marker,
details summary::marker {
 display: none; 
 content: "";
}

/* login page css*/
.customer.login { position: relative; background: #F7F8F1; padding: 222px 20px;}
.login-container { max-width: 399px;margin: 0 auto;}
.login-container h1 {  font-size: 60px;line-height: 72px;  text-align: center;  margin-bottom: 11px;font-family: 'Gilroy-ExtraBold'; color: #1C1C1E;}
.modal-login button.mfp-close {
    display: none !important;
}
.login-container .field label { letter-spacing: -0.13px; color: #1C1C1E; font-size: 16px; display: block; font-family: 'Gilroy-Bold'; line-height: 20px;margin-bottom: 11px;}
.login-container .field .form-control { height: 55px; border: 1px solid #272727;border-radius: 10px; width: 100%;  background: transparent; padding: 0 20px; color: #3A3A3C; font-family: Gilroy-Regular,sans-serif;opacity: 0.4;}
.login-container .field { margin-bottom: 25px;}
.login-container .btn {width: 100%;}
.login-container .d-flex.field { display: flex;justify-content: space-between;}
.login-container .field label.checkbox {  font-size: 14px; line-height: 20px;color: #1C1C1E;  font-family: Gilroy-Regular,sans-serif; margin:0;}
.login-container p { font-size: 14px; line-height: 20px;color: #1C1C1E; margin: 0;}
.login-container p a { color: #1c1c1e;  text-decoration: underline;}
label.checkbox input[type="checkbox"] { background: transparent;}

.modal-login{ background: #F7F8F1; width: 100%;  padding: 40px 20px; min-height:100vh;}

.fancybox-slide { padding: 0 !important;}

.modal-login  .modal-header { display: flex; justify-content: space-between; align-items:center;}
.modal-login .modal-body{ padding-top:132px;}
.modal-login .container { max-width: 1400px;}
.modal-login button.fancybox-button.fancybox-close-small { display: none !important;}
.modal-login .modal-header a#close img { width: 17px; display: block; max-width: 100%;  height: auto;}
.login-container .register-head p { font-size: 16px;  line-height: 24px; color: #2C2C2E;}

.accordion-item { border-bottom: 1px solid  #1C1C1E;}

.accordion-titel h2 { font-size: 18px; line-height: 31px;  color: #1C1C1E;  margin: 0; font-family: 'Gilroy-Bold'; padding: 20px 0; padding-right: 20px; position: relative;}

.accordion-contant { display: none;}
.accordion-titel.fa-plus:before { display: none;}
.modal-login  .accordion {margin-bottom: 29px;}
.accordion-titel h2:before{    content: ''; position: absolute; transition: 0.5s ease all; top: 50%;right: 0;  transform: translateY(-50%); display: block; width: 11px;  height: 7px; background: url(faq-arrow.svg) no-repeat center;background-size: contain;}
.accordion-titel.active h2:before{transform: rotate(180deg) translateY(50%);}
.accordion-contant .row {
    display: flex;
    justify-content: space-between;
}

.accordion-contant .row .field.w-50 {
    width: 48%;
}
/* learn page css*/
.learn-banner{position:relative; z-index:2; background: url(learn-banner-bg.png) no-repeat center; background-size: cover; }
.learn-banner:before{content:""; width:567px; display:block; height:1027px; background: url(learn-banner-b.png) no-repeat center right; background-size: cover; position:absolute; left:0; top:20px;}
.learn-banner:after{content:""; width:564px; display:block; height:985px; background: url(learn-banner-a.png) no-repeat center left; background-size: cover; position:absolute; right:0; top:0;}
.learn-banner-content {padding: 0 20px; position:relative;    padding-top:371px; padding-bottom:529px; text-align: center;}
.learn-banner-content:after{content:""; width:287px; display:block; height:528px; background: url(lkearn-banner-a2.png) no-repeat center left; background-size: cover; position:absolute; right:0; bottom: -60px;
    z-index: 2;}
.learn-banner-content h1{color: #272727;font-family: 'Gilroy-ExtraBold'; font-size:96px; line-height:1; margin:0}
.learn-banner-content p{color: #272727;opacity: 0.8; font-size:24px; line-height:36px; margin:0}
.learn-banner-content .down-btn{bottom:175px; position:absolute; left:50%; transform:translateX(-50%)}

.at-learn-faq{height: 889px; position:relative; z-index:2; background: url(learn-faq-bg.jpg) no-repeat center; background-size: cover; display: flex; align-items: center;  justify-content: flex-end;}
.at-learn-faq .container{width:100%;}
.learn-faq-content{ max-width: 503px; margin-left: auto;}
.learn-faq-content h2{color: #1C1C1E; font-size:60px; line-height:72px; font-family: 'Gilroy-ExtraBold'; margin-bottom:15px;}
.learn-faq-content p{color: #1C1C1E;opacity: 0.8; margin-bottom:30px;}
.learn-faq-content .btn{min-width:148px; padding: 16.5px;}
.at-learn-faq.learn-press{height: 900px; background: url(learn-press-bg.jpg) no-repeat center; background-size: cover; display: flex; align-items: center;  justify-content: flex-end;}
.page-learn footer.footer_wrap { padding-top: 48px;}
.at-learn-contact { position: relative; z-index: 2;height: 900px; background:#fff url(learn-contact-bg.png) no-repeat center; background-size: cover; display: flex; align-items: center;  justify-content: center;}

.learn-contact-content { text-align: center;}

.learn-contact-content h2 { color: #1C1C1E; font-size: 60px; line-height: 72px; margin-bottom: 14px; font-family: 'Gilroy-ExtraBold';}
.learn-contact-content p { color: #3A3A3C;  opacity: 0.8; margin-bottom: 30px;}
.learn-contact-content .btn {   min-width: 148px;}
.category-unique-wrap.learn-unique-wrap { padding-top: 173px; padding-bottom: 207px;  background: transparent linear-gradient(0deg, #FFFFFF00 0%, #FFC632 100%) 0% 0% no-repeat padding-box;}

.category-unique-wrap.learn-unique-wrap .category-unique-content { padding-left: 0;width: 43%;}

.category-unique-wrap.learn-unique-wrap .category-unique-row { justify-content: space-between;}

.category-unique-wrap.learn-unique-wrap .category-unique-img { width: 56%;}

.learn-wrap{background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFC632 100%) 0% 0% no-repeat padding-box;}
.learn-education-content{width:43%;}
.learn-education-row { display: flex;flex-wrap: wrap; padding-top: 145px; padding-bottom: 284px;justify-content: space-between; align-items: center; }
.learn-education-video {  width: 46.5%; position:relative;}
.learn-education-video:before{content:''; width:103px; z-index: 1; height:96px; background:url(learn-drop.png)no-repeat center; background-size:cover;  position: absolute; right:20px; top:-56px;}
.learn-education-content h2 { color: #1C1C1E; font-size: 60px; line-height: 72px; margin-bottom: 14px; font-family: 'Gilroy-ExtraBold';}
.learn-education-content p { color: #2C2C2E;  opacity: 0.8; margin-bottom: 30px;}
.learn-education-content .btn {   min-width: 148px;}
.learn-education-video iframe {  border-radius: 10px;}
.learn-mixing-wrap{position:relative; padding-top:353px; padding-bottom:347px;}
.learn-mixing-wrap:before{content:''; width:325px; height:487px; background:url(learn-weed.png)no-repeat center right; background-size:cover; position:absolute; left:0; bottom:390px;}
.learn-mixing-content{width:43%; margin-left:auto;}
.learn-mixing-content h2 { color: #1C1C1E; font-size: 60px; line-height: 72px; margin-bottom: 26px; font-family: 'Gilroy-ExtraBold';}
.learn-mixing-content p { color: #1C1C1E;  opacity: 0.8; margin-bottom: 30px;}
.learn-mixing-content .btn {   min-width: 148px;}

.learn-mixing-img img { position: absolute;}

.learn-mixing-img .learn-ursinho3 { left: 40%; top: 0;}
.learn-mixing-img .learn-ursinho2 { bottom: -52px;  left: 28%; z-index: 2;}
.learn-mixing-img .learn-ursinho { left: 20%; bottom: 287px;}
.learn-mixing-img  img.img-fluid.learn-bottle {bottom: 234px;  left: 30%;}

.page-learn  section.h-blog {
    padding-top: 160px;
    background: #fff; position: relative;
    padding-bottom: 259px;
}
.page-learn  section.h-blog:before{content:''; width:311px; height:316px; background:url(learn-blog-b.png)no-repeat center right; background-size:cover;position:absolute; left:0; bottom:0;}

.page-learn section.h-blog .h-head-b {
    border: none;
}


section.colllection-wrap {
    position: relative;
    z-index: 2;
}
.predictive-search__results-list.blog-row {
    padding: 0;
    margin: 0; list-style:none;
}
.predictive-search__results-list.blog-row li{ margin-left: 0 !important;  margin-right: 0 !important;}
.predictive-search__results-list.blog-row .single-blog .img>a {
    padding-top: 63%;
    display: block;
    position: relative;
}
.predictive-search__results-list.blog-row .single-blog .img>a img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.predictive-search__results-list.blog-row .single-blog{background:#fff}


/* custom terpene css*/
.at-ter-formula-banner{position:relative; z-index:2;}
.at-ter-formula-banner:before{content:''; width:100%; height:1221px; position:absolute; top:0; left:0; background: transparent linear-gradient(180deg, #FFC632 0%, #FFE63D 48%, #F7F8F100 100%) 0% 0% no-repeat padding-box;}
.at-ter-formula-content {  position: relative;  text-align: center; padding: 270px 20px 445px; }
.at-ter-formula-banner a.down-btn {position: absolute;  left: 50%; bottom: 180px; transform: translateX(-50%);}
.at-ter-formula-content h1 {  font-size: 96px;line-height: 1; max-width:775px;  margin: 0 auto; font-family: 'Gilroy-ExtraBOld';  margin-bottom: 6px;}
.at-ter-formula-content p { font-size: 24px; line-height: 36px; color: #3A3A3C;opacity: 0.8; margin-bottom: 34px;}
.at-ter-formula-content .btn { min-width: 164px;  padding: 16.5px;}
.at-ter-formula-banner:after{content:''; width:396px;height:548px; background:url(at-ter-banner-b.png)no-repeat center right; background-size:cover; position:absolute; left:0; top:280px;}
.at-ter-formula-content:before{content:''; width:523px;height:667px; background:url(at-ter-banner-a.png)no-repeat center left; background-size:cover; position:absolute; right:-20px; bottom:-52px;}
.collection-featured-wrap.custom-terpene-featured-wrap { padding: 0; background: transparent;}
.collection-featured-wrap.custom-terpene-featured-wrap:before { display: none;}
.custom-terpene-featured-wrap .collection-featured-content h2{color:#1C1C1E}
.custom-terpene-featured-wrap .collection-featured-content p{color: #3A3A3C;opacity: 0.8;}
.custom-terpene-featured-wrap .collection-featured-row{margin-bottom:39px;}
.custom-terpene-read-wrap{padding-top:167px; padding-bottom:160px; text-align:center; position:relative; z-index:2; }
.custom-terpene-read-wrap:before{content:''; width:100%;height:896px; position:absolute; left:0; top:-20px; background: url(learn-contact-bg.png) no-repeat center; background-size: cover; }
.custom-terpene-read-wrap .container{position:relative}
.custom-terpene-read-wrap  h2 { color: #1C1C1E; max-width:826px; margin:0 auto; font-size: 60px; line-height: 72px; margin-bottom: 20px; font-family: 'Gilroy-ExtraBold';}
.custom-terpene-read-wrap  p { color: #3A3A3C;  opacity: 0.8; margin-bottom: 30px;}
.custom-terpene-read-wrap  .btn {   min-width: 148px; padding:16.5px;}
.custom-terpene-featured-wrap .collection-featured-content .btn {   min-width: 148px; padding:16.5px;}

/* cart page css*/
.cart-banner{display:block; position:relative; z-index:2;}
div#main-cart-footer {
    position: relative;
    z-index: 2;
}
.cart-banner a.underlined-link {
    color: #1c1c1e;
}

.cart-banner svg.icon.icon-error {
    max-width: 19px;
}
.cart-item__quantity .qty-flex input.quantity-selector2 {
    background: transparent;
}

table.cart-items { width: 100%; border-collapse: collapse;}

td.cart-item__details .h4 { font-size: 24px; letter-spacing: -0.24px;  color: #272727;  line-height: 36px;  margin-bottom: 5px; text-decoration: none;}

.cart-item__details .product-option {font-size: 17px;}

.cart-item__details dl .product-option {  display: flex;}

.cart-item td { padding-top: 19px;  padding-bottom: 19px; border-bottom: 1px solid #1c1c1e;}

tr.cart-label th { border-bottom: 1px solid #1c1c1e; padding: 15px 0;}

td.cart-item__totals {   text-align: center;}
.cart-item__quantity quantity-input.quantity.qty-flex {
    max-width: 97px;
}

.cart-item__quantity quantity-input.quantity.qty-flex .quantity-selector2 {
    max-width: 28px;
}

.cart-item__quantity quantity-input.quantity.qty-flex span.quantity__button.qty {
    padding: 0 5px;
}

.cart-item__quantity-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-item__quantity-wrapper cart-remove-button {margin-left: 12px;}

.cart-item__quantity-wrapper cart-remove-button a.button.button--tertiary { color: #1c1c1e;}


.cart-item__error { display: none;}
.cart__footer {
    padding-top: 25px;
    text-align: right;
}

.cart__footer .totals {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 15px;
}

.cart__footer .totals h2.totals__subtotal {
    margin: 0;
    font-size: 24px;
    font-family: 'Gilroy-Bold';
}

.cart__footer .totals p.totals__subtotal-value {
    font-size: 24px;
    padding-left: 27px;
    margin: 0;
    font-family: 'Gilroy-BOld';
}

.cart__footer small.tax-note.caption-large.rte {
    margin-bottom: 12px;
    display: block;
}
.cart-item__price-wrapper {
    font-size: 20px;
}



@media (min-width: 2100px) {
.ab-industry img{left:12%;}
  .ab-industry-wrap:after{right:10%;}
  .hero-slide .layer12{left:12%}
  .hero-slide .layer2{left:15%}
  .hero-slide .layer5, .hero-slide .layer6{left:67%}
  .hero-slide .layer9{left:69%}
}
@media (max-width: 1450px) {
  .hero-slide { position: relative; min-height: 848px;max-height: 1150px;}
.ab-industry-wrap::after{right:-9%;}
  .hero-slide .layer.heading-h1{font-size:70px;}
  .hero-slide .layer.heading-h4{font-size:20px}
  .hero-slide .layer5 { left: 70%;}
  .hero-slide .layer6 { left: 70%;}
/*   .hero-slide .layer9{top:54%} */
  .hero-slide .layer.text{font-size:16px;}
  .hero-slide .layer12 { left: 5%; top: 2%;}
  .hero-slide .layer14 {  bottom: 25%;}
  .hero-slide .layer12{max-width:57vw;}
  .legal-banner:before, .ab-catalog-wrapper:before, .at-faq-wrap:before, .terp-technology-banner:before, .at-compliance-quality-wrap:before{background-size: initial;}
  .side-cart{right:15px;}
  .calculator-content h1, .categories_banner_content h1{font-size:70px;}
  .categories_banner_content p {font-size: 22px; line-height:1.5; max-width: 666px;}

  .hero-slide.hero-slide-native .layer12{bottom:8%;}
  .hero-slide.hero-slide-native .layer11{top:51%}
  .hero-slide.hero-slide-native .layer7{top:12%}
  .hero-slide.hero-slide-native .layer5 { top: 41%; left: 69%;}
  .hero-slide.hero-slide-native .layer6{top:46%}
  .hero-slide.hero-slide-native .layer2 { top: 12%;left: 12%;}

  .hero-slide.hero-slide-sfv .layer5 {top: 32%; left: 66%;}
  .collection-featured-sample-wrap:after{    width: 100px;
    background: url(sample-b-mobile.svg)no-repeat center;
    height: 134px;
    left: auto;
    right: 0;
    top: -50px;}
  .research-got-wrap:after {
    content: "";
    width: 396px;
    height: 133px;}
  .research-got-wrap:before {
    width: 300px;
    height: 300px;
    top: auto;
    bottom: -18%;
}
  .learn-mixing-img img.img-fluid.learn-bottle{left:25%;}
  .learn-mixing-img .learn-ursinho {left: 15%;}


 
}
@media (max-width: 1300px) {
.ab-industry-wrap{overflow: hidden;}
.ab-industry img{max-width: 154px;     top: auto; bottom: 32px; left: -67px;}
.ab-industry-wrap::after { width: 261px;height: 236px; top: 0;right: -156px;}
.ab-industry-wrap::before { content: ""; width: 86px; height: 87px; top: 2%; left: 0;}
.sample-banner-inner .heading{width: 52%;}
.sample-banner-inner .content{max-width: 48%;}
/* .a-what-new-slide .slick-dots{text-align: center; padding-right: 0;} */
.main-menu{max-width: 920px;}
.megamenu {padding: 85px 35px 32px;}
  .megamenu .search .form-control{font-size:18px;}
  .megamenu-list-b li{font-size:18px; margin-bottom:6px;}
  .megamenu-list-b li a{min-width:333px;}
  .megamenu-list-b~.megamenu-list-b {
    padding-top: 19px;
    margin-top: 13px;
}
.ab-industry-wrap-contact .ab-industry img { left: -9px; top: auto; max-width: 154px;bottom: 20px;}
  .ab-industry-wrap.ab-industry-wrap-contact:before{width:80px; height:81px;}
  .ab-collection-smaple-banner.ab-collection-banner:after{max-width:131px; height:192px; bottom:26%}
  .trepai-featured-wrap:before{width:81px; height:279px;     display: block;  background: url(blue-smoke3-al-terp-effects-m.png)no-repeat center right;  background-size: cover; position: absolute; right: 0;  top: -154px;}
  .collection-trep-featured-wrap:before{width:53px; height:255px;      background: url(purple-smoke-al-terp-effects-m.png)no-repeat center left;background-size: cover;position: absolute; left: 0; top: 20%; }
.coming-video-wrap.trep-video:before {
    width: 228px;
    height: 228px;
}
 
}
@media (max-width: 1350px) {
  .hero-slide .layer1 { max-width: 79px;}
 .hero-slide .layer2 { max-width: 161px; left: 9%; top: 15%;}
  .hero-slide .layer12{max-width:610px; top:6%; left:11%;}
  
  
  .hero-slide .layer.heading-h1{font-size:60px;}
  .hero-slide .layer7{max-width:84px}
  .hero-slide .layer8{max-width:269px; top:41%}
  .hero-slide {
    position: relative;
    min-height: 800px;
    max-height: 800px;
}
  .hero-slide .layer9{max-width:122px;}
  .hero-slide .layer10{max-width:105px; top:38%}
  .hero-slide .layer11{max-width:256px}
  .hero-slide .layer13{max-width:199px;}
  .hero-slide .layer5 {
    top: 39%;
    left: 68%;
}
  .hero-slide .layer6 {
    top: 45%;
    left: 68%;
}
  .hero-slide .layer14 {
    bottom:5%;
}
  .category-tap-wrap:before, .category-tap-wrap:after{display:none;}
  .pro-map-banner {
    background-position: 9%;
}
  .hero-slide.hero-slide-native .layer1 {max-width: 145px; left: -70px;}
 .hero-slide.hero-slide-native .layer8 { max-width: 247px;  left: -73px;}
  .hero-slide.hero-slide-native .layer13 { max-width: 190px;}
  .hero-slide.hero-slide-native .layer11 {max-width: 230px;}
  .hero-slide.hero-slide-native .layer9 {  max-width: 134px;}
  .hero-slide.hero-slide-native .layer10 { max-width: 170px; right: -115px;}
  .hero-slide.hero-slide-native .layer7 { max-width: 235px; right: -117px;}
  .hero-slide.hero-slide-native .layer2 {max-width: 247px;}

  .hero-slide.hero-slide-sfv .layer1 { left: -149px;  max-width: 236px;}
  .hero-slide.hero-slide-sfv .layer2 { max-width: 247px;}
  .hero-slide.hero-slide-sfv .layer8 { left: -272px;  max-width: 465px;}
  .hero-slide.hero-slide-sfv .layer10 { right: -193px; top: 18%;max-width: 305px;}

  .hero-slide.home-custom-slide .layer11{max-width:242px;}
  .hero-slide.home-custom-slide .layer1 { left: -79px; max-width: 191px;}
  .hero-slide.home-custom-slide .layer2{max-width:331px}
  .hero-slide.home-custom-slide .layer8{max-width:234px; left:-64px;}
 .hero-slide.home-custom-slide .layer10 {right: -178px; max-width: 358px;}
  .hero-slide.home-custom-slide .layer7 { right: -138px; top: 0; max-width: 250px;}
  .coming-video-wrap.cloudburst-video:before {content: ""; width: 201px;height: 332px; bottom: -20px;}
.collection-featured-wrap.collection-cloudburst-featured-wrap:before {width: 137px; height: 315px;}
.collection-featured-wrap.collection-cloudburst-featured-wrap:after { width: 147px; height: 165px;background-position: center right; top: 3%;}
  .ab-collection-banner.ab-collection-cloudburst-banner:after {width: 153px; height: 253px; bottom: -46px;}
  .ab-collection-banner.ab-collection-cloudburst-banner:before { width: 151px; height: 117px;}
  .collection-trep-featured-wrap:after{display:none}
  .trepai-featured-wrap:after{width:96px; height:232px;     background: url(yellow-smoke-al-terp-effects-m.png)no-repeat center right; background-size: cover; position: absolute;  right: 0;  z-index:2;}

  
  .wholesale-img img { transform: scale(1);}
  .tec-temper-pro-wrap:before { width: 246px;  height: 281px; bottom: -33%;}
  .collection-featured-wrap.tectemper-featured-wrap:before {width: 93px; height: 154px; top: 62%;}
  .collection-featured-wrap.tectemper-featured-wrap:after { height: 272px;width: 78px;}
  .tec-coming-video-wrap:before {  width: 112px; height: 272px;bottom: -101px;}

  .science-banner .img-fluid.dioxinblur {max-width: 164px;}
.science-banner .img-fluid.dioxin { max-width: 336px;}

.science-banner-content:before { width: 470px; height: 874px;}

.science-banner-content:after { height: 600px; width: 461px;}

.science-banner .img-fluid.orange-f { max-width: 250px;}

.science-banner .img-fluid.orange-h {  top: 70px; max-width: 100px;}
  .terp-technology-banner-content img.dioxin {
    max-width: 296px;
    position: absolute;
    top: 260px;
    left: 0;
}

.hero-slide.hero-slide-brew .layer1 {  max-width: 215px;left: -97px;  top: -15px;}
.hero-slide.hero-slide-brew .layer2 { max-width: 390px;left: -203px;}
.hero-slide.hero-slide-brew .layer15 { max-width: 104px;}
.hero-slide.hero-slide-brew .layer16 { max-width: 122px;}
.hero-slide.hero-slide-brew .layer7 { max-width: 153px; top: -5%;}
.hero-slide.hero-slide-brew .layer17.img-fluid { max-width: 128px;}
.hero-slide.hero-slide-brew .layer8 { max-width: 285px;}
.hero-slide.hero-slide-brew .layer9 {max-width: 211px; right: -110px;}
.hero-slide.hero-slide-brew .layer11 {  max-width: 296px; right: -123px;}
  .hero-slide.hero-slide-brew .layer10 {max-width: 177px;}
  .hero-slide.hero-slide-brew .layer12 { max-width: 701px;}
  .hero-slide.hero-slide-brew .layer13 { max-width: 187px;}
  .hero-slide.hero-slide-brew a.layer.layer6.btn.btn-primary{top:46%}

  .hero-slide.hero-slide-hops .layer1{max-width: 191px;  left: -81px;  top: -15px;}
  .hero-slide.hero-slide-hops .layer2 { max-width: 280px; left: -104px;}
  .hero-slide.hero-slide-hops .layer15 { max-width: 104px;}
   .hero-slide.hero-slide-hops  .layer16 { max-width: 188px;}
  .hero-slide.hero-slide-hops  .layer7 { max-width: 153px; top: -5%;}
  .hero-slide.hero-slide-hops .layer17 {max-width: 153px;}
  .hero-slide.hero-slide-hops .layer8 {max-width: 157px;}
  .hero-slide.hero-slide-hops .layer9 {max-width: 358px;right: -231px;}
  .hero-slide.hero-slide-hops .layer11 { max-width: 250px; right: -160px;}
  .hero-slide.hero-slide-hops .layer10 {  max-width: 173px;}
  .hero-slide.hero-slide-hops .layer12{max-width:850px;}
  .hero-slide.hero-slide-hops .layer13 { max-width: 64px; top: 55%;}
  .hero-slide.hero-slide-hops .layer18 { max-width: 171px;     top: 53%;  left: 58%;}
  .hero-slide.hero-slide-hops .layer19.img-fluid { max-width: 83px;}
  .hero-slide.hero-slide-hops .layer6, .hero-slide.hero-slide-hops .layer5{left:73%}





}
@media (max-width: 1250px) {
  .main-menu{max-width: 739px;}
  .categories_banner_content {
    width: 50%;
}
  .categories_banner_img{max-width:52%}
  .collection-box-caption{padding-left:20px}
  .advanced-profiles_content{min-width:520px}
  .ab-industry-wrap.pro-standards:after {
    display: none;
}
  .ab-collection-banner.ab-collection-terpene-banner:after {
    width: 102px;
    height: 231px;
    bottom: 23%;
}
.coming-video-wrap.isoltae-video:after {
    width: 99px;
    height: 134px;
}
  .saving_banner:after{width:600px; background-size: contain;}
  .ab-team-row .single-member{padding:0 19px;}
  .ab-team-row{margin:0 -19px;}
  .ab-team-row .single-member img{max-width:156px;}
  .ab-product-wrap.ab-ai-product-wrap:before{display:none}
  .infused-pro-wrap:after{width: 102px;  height: 231px; bottom: -14%;}
  .at-succeed-wrap:before{display:none;}
   .menu-tooltip[flow^=right] {
    top: 50%;
    border-right-width: 0;
    right: -152px;
    transform: translateY(-50%);
}
  .learn-banner:before{width: 283px; display: block;height: 513px; }
  .learn-banner:after{width:282px; height:492px; top:348px;}
  .learn-banner-content:after{width:143px; height:264px}
  
}
@media screen and (min-device-width: 1100px) and (max-device-width: 1550px) { 
.header_wrap .container, .modal-login .container { max-width: 1400px;
    max-width: 100%;
    padding: 0 120px;
}
}

@media (min-width: 1820px) {
  .header_wrap .container, .modal-login .container {
    /*max-width: 1590px;*/
}
}

@media screen and (min-device-width: 1100px) and (max-device-width: 1550px) { 
.header_wrap .container, .modal-login .container { max-width: 1300px;
    max-width: 100%;
    padding: 0 120px;
}
  .ab-collection-banner .container{padding-left:120px; padding-right:120px;}
  .header-item.logo {
    min-width: 180px;
}
}
@media (max-width: 1600px) {
  .header_wrap .container, .modal-login .container {
    max-width: 1370px;
}
  nav.main-menu > ul {
    left: -25px;
}
}
@media (max-width: 1536px) {
  .header_wrap .container, .modal-login .container {
    max-width: 1310px;
}
}

@media (max-width: 1440px) {
  .header_wrap .container, .modal-login .container {
    max-width: 1230px;
}
  nav.main-menu > ul {
    left: -32px;
}
  .megamenu{
    left: 50%;
  }
  .nav_element:hover .megamenu {
    padding: 70px 10px 30px 60px;
}
  .megamenu-list-b li a{
    text-wrap: nowrap;
  }
  .megamenu-list>div:first-child{
  width: 47%;
  }
}
@media (max-width: 1367px) {
  .header_wrap .container, .modal-login .container {
    max-width: 1175px;
}
  nav.main-menu > ul {
    left: -45px;
}
}
@media (max-width: 1025px) {
  .megamenu {
    left: 45%;
}
  .megamenu {
    padding: 70px 10px 30px 45px;
    width: 1000px;
    transform: translateX(-50%);
}


  .ab-collection-banner .container{padding-left:120px; padding-right:120px;}
  .header-item.logo {
    min-width: 180px;
}
}

  ul.nav-right {
    display: flex;
    align-items: center;
  }
    ul.nav-right>a {
    display: flex;
    align-items: center;
  }
@media (max-width: 1180px) {
  ul.nav-right>li {
    margin: 0 0 0 21px;
  }
}
.a-pro-detail .d-flex{flex-wrap: wrap;}
.a-pro-detail .d-flex .select-wrp {
  width: 62%; margin-bottom: 10px;
}
.ab-catalog-row{padding-left:0}
  
.select-wrp select {
  width: 100%; 
}
.a-pro-detail .d-flex .qty-flex{margin-bottom: 10px;}
.a-pro-detail .d-flex .btn{width: 100%; padding: 14.5px; margin-top: 10px;}
.a-pro-name p {
  font-size: 14px;
  line-height: 21px;
  color: rgba(58, 58, 60,0.8);
  text-align: left;
  overflow: hidden;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;

}
.a-what-new-slide .slick-dots {
  margin-right: 113px; 
}

/* .a-pro-detail{padding-top: 15px; padding-bottom: 15px;} */
  .terpenes-ingredients{padding:66px 66px 72px;}
  .calculator-content{padding-right:30px;}
  .categories_banner{padding-left:20px;}
  .categories_row:after{width:calc(100% - 40px); margin-left:20px;}
  .categories_aside{padding-left:20px;}
  /* space m*/
  .pro-analyze-wrap { padding: 102px 0;}
  .pro-specifications { padding: 93px 0;}
  .ab-industry-wrap.pro-standards {margin-bottom: 100px;}
  .advantage-wrap { padding: 145px 0;}
  .pro-faq-wrap { padding: 99px 0;}
  .orignal-jack-wrap { padding-top: 100px; padding-bottom: 105px;}
  .diagram-section_wrap{padding:130px 0}
  .pro-series-wrap {  padding-bottom: 100px;}
  .pro-map-banner {padding-top: 177px; padding-bottom: 177px; }
  /* space m*/

    .ab-collection-banner.ab-collection-premium-banner:before{width:86px; height:75px; left:-28px; bottom:-21px}
  .sticky_cart_right .d-flex .select-wrp {
    min-width: 160px;
}
  .research-got-wrap:after {
    content: "";
    width: 200px;
    height: 81px;
}
.research-got-wrap:before {
    width: 200px;
    height: 200px;
    top: auto;
    bottom: -11%;
}
  .science-banner .img-fluid.orange-h{display:none}
  .science-banner-content:before { width: 217px; height: 520px; top: 20px;}
  .science-banner-content:after{top:30%;}
    .at-quality-row .item{Padding:0 20px}
  .at-quality-row{margin:0 -20px;}
  
}
.a-what-new-slide .item.slick-slide.slick-current.slick-active {
    opacity: 1;
}
  @media (max-width: 1096px) {
  .smaple-application-banner-content{padding-left:0}
    .learn-mixing-img img.img-fluid.learn-bottle {
    left: 13%;
}
    .learn-mixing-img .learn-ursinho {
    left: 5%;
}
    .learn-mixing-img .learn-ursinho2 {
    left: 10%;
}
  }
@media (max-width: 992px) {
  ul.nav-right li.mobile-hide {
    display: none;
}
  .megamenu-list-b li a{min-width:auto;}
  .header_row{padding-top: 0;    grid-template-columns: auto 120px auto;}
  /* .header_wrap{padding-top:15px; } removed due to green announcement bar interference */
  ul.nav-right li a{font-size: 0;}
  ul.nav-right li a .mobile-show img{display: block;}
  .menu-btn{display: block;}
  .menu-btn img{display: block;}
  .btn{font-size: 14px;}
  ul.nav-right>li{margin-left: 14px;}
  ul.nav-right li a img{display: block;}
  ul.nav-right li a sup{position: absolute; right: 0; font-size: 6px; top: -13px; line-height: inherit;}
  ul.nav-right li a img{max-width: 24px;}
  ul.nav-right>li:first-child{margin-left: 0;}

  .mobile-menu {  background: #D8E5D8; width: 100%; height: auto;border-radius: 0px 0px 30px 30px; -webkit-overflow-scrolling: touch; display: block; overflow: hidden; overflow-y: scroll; position: fixed;top: 0; left: 0%;transform: translateY(-100%); transition: 0.5s ease all; z-index: 583;}
  .mobile-menu.active{transform: translateY(0%);}
.menu-close { padding: 20px 20px 8px 20px;  position: sticky; top: 0; background: #D8E5D8; z-index: 2;}
 ul.mobile-menu-link { display: flex; list-style: none;margin: 0; padding: 0 20px;}
  ul.mobile-menu-link {
    position: absolute;
    top: 0;
    height: 65px;
    width: 100%;
    justify-content: center;
    align-items: center;
}
  .mobile-menu  .search{display: flex; padding: 0 20px; margin-bottom: 30px;}
  .mobile-menu .search img{max-width: 24px;}
  .mobile-menu  .search img{margin-right: 8px;}
  .mobile-menu  .search .form-control{width: 100%; border: none; border-bottom: 1px solid #707070; font-size: 18px; background: transparent; opacity:40%;}
  .mobile-menu  .search .form-control:focus{box-shadow: none; outline: none;}
  .nav_element{padding: 0; margin-inline: 20px; opacity: 1; min-width: 48px;}
  .nav_element>a{opacity: 20%;}
  .nav_element>a.active{opacity: 1;}
  .megamenu { position: relative; display:none;  transform:none; opacity: 1; pointer-events: inherit;transition:none;visibility: visible; z-index: 1; top: 0; padding: 0 20px 30px; background: #D8E5D8; border-radius: 10px; max-width: 1000px; left: 0%; width: 100%;}
  .megamenu.active{display:block;}
  .megamenu-list{padding-top: 0px;}
  .megamenu-list-b li { width: 100%;font-size: 18px;margin-bottom: 2px;}
  .megamenu-list-b li a span { min-width: 24px; margin-right: 9px;  max-width: 24px;}
  .megamenu-list-s{padding-left: 49px;}
  .megamenu-list>div:first-child {
    width: 100%;
}
  .megamenu-list {
    flex-wrap: nowrap;
}
  .megamenu-list>div{width: 100%;}
  .megamenu-list-b~.megamenu-list-b{padding-top: 17px;}
  .megamenu-list-s>li{font-size: 14px;}
  .megamenu-list-s>li ul li{font-size: 12px;}
  .btn-primary-outline{padding: 15px;}
  .main-menu{display: none;}
  .ab-industry{padding-top: 32px; padding-bottom: 39px;}
  .ab-industry-content{max-width: 310px;}
  .sample-banner-inner h2, .sample-banner-inner h6{font-size: 34px; line-height: 1;}
  .ab-industry-content p{font-size: 14px; line-height: 21px;}
  .ab-yellow-wrap{padding-top: 0;}
  .ab-find-wrap{padding-bottom: 39px; padding-top: 38px;}
  .ab-find-content{width: 100%;}
/*   .ab-find-content h2 span{display: block;} */
  .ab-find-content h2{font-size: 34px; line-height: 1; margin-bottom: 14px;}
  .ab-find-content p{font-size: 14px; line-height: 21px; margin-bottom: 12px; max-width: 100%;}
  .ab-find-content .btn{margin-top: 8px;}
  
  .ab-find-img{width: 100%; margin-top: 20px;}
  .sample-banner{padding-top: 155px; padding-bottom: 180px;}
  .sample-banner-inner{padding: 20px 20px;}
  .sample-banner-inner h2  .sample-banner-inner h6{margin-bottom: 15px;}
  .sample-banner-inner .heading{max-width: 100%; width: 100%;}
  .sample-banner-inner p{margin-bottom: 18px;padding-left:0;}
  .sample-banner-inner .content{max-width: 100%;}
  .sample-banner-inner .btn{width: 100%; display: block;}
  .a-why-choose-img{width: 100%;}
  .a-why-choose-content{width: 100%; margin-left: 0; padding:0 20px 140px; margin-top: -54%;}
  .a-why-choose-content h2{font-size: 34px; line-height: 41px; margin-bottom: 14px;}
  .a-why-choose-content h2 br{display: none;}
  .a-why-choose-content p{font-size: 14px; max-width: 100%;}
  .a-why-choose-content a{font-size: 14px;}
  .a-what-new-head{padding-top: 35px; margin-bottom: -77px;}
  .a-what-new-head h2{font-size: 34px;line-height: 100%; margin-bottom: 9px;}
  .a-what-new-head p { max-width: 229px;font-size: 14px;}
  .h-blog{padding-top: 39px; padding-bottom: 39px;}
  .h-blog-head .custom-arrow {display: none;}
  .h-blog-head h2{font-size: 34px; line-height: 100%; margin-bottom: 9px;}
  .h-blog-head h2 br{display: none;}
  .h-blog-head p{width: 100%; max-width: 100%;}
  .h-blog-wrap{margin-top: 18px; padding-bottom: 18px;}
  .h-blog-slide .slick-dots {
    margin: 0;
    bottom: auto;
    top: auto;
    width: auto;
    left: 15px;
    bottom: -44px;
}
.container.container-c {
  text-align: left;
  padding-left: 157px;
}
  
  .newsletter-row{flex-wrap: wrap;}
  .newsletter-row h2{font-size: 34px; max-width: 262px; line-height: 100%; margin-bottom: 9px;}
  .newsletter-form{width: 100%; padding-left: 0;}
  .newsletter-form .btn{width: 100%; display: block;}
  .newsletter-form p{font-size: 14px; max-width: 215px;}
  .footer_wrap{padding-top: 85px;}
  .footer-social h3, .footer-social p{font-size: 18px;}
  .footer-social ul li a{width: 36px; height: 36px;}
  .footer-link-wrap{margin-top: 16px; flex-wrap: wrap;}
  .footer-link h3{font-size: 18px; margin: 0; padding: 16px 0; position: relative; padding-right: 30px; pointer-events: inherit;}
  .footer-link h3:after{content: ''; width:19px; height:10px; background:url(footer-angle.svg) no-repeat center; transition:0.5s ease all; background-size:cover;  font-family: "FontAwesome"; display: block;  position: absolute; right: 0;top: 50%; transform: translateY(-50%);}
  .footer-link h3.active:after{/*content: '\f106';*/ transform:rotate(180deg) translateY(50%); }
  .footer-link{width: 100%; margin-bottom: 0; border-bottom: 1px solid #707070;}
  .footer-content{flex-wrap: wrap; padding-top: 0; padding-bottom: 16px; margin-top: 50px;}
  .footer-logo { min-width: auto; max-width: 180px; margin-bottom: 0px;}
  .footer-logo img{display: block;}
  .footer-content .text{padding: 0;}
  .footer-content .text p{font-size: 12px; line-height: 18px;}
  .footer-bottom{padding-top: 19px; padding-right: 19px; flex-wrap: wrap  ; }
  .footer-bottom p{width: 100%; font-size: 12px; line-height: 18px; margin-top: 15px;}
  .footer-link div{margin-top: 0;}
  .mobile-show{display: block  !important;}
  .desk-show{display: none  !important; }
  .footer-link .show-m{display: none; padding-bottom: 15px;}
  .a-what-new-slidewrap{padding-bottom: 36px;}
  .a-what-new-head .custom-arrow{display: none;}
.a-pro-name .mobile-show{display: none  !important;}
.a-pro-name .desk-show{display: block  !important; }
a.ls-gui-element.ls-nav-prev, a.ls-gui-element.ls-nav-next{display: none  !important;}
.a-pro-img {max-width: 140px; min-width: 140px; margin-bottom: 0px;}
/* .a-pro-detail{padding-top: 20px; padding-bottom: 20px;} */
.a-what-pro{padding-left: 20px; padding-right: 20px;}
  .a-pro-detail .tag{right:-10px;}
.ls-v6 .ls-bottom-nav-wrapper {
  left: auto;
  top: 88%;
  position: absolute;
  right: 15px;
}
#slider2{padding-bottom: 30px;}
.a-why-choose-content h2::before{margin-bottom: 22px;}
.h-blog .h-head-b .custom-arrow{display: none;}
.h-blog .h-head-b{padding: 17px 0;}
.h-blog-row{flex-wrap: wrap;}
.h-blog-head{max-width: 100%; padding: 0 20px;}
.h-blog-wrap{width: 100%; padding-left: 20px;}
.a-why-choose-img img{height: auto;}
.a-why-choose-row{position: relative;}
.a-why-choose-row:before{content: ""; position: absolute; width: 100%; height: 80%; left: 0; bottom: 0; background: transparent linear-gradient(180deg, #19191A00 0%, #1A1A1B 100%) 0% 0% no-repeat padding-box;
opacity: 1; display: block;}
.a-why-choose-content{position: relative; z-index: 2;}

  .hero-slide .layer14 {
    bottom: 38px;
}
    .hero-slide .layer1 {
    max-width: 62px; left:-20px;
}
  .layer3 {
    top: auto;
    right: 20px;
    bottom: 11%;
    text-align: right;
    width: auto;  z-index:2;
}
/* .hero-slide .layer2 {
    max-width: 151px;
    left: 0;
    top: 19%;
} */
  .hero-slide .layer2 {
    max-width: 151px;
    left: auto;
    top: 28%;
    right: 58%;
}
.hero-slide .layer12 {
    max-width: 100%;
    top: 18%;
/*     left: -33px; */
  left:auto;
  right:-4%;
    width: 100%;
}
  
  .hero-slide .layer.heading-h4 {
    font-size: 16px;
}

  .hero-slide .layer7{max-width:84px}
.hero-slide .layer8 {
    max-width: 298px;
    top: 41%;
    left: -105px; z-index:1;
}
  .hero-slider .slick-dots {
    top: auto;
    left: auto;
    width: auto;
    right: 20px;
    bottom: 8%;
    z-index:2;
}
  .legal-banner {
    padding-top: 175px;
    position: relative;
}
  .hero-slide {
    position: relative;
    min-height:1200px;
    max-height: 1200px; overflow:hidden;
}
.hero-slide .layer9 {
    max-width: 141px;
    z-index: 3;
    right: -42px;
    top: auto;
    bottom: 24%;
    left: auto;
}
.hero-slide .layer10 {
    max-width: 105px;
    top: 32%;
    z-index: -1;
}
  .hero-slide .layer11{max-width:256px; left: auto;
    right: 0;}
.hero-slide .layer13 {
    max-width: 169px;
    left: auto;
    top: 41%;
    right: 9%;
}
   .hero-slide .layer.heading-h1 {
   font-size:34px;
}
  .hero-slide .layer4{top:38px; left:20px;}
  .hero-slide .layer5 {
    top: auto;
    left: 20px;
    bottom:14.5%; z-index:2;
}
.hero-slide .layer6 {
    top: auto;
    bottom: 8%;
    left: 20px;
    min-width: 154px; z-index:2;
}
  .hero-slide .layer14 {
    bottom:3%;
}
  .hero-slide.hero-slide-brew .layer5{ top: auto;  left: 20px;  z-index: 2}

  .hero-slide.hero-slide-brew a.layer.layer6.btn.btn-primary{top:auto; left:20px;}
  .hero-slide.hero-slide-brew .layer6 {top: auto; left: 20px;}
.hero-slide.hero-slide-brew .layer.layer4{top: 38px;left: 20px;}
  .hero-slide.hero-slide-brew .layer9 { max-width: 248px; right: -163px;}
  .hero-slide.hero-slide-brew .layer1 { max-width: 215px; left: -137px;top: 69px;}
  .hero-slide.hero-slide-brew .layer12 {  max-width: 827px; left: -40px; top:16%;  min-width: 424px;}
  .hero-slide.hero-slide-brew .layer14 { bottom: 0%}
  .hero-slide.hero-slide-brew .layer10 {  max-width: 149px; top: 54%; left: 26%;}
  .hero-slide.hero-slide-brew .layer8, .hero-slide.hero-slide-brew .layer7, .hero-slide.hero-slide-brew .layer11{display:none}
  .hero-slide.hero-slide-brew .layer13 {     max-width: 208px; top: 57%;  right: 14%; z-index: 2;}
  .hero-slide.hero-slide-brew .layer15 {max-width: 104px;left: 45%;  top: 4%;}
  .hero-slide.hero-slide-brew .layer16 {max-width: 178px; filter: blur(2px);right: -64px;}
  .hero-slide.hero-slide-brew .w-100 {  height: 100vh; top:0;}


  .hero-slide.hero-slide-hops .layer6 {top: auto; left: 20px;}
   .hero-slide.hero-slide-hops .layer5{ top: auto;  left: 20px;  z-index: 2}
  .hero-slide.hero-slide-hops  .layer.layer4{top: 38px;left: 20px;}
   .hero-slide.hero-slide-hops .layer12 {  max-width: 827px; left: -40px; top:16%;  min-width: 424px;}
   .hero-slide.hero-slide-hops .layer14 { bottom: 0%}
  .hero-slide.hero-slide-hops .layer1 { max-width: 225px; left: -152px; top: 46px;}
  .hero-slide.hero-slide-hops .layer2 { max-width: 224px;  left: -138px;  top: 50%;}
  .hero-slide.hero-slide-hops .layer8, .hero-slide.hero-slide-hops .layer17, .hero-slide.hero-slide-hops .layer7, .hero-slide.hero-slide-hops .layer11, .hero-slide.hero-slide-hops .layer19.img-fluid{display:none;}
  .hero-slide.hero-slide-hops .layer9 { max-width: 266px; right: -120px; top: -120px; z-index: -1;}
  .hero-slide.hero-slide-hops .layer15 { max-width: 104px; left: 45%;  top: 4%;}
  .hero-slide.hero-slide-hops .layer10 { max-width: 129px;}
  .hero-slide.hero-slide-hops .layer13 { max-width: 64px; top: 61%; left: 37%;}
  .hero-slide.hero-slide-hops .layer18 {
    max-width: 195px;
    top: 58%;
    left: 31%;
    transform: matrix(0.93, 0.37, -0.37, 0.93, 0, 0);
}
  .hero-slide.hero-slide-hops .layer16 {
    max-width: 145px;
    top: 15%;
    left: 14%;
}
   .hero-slide.hero-slide-hops .layer20 {
    max-width: 178px; bottom:18%;
    filter: blur(2px);
    right: -64px;
}

.search-icon .icon.icon-search {
        max-width: 22px;
    }


  
  /* custom slide css */
  .hero-slide.home-custom-slide .layer6 {top: auto; left: 20px;}
  .hero-slide.home-custom-slide .layer5 { top: auto;  left: 20px;  z-index: 2}
  .hero-slide.home-custom-slide .layer4 {  top: 38px;left: 20px;}
  .hero-slide.home-custom-slide .layer1 {left: -162px;max-width: 220px; top: 19%;}
.hero-slide.home-custom-slide .layer10 {
    right: -269px;
    bottom: auto;
    max-width: 375px;
    top: -25%;
}
  .hero-slide.home-custom-slide .layer7{display:none}
  .hero-slide.home-custom-slide .layer2 {
    max-width: 289px;
    top: 21%;
}
  .hero-slide.home-custom-slide .layer11 {
   left: 45%;
    top: 39%;
}
  .hero-slide.home-custom-slide .layer13 {
    left: 65%;
    top: 64%;
    max-width: 125px;
    left: auto;
    right: -25px;
    z-index: 2;
}
.hero-slide.home-custom-slide .layer8 {
    max-width: 273px;
    left: -161px;
    bottom: 16%;
}
                                        

  
  .ab-industry-wrap-contact .ab-industry-content {
    max-width: 100%;
}
  .ab-industry-wrap-contact .ab-industry-content h2,   .ab-industry-wrap-contact .ab-industry-content h6 {
    line-height: 41px;
}
  .ab-industry-wrap.ab-industry-wrap-contact{margin-top:40px;}
  .ab-industry-wrap-contact .ab-industry-content p{margin-bottom:22px;}
  .blog-row .item{width:50%;}
  .press-banner ul.img-list li {padding:0 9px;}
  .press-banner ul.img-list{margin:0 -9px;}
  .press-banner ul.img-list li a p { padding: 17px 20px; font-size: 16px; line-height: 24px;}

.education-banner-content h1{font-size:60px;}
  .terpene-content h2{font-size:34px; line-height:41px; margin-bottom:12px;}
  .terpenes-ingredients .head { max-width: 251px;}
  .terpenes-ingredients .head h2{font-size:34px;}
  .terpenes-ingredients { padding: 30px 30px 35px;}
  .terpenes-ingredients-wrap{padding-top:173px; padding-bottom:173px;}
.difference_wrap h2, .terpenes_use_wrap .head h2, .terpenes_blog .head h2{font-size:34px; line-height:41px;}
  .terpenes_use_row .item{padding:0 10px; margin-bottom:20px;}
  .terpenes_use_row { margin-left: -10px; margin-right: -10px;}
  .terpenes_use {min-height: auto; height: 100%;flex-direction: column; justify-content: space-between;}
  .terpenes_use .img { position: relative;width: 100%; height: auto;}
  .terpenes_use .img img {width: 100%; height: auto; object-fit: cover; display: block;}

  .calculator-content h1{font-size:60px;}
  .mixing-ratio-wrap .head h2{font-size:34px; line-height:41px;}
  .single-mixing{width:50%;}
 .mixin-guide-wrap .head h2{font-size:34px; line-height:41px;}
  .sample-w .ab-find-content, .sample-w .ab-find-img{width:100%;}
  .sample-w .ab-find-img:after{display:none}

  .categories_banner_content{padding:73px 20px 0 ;width:100%; }
  .categories_banner_img {position: relative; max-width: 100%;right: auto;top: auto; z-index: 2;}
.categories_banner{padding-left:0}
  .categories_banner{min-height:auto; padding-bottom:54px;}
  .categories_banner a.down-btn{bottom:18px;}
  .category-tap-content h2{font-size:34px; line-height:41px; margin-bottom:10px}
  .category-unique-content h2{font-size:34px; line-height:40px; margin-bottom:19px}
  .ab-find-wrap.ab-find-wrap-cat { padding-top: 73px; padding-bottom: 71px;}
  .other-pro-head h2, .other-pro-head h5, .other-pro-head h4{font-size:34px; line-height:1}
  /* .other-pro-head .custom-arrow { display: none;} */
  .other-pro-head{margin-bottom:20px;}
  .single-custom-slide>a h3{padding-right:0}
  .categories_aside {
    max-width: 100%;
    margin-top: 0;
    text-align: center;
    padding-right: 20px;
}
.categories_right {
    width: 100%;
    padding-top: 0;
    padding-left: 0; margin-top:20px;
}
  .categories_aside .icon {
    justify-content: center; margin-bottom:20px;
}
  .ab-collection-banner-content img{max-width:290px;}
  .ab-collection-banner-content p{font-size:21px;}
  .ab-collection-banner:before { width: 104px; height: 103px;bottom: -35px;}
  .collection-banner-bottom-row .item{width:33.33%}
  .collection-banner-bottom-row .item .single {
    min-width: inherit; display:flex;
}
  .ab-collection-row .item{width:50%;}
  .sample-kit-wrap .head h2 {font-size: 34px; margin-bottom: 15px; line-height: 1;}

  .collection-featured-content h2{font-size:34px; line-height:41px;}

  .founder-banner{padding:160px 0}
  .founder-banner-content h4 {font-size: 18px; line-height: 27px; margin-bottom: 16px;}

.founder-banner-content p { font-size: 18px; line-height: 27px;}

  div#hidden-content{padding:60px 0;}
  .modal-head h2 {font-size: 34px;margin-bottom: 8px;line-height: 40px;}
 .modal-head p { font-size: 16px; line-height: 1.5; margin-bottom: 15px;}
  .modal-head { margin-bottom: 23px;}
  .modal-factor h2{margin-bottom:10px;}
  .modal-factor p { font-size: 14px; line-height: 21px;}
  .modal-factor-row { margin-top: 19px;}
  .ab-product-row{flex-wrap:wrap;}
  .product2-left{width:100%;}
  .product2-right{width:100%;}
  .product-l-text h1 {
    font-size: 34px;
}
  .qty-flex-wrap h4.price, .qty-flex-wrap p.price{margin-left:7%}
h4.factor-card_title {font-size: 20px;  line-height: 1.29;}
  .pro-series-wrap h2{font-size:34px; line-height:41px; margin-bottom:23px}
  .diagram-section_content h2 br{display:none}
  .diagram-section_content h2{font-size:34px; margin-bottom: 21px;}
  .pro-full-h h2 { font-size: 34px;line-height: 41px; margin-bottom: 14px;}
 .pro-full-h p { font-size: 24px;line-height: 36px;}

    .orignal-jack-head h4 {  font-size: 28px; line-height: 36px;}
.jack-key-single p{font-size:14px;}

  .advanced-profiles__container-custom{flex-wrap:wrap;}
  .advanced-profiles__terpene-info.terpene-info {min-width: 100%;max-width: 100%; border: none; padding: 0;}
.advanced-profiles__image{margin-left:0}

  .ab-collection-smaple-banner.ab-collection-banner:before { width: 100px; background:url(sample-b-mobile.svg)no-repeat center; height: 134px;left: auto; right: 0; top: -33%;}

  .categories_banner.categories_botanical_banner {
    padding-bottom: 185px; padding-top:77px;
}
  .categories_botanical_banner .categories_banner_img {
    max-width: 100%;
    top: 0;
}
  .collection-featured-wrap.collection-premium-featured-wrap:after {
    content: "";
    width: 130px;
    height: 17px;
    background: url(dot-vec.svg)no-repeat center left;
    background-size: inherit;
    position: absolute;
    right: 0;
    top:28px;
}
 .collection-flower-wrap:after {width: 104px;
    height: 103px;
    top: -73px;
}
  .space {
    padding-top: 77px;
}
.saving_banner{transform:none}
.saving_banner .container {
    transform: none;
}
.saving_banner-inner h2{font-size:34px; max-width: 166px;
    margin-bottom: 16px;}
.saving_banner-inner h2:before{display:none}
  .saving_banner-inner p{font-size:14px; line-height:21px}
  .saving_banner {
    padding: 113px 17px 82px;
}
  .saving_banner-inner {
    max-width: 310px;
}
.saving_banner:after {
    width: 344px; height:121px;
  background: url(lines-vector-m.svg)no-repeat center;
    background-size: contain; transform:none;     top: 80px;
    
    left: 22px;
}
.saving_banner-inner p {
    max-width: 310px;
    margin-bottom: 38px;
}

.saving_banner-inner .btn {
    width: 100%;
}
.ab-case-studies-row .item{width:50%}
.ab-team-row{flex-wrap:wrap;}
  .ab-team-row .single-member{margin-bottom:26px;}
  .smaple-application-banner-content h1 {font-size: 75px; line-height: 0.9375;}
  .at-faq-find .ab-find-wrap{padding-top:0;}

.terp-technology-banner-content img.dioxin {
    max-width: 228px;
    top: 121px;
    left: -70px;
    transform: matrix(.82,-.57,.57,.82,0,0);
}
  .meet-team-row{flex-wrap:wrap; padding:20px 20px 18px;}
  .meet-team-left{width:100%;}
  .meet-team-right{width:100%; margin-top:18px}
  .meet-team-row.show-bio .meet-team-left {  width: 100%;}
  .meet-team-row.show-bio .meet-team-right {width: 100%;}
}

@media (max-width: 992px) {
  .megamenu_mobile{
    display: none;
  }
  .megamenu-list {
    flex-wrap: nowrap;
}
  .mobile-menu{
    border-radius: 0px 0px 15px 15px;
  }
  .megamenu-list {
    padding-top: 30px;
}
  .megamenu.active {
    padding-left: 18px;
}
  .megamenu-list-b li {
    font-size: 21px;
}
  .megamenu-list-b li a{
    text-wrap: nowrap;
  }
  .megamenu-list-b li.t-link {
    margin-block: 15px 20px;
}
}

@media (max-width:768px) {
  .megamenu-list-b li {
    font-size: 18px;
}
  .header-item.logo img {
    width: 100%;
}
  .menu-close {
    padding: 20px 20px 8px 26px;
}
  .megamenu-list-b li a{
    text-wrap: wrap;
  }
  .megamenu-list-s>li{margin-bottom: 13px;}
  .megamenu.active {
    padding-left: 14px;
}
  .megamenu-list {
    flex-wrap: wrap;
}
  .megamenu-list {
    padding-top: 0px;
}
  .megamenu_mobile{
    display: block;
  }
  .megamenu_tab{
    display: none;
  }
  .megamenu{
    padding: 0 14px 30px;
  }
  .a-pro-name .mobile-show{display: block  !important;}
.a-pro-name .desk-show{display: none  !important; }
  .mobile-sho{display:block !important}
  .desk-sho{display:none !important}

  
  :root {
    scroll-padding-top: 100px;
}
  
  .a-pro-name .mobile-show{display: block  !important;}
.a-pro-name .desk-show{display: none  !important; }
  .mobile-sho{display:block !important}
  .desk-sho{display:none !important}
.a-pro-name {
    width: 100%;
    min-width: inherit;
    padding-bottom: 0;
    padding-top: 0;
    text-align: left;
}
.a-pro-name h5{font-size: 12px;}
.a-pro-name h3, .a-pro-name h3.color{font-size: 24px; line-height:29px; margin-bottom: 4px; background: transparent; -webkit-text-fill-color: inherit;color: #ffc632;}
.a-pro-name img{max-width: 80px; margin:0; margin-bottom: 16px;}
.a-what-pro{flex-wrap: wrap;}
.a-pro-detail{display: block; max-width:100%; width: 100%; padding: 0; padding-bottom: 10px; padding-right: 10px;}
.qty-flex{max-width: 97px; padding: 0 5px;}
.qty-flex input.quantity-selector2, .qty-flex input{width: 27px; height: 40px;}
.a-pro-detail .d-flex .btn span{display: none;}
.a-pro-detail p{display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;}
  .a-pro-detail .tag {
    position: relative;
    font-size: 12px;
    padding: 1px 6px;
    margin-bottom: 8px;
    right: auto;
    top: auto;
}
  .a-what-new-head{margin-bottom:-15px;}
.a-pro-detail .d-flex .select-wrp {
  width: calc(100% - 120px);
}
.select-wrp select{height: 43px; font-size: 14px; min-width: 100%;}
.a-what-pro{padding:0;padding-left: 10px;}
.link{font-size: 14px;}
.a-pro-name .btn{display: block; max-width: 139px; margin-left: auto; margin-right: auto; margin-top: 12px;}
.ab-industry-content h2, .ab-industry-content h6, .ab-industry-content h4{max-width: 274px; margin-left: auto; margin-right: auto;}
  .ab-industry img.img-fluid.mobile-sho {
    max-width: 25px;
    left: auto;
    right: 0;
}
  .ab-industry-content p{max-width:310px;}
.newsletter-wrap{padding-top: 37px;}
.footer_wrap{padding-top: 78px; padding-bottom:0px;}
#shopify-section-main-article + #shopify-section-footer .footer-wave {background-color:#fff;}
.footer-link p{font-size: 12px;
  letter-spacing: -0.18px;}
.footer-link ul li {
  font-size: 12px;
  letter-spacing: -0.18px;
  margin-bottom: 8px;
}
.a-what-new-slide .slick-dots {
  text-align: center;
  padding-right: 0;
  margin-right:0;
  top: auto;
  bottom: 44px;
}
  .legal-banner {
    padding-top: 117px;
    position: relative;
}
  .legal-banner h2, .contact-banner h1 {
    font-size: 34px;
    line-height: 41px;     margin-bottom: 28px;}
  .legal-banner p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}
  .legal-content{margin-top:11px;}
  .legal-banner ul li{font-size:14px; margin-bottom:10px;}
  .legal-content h1{font-size:24px; line-height:29px;     margin-bottom: 23px;}
  .legal-content h3 { font-size: 18px; line-height: 27px;}
  .legal-content p { font-size: 14px;line-height: 21px;margin-bottom: 13px;}
  .legal-content h3~h3 {margin-top: 33px;}
  .legal-banner:before, .ab-catalog-wrapper:before, .at-faq-wrap:before, .terp-technology-banner:before, .at-compliance-quality-wrap:before {
    background:url('//abstraxhops.com/cdn/shop/t/125/assets/inner-banner-m.svg?v=6775067558521995691763511630') no-repeat left bottom;
    background-size: initial;
    height: 550px; 
    background-position-x: 15% !important;
}
  .legal-banner.contact-banner:before {
    height: 471px;
}
  .contact-banner{margin-bottom:38px;}
  .contact_add_wrap{padding:14px 20px;flex-wrap:wrap;}
  .contact_add_wrap h2{font-size:24px; line-height:29px; margin-bottom:17px;}
  .contact_add_wrap p{font-size:14px; line-height:21px;}
  .contact_add_wrap>div{margin-bottom:1rem;}
  .right-content { text-align: left; padding-top:0; padding-left: 0;width: 100%; margin-bottom:0 !important;}
  .contact_form_wrap{margin-top:34px;}
  .contact_form h2 { font-size: 24px;line-height: 36px; margin-bottom:21px;}
  .contact_form .field__label {letter-spacing: -0.12px; font-size: 14px; margin-bottom: 7px; line-height: 21px;}
  .contact_row .form-group { width: 100%;  margin-bottom: 16px;}
  .contact_form .field__input {height: 49px; padding: 15px 20px;}
  .contact_row .form-group.w-100{margin-bottom:0}
  .form__message{margin-top:20px;}
  .contact_row .btn.btn-primary { max-width: 100%; width: 100%;}
  .form__message p img { min-width: 20px; max-width: 20px;}
  .form__message p{font-size:14px; line-height:21px;}
  .ab-industry-wrap-contact .ab-industry-content h2, .ab-industry-wrap-contact .ab-industry-content h6{max-width:100%;}
 .ab-industry-wrap-contact .ab-industry img {max-width: 99px;}
  .ab-industry-wrap.ab-industry-wrap-contact:before{bottom:10px;}
  .blog-banner h1 {
    font-size: 34px; line-height: 1.29;}
  .single-blog p{font-size:14px; line-height:21px;}
  .blog-row .single-blog .content {
    padding: 15px 20px 20px;
}
    .page-ab-blog:before, .page-ab-press:before{height:500px !important;}

  .ab-flex{flex-wrap:wrap;}
.ab-flex span.blog-count {
    padding-top: 14px;
    display: block;
    width: 100%;   font-size: 14px;
}
  .blog-banner p {
    font-size: 14px;
    line-height: 1.5;
}
  .blog-wrap {
    margin-top: 25px; padding-bottom:37px;
}
  .blog-row .item{width:100%;}
  .blog-pagination {
    padding-top: 0;}
  .blog-pagination .btn {
    font-size: 0;
    min-width: 88px;
    padding: 22px;
}
  .a-what-new-slide .slick-list {
    padding-left: 0 !important;
}
  .pos-ab {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    right: 0;
    padding: 0 10px;
    z-index: 2;
}
.a-pro-img{margin-left:26px;}
  .press-banner h1{font-size:34px; line-height:41px; margin-bottom:9px;}
 .press-banner ul.img-list li {width:50%}
  .press_head{margin-top:17px;}
  .press_head h2{font-size:24px; line-height:29px;}
  .press_head .blog-count { font-size: 14px;line-height: 21px;}
  .press_bar h5 {font-size: 14px; line-height: 21px; margin-bottom: 15px;}
  .press_bar .single-blog h4{font-size:18px; line-height:27px;}
  .press_bar .blog-row .single-blog {
    min-height: 142px;
}
  .press_relesase .blog-row .single-blog{min-height:273px}
  .press-banner ul.img-list li a.active {
    border: 2px solid #FFE63D;
}
  .press_wrap .container .press_bar~.press_bar {
    margin-top: 14px;
}
  .press_wrap{padding-bottom:81px;}
  .xs-show{display:block}
.article-template-banner{height:647px;}
  .article-template-banner:before{height:337px;}
  .article-template-banner .article-template__content { padding-top: 57px; padding-bottom: 57px;}
  .article-template-banner span{font-size:12px; line-height:18px; margin-bottom: 11px;}
  .article-template-banner h1{font-size:34px;line-height:41px; margin:0}
  .article-template__content p{font-size:14px; line-height:21px;}
  .article-template__content h2, .article-template__content h3 {
    font-size: 24px;
    line-height: 29px;
    margin-top: 34px;
    margin-bottom: 16px;
}
  .article-template__content h5 {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
}
  .article-footer{margin-top:40px; flex-wrap:wrap;}
   .article-footer .social{width:100%; margin-bottom:35px;}
  .article-footer .social h3, .article-footer .tag h3{font-size:18px;}
  .social ul{margin:0}
  .article-footer .tag { width: 100%;}
  .article-footer .tag ul li{font-size:14px;}
  .relative-blog {
    margin-top: 72px;
}
  .relative-blog .custom-arrow {
    display: none;
}
  .relative-blog .head{margin-bottom:16px;}
  .relative-blog .h-blog-wrap{padding-bottom:36px;}

    /* education-responsive page css*/
  .education-banner{height:807px;}
  .education-banner-content { padding: 20px 0;}
  .education-banner-content h1 { font-size: 34px; margin-bottom: 10px;line-height: 41px;}
  .education-banner-content p  { font-size: 18px;margin-bottom: 15px;}
  .education-banner-content .btn-group{flex-wrap:wrap;}
  .education-banner-content .btn-group .btn { padding: 14px; margin: 0; width: 100%;}
  .education-banner-content .btn-group .btn-white-outline{padding:15px; margin-top:10px;}
  .terpene-wrap{padding-top:62px; padding-bottom:0}
  .terpene-content {width: 100%;}
  .terpene-img {  width: 100%; margin-top:40px;}
  .terpene-content p, .terpene-img p{font-size:14px; margin-bottom:18px;}
  .terpene-row{padding-bottom:70px;}
  .terpene-row.terpene-row2 .terpene-img{padding:0; margin:0}
  .terpenes-ingredients { padding: 13px 20px; flex-wrap:wrap;}
  .terpenes-ingredients-wrap{padding-top:80px; padding-bottom:80px;}
  .terpenes-ingredients .head h2 {line-height: 41px;margin-bottom: 20px;}
  .terpenes-ingredients .effect p{font-size:14px;}
  .effect-icon{margin-top:20px; flex-wrap:wrap;}
  .terpenes-ingredients .effect {max-width: 100%; width: 100%;}
  .effect-icon .img { width: 140px; height: 140px;margin: 0 auto 10px;}
  .effect-icon .single { width: calc(50% - 15px); margin-bottom: 30px;}
  .effect-icon .single:last-of-type, .effect-icon .single:nth-last-of-type(2){margin:0}
  .difference_wrap{padding-top:71px; padding-bottom:71px;}
  .difference_wrap h2{text-align:left;}
  .video-box .playpause .btn span {display: none;}
.video-box .playpause .btn {width: 50px; min-width: 50px; height: 50px;border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0;}
.video-box .playpause .btn img {  margin: 0;}
  .video-box .playpause{margin-left:-25px; margin-top:-25px;}
  .terpene-wrap2{padding-top:0}
  .terpene-wrap2 .terpene-row { padding-bottom: 80px;}
  .terpene-wrap2 .terpene-img{margin-top:8px;}
  .terpene-wrap2 .terpene-content, .terpene-wrap2 .terpene-img{width:100%;}
  .terpene-img p{max-width:100%}
  .terpenes_use_wrap{padding-top:71px; padding-bottom:20px;}
  .terpenes_use_row .item{width:100%;}
  .terpenes_use .content { padding: 20px 20px 0px 20px;  max-width: 100%;}
  .terpenes_use_wrap .head p, .terpenes_blog .head p{font-size:14px; margin-bottom:20px;}
  .terpenes_blog{padding-top:21px; padding-bottom:16px;}
  .terpenes_use_wrap:before{height:134%}

  .side-cart {max-width: 100%;right: 0; top:0;   border-radius: 0;     transform: translate3d(0, 105%, 0);
    opacity: 0;     max-height: inherit;
    visibility: hidden; }
  .side-cart.active{ width: 100%;
    max-height: inherit;     transition: 1.5s ease all;
    transform: translate3d(0, 0, 0);
    opacity: 1; overflow:hidden;
    visibility: visible;}
.side-cart-head p {font-size: 14px;}

.side-cart-head { padding: 20px; border-bottom: 1px solid #B8D2B8;}
  .a-prod-listing .single{padding:20px 0;}
.a-prod-listing .single:first-child { padding-top: 20px;}
.a-prod-listing {
    padding: 0 20px;
    height: calc(100vh - 340px);
    max-height: inherit;
}
.a-prod-listing .single .img { width: 153px;  min-width: 153px;  height: 170px;}
  .a-prod-listing .single .img .rem{width:30px; height:30px;}
  .a-prod-listing .single .text {width: calc(100% - 153px);}
  .a-prod-listing .single .text h4 { font-size: 18px;line-height: 27px; margin-bottom: 5px;letter-spacing: -0.18px;}
  .a-prod-listing .single .text small { font-size: 14px;letter-spacing: -0.21px;margin-bottom: 15px;}
  .a-prod-listing .single .text label, .cart-fix-bottom p{font-size:14px; line-height:21px;}
  .cart-fix-bottom {padding: 46px 20px 60px;}
  .cart-fix-bottom h3{font-size:14px; margin-bottom:9px;}
  .cart-fix-bottom h3 span{font-size:24px; line-height: 36px;}
  .a-prod-listing .single .text .p-flex{flex-wrap:wrap;}
  .a-prod-listing .single .text .p-flex .select-wrp {
    width: 100%;
    margin-right: 0; margin-bottom:9px;
}
.a-prod-listing .single .text .qty-flex {
    max-width: 100%;
    padding: 0 7px;
    justify-content: space-between;
}
  .a-prod-listing .single .text h4.price{font-size:24px; line-height:36px;}
  .calculator-banner{padding-top:118px; padding-bottom:80px;}
  .calculator-banner:before {background: url('//abstraxhops.com/cdn/shop/t/125/assets/inner-banner-m.svg?v=6775067558521995691763511630') no-repeat left bottom; background-size: initial; height: 518px; background-position-x: 15%!important;}
  .calculator-content h1{font-size:34px; margin-bottom:20px;}
  .calculator-content h5{font-size:18px; line-height:27px; margin-bottom:20px;}
  .calculator-content-f h3{margin-bottom: 5px;}
  .calculator-content-f p{font-size:14px; margin-bottom:20px;}
  .calculator-row{flex-wrap:wrap;}
  .calculator-content { padding-right: 0; width: 100%;}
  .calconic-calculator { width: 100%; max-width: 100%;}
  .mixing-ratio-wrap {padding-top: 192px; padding-bottom: 68px;}
  .mixing-ratio-wrap:before { height: 382px;}
  .mixing-ratio-wrap .head p, .single-mixing p, .mixin-guide-wrap .head p{font-size:14px;line-height:21px;}
  .single-mixing h3{font-size:18px; margin-bottom: 11px;}
  .single-mixing p{margin-bottom:6px;}
  .single-mixing{margin-bottom:12px;}
  .single-mixing h3 img { max-width: 20px;}
  .mixing-guide-row .item { width: 100%; margin-bottom: 20px;}
   .mixin-guide-wrap{padding-top:71px; padding-bottom:59px;}
  .mixin-guide-wrap .head { margin-bottom: 30px;}
  .mixing-guide-s h3{line-height:28px; margin-bottom:15px;}
  .mixing-guide-s img{margin-bottom:15px;}
  .sample-w .ab-find-content h2{margin-bottom:15px;}
.ab-find-content h4 {  font-size: 18px; line-height: 27px;margin-bottom: 15px;}
  .mixin-guide-wrap:before { height: 137%; background: transparent linear-gradient(180deg, #FFC632 0%, #FFE63D 67%, #F7F8F100 100%) 0% 0% no-repeat padding-box;}

  .categories_banner_content h1{font-size:34px; line-height:41px; margin:0}
  .categories_banner_content p{font-size:18px;}
  .cat-yellow-wrap{padding-top:41px;}
  .category-tap{padding-top:33px; padding-bottom:33px;}
  .category-tap .bottom-l{display:none}
  .category-tap .top { max-width: 35px;position: absolute;top: -17.5px;right: 57px;}
  .category-tap-content p{font-size:14px; margin-bottom:20px;}
  .category-tap .bottom { max-width: 55px; position: absolute; bottom: -27.5px; left: 28px;}
  .category-unique-wrap { padding-top: 79px;padding-bottom: 79px;}

  .category-unique-img { width: 100%;}
  .category-unique-content { width: 100%;  padding-left: 0; text-align: center;}
  .category-unique-content p{font-size:14px; margin-bottom:15px;}
  .category-unique-content a.btn{margin-top:2px;}
  .other-pro-head p{font-size:14px;}
  .ab-other-wrap{padding-bottom:0}
  .categories_row{padding-top:40px;}
  .categories_aside .cat_img{margin-bottom:20px;}
  .categories_aside p{font-size:14px;line-height:21px;}
  .categories_row:after{margin-top:40px;}
  .categories_slide .single_slide .pos-ab {
    justify-content: flex-end;
}
.ab-cat-deatil h2{font-size:24px; line-height:29px; margin-bottom:5px;}
 .ab-cat-deatil .tag { background: #1C1C1E;  color: #fff;border-radius: 5px;  padding: 1px 5px; display: inline-block !important; font-family: Gilroy-Bold,sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 6px;}
 .ab-cat-img{margin-top:-42px;}
 .ab-cat-img img{top:0}
.categories_slide .pos-ab .tag {
    font-size: 11px;
    line-height: 17px;
    display: none;
}
 .ab-cat-flex {
    display: flex;
    flex-wrap: wrap;
}
.ab-cat-img { width:100%;max-width: 128px;} 
.ab-cat-deatil h5 { font-size: 12px; margin-bottom: 1px;}
  .ab-cat-img {
    width: 100%;
    max-width: 100%;
}
  .ab-cat-img img {
    max-width: 128px;
    left: auto;
    margin: 0 auto;
}
 .ab-cat-deatil {
    width: 100%;
    padding: 0px 20px 20px 11px;
}
  .blog-pro-wrap h4{font-size:18px; line-height:27px; margin-bottom:20px;}
  .blog-pro-row{flex-wrap:wrap;}
  .blog-pro-img { width: 100%;}
  .blog-pro-content{width:100%; padding:0; margin-top:26px;}
  .article-template__content p:last-child{margin:0}
  .blog-pro-wrap { padding: 28px 0;}
.ab-collection-banner{background:url(collection-banner-mobile.jpg)no-repeat center; background-size:cover;padding-top:130px; padding-bottom:41px;}
  .ab-collection-banner-row{flex-wrap:wrap; padding-bottom:118px;}
  .ab-collection-banner-content img {margin: 0 auto 5px;}
  .ab-collection-banner-content { max-width: 346px; margin: 0 auto; text-align: center;}
  .ab-collection-banner-content p { font-size: 18px; line-height: 27px;}
  .ab-collection-banner-img {max-width: 100%; width: 100%; margin-top:30px;}
  .ab-collection-banner-img img { max-width: 171px; margin: 0 auto;display: block;}
  .ab-collection-banner-bottom h2{font-size:24px; line-height:31px;     margin-bottom: 27px;}
  .ab-collection-banner-bottom p { font-size: 14px; margin-bottom: 12px;}
  .collection-banner-bottom-row{flex-wrap:wrap; margin-top:24px; margin-bottom:20px;}
  .collection-banner-bottom-row .item{width:100%; padding:0}
  .collection-banner-bottom-row .item .single h4{font-size:14px}
  .ab-collection-banner-bottom h3 {font-size: 18px; line-height: 27px; text-align: left;}
  .ab-collection-banner-bottom .n-flex img{min-width:60px;}
  .ab-collection-banner-bottom .n-flex{padding:30px 0;}
.ab-collection-wrap{padding-top:32px;}
  .ab-collection-box .pos-ab .tag{display:none}
  .ab-collection-row{margin:0 -5px;}
  .ab-collection-row .item{padding:5px;}
  .collection-box-flex{flex-wrap:wrap; padding-bottom:0}
  .collection-box-img {max-width: 112px;   min-width: 112px; top: 0;  position: relative; left: 10px;}
  .collection-box-caption { width: 100%;padding: 0 9px 10px;}
  .collection-box-caption h5{font-size:12px; line-height:24px;}
  .ab-collection-wrap .collection-box-caption h2, .ab-collection-wrap .collection-box-caption h6{font-size:24px; line-height:32px; margin-bottom:0}
  .collection-box-caption .a-pro-icon span { font-size: 12px; line-height: 18px;  margin-left: 5px;}
  .collection-box-footer { padding: 0 10px 10px;}
  .ab-collection-box .d-flex{margin-bottom:0;}
  .ab-collection-box .d-flex .select-wrp {  width: 100%;}
  .ab-collection-box .qty-flex {    max-width: 100%;width: 100%; margin-left:0; justify-content: space-between;}
  .collection-box-footer .btn span { display: none;}
  .collection-box-footer .btn { min-width: 100%; padding: 16px;}
  .ab-collection-box .d-flex .select-wrp select { font-size: 12px;  line-height: 18px; letter-spacing: -0.1px;}
  .ab-collection-box .qty-flex input.quantity-selector2{font-size: 12px;  line-height: 18px; letter-spacing: -0.1px;}
  .g_collection_wrap .blog-pagination{padding-top:20px; margin-bottom:32px;}
 .collection-box-caption .tag { background: #1C1C1E;  color: #fff;border-radius: 5px;  padding: 1px 5px; display: inline-block !important; font-family: Gilroy-Bold,sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 6px;}
  .sample-kit-wrap{margin-bottom:40px;}
  .sample-kit-wrap .head p{font-size:14px;}
  .sample-kit-wrap .head {margin-bottom:40px;}
  .sample-kit-img { max-width: 100%; margin-top: -15%;position: relative;}
  .sample-kit-content { width: 100%; padding: 0 20px 20px;}
  .sample-kit-content .btn{padding:16px;}
  .sample-kit-content .btn span{display:none}
  .sample-kit-content h2{font-size:24px; line-height:31px;}
 .sample-kit-content p{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;font-size:14px; margin-bottom:20px;}
  .collection-featured-wrap{padding-bottom:20px;}
  .ab-collection-wrap h2{font-size:34px; line-height:40px;}
  .collection-featured-row { flex-direction: column; margin-bottom: 32px;}
  .collection-featured-img { width: 100%;}
  .collection-featured-content {  width: 100%;}
  .collection-featured-wrap .container .collection-featured-row:nth-child(even) {  flex-direction: column-reverse;}
  .collection-featured-wrap .container .collection-featured-row:nth-child(even) .collection-featured-img { width: 100%;}
  .collection-featured-wrap .container .collection-featured-row:nth-child(even) .collection-featured-content { width: 100%;}
  .collection-featured-content h2{margin-bottom:10px;}
  .collection-featured-content p{font-size:14px; margin-bottom:12px;}
  .collection-featured-wrap:before{height:755px;}
   .collection-flower-wrap:before {  height: 309px; background:url(collection-featured-bg-mobile.png)no-repeat center; background-size:cover; background-position: right bottom;}
  .collection-featured-content a.btn.btn-white-outline {  min-width: 192px; padding: 15px;}
  .advance-profile-row{flex-wrap:wrap;}
  .advanced-profiles_content { min-width: 100%; width: 100%;border: none;padding: 0; text-align:left;}
  .advanced-profiles_content:before{display:none}
  .advance-profile-wrap { /*padding: 63px 0 77px;*/ padding:85px 0 95px;  }
  .advanced-profiles__compaunds video {max-width: 184px; margin: 0 auto;  display: block;}
  .advanced-profiles__compaunds { width: 100%;}
  .advanced-profiles__compaunds img{max-width: 184px; margin: 25px auto 0;  display: block;}
  .advanced-profiles_content h2 { font-size: 24px;line-height: 41px;margin-bottom: 0; border:none}
  .advanced-profiles_content p { font-size: 14px; margin-bottom: 13px;}
  .sample-banner-collection{padding:80px 0 72px; }
  .collection-faq-wrap{padding-top:72px; padding-bottom:81px;}
  .collection-faq-head h2, .collection-faq-head h4, .collection-faq-head h3 { font-size: 34px;line-height: 1;margin-bottom: 9px;}
  .collection-faq-head p{font-size:14px;}
  .collection-faq-head p .btn{min-width: 192px; padding: 15px;}
  .collection-faq-row{flex-wrap:wrap;}
  .collection-faq-head {width: 100%;}
  .collection-faq-content {width: 100%; margin-top:30px;}
  .collection-faq-content ul.accordion>li>a{font-size:16px; line-height:24px;}
  .collection-faq-content ul.accordion>li {padding: 15px 0;border-bottom: 1px solid #1C1C1E;}
   .collection-faq-content ul.accordion>li:first-child{border-top: 1px solid #1C1C1E;}
  .collection-faq-content ul.accordion>li>div p{font-size: 14px; margin-bottom: 15px;}
  .collection-faq-content ul.accordion>li>div { padding-top: 13px;}
  .coming-video-wrap{padding-bottom:40px;}
 .coming-video-wrap .video-box .playpause .btn img { display: none;}
  .coming-video-wrap .video-box .playpause .btn span { display: block;}
.coming-video-wrap .video-box .playpause .btn {width: max-content; font-size: 12px; min-width: auto; height: auto; border-radius: 10px; padding: 14px;}
.coming-video-wrap .video-box .playpause { margin-left: 0; transform: translateX(-50%);}

.collection-flower-wrap{padding-bottom:38px; padding-top:72px;}
.collection-flower-head h2 { font-size: 34px; line-height: 40px;  margin-bottom: 18px;}
.collection-flower-footer p, .collection-flower-head p{font-size:14px}
.collection-flower-footer {padding: 30px 0; margin-top:6px;}
.collection-flower-single { width: 100%;}
.collection-flower-single h4 {  font-size: 18px;}
.collection-flower-single p{font-size:14px;}
  .categories_wrap { padding-top: 22px;}
  .modal-factor-row{flex-wrap:wrap;}
  .modal-factor-row .col-4 { width:100%;}
  .modal-factor-row{padding:5px 10px;}
  .modal-factor-row .col-4~.col-4{margin-top:17px;}
  .modal-factor-row table tr td { font-size: 14px; line-height: 24px; padding: 3px 0;}
.modal-factor{margin-bottom:34px}
  .modal-factor-row ul li{font-size:14px; line-height: 24px; }
  .modal-factor-row ul.count-2 li { width: 100%; margin-bottom: 16px;}
  .fector_head h2{font-size:24px; line-height:36px;}
  .fector_head p{font-size:14px; line-height:21px;}
  .fector_feat_wrap{flex-wrap:wrap;}
  .fector_feat_wrap .item { width: 100%; margin-bottom: 15px;}
  .fector_feat_wrap .item h4{margin-bottom:11px;}
  .fector_feat_wrap .item .d-flex>div p{font-size:14px; line-height:24px;}
.fector_feat_wrap .item .d-flex>div .icon {  width: 36px; height: 36px; min-width: 36px; padding: 9px; max-width: 36px;display: inline-flex; align-items: center;  justify-content: center;}
.fector_feat_wrap .item .d-flex>div .icon img { display: block; max-width: 100%;}
  .factors_card .col-6, .factors_card .col-4{width:100%;}
  .factors_card_detail .col-4 {  width: 100%;}
  .single_factors {display: flex;align-items: center;padding: 17px;}
 .factor-card_image { margin: 0; max-width: 98px; margin-right: 19px;}
  h4.factor-card_title { font-size: 18px; line-height: 31px; margin: 0;}
  .fector_wrap .btn.btn-white-outline {max-width: 100%; margin-top: 0;}
  .fector_wrap{padding:38px 0 42px;}
  
  .pro-map-banner { padding-bottom: 30px; padding-top: 94%; background:url(map-banner-mobile.png) no-repeat center; background-size:cover;}
  .map-content { max-width: 100%;}

  .map-content h2 br { display: none;}
  .map-content h2:before{margin-bottom:17px; max-width: 100%; }
.map-content h2 {font-size: 34px; line-height: 39px; margin-bottom: 8px;}
.map-content p { font-size: 14px;line-height: 21px; margin-bottom:8px;}
.pro-series-wrap { padding-bottom: 80px;}
  .pro-series-row{flex-wrap:wrap; margin-top:17px;}
  .pro-series-content { width: 100%;}
  .pro-series-row .btn { min-width: 100%;  padding: 16.5px; font-size: 16px;}
  .pro-series-content h3{font-size:18px; line-height:21px}
  .pro-series-row div {width: 100%;}
  .pro-series-content p{font-size: 14px;line-height: 21px; margin-bottom:12px;}
  .diagram-section_wrap{padding:80px 0; background:url(diagram-bg-mobile.jpg) no-repeat center; background-size:cover;}
  .diagram-section_row{flex-wrap:wrap;}
  .diagram-section_img {  width: 100%;}
  .diagram-section_content { width: 100%; margin-top: 40px;}
  .diagram-section_content h2:before{margin-bottom:24px; max-width:100%;}
  .diagram-section_content p{font-size: 14px;line-height: 21px; margin-bottom:0;}
  .pro-full-h h2 br{display:none}
  .orignal-jack-wrap{padding-top:66px; padding-bottom:64px;}
  .orignal-jack-head { text-align: left;}
  .orignal-jack-head h2 { line-height: 1;margin-bottom: 9px;}
   .orignal-jack-head h4{border-bottom: 1px solid #1C1C1E;padding-bottom:23px;}
  .orignal-jack-head p{font-size: 14px;line-height: 21px;}
  .jack-key-wrap{flex-wrap:wrap; margin:18px -5px 0;}
  .jack-key-wrap .item{width:50%; padding:0 5px; margin-bottom:10px}
  .jack-key-single{padding:12px 18px;  min-height: 65px;}
  .jack-key-single img {  margin-right: 8px;}
  .jack-comp-w{margin-top:20px; padding-top:24px}
  .jack-comp-w .title { text-align: left;font-size: 28px;  line-height: 33px; margin-bottom: 10px;}
  .jack-comp-w .title br{display:none}
  .jack-table table tr th { font-size: 8px; padding: 5px 0;}
  .jack-table table tr td {
    padding: 15px 5px;}
.jack-table h4{font-size:14px; line-height:21px;}
  .pro-analyze-wrap{padding:83px 0 79px;}
  .pro-analyze-row{flex-wrap:wrap;}
  .pro-analyze-content { width: 100%;}
  .pro-analyze-content h2:before{max-width:100%; margin-bottom:24px;}
  .pro-analyze-content h2 { font-size: 34px; line-height: 40px; letter-spacing: -0.68px;}
  .single-competitor p { font-size: 10px;margin-bottom: 0;}
  .single-competitor{margin-bottom:18px;}
 .single-competitor-img {margin-bottom: 7px;}
  .single-competitor h3 { font-size: 18px; line-height: 21px;  margin: 0;}
  .single-competitor h5 { font-size: 24px; border: none; padding: 0;}
  .pro-analyze-content h4 {font-size: 18px; line-height: 24px;margin-bottom: 20px;}
.pro-analyze-content .btn { min-width: 100%;}
  .pro-analyz-img {   width: 100%;  margin-top: 40px;}
  .pro-competitor-row{margin-top:32px;}
.pro-specifications{padding-top:54px; padding-bottom:80px;}
  .pro-specifications .collection-faq-content { margin-top: 19px;}
  .ab-industry-wrap.pro-standards {  margin-bottom: 90px;}
  .ab-industry-wrap.pro-standards .ab-industry {padding-top: 13px;  padding-bottom: 21px;}
  .pro-standards .ab-industry-content p{margin-bottom:20px;}
  .pro-faq-wrap { padding-top: 70px; padding-bottom: 42px;}
  .advantage-wrap{padding:40px 0;}
  .advantage-row{flex-wrap:wrap;}
  .advantage-img { width: 100%;}
  .advantage-content {width: 100%; margin-top:40px;}
  .advantage-content h2:before{max-width:100%; margin-bottom:24px;}
  .advantage-content h2{font-size:34px; line-height:41px; margin-bottom:10px; letter-spacing: -0.68px;}
  .advantage-content p{font-size: 14px; line-height: 21px;margin-bottom: 10px;}
  .advantage-wrap:before{background:url(advantage-bg-mobile.png) no-repeat center top; height:390px; background-size:cover;}
  .advantage-img img { max-width: 290px;}
.advanced-profiles{padding-top:35px;}
  .terpene-info p{font-size: 14px; line-height: 21px;}

  .ab-account-wrap{padding-top:120px;}
  .ab-account-left {width: 100%;}
  .ab-account-left h1 { font-size: 34px; line-height: 41px;  margin-bottom: 10px;}
  .ab-account-right {width: 100%; margin-top: 35px;}
  .ab-account-right h4{font-size:18px; margin-bottom:20px;}
  .order-card{margin-bottom:10px; padding:11px 15px 3px;}
  .order-card h5 { font-size: 14px; margin-bottom:10px;}
  .order-card table td { font-size: 14px;line-height: 20px; padding: 12px 0;}
.ab-account-wrap:before {
    background: url(yellow-bg-m.svg) no-repeat left bottom;
    background-size: initial;
    height: 418px;
    background-position-x: 45%!important;
}
  .ab-product-wrap{padding-top:128px;}
  .product2-left {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
}
  .product-l-text {
    width: 100%; text-align: center;
}
  .product-l-text h5{font-size:14px;}
  .product-l-img {
    width: 100%;
}
  .sticky_cart{display:none}
  .product-l-text h1+img {
    max-width: 149px;
    margin-bottom: 11px;
}


  .product-l-text .a-pro-icon {
    justify-content: center;
}
  .product-l-text .a-pro-icon span{font-size:14px;}
  .product-l-text .a-pro-icon img.img-fluid {
    max-width: 36px;
}
  .product-l-text p {font-size: 16px;line-height: 24px;margin-bottom: 0;}
.product-l-text .a-pro-icon {
    justify-content: center;
}
 .product-l-text .a-pro-icon>div {
    display: flex;
    align-items: center;
    justify-content: center;
}
  .product2-des .d-flex p {
    display: block;
}

  .product2-right {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 0;
    border-radius: 0; z-index:7;
    max-height: 88px;
    -webkit-transition:0.5s ease all;
    -o-transition:0.5s ease all;
    transition:0.5s ease all;
}

.product2-right .product2-des {
     overflow: hidden;
    padding: 15px 20px; 
}
.product2-right.active{max-height:100%}
 
   .product2-right.active .mobile-sticky-btn a.toggle img{transform: rotate(0);}
.mobile-sticky-btn {
    padding: 20px; display:block; transition:0.5s ease all;
}
  .product2-right.active .mobile-sticky-btn{padding:0; max-height: 0; overflow: hidden;}

.mobile-sticky-btn .btn-flex {
    display: flex;
    justify-content: space-between;margin:0; overflow: hidden;
}

.mobile-sticky-btn .btn-flex .btn {
    width: calc(50% - 10px); min-width:calc(50% - 10px);
}

.mobile-sticky-btn a.toggle {
    position: absolute;
    top: -25px;
    right: 20px;
    border-radius: 5px 5px 0 0;
    background: #fff;
    min-width: 31px;
    text-align: center;
    padding: 1px 0;
}

.mobile-sticky-btn a.toggle img {
    transform: rotate(180deg);
}
  .product-slide .slick-arrow.next {
    right: 0;
}

  .product-slide .slick-arrow.prev {
    left: 0;
}
.ab-collection-wrap{padding-top:30px;}
  .ab-collection-wrap h2{font-size:34px; line-height:41px; margin-bottom:13px;}
  .collection-filters-form .Collapsible{width:100%;}
  .collapse-headers {
    font-size: 14px;
    line-height: 21px;
    padding: 10px 15px;
}
.collection-filters-form{margin-bottom:10px;}

  .ab-collection-smaple-banner { padding-top:173px; padding-bottom:10px; background: transparent linear-gradient(180deg, #FFC632 0%, #FFE63D 48%, #F7F8F100 100%) 0% 0% no-repeat padding-box;}
  .ab-collection-smaple-banner .ab-collection-banner-row {  padding-bottom: 162px;}

  .ab-collection-smaple-banner.ab-collection-banner:after{bottom:45%}
.ab-collection-banner h1 {font-size: 34px;  line-height: 40px; margin-bottom: 15px;}
.ab-collection-smaple-banner .ab-collection-banner-img{margin-top:11px;}
.ab-collection-smaple-banner .ab-collection-banner-img img { max-width: 100%; min-width: calc(100% + 60px); margin-left: -30px;}
  .colllection-wrap-kit .collection-box-caption p{font-size:14px; line-height:21px;}
  .colllection-wrap-kit .ab-collection-box .qty-flex { max-width: 100%;margin-left: 0;}
  .colllection-wrap-kit .ab-collection-box { padding: 0 10px 10px;}
  .colllection-wrap-kit .collection-box-caption h2, .colllection-wrap-kit .collection-box-caption h6 { margin-bottom: 12px;}
  .collection-featured-sample-wrap{padding-top:80px;}
  .sample-get { padding: 33px 0; margin-bottom:40px;}
  .sample-get h2{font-size:34px; line-height:41px; margin-bottom:20px;}
  .sample-get p {font-size: 14px; line-height: 21px; margin-bottom: 17px;}
  .collection-featured-sample-wrap .collection-featured-row{margin-bottom:40px;}
  .coming-video-wrap.sample-video-w{padding-bottom:80px;}
  .coming-video-wrap.sample-video-w:after { width: 100px; background:url(sample-b-mobile.svg)no-repeat center; height: 134px;left: auto; right: 0; bottom: -91px;}
  .ab-other-sample-wrap { padding-top: 72px;}
  .colllection-wrap-kit {
    padding-bottom: 65px;
}
  .ab-collection-entourage-banner { background: url(entourage-banner-bg.jpg)no-repeat center top; background-size: cover;     padding-top: 149px;     padding-bottom: 51px;}
 .ab-collection-entourage-banner:after{ content:''; width:100%; height:404px; display:block; position:absolute; top:0; left:0;  background: transparent linear-gradient(180deg, #161F18 0%, #161E1800 100%) 0% 0% no-repeat padding-box;
opacity: 0.4;}
  .ab-collection-banner.ab-collection-entourage-banner:before{height:23px;}
  .ab-collection-entourage-banner .container{position:relative; z-index:2;}
  .ab-collection-entourage-banner .ab-collection-banner-content img{margin-bottom:20px;}
  .ab-collection-entourage-banner .ab-collection-banner-img{margin-top:60px;}
  .ab-collection-entourage { padding-top: 0;}
  .collection-featured-row.row-equal .collection-featured-content, .collection-featured-wrap .container .collection-featured-row.row-equal:nth-child(even) .collection-featured-img { width: 100%;}
.collection-featured-row.row-equal .collection-featured-img, .collection-featured-wrap .container .collection-featured-row.row-equal:nth-child(even) .collection-featured-content {  width: 100%;}
  .collection-featured-wrap.collection-entourage-featured-wrap:before {background: url(https://cdn.shopify.com/s/files/1/2149/6413/t/58/assets/entourage-featured-bf-m.png?v=1679553940) no-repeat center bottom; background-size: cover; height: 67px;}
.collection-entourage-featured-wrap { padding-top: 75px;}
  .collection-entourage-featured-wrap .collection-featured-row {margin-bottom: 18px;}
  .entourage-coming-video-wrap{Padding-top:0; padding-bottom:60px;}
  .entourage-coming-video-wrap:before { left: 0;bottom: -68px;  height: 68px; background: url(entourage-coming-b-m.png) no-repeat center bottom;  background-size: cover;}
.collection-faq-wrap.entourage-faq-wrap {padding-top: 98px;}

  .menu-btn { flex: 1 0 0;}
ul.nav-right { flex: 1 0 0; justify-content: flex-end;}
.category-unique-wrap.category-bota-unique-wrap {
    padding-top: 57px;
    padding-bottom: 78px;
    margin-top: 19px;
}
  .ab-collection-banner.ab-collection-premium-banner{padding-top:144px;}
  .ab-collection-banner.ab-collection-premium-banner:after{content:''; width:110px; height:20px; position: absolute; top:50%; left:0; background: url(dot-vec-l.svg)no-repeat center right;}
  .ab-collection-premium-banner .ab-collection-banner-content img{margin-bottom:20px;}
  .collection-featured-wrap.collection-premium-featured-wrap:before {
    width: 45px;
    height: 52px;
    top: -26px;
}
  .collection-featured-wrap.collection-premium-featured-wrap {
    padding-top: 77px;
}
  .coming-video-wrap.premium-coming-video-wrap:before{display:none}
  .coming-video-wrap.premium-coming-video-wrap {
    padding-bottom: 82px;
}
  .premium-faq-wrap:before {
    content: "";
    width: 86px;
    height: 75px;
    left: -28px;
    background: url(premium-banner-b.svg)no-repeat center;
    background-size: cover;
    position: absolute;
    right: auto;
}

  .ab-collection-terpene-banner .ab-collection-banner-img {max-width: 100%;margin: 0;}
  .ab-collection-banner.ab-collection-terpene-banner .ab-collection-banner-row { padding-bottom: 50px;}
  .ab-collection-terpene-banner .ab-collection-banner-img img {  max-width: 100%; width: 100%; margin: 0 auto;}
  .ab-collection-terpene-banner .ab-collection-banner-content img{max-width:100%; margin-bottom:32px;}
  .collection-featured-wrap.collection-featured-infused-wrap{padding-top:87px;}
  .collection-featured-wrap.collection-featured-infused-wrap:before {   width: 128px;height: 160px;  top: -56px;}
  .collection-featured-infused-wrap .sample-get{margin-bottom:32px;}
  .coming-video-wrap.infused-video-w{padding-top:20px; padding-bottom:80px;}
  .ab-collection-banner.ab-collection-terpene-banner:after{bottom:40%}
  .ab-collection-terpene-banner .ab-collection-banner-content p {  max-width: 274px; margin-left: auto; margin-right: auto;}
  .coming-video-wrap.infused-video-w:before { width: 175px; bottom:-140px; height: 203px; background:url(infused-video-b-m.png)no-repeat center; background-size:cover; left: auto;right: -30px;}

  .collection-featured-wrap.native-collection-w{padding-top:75px; padding-bottom:80px;}
.native-collection-w .collection-featured-content, .collection-featured-wrap.native-collection-w .container .collection-featured-row:nth-child(even) .collection-featured-img {
    width: 100%;
}
  .native-collection-w .collection-featured-img, .native-collection-w.collection-featured-wrap .container .collection-featured-row:nth-child(even) .collection-featured-content{width:100%}
.native-collection-w .sample-get img {
    max-width: 282px;
}
  .native-collection-w .collection-featured-row{    flex-direction: column-reverse;  margin-bottom: 28px;}
.native-featured-img span img {
    max-width: 60px;
}
  .native-featured-img {
    position: relative;
    margin-bottom: 10px;
}
  .native-featured-row-f{padding-bottom:33px}
  .collection-featured-wrap.native-collection-w:after {
    width: 148px;
    height: 119px;
    left: -43px;
    bottom: -50px;
}
  .native-featured-content h2 {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 10px;
}

.native-featured-content p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 18px;
}
.founder-banner:before{    width: 148px;
    height: 119px;
    left: -43px;
    top: -36px;}
  .ab-collection-banner.ab-collection-cloudburst-banner{padding-top:152px}
  .ab-collection-cloudburst-banner .ab-collection-banner-content img { max-width: 100%; margin-bottom: 27px;}
 .ab-collection-cloudburst-banner .ab-collection-banner-img{margin-top:63px}
 .ab-collection-wrap.ab-collection-cloudbrust { padding-top: 33px;}
  .collection-featured-wrap.collection-cloudburst-featured-wrap{padding-top:88px; padding-bottom:0px;}
  .collection-featured-wrap.collection-cloudburst-featured-wrap:after{width:131px; height:112px; top:0;}
  .coming-video-wrap.cloudburst-video{padding-bottom:77px;}
  .collection-featured-wrap.collection-cloudburst-featured-wrap:before{display:none;}
  .ab-collection-banner.ab-collection-cloudburst-banner:after{width:137px; height:220px;background:url(cloudburst-banner-b-m.png)no-repeat center right; background-size:cover; left:auto; right:0; bottom:-64px; }
  .ab-collection-banner.ab-collection-cloudburst-banner:before { width: 133px; height: 150px;background:url(main-center-med.png)no-repeat center right; background-size:cover; right: auto;  left: 0; bottom: 39%;}
  .coming-video-wrap.cloudburst-video:before{width:195px; height:190px; background:url(coludbrurst-video-b-m.png)no-repeat center right; background-size:cover; left:auto; right:0; bottom:-104px;}
.ai-terpene-banner .ab-collection-banner-img img{max-width: 434px; width:100%;}
  .ai-terpene-banner .ab-collection-banner-content img{max-width:217px; margin-bottom:30px;}
  .ai-terpene-banner .ab-collection-banner-img:before { max-width: 415px; width:calc(100% + 40px); height: 351px; left: 50%; transform: translateX(-50%); top: -6%;}
  .ab-collection-banner.ai-terpene-banner:after{display:none}
  .ab-collection-banner.ai-terpene-banner:before {  height: 578px;  top: 77%;}
  .ai-terpene-banner .ab-collection-banner-row {  padding-bottom: 22px;}
  .collection-trep-featured-wrap:before{width:53px; height:255px; top:11%;  }
  .collection-featured-wrap.collection-trep-featured-wrap .sample-get img{ max-width: 217px;}
  .trepai-featured-wrap:after{top:83%}
  .collection-trep-featured-wrap{padding-top:40px; padding-bottom:40px;}
  .collection-trep-featured-wrap .native-featured-row-f{padding-top:33px}
  .coming-video-wrap.trep-video{padding-bottom:87px}
  .coming-video-wrap.trep-video:before{width:121px; height:221px; display: block;
    background: url(red-smoke-al-terp-effects-m.png)no-repeat center left;
    background-size: cover;
    position: absolute;
    right: auto; left:0;
    bottom: -50px;}
.isolate-faq-wrap{margin-top:0}

  .ab-collection-banner.ai-isolate-banner:after {content: ""; width: 79px; height: 134px; background: url(isolate-banner-a-m.png)no-repeat center right;display: block;background-size: cover; position: absolute; left: auto; right:0; top: 98.5%;}
 .ai-isolate-banner .ab-collection-banner-content img{margin-bottom:15px;}
  .ai-isolate-banner .ab-collection-banner-img img { max-width: 421px;}
  .ai-isolate-banner .ab-collection-banner-row { padding-bottom: 72px;}
  .ab-collection-banner.ai-isolate-banner:before { width: 371px;height: 375px; right:auto; left:0;  top: 19%;  background: url(isolate-banner-bg-m.png)no-repeat center left; background-size: cover;}
  .isolate-sample-get-wrap{padding-top:82px; padding-bottom:40px}
  .isolate-sample-get-wrap:before{content: ""; width: 59px;  height: 87px;background: url(isolate-feat-b-m.png)no-repeat center left; display: block;background-size: cover;position: absolute;  right: auto; left:0;top: -25px;}
  .isolate-sample-kit-wrap{margin-bottom:0}
  .isolate-sample-get {  padding: 34px 0 24px;}
  .isolate-sample-get h2 { font-size: 34px; line-height: 41px;  margin-bottom: 15px;}
 .isolate-sample-row .item { padding: 0; margin-bottom: 10px; width:100%;}
.isolate-sample-row .item .single { min-width: inherit; display: flex;}
  .isolate-sample-get p{font-size:14px; line-height:21px}

  .ab-catalog-wrapper{padding-top:105px;}
  .ab-catalog-img { width: 100%;}
  .ab-catalog-content { width: 100%;}
  .ab-catalog-content h1{font-size:34px; line-height:40px; margin-bottom:15px}
  .ab-catalog-content p{font-size:24px; line-height: 36px;}
  .ab-catalog-terpene-row{padding-top:16px; flex-wrap:wrap; padding-bottom:80px;}
  .ab-catalog-terpene-content, .ab-catalog-terpene-img { width: 100%;}
  .ab-catalog-terpene-content h2{font-size:34px; line-height:40px; margin-bottom:15px; letter-spacing:0}
 .ab-catalog-terpene-content p{font-size:14px; line-height:21px}
.ab-catalog-terpene-img{margin-top:40px;}
 .ab-catalog-terpene-content a.btn { max-width: 192px;padding: 15px;}

.a-catalog-bannerf { background: #3A3A3C;min-height: auto;display: block; padding-top: 40px;}
.a-catalog-bannerf-img img { width: 100%; display: block;}
.a-catalog-bannerf-content h2 {font-size: 34px; line-height: 41px;letter-spacing: -0.68px; margin-bottom: 20px;}
.a-catalog-bannerf-content h2:before { content: "";  max-width: 100%; width: 100%; height: 1px;  background: #fff; display: block; margin-bottom: 24px;}
.a-catalog-bannerf-content p { font-size: 18px; line-height: 27px;  margin-bottom: 30px;}
.a-catalog-bannerf-content .btn { min-width: 150px; padding: 15px;}
.a-catalog-bannerf-img {  position: relative;}
.a-catalog-bannerf-img:after { content: ""; width: 100%;  height: 100%; background: transparent linear-gradient(181deg, #3A3A3C00 0%, #3A3A3C 100%) 0% 0% no-repeat padding-box; position: absolute; top:-1px;left: 0; transform: rotate(180deg);}
.a-catalog-bannerf-content { position: relative;  z-index: 2;}
  .premiumstarin-pro .product-l-text h1{margin-bottom:8px}
  .premium_fector_wrap {  padding-bottom: 0;}
  .ab-industry-wrap.pro-standards.pro-premium-starin {  margin-bottom: 0;}
  .ab-product-wrap.native-product-wrap {
    background: url(native-pro-bg-m.jpg)no-repeat left center;
    background-size: cover;
}
.our-research-banner{height:767px;}
  .our-research-banner h1{font-size:34px; line-height:41px;}
  .our-research-banner h1 br {display: none;}
  .our-research-banner p{font-size:18px; line-height:23px;}
  .our-research-content-wrap{padding-top:0px; padding-bottom:61px;}
  .our-research-content{padding-top:32px; padding-bottom:29px;}
  .our-research-content h2 { font-size: 34px; line-height: 41px; margin-bottom: 16px;}
  .our-research-content p{font-size:14px;}
  .ab-case-studies-wrap{padding-top:15px; padding-bottom:57px;}
  .ab-case-studies-wrap h2{font-size:24px; line-height:36px;}
  .ab-case-studies-row .item{width:100%}
  .single-case-studies h4 {  font-size: 18px; margin-bottom:8px;  line-height: 29px;}
  .single-case-studies h6 { font-size: 14px;}
  .single-case-studies p { font-size: 12px;line-height: 18px; margin-bottom: 16px;}
  .ac-collaborations-wrap { margin-top: 58px;}
  .ab-patents-wrap{padding-top:65px;padding-bottom:81px; background:url(ab-patent-bg-m.jpg) no-repeat center top; background-size:100% ;}
  .ab-patents-wrap h2{font-size:24px; line-height:36px;}
  .ab-patents {width: 100%;}
  .ab-patents h3{font-size:18px; line-height:28px; }
  .ab-patents h6{font-size:14px;}
  .ab-patents p{font-size:12px; line-height:18px; margin-bottom:27px;}
  .ab-patents-white {margin-top: 75px;}
  .research-got{padding-top:34px; padding-bottom:40px;}
  .research-got h2{font-size: 34px; line-height: 41px; margin-bottom: 10px;}
   .research-got p{font-size:14px;}

  .ab-yellow-grad { background: transparent linear-gradient(0deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box;}
  .ab-about-wrap{padding-top:130px; height:460px;}
  .ab-about-wrap h2{font-size:30px; line-height:41px;}
  .ab-about-wrap p{font-size:14px; line-height:21px; max-width:252px;}
  .ab-about-wrap .btn{display:none}
  .ab-about-wrap:before{height:460px;}
  .ab-about-feat-img, .container .ab-about-feat-row:nth-child(even) .ab-about-feat-img { width: 100%;}
  .ab-about-feat-content, .container .ab-about-feat-row:nth-child(even) .ab-about-feat-content {width: 100%;}
  .ab-about-feat-row{padding-bottom:30px; padding-top:53px; border-bottom:1px solid #1c1c1e}
  .container .ab-about-feat-row:first-child{padding-top:19px;}
    .container .ab-about-feat-row:last-child { border-bottom: none;}

  .ab-about-feat-content h2{font-size:34px; line-height:41px; margin-bottom:14px;}
  .ab-about-feat-content p { font-size: 14px;line-height: 21px;letter-spacing: 0px; margin-bottom:23px;}
  .ab-cannabis-row{padding-top:0; padding-bottom:53px;}
  .ab-cannabis-content, .ab-cannabis-img{width:100%}
  .ab-cannabis-content h2{font-size:34px; line-height:41px; margin-bottom:14px;}
 .ab-cannabis-content  p { font-size: 14px;line-height: 21px;letter-spacing: -0.21px; margin-bottom:22px;}
  .ab-cannabis-content .btn {padding: 15px; min-width: 174px;}
  .collection-faq-wrap.about-faq-wrap{padding-top:75px;}
  .page-about-abstrax .sample-banner { padding: 80px 0;}
  .ab-about-featwrap {padding-bottom: 23px;}
  .about-trust-wrap{padding:80px 0}
  .about-trust-wrap:before { width: 182px;height: 203px; top: 0; right: 0; background-position: center left;}
.about-trust { padding: 32px 30px 7px;}
  .about-trust h2{font-size:34px; line-height:41px; margin-bottom:22px;}
  .about-trust-row {margin: 0 -8px;}
.about-trust-row .item {max-width: 101px; padding: 0 8px; margin-bottom: 29px;  width: 100%;}
  .about-trust-icon { width: 85px;height: 85px;padding: 13px; margin-bottom: 13px;}
.about-trust-row .item p { font-size: 14px;line-height: 21px;}
  .about-trust-wrap:after {width: 232px; height: 203px; bottom: -107px;}
  .ab-about-featwrap-com .ab-about-feat-row {flex-direction: column-reverse;border: none;}
 .ab-about-featwrap-com .container .ab-about-feat-row:nth-child(even) { flex-direction: column-reverse;}
  .ab-about-featwrap.ab-about-featwrap-com {padding-bottom: 53px;}
  .ab-about-featwrap-com .ab-about-feat-content h2{padding-top:19px;}
  .ab-about-featwrap-com .ab-about-feat-content{margin-top:45px;}
  .ab-about-featwrap-com .container .ab-about-feat-row:last-child { border-bottom: 1px solid #1c1c1e; padding-bottom:53px}
  .ab-team-row .single-member img{margin-bottom:17px; }
  .ab-team-row .single-member p{font-size:16px; line-height:24px;}
  .ab-team-wrap:before{display:none}
  .ab-team-wrap{padding-top:51px; padding-bottom:30px;}
  .ab-team-wrap h2{font-size:34px; line-height:41px; margin-bottom:32px; max-width: 300px; margin-left: auto; margin-right: auto;}
  .ab-cannabis-img {
    position: relative;
}

.ab-cannabis-img .down-btn {
    position: absolute;
    bottom: 47px;
    left: 50%;
    transform: translateX(-50%);
}
  .wholesale-banner{padding-top:106px; height:880px;}
  .wholesale-banner:before{height:880px}
  .wholesale-banner-row{flex-wrap:wrap;}
  .wholesale-content{width:100%; padding-left: 20px; padding-right: 20px;}
  .wholesale-banner .container { padding-left: 0; padding-right: 0;}
  .wholesale-content h1 { font-size: 34px; line-height: 41px;margin-bottom: 15px;}
  .wholesale-content p{font-size:24px; line-height:36px; margin-bottom:19px;}
  .wholesale-img {  width: 100%;}
  .wholesale-banner .down-btn{bottom:96px;}
  .benefits-wholesale-head h2 { font-size: 34px;line-height: 41px; margin-bottom: 14px;}
  .benefits-wholesale-head p{font-size:14px; line-height:21px;}

  .benefits-wholesale-head h2 {font-size: 34px; line-height: 41px;margin-bottom: 14px;}
  .benefits-wrap .item {width: 100%;}
  .benefits-wrap .single-benefit { flex-wrap: wrap;}
  .benifit-img { width: 100%;}
  .benifit-icontent { width: 100%; padding: 13px 20px 20px;}
  .benifit-icontent h3 { margin-bottom: 12px;}
  .benifit-icontent p { font-size: 14px; line-height: 21px;}
  .benefits-wholesale-wrap { padding-bottom: 36px;}
  .ready-wholesale {padding: 145px 0; background:url(wholesale-ready-bg-m.jpg)no-repeat center; background-size:cover;}
  .ready-wholesale .container:before{margin-bottom:24px;}
  .ready-wholesale h2 { font-size: 34px; max-width:350px; line-height: 43px;letter-spacing: -0.68px; margin-bottom: 10px;}
  .ready-wholesale p { font-size: 18px; line-height: 27px; max-width: 353px;}
.research-got-wrap:after { content: ""; width: 63px; height: 54px; background-size: cover; background-position: left;bottom: auto; top: 23px;}
  .research-got-wrap:before {width: 105px; height: 164px;  top: auto; bottom: -50px;  background-size: cover; background-position: right;}
  .product-l-text ul li{font-size:14px;}
  .trep-neds-row{flex-wrap:wrap;}
  .trep-neds-wrap {margin-top: 24px;}
  .trep-neds-wrap h2 { font-size: 24px;line-height: 36px;  margin-bottom: 15px;}
  .trep-neds-left img{width:100%;}
  .trep-neds-left{width:100%; padding:16px 19px; margin-bottom:10px;}
  .trep-neds-right {  width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.single-trep { width: 100%; padding:16px 19px; margin-bottom:10px;}
  .trep-neds-right .single-trep:first-child, .trep-neds-right .single-trep:nth-child(2){width:calc(50% - 5px);}
  .fector_feat_wrap .item.w-50{width:100%}
  .isolate-collection-w h2.heading{font-size:24px; line-height:31px;}
  .isolate-sample-get-wrap.proisolate-sample{padding-top:82px;}
 .isolate-sample-get-wrap.proisolate-sample:before { content: "";width: 59px;height: 87px; background: url(isolate-feat-b-m.png)no-repeat center left; display: block; background-size: cover;  position: absolute;  right: auto; left: 0; top: -25px;}
  .pro-isoltae-featured .coming-video-wrap.isoltae-video:after {
    bottom: auto;
    width:57px;
    height: 134px;
    right: 0;
    left: auto;
    background: url(isolate-feat-b.png) no-repeat center left;
    background-size: cover;

}
  .fector_wrap.isolate_fector_wrap {
    padding-bottom: 9px;
}
.pro-isoltae-featured .collection-featured-wrap .container .collection-featured-row:nth-child(even) {
    flex-direction: column;
}
  .pro-isoltae-featured .coming-video-wrap .video-box .playpause .btn {
    display: none;
}
  .pro-isoltae-featured .coming-video-wrap .video-box .playpause {
    margin: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}
.tectemper-featured-wrap{padding-top:40px;}
  .tec-temper-pro-wrap:before { width: 145px; height: 391px;bottom: 34px;}
  .collection-featured-row.tectemper-featured-top.row-equal {margin-bottom: 32px;padding: 32px 0;}
  .tectemper-featured-wrap .collection-featured-row.row-equal .collection-featured-content, .tectemper-featured-wrap .collection-featured-row.row-equal .collection-featured-img {width: 100%;}
  .collection-featured-row.tectemper-featured-top.row-equal .collection-featured-content{text-align:center; margin-bottom:21px;}
  .tectemper-featured-top .collection-featured-img img {  max-width: 250px; width: 100%;margin: 0 auto; display: block;}
  .collection-featured-wrap.tectemper-featured-wrap:before{display:none}
  .collection-featured-wrap.tectemper-featured-wrap:after { height: 304px;width: 43px;top: -106px;}
  .coming-video-wrap.tec-coming-video-wrap{padding-bottom:78px;}
  .tec-coming-video-wrap:before { width: 101px; height: 204px; bottom: -83px;}
  .tectemper-featured-wrap .collection-featured-row {
    margin-bottom: 10px;
}
.collection-featured-wrap.tectemper-featured-wrap .container .collection-featured-row:nth-child(even){flex-direction:column}

  /*sample page css*/
  .smaple-application-banner{padding-top:119px;}
  .smaple-application-banner-row{flex-wrap:wrap;}
  .smaple-application-banner-content{width:100%;}
  .smaple-application-banner-img{width:100%;}
  .smaple-application-banner-content h1 {font-size: 63px; line-height: 61px; margin-bottom:3px;}
  .smaple-application-banner-content p { max-width: 288px; font-size: 18px;line-height: 25px;}
  .smaple-application-wrap{padding-top:0; padding-bottom:0}
  .smaple-application-wrap .container{position:relative; z-index:2;}
  .smaple-application-row h2 { font-size: 24px; line-height: 36px;margin-bottom: 20px;}
 .smaple-application-row .form-group {width: 100%;   margin-bottom: 16px;}
  .smaple-application-row .form-group label{letter-spacing: -0.12px; font-size:14px; line-height:21px; margin-bottom:7px;}
  .smaple-application-row .form-control{height:49px;}
  .smaple-application-wrap:after{display:none}
  .pro-faq-wrap.sample-aaplication-faq{padding-top:45px;     padding-bottom: 42px;}
  .sample-aaplication-faq .collection-faq-row{border-top: 1px solid #1C1C1E; padding-top:30px;}

  /* Faq page css*/
  .at-faq-wrap{padding-top:119px; margin-bottom:0;}
  .at-faq-head h1{font-size:34px; line-height:41px; margin-bottom: 9px;}
  .at-faq-head p{font-size:14px; line-height:21px; margin-bottom:28px;}
.at-faq-head ul{margin:0 -7.5px; max-height:87px; overflow:hidden; position:relative; transition: 1.5s ease all; z-index: 98;}
.at-faq-head ul li{ font-size:14px; padding: 0 7.5px; position:relative; z-index: 98;}
  .at-faq-row{margin-top:30px; padding-bottom:40px; flex-wrap:wrap;}
  .at-faq-heading {width: 100%;}
  .at-faq-content{width:100%;}
  .at-faq-heading h2 {font-size: 24px; line-height: 28px;margin-bottom: 29px;}
  .at-faq-content ul.accordion>li{padding:15px 0;}
  .at-faq-content ul.accordion>li>a{font-size:16px; line-height:24px;}
  .at-faq-content ul.accordion>li>div p { font-size: 14px; line-height: 21px; margin-bottom: 10px;}
.mobile-show-f {display:block; position:relative; z-index:3}
  ul.faq-list.more { max-height: inherit;}
.at-faq-head ul:before {content: "";height: 73px; position: absolute; background: transparent linear-gradient(0deg, #F7F8F1 0%, #F7F8F100 100%) 0% 0% no-repeat padding-box;bottom: -14px;width: 100%; z-index: 2;}
.at-faq-list{margin-bottom:20px;}
  /* science page css*/
  .science-banner-content{padding-top:373px; padding-bottom:499px;}
  .science-banner-content h1 { font-size: 34px; line-height: 41px; margin: 0;}
  .science-banner-content p { max-width: 240px;  margin: 0 auto;font-size: 14px; line-height: 21px;}
  .science-banner .img-fluid.dioxin{top:119px; right:-93px;}
  .science-banner .img-fluid.dioxinblur{top:89px;}
  .science-banner .img-fluid.orange-f { max-width: 212px; left: 0; top:481px;}
  .science-banner .down-btn{bottom:168px;}
  .science-banner-content:after { top: 44%;height: 405px; width: 371px;}
  .science-research-row{flex-wrap:wrap;}
  .science-research-img {width: 100%;}
.science-research-content { width: 100%; text-align: center; margin-bottom: 40px;}
.science-research-img img { width: auto; margin: 0 auto; display: block;}
.science-research-content h2 {font-size: 34px; line-height: 41px;margin-bottom: 7px;}
.science-research-content p { font-size: 14px;line-height: 21px; margin-bottom: 20px; max-width: 300px; margin-left: auto; margin-right: auto;}
.science-team-content{margin-right:auto; text-align:center;}
  .science-team-wrap {height: 806px; align-items: flex-end; padding-bottom: 119px;     background-position: 35%;}
 .science-team-wrap h2 {font-size: 34px; line-height: 41px;margin-bottom: 7px;}
 .science-team-wrapt p { font-size: 14px;line-height: 21px; margin-bottom: 20px; max-width: 300px; margin-left: auto; margin-right: auto;}
  .science-what-row{flex-wrap:wrap; padding:154px 0; }
  .science-what-content { width: 100%; text-align: center; margin-bottom: 40px;}
   .science-what-content h2 {font-size: 34px; line-height: 41px;margin-bottom: 7px;}
.science-what-content p { font-size: 14px;line-height: 21px; margin-bottom: 20px; max-width: 300px; margin-left: auto; margin-right: auto;}
 .science-what-img {width: 100%;}
  .science-what-row.science-quality{padding-bottom:41px;}

  /* infused product css */
  .infused-pro-wrap .product-l-img{width:100%;}
  .infused-pro-wrap .product-l-text { width: 100%;}
  .infused-pro-wrap:after{display:none}
  .ab-product-wrap.infused-pro-wrap.text-dark.bg-light{padding-bottom:0}
  .infused-pro-wrap-banner .ab-collection-banner-bottom { margin-top: 40px;}
  .infused-pro-wrap-banner { padding-bottom: 51px;}
  .infused-smaple-kit{padding-bottom:54px;}
  .infused-smaple-kit h2{font-size:34px; line-height:41px;}
  .infused-smaple-kit-row{margin:0 -5px}
  .infused-smaple-kit-row .item { padding: 0 5px;   width: 50%; margin-bottom: 20px;}
  .infused-single-smaple h2{font-size:24px; line-height:31px;}
  .infused-single-smaple p{font-size:12px; line-height:18px;}
  .infused-single-smaple{padding:0 10px 10px;}
  .infused-pro-wrap:before{top:62%}
  .ab-product-row{z-index:inherit}

  /* what we do page css*/
  .terp-technology-banner-content {  padding-top: 373px; padding-bottom: 423px;}
.terp-technology-banner-content h1 {font-size: 34px; line-height: 41px; margin: 0;}
  .terp-technology-banner-content p{font-size:14px; line-height:21px;}
  .terp-technology-banner-content img.dioxin {max-width: 228px;  top: 121px; left: -70px; transform: matrix(0.82, -0.57, 0.57, 0.82, 0, 0);}
.terp-technology-wrapper:before { width: 236px; height: 523px;  top: 330px;}
  .terp-technology-banner-content .down-btn{bottom:75px;}
  .terpene-step-wrap {  padding: 35px 0;}
  .terpene-step-head h2 {  font-size: 34px; line-height: 41px;}
  .terpene-step-head h2 span { display: block; font-size: 34px; line-height: 41px; margin-bottom: 7px;}
  .terpene-step-head { margin-bottom: 20px;}
  .terpene-step-row{flex-wrap:wrap; margin-bottom:29px;}
  .terpene-step-img{width:100%; margin-bottom:27px;}
  .terpene-step-content{width:100%;}
  .terpene-step-content p{margin-bottom:15px;}
  .terpene-step-content p, .terpene-step-footer p{font-size:14px; line-height:21px;}
  .terpene-step-footer a.down-btn, .terpene-step-head a.down-btn{display:none}
  .terp-technology-green-gra:before, .terp-technology-yellowgra-re:before{display:none}
  .at-question-wrap .ab-industry {  padding-top: 34px; padding-bottom: 40px;}
  .at-succeed-wrap{margin-bottom:80px; margin-top:34px; padding: 12px 20px 20px;}
 .at-succeed-wrap h2 { font-size: 34px; line-height: 41px; margin-bottom: 16px; text-align: left;}
  .at-succeed-wrap p{font-size:14px; line-height:21px; margin-bottom:20px;text-align: left;}
  .at-succeed-wrap img.ursinho-img { max-width: 58px;  top: -10px;  right: -14px;}
  .at-succeed-wrap img.ursinho-img2 {max-width: 73px; top: auto;bottom: 0; right: -30px;}
  .at-succeed-wrap img.ursinho-img3 { max-width: 63px; right: auto; left: 20px; bottom: -32px;}
  .at-question-wrap .ab-industry-content {
    max-width: 324px;
}
   .at-question-wrap .ab-industry-content p{max-width:100%;}
.at-succeed-wrap:before {
    content: "";
    width: 101px;
    height: 166px;
    background: url(dioxinbig-blur.png) no-repeat center left;
    background-size: cover;
    position: absolute;
    bottom: -170px;
    right: -20px;
    left: auto;
    top: auto;
}
   /* quality and compliance page css*/
  .at-compliance-quality-wrap{padding-top:119px; padding-bottom:70px;}
  .at-compliance-quality-wrap:after{height:825px;}
  .at-compliance-quality-head h1{font-size:34px; line-height:41px; margin-bottom:7px;}
  .at-compliance-quality-head p{font-size:16px; line-height:24px; padding-bottom:11px; margin-bottom:27px;}
  .at-compliance-quality-head h3{font-size:18px; line-height:27px; margin-bottom:7px;}
  .search-lot img {max-width: 24px;}
  .search-lot .form-control {width: calc(100% - 27px); font-size: 18px; line-height: 22px; font-family: Gilroy-Regular,sans-serif;}
  .search-lot{margin-bottom:28px;}
  .at-compliance-quality-head ul {margin-bottom:4px;}
  .at-compliance-quality-head ul li{font-size:14px; margin-bottom:10px;}
  .at-compliance-quality-head span.blog-count{font-size:14px;}
  .safty-acc .collection-faq-row{padding-top:33px;}
  .audited-wrapper{padding-top:34px; padding-bottom:14px;}
  .audited-head{margin-bottom:21px;}
  .audited-head h2{font-size:34px; line-height:41px; margin-bottom:7px;}
  .audited-single p{font-size:14px; line-height:21px; margin-bottom:15px;}
  .audited-single .btn{min-width:100%;}
  .audited-single h3{margin-bottom:14px; padding-bottom:10px; font-size:24px; line-height:29px;}
.audited-head p{font-size:14px;}
  .at-quality {  margin-top: 0;}
  .audited-row .item { width: 100%;}
  .at-quality-row .item{width:123px; margin-bottom:16px;}
  .at-quality-single .icon{width:102px; height:102px;}
  .at-quality-single p{font-size:14px; line-height:21px;}
  .at-compliance-wrap { height: 587px; background: url(compliance-packet-bg-mobile.jpg) no-repeat center bottom; background-size: cover;  display: flex; align-items: flex-start;justify-content: flex-start; padding-top:171px;}
.at-compliance-content h2 { font-size: 34px;line-height: 43px;  letter-spacing: -0.68px;  padding-top: 23px;margin-bottom: 15px;}
  .at-compliance-content p{font-size:14px; line-height:21px; margin-bottom:22px;}
  .pro-specifications.pro-faq-wrap.quality-faq-wrap { padding-top: 34px; padding-bottom: 0;}
.safty-acc  .collection-faq-content ul.accordion>li>div li { padding: 8px 0;}

  /* Meet the  Team */
  .meet-team-banner-content{padding-top:329px;padding-bottom:353px;}
  .meet-team-banner-content h1{font-size:34px; line-height:41px; margin:0;}
  .meet-team-banner-content p{font-size:14px; line-height:21px;}
  .meet-team-banner:after {  width: 174px;height: 204px; bottom: -42px;}
.meet-team-banner:before {  width: 154px; height: 180px;  top: 92px; right: 0;}

.meet-team-wrap{padding-top:76px; padding-bottom:60px;}
.meet-team-wrap:before{height:241px;}
.meet-team-wrap-head {   text-align: left;  margin-bottom: 23px;}
  .meet-team-wrap:before {background-size: initial; background-position-x: 68%;}
  .meet-team-wrap-head h2 { font-size: 34px;  line-height: 41px; margin: 0;}

.meet-team-wrap-head h4 { font-size: 18px; line-height: 27px;  margin-bottom: 25px;}

.meet-team-wrap-head p {font-size: 14px; line-height: 21px;}
  .meet-team-row{margin-bottom:20px;}
  .single-team-img {  max-width: 129px; width: 129px;}
  .single-team-info { width: calc(100% - 129px);  padding: 0 20px;}
  .single-team-info h3 {font-size: 18px; line-height: 27px; margin-bottom: 0;}
  .single-team-info p { font-size: 14px; line-height: 21px; margin-bottom: 14px;}
  .meet-team-right ol li:before{width:34px; height:34px; font-size:18px;}
  .meet-team-right ol li{padding-left:44px;min-height:34px; font-size:12px; line-height:18px;}
.more-bio p {  font-size: 12px;  line-height: 18px;}
  .category-meet-unique-wrap .category-unique-img{width:100%;}
  .category-meet-unique-wrap .category-unique-content {  width: 100%; padding-left: 0;}
  .category-unique-wrap.category-meet-unique-wrap{padding-top:38px;}
  .at-meet-researchwrap {height:627px; background: url(meet-research-bg-mobile.jpg) no-repeat center bottom; background-size: cover;display: flex; align-items: center;  justify-content: center;}
  .at-meet-research-content{margin:0 auto; text-align:center;}
  .at-meet-research-content h2 { font-size: 34px; line-height: 43px; text-align:center;letter-spacing: -.68px; padding-top: 23px; margin-bottom: 15px;}
  .at-meet-research-content  p { font-size: 14px;line-height: 21px; margin-bottom: 22px;}

  /* learn page css*/
  .learn-banner-content{    padding-top: 378px; padding-bottom:542px;}
  .learn-banner-content h1{font-size:34px; line-height:41px; margin:0;}
 .learn-banner-content p{font-size:14px; line-height: 21px; max-width: 144px;  margin: 0 auto;}
 .learn-banner-content .down-btn{bottom:214px;}
  .learn-banner:before{width:165px; height:480px; top:89px;}
  .learn-banner:after { width: 224px; height: 509px;top: 274px;}
  .learn-banner-content:after { width: 135px; height: 264px; bottom: 125px;}
  .learn-wrap { background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFC632 100%) 0% 0% no-repeat padding-box;}
  .learn-education-row { padding-top: 0;padding-bottom: 136px;}
  .learn-education-content { width: 100%;   text-align: center; margin-bottom:40px;}
  .learn-education-content h2 { font-size: 34px;  line-height: 41px;margin-bottom: 7px;}
  .learn-education-content p { font-size: 14px; line-height: 21px; margin-bottom: 20px;}
  .learn-education-video {  width: 100%;}
  .learn-education-video:before {width: 48px; height: 68px;background-position: center right;right: auto;left: -20px; top: 50%; transform: translateY(-50%);}


  .learn-mixing-img .learn-ursinho3 { left: auto; top: 0; max-width: 84px; right: 51px;}
.learn-mixing-wrap {position: relative; padding-top: 353px; padding-bottom: 347px;}
  .learn-mixing-img .learn-ursinho {  left: auto; right: 108px; top: 186px;   bottom: auto; max-width: 87px;}
  .learn-mixing-wrap:before{width:198px; height:340px; bottom:auto; top:36px;}

  .learn-mixing-content { width: 100%; margin-left: auto; text-align: center;}
 .learn-mixing-content  h2 { font-size: 34px;  line-height: 41px;margin-bottom: 7px;}
  .learn-mixing-content p { font-size: 14px; line-height: 21px; margin-bottom: 20px;}
  .learn-mixing-img .learn-ursinho2 { max-width: 129px; bottom: -39px; left: auto;right: 29px;}
  .learn-mixing-img img.img-fluid.learn-bottle {left: -70px; max-width: 256px; bottom: 37px;}
  .page-learn section.h-blog {
    padding-top: 130px;
    padding-bottom: 119px;
}
.page-learn section.h-blog:before {
    width: 153px;
    height: 154px;
    bottom: -154px;
    z-index: 3;
}
  .at-learn-faq, .at-learn-faq.learn-press{height:807px;}
  .learn-faq-content { margin-left: auto; margin-right: auto;  text-align: center;}
  .learn-faq-content h2{font-size: 34px;  line-height: 41px;margin-bottom: 7px;}
 .learn-faq-content p{font-size: 14px; line-height: 21px; margin-bottom: 20px;}
  .at-learn-contact {
    height: 439px;
}
  .learn-contact-content h2 {
    font-size: 34px;
    line-height: 41px;
    margin-bottom: 11px;
}
  .learn-contact-content p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
}
  .category-unique-wrap.learn-unique-wrap{padding-top:124px; padding-bottom:53px;}
  .category-unique-wrap.learn-unique-wrap .category-unique-content {
    padding-left: 0;
    width: 100%;
}
  .category-unique-wrap.learn-unique-wrap .category-unique-img {
    width: 100%;
    margin-top: 40px;
}

  /* login page css*/
  .modal-login{padding:17px 0;}
  .modal-login .modal-header .logo { max-width: 100px;}
  .modal-login .modal-body {  padding-top: 32px;}
  .login-container h1 { font-size: 34px; line-height: 41px; margin-bottom: 8px;}
  .login-container .field label { font-size: 14px;  line-height: 21px; letter-spacing: -0.12px; margin-bottom: 7px;}
  .login-container .field .form-control {height: 49px; font-size: 14px; line-height: 20px;}
  .login-container .field { margin-bottom: 16px;}
  
 /* custom terpene css*/
  .at-ter-formula-banner:before{height:1161px;}
  .at-ter-formula-content {padding: 320px 20px 355px;}
  .at-ter-formula-content h1 { font-size: 34px; line-height: 41px; max-width: 270px;  margin: 0 auto 11px;}
.at-ter-formula-content p {font-size: 14px; line-height: 21px; margin-bottom: 20px; max-width: 299px;margin-left: auto; margin-right: auto;}
  .at-ter-formula-banner:after { width: 220px;   height: 316px; top: 34px;  }
  .at-ter-formula-banner a.down-btn{bottom:92px;}
  .at-ter-formula-content:before{width:230px; height:420px;}
  .custom-terpene-featured-wrap .collection-featured-row { margin-bottom: 29px;}
  .custom-terpene-read-wrap { padding-top: 71px;  padding-bottom: 90px;}
  .custom-terpene-read-wrap h2 {max-width:100%;  width: 87%; font-size: 34px;  line-height: 41px; margin-bottom: 12px;}
  .custom-terpene-read-wrap p {font-size: 14px; line-height: 21px;  width: 91%; margin-left: auto;  margin-right: auto;  margin-bottom: 20px;}
  .custom-terpene-read-wrap:before {
    height: 490px;
}

/*cart page css*/
  tr.cart-label{display:none}

table.cart-items {
    display: block;
    width: 100%;
}

table.cart-items thead {
    display: none;
}

table.cart-items tbody {
    display: block;
}

table.cart-items .cart-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #1c1c1e;
    justify-content: space-between;
}

table.cart-items .cart-item td {
    border: none;
}

table.cart-items .cart-item td.cart-item__totals.right.medium-hide.large-up-hide {
    display: none;
}

table.cart-items .cart-item td.cart-item__details {
    width: 70%;
}

table.cart-items .cart-item td.cart-item__media {
    width: 30%;
}

table.cart-items .cart-item td.cart-item__quantity {
    padding-left: 30%;
}

.cart-item__price-wrapper {
    font-size: 20px;
}
  .cart-item__image-container.gradient.global-media-settings img {
    max-width: 100%;
    height: auto;
    display: block;
}
  
}
@media (max-width: 640px) { 
  
  .space, .categories_banner.categories_botanical_banner {
    padding-top: 54px;
}
    .page-ab-blog:before, .page-ab-press:before{height:500px;}
   .legal-banner:before, .ab-catalog-wrapper:before { 
    background-size: initial; 
    height: 500px; 
    background-position-x: 15% !important;
}
   .legal-banner.contact-banner:before, .at-faq-wrap:before {
    height: 420px;
}
  .at-faq-wrap:before{ background-size: initial; 
    height: 530px; 
    background-position-x: 15% !important;}
  .at-compliance-quality-wrap:before{background-size: initial; 
    height: 438px; 
    background-position-x: 15% !important;}
   .legal-banner:before {top:0}
  .newsletter-form .row{flex-wrap: wrap;}
  .header-item.logo{max-width: 120px; text-align: center;}
  .newsletter-form .form-control{width: 100%; height: 49px; padding-left: 21px;}
  .payment img{max-width: 63px; margin-right: 5px; width: 100%; height: auto; display: block;}
  .a-why-choose-img img {
    height: auto;
    min-height: 708px;
    object-fit: cover;
}
  
.a-why-choose-content {
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
}
.a-why-choose-content p{margin-bottom: 14px;}
/* .a-pro-name {
  max-width: 142px;
} */
  .a-what-new-slide .item{padding:87px 9px}
.a-pro-img {
    max-width: 144px;
    min-width: auto;
    margin-top: -15%;
}
  .a-pro-img {
    max-width: 140px;
    min-width: 140px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto !important;
}
/*   .a-pro-name {
    width: calc(100% - 144px);
    min-width: inherit;
 
} */
  .a-what-pro{align-items:flex-start; padding-bottom:0;}
  .a-pro-name img{margin-bottom:7px;}
  .hero-slide {
    position: relative;
    min-height: 800px;
    max-height: 800px;
    overflow: hidden;
}
  .a-pro-name h3 {
    font-size: 27px;
    margin-bottom: 0;
    color: #FFC632;
    background: transparent;
    -webkit-text-fill-color: inherit; line-height:initial;
}
  .wave-m{display:block !important}
  .wave-d{display:none !important}
  .a-pro-icon{flex-wrap:wrap; margin-bottom:10px;}
  .a-pro-icon>div{width:100%; margin-bottom:10px;}
  .a-pro-icon span {
    font-size: 12px;
    line-height: 18px;
}

  .a-pro-icon>div~div img {
    margin-left: 0px; margin-right:7.5px;
}
.a-pro-detail p{font-size:14px; line-height:21px;}
.a-pro-detail .d-flex .select-wrp {
    width: 100%;
}
  .select-wrp select{background-position:97%;}
  .a-pro-detail .d-flex .qty-flex {
    margin-bottom: 10px;
    width: 100%; padding: 0 10px;
    max-width: 100%;
    justify-content: space-between;
}
  .a-what-new-head {
    margin-bottom: -24px;
}
  .calculator-content-f{flex-wrap:wrap;}
  .calculator-content-f>div {width: 100%;}
  .single-mixing{width:100%;}

 .collection-box-caption{padding-bottom:0}
  .founder-banner {
    background-position: 50%;
}
  .ab-cat-deatil .a-pro-icon>div~div img:first-child {
    margin-left: 0;
}
  .ab-cat-deatil .d-flex .select-wrp {
    width: 100%;
}
  .ab-cat-deatil .qty-flex {
    max-width: 100%;
    margin-left: 0;
    justify-content: space-between;
}
  .ab-cat-deatil .d-flex{margin-bottom:0}
  .jack-table table tr td:first-child {
    font-size: 10px;
    text-align: right;
    line-height: 14px; max-width: 61px;
}
  .advanced-profiles__image {
    flex: inherit;
    width: 76%;
}

.advanced-profiles .advanced-profiles__compaunds {
    flex: inherit;
    width: 40%;
    -webkit-box-flex: inherit;
}

.advanced-profiles__image img {
    max-width: 293px;
}
  .ab-catalog-content .btn-black {
    max-width: 100%;
}
  .a-pro-icon>div~div span.icon{margin-left:0; margin-right:7.5px;}
}
@media (max-width: 480px) {
/* .hero-slide .layer12{top:29%} */
  .hero-slide .layer12 {
    top: 21%;
    min-width: 490px;
    right: -15%;
}
  .hero-slide .layer11{right:-7%}
  .hero-slide .layer13 {
    top: 46%;
    right: 0%;
}
  .hero-slide .layer2{top:31%}
  .hero-slide .layer4{top:8%;}
  .hero-slide {
    position: relative;
    min-height: 723px;
    max-height: 745px;
    overflow: hidden;
}
 .pro-series-wrap h2 br{display:none}

   /* native slide css*/
  .hero-slide.hero-slide-native .layer6{top:auto;}
  .hero-slide.hero-slide-native .layer5 { top: auto; left: 20px;}
  .hero-slide.hero-slide-native .layer8 { max-width: 228px; left: -103px;bottom: 18%;}
  .hero-slide.hero-slide-native .layer1 { max-width: 124px; left: -83px;}
  .hero-slide.hero-slide-native .layer4 { left: 20px; top: 38px;}
  .hero-slide.hero-slide-native .layer7 { max-width: 206px;  right: -92px; top: 5%;}
.hero-slide.hero-slide-native .layer13 { max-width: 162px; top: 10%; left: 41%;}
.hero-slide.hero-slide-native .layer12 {  left: -35px; min-width: 424px; bottom:8%;  z-index: 1;}
.hero-slide.hero-slide-native .layer2 { max-width: 159px; top: 22%;  left: 3%;}
  .hero-slide.hero-slide-native .layer11 { max-width: 196px; left: 33%; top: 53%; z-index: 3;}
  .hero-slide.hero-slide-native .layer9 {  max-width: 111px;right: 0%;  bottom: 27%;}
/*   .ai-terpene-banner .ab-collection-banner-img:before {
    width: 100%;
    height: 351px;
    left: 0;
    transform: none;
    top: -6%;
} */
  .ab-case-studies-row .single-case-studies .imgd > a{padding-top:36%}
}
a.layer.layer6.btn.btn-primary {
    z-index: 999;
}
.link span {
  
    font-family: 'Gilroy-Bold';
}
p.layer.layer3.text {
    color: #737374;
}
.a-pro-name h5 {
    color: #737374;
}
@media (min-width: 1500px) {
.main-menu>ul {
  
    position: relative;
    left: -12px;
}
}
@media (max-width: 500px) {
  .a-pro-name h3{font-size:24px;}
  .h-blog-slide {
    margin-bottom: 0;
    margin-left: -10px;
}
.h-blog-slide .item.slick-slide.slick-current.slick-center {
    opacity: 1;
}
  .hero-slide .layer14{bottom:0%;}
  .layer3{bottom:8%;}
  .hero-slider .slick-dots{bottom:5%}
  .hero-slide .layer5 {
    bottom: 12.1%;
    z-index: 2;
}
  .hero-slide .layer6 {
    bottom: 5%;
}
  .ab-industry-content h2, .ab-industry-content h6, .ab-industry-content h4{font-size:34px; line-height:41px; margin-bottom: 9px;}
  .coming-video-wrap.about-video-wrap a.btn.btn-primary {max-width: 290px;padding: 11px 66px;}
}
@media (max-width: 389px) {
.effect-icon .img { width: 100px; height: 100px;margin: 0 auto 10px;}
  .ab-team-row .single-member img {
    margin-bottom: 17px;
    max-width: 120px;
}
}
@media (max-width: 365px) {

  .payment img{max-width: 50px; margin-right: 5px; width: 100%; height: auto; display: block;}
  .hero-slide .layer.heading-h4 {
    font-size: 14px;
}
  .layer3 {
    bottom: 8.8%;
}
  .hero-slide .layer.text {
    font-size: 14px;
}

}



.page-legal-refund-policy:before {
    content: "";
    width: 100%;
    height: 57%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: transparent linear-gradient(180deg, #F8F9F1 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
.page-legal-privacy-policy:before {
    content: "";
    width: 100%;
    height: 94%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: transparent linear-gradient(180deg, #F8F9F1 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
.page-legal-terms-conditions:before {
    content: "";
    width: 100%;
    height: 74.5%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
  background: transparent linear-gradient(180deg, #F8F9F1 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

.page-legal-refund-policy, .page-legal-privacy-policy, .page-legal-terms-conditions{
    position: relative;
}

.page-legal-refund-policy .footer_wrap, .page-legal-privacy-policy .footer_wrap, .page-legal-terms-conditions .footer_wrap{background: transparent;}
.page-legal-refund-policy .footer-wave, .page-legal-privacy-policy .footer-wave , .page-legal-terms-conditions .footer-wave{background: transparent;}
.page-legal-refund-policy footer.footer_wrap:before, .page-legal-privacy-policy footer.footer_wrap:before, .page-legal-terms-conditions footer.footer_wrap:before{
    display: none;
}

.page-ab-blog, .page-ab-press  {
    position: relative;
}
.page-ab-blog .footer-wave, .page-ab-press .footer-wave{background: transparent;}
.page-ab-blog footer.footer_wrap:before, .page-ab-press footer.footer_wrap:before{ display: none;}
.page-ab-blog:before, .page-ab-press:before {
    content: "";
    width: 100%;
    height: 56vh;
    background: transparent linear-gradient(180deg, #FFC632 0%, #FFE63D 55%, #F7F8F100 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    top: 0;
    left: 0;
}
.page-ab-media::before {
    height: 12%;
}
.page-ab-white-papers::before {
    height: 19%;
}


.page-ab-blog:after, .page-ab-press:after {
    content: "";
    width: 100%;
    height: 33%;
    background: transparent linear-gradient(180deg, #F8F9F1 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    display: block;
    bottom: 0;
    left: 0;
    position: absolute;
}
.page-ab-white-papers::after{height:51%}
.qty-flex{padding:0 5px !important; justify-content: space-between;}
.ab-collection-box .qty-flex input.quantity-selector2 {
    height: 42px;
    width: 25px;
    letter-spacing: -.11px;
}
.qty-flex span.qty {
    padding: 0 5px;
    cursor: pointer;
/*     background: rgba(28,28,30,.2); */
    min-width: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 4px;
}
.fector_feat_wrap img {
    filter: brightness(0) invert(1);
    width: 28px;
}

/* Brew Gas collection page css*/

.colllection-wrap {
    background: #F7F8F1; padding-bottom:29px;
}
.brewgas-collection-banner{background:#B01B30 url(brewgas-banner-bg.png)no-repeat center top ; background-size:cover; z-index:3; padding-top:250px;}
.brewgas-collection-banner img.centertop {position: absolute; top: -59px;  left: 50%;  transform: translateX(-50%);}
.ab-collection-banner.brewgas-collection-banner:before{content:'';  width:500px; height:1446px; bottom:0; left:50%; transform: translateX(-50%); background:url(/cdn/shop/t/5/assets/brewgas-banner-bg-be.png?v=1681902832)no-repeat center top; background-size:cover; }
 .ab-collection-banner.brewgas-collection-banner:after{content:''; width:100%; height:308px; position:absolute;  bottom:0; left:0; background:url(brewgas-banner-bg-a.png)no-repeat center top; background-size:cover; }

.ab-collection-banner.brewgas-collection-banner h1 { font-size: 44px; font-family: 'Briller'; font-weight:bold; line-height: 60px; color: #fff;margin-bottom: 20px;}
.ab-collection-banner.brewgas-collection-banner .ab-collection-banner-img {   max-width: 467px;}
.brewgas-collection-banner .ab-collection-banner-row{padding-bottom:0}

.ab-collection-intro { max-width: 936px; text-align: center; margin: 0 auto;padding: 41px 0 96px;}
.ab-collection-intro img {  width: 100%; height: auto;  display: block;}
.ab-collection-intro h2 { color: #EFEEDD; text-shadow: 0px 3px 30px #00000029; font-size: 42px; line-height: 50px; font-family: 'Gilroy-ExtraBold'; margin-bottom: 20px;}
.ab-collection-intro p { color: #EFEEDD; text-shadow: 0px 3px 11px #00000029;margin-bottom: 18px;}


/* product page css*/
.brewgas-productwrap {background:#F7F8F1} 
.brewgas-productwrap  .product2-right { background: #fff ; box-shadow: 0px 3px 6px #00000029;}
.brewgas-productwrap .select-dropdown__button, .brewgas-productwrap  .qty-flex-wrap .qty-flex input.quantity-selector2{background:transparent}
.brewgas-productwrap .mobile-sticky-btn a.toggle{background: #fff;}
.brewgas-productwrap .btn-sec { width: 100%;display: flex;
    align-items: center;
    justify-content: center;gap:10px;}
.bg-white-factor {background:#fff; position:relative; padding-bottom:100px; padding-top:236px;} 
.bg-white-factor.text-dark .single_factors_card {background: rgba(39, 39, 39,0.05);}
.brewgas-pro-into-wrap { background: #F7F8F1;padding-top: 102px; position:relative; padding-bottom: 102px; text-align: center;}
.brewgas-pro-into-wrap h2 { font-size: 60px; line-height: 75px; font-family: 'Gilroy-ExtraBold';  color: #1C1C1E;  margin-bottom: 11px;}
.brewgas-pro-into-wrap p { max-width: 784px; margin: 0 auto 25px; color: #1C1C1E;}

.brewgas-pro-into-wrap h5 { font-size: 14px; line-height: 24px;  color: #1C1C1E; margin-bottom: 10px;}
.brewgas-pro-into-wrap p em, .brewgas-pro-into-wrap p i {font-size: 14px;line-height: 22px;}

.fector_wrap.bg-white-factor:before {
    content: '';
    display: block;
    width: 96px;
    height: 110px;
    background: url(hexagon-y.svg)no-repeat center;
    background-size: cover;
    position: absolute;
    left: -10px;
    top: 0;
}
.fector_wrap.bg-white-factor:after {
    content: '';
    width: 156px;
    height: 156px;
    background: url(premium-circle-y.png)no-repeat center;
    background-size: cover;
    position: absolute;
    right: 36px;
    top: 0;
}

.brewgas-pro-into-wrap:after {content: "";width: 224px; height: 20px; background: url(dot-vec-bl.svg)no-repeat center left; background-size: inherit; position: absolute; right: 0; top: 40px;}
.brewgas-pro-into-wrap:before { content: ''; width: 36px; z-index:3;   height: 269px; background: url(ser-left.svg)no-repeat center;background-size: cover; position: absolute; left: 40px;  bottom: -116px;}

/* collection hops page css*/
.ab-collection-banner.ah-hops-banner {background: transparent linear-gradient(179deg, #F5F1DC 0%, #F8F9F0 100%) 0% 0% no-repeat padding-box; padding-top:94px;}
.ab-collection-banner.ah-hops-banner:before{width:1129px; height:1870px; background:url(hops-banner-line-r.svg) no-repeat center left; background-size:cover;background-size: cover;top: -146px; bottom:auto;}
.ab-collection-banner.ah-hops-banner:after{width:574px; content:''; height:1140px; position: absolute; bottom:0; left:0; background:url(hops-left-banner-line.svg) no-repeat center right; background-size:cover;}
.ab-collection-banner.ah-hops-banner .ab-collection-banner-img { max-width:100%; width: 53%;}
.ab-collection-banner.ah-hops-banner .ab-collection-banner-img img { margin: 0 auto; display: block;}
.ah-hops-banner .ab-collection-banner-bottom h2 { color: #FF8300;}
.ah-hops-banner .ab-collection-banner-bottom p {max-width: 755px;margin-left: auto; margin-right: auto; color: #22586E;}
.ah-hops-banner .ab-collection-banner-bottom h3 {font-size: 20px; line-height: 24px;  color: #22586E;}
.ah-hops-banner .collection-banner-bottom-row .item .single { background: transparent; padding:8px 13px; border: 1px solid #22586E; max-width: 264px; text-align: left;}
.ah-hops-banner  .collection-banner-bottom-row .item .single h4 { color: #22586E;}
.ah-hops-banner .ab-collection-banner-bottom .n-flex{border-top:1px solid #22586E; border-bottom:1px solid #22586E}
.ah-hops-banner .ab-collection-banner-bottom .n-flex h3 { font-size: 32px; max-width: 678px; line-height: 42px;color: #22586E; text-align: left;}
.ah-hops-banner .ab-collection-banner-bottom h3 span{color:#FF8300}
.ab-collection-wrap.hope-collection-wrap{position:relative}
.ab-collection-wrap.hope-collection-wrap:before{content:''; width:100%; position:absolute; height:100%; background:url(hop-collection-bg.svg)no-repeat center; background-size:cover; top:0; left:0;}
.ab-collection-banner.ah-hops-banner .ab-collection-banner-row{padding-bottom:0}

.sample-kit-content { display: flex;flex-direction: column;justify-content: space-between;}
.hops-sample-get-wrap {  background: #22586E;  text-align: center; padding-top: 55px; position:relative}
.hops-sample-get>img { max-width: 110px; margin-bottom: 20px;}
.hops-sample-get h2 {  color: #F5F1DC; font-size: 60px; line-height: 80px; font-family: 'Gilroy-ExtraBold'; margin-bottom: 13px;}
.hops-sample-get p { color: #F5F1DC;  max-width: 752px;margin: 0 auto 25px;}
.hops-sample-get h3 { font-size: 20px; line-height: 24px; color: #F5F1DC; font-family: 'Gilroy-Bold';margin-bottom: 28px;}
.hops-sample-row { display: flex; justify-content: center;  flex-wrap: wrap;}
.hops-sample-row .item {  padding: 0 10px;  margin-bottom: 20px;}
.hops-sample-row .item .single { border: 1px solid #F5F1DC; border-radius: 10px;  height: 100%; padding: 12px 13px;min-width: 264px;}
.hops-sample-row {display: flex;justify-content: center;flex-wrap:wrap;}
.hops-sample-row .item .single h4 {  margin: 0;  color: #F5F1DC; font-size: 16px; line-height: 1.5; display: flex; align-items: center;}
.hops-sample-row .item .single h4 img {margin-right: 14px;}
.hops-sample-get-wrap:after { content: "";width: 100%;  background: #22586E; position: absolute; display: block;  height: 135px; right: 0; bottom:-135px;  z-index: 3;  clip-path: polygon(50% 100%, 0 0, 100% 0);  right: 0;}
.collection-featured-wrap.collection-hop-featured-wrap {  background: #F5F1DC; padding-top:261px;}
.collection-featured-wrap.collection-hop-featured-wrap:before{width:820px; content:''; height:373px; background:url(hops-feat-line.svg)no-repeat center left;  background-size:cover; right: 0;left: auto;top: 20%;}

.collection-featured-wrap.collection-hop-featured-wrap .collection-featured-content h2, .collection-featured-wrap.collection-hop-featured-wrap .collection-featured-content p{color: #22586E;}
.collection-hop-featured-wrap .collection-featured-row{margin-bottom:36px;}

.hops-box-row {display: flex; margin: 0 -7.5px;}

.hops-box-row .item { padding: 0 7.5px;}
.hops-box-row .single {border: 1px solid #F5F1DC; border-radius: 10px;  height: 100%; padding: 12px 13px; min-width: 198px; border: 1px solid #22586E;  border-radius: 10px;}
.hops-box-row .single h4 {margin: 0;display: flex; align-items: center; color: #22586E;}
.hops-box-row .single h4 img { margin-right: 10px;}

.sample-banner-collection {
    background: #F5F1DC;
}


/* hops product page css*/
.hops-pro-into-wrap{padding-bottom:69px;}
 .hop-pro-featured-wrap{background:#F7F8F1; padding-top:0;}
 .collection-featured-wrap.hop-pro-featured-wrap:before{width:789px; height:308px; background:url(pro-feat-line.svg)no-repeat center right; top:auto; right:auto; background-size:cover; left:0; bottom:9%}
 .collection-featured-wrap.hop-pro-featured-wrap .collection-featured-content h2{color:#1C1C1E}
  .collection-featured-wrap.hop-pro-featured-wrap .collection-featured-content p{color:#1C1C1E}
  .collection-featured-wrap.hop-pro-featured-wrap .collection-featured-row.row-equal {  margin-bottom: 65px;}

/* collection water css*/
 .ab-collection-banner.ai-water-sol-banner {
    background: #F5F9FC; z-index:3;
}
.ab-collection-banner.ai-water-sol-banner:before{content:''; width:100%; height:993px; background:url(water-banner-t.png)no-repeat center top; background-size:cover; bottom: auto;top: 0;}
.ab-collection-banner.ai-water-sol-banner:after{content:''; width:100%; height:459px; position:absolute; background:url(water-banner-b.png)no-repeat center top; background-size:cover; bottom: -104px;top:auto; left:0}
section.colllection-wrap.ab-collection-wrap.water-solu-collection {
    background: #F5F9FC; position:relative;
}
.colllection-wrap.ab-collection-wrap.water-solu-collection:before{content:''; height: 1769px; position: absolute; width:419px; background:url(water-col-l.png)no-repeat center right; background-size:cover; top:0; left:0;}
.colllection-wrap.ab-collection-wrap.water-solu-collection:after{content:''; /*height: 2163px; width:314px; */ height:100%; width:14%; position: absolute; background:url(water-col-r.png)no-repeat center left; background-size:cover; top:0; right:0;}
.water-solu-collection .container{position:relative; z-index:2}

.ab-collection-banner.ai-water-sol-banner .ab-collection-banner-content h1 {
    font-size: 74px;
    line-height: 0.67;

}
.ai-water-sol-banner .ab-collection-banner-img {
    max-width: 608px; position:relative;
}

.ab-water-orange-img {
    position: absolute;
    top: 0;
    left: -38%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ab-water-orange-img img~img {
    margin-top: 126px;
}
.ai-water-sol-banner .ab-collection-banner-row{padding-bottom:38px;}
.ai-water-sol-banner .ab-collection-banner-content p {
    color: #1C1C1E;
    opacity: 0.8;
}


.ai-water-sol-banner .ab-collection-banner-bottom h2 {
    max-width: 742px; color: #1C1C1E;
    margin-left: auto;
    margin-right: auto;
}

.ai-water-sol-banner .ab-collection-banner-bottom p {
    max-width: 936px; color: #1C1C1E;
    margin-left: auto;
    margin-right: auto;
}
.ai-water-sol-banner  .ab-collection-banner-bottom .n-flex{border-top:1px solid #1c1c1e; border-bottom:1px solid #1c1c1e; margin-top:40px;}
  .ai-water-sol-banner .ab-collection-banner-bottom h3 {
    max-width: 925px;
    color: #1C1C1E;
    text-align: left;
}     
.ai-water-sol-banner-ex{position:relative}
.ai-water-sol-banner-ex:before{content:''; width:163px; height:337px; background:url(water-Orange.png)no-repeat center left; background-size:cover; position:absolute; top:226px; right:0}
.ai-water-sol-banner-ex:after{content:''; width:253px; height:666px; background:url(water-laurel.png)no-repeat top left; background-size:cover; position:absolute; top:336px; right:0}

@media (min-width: 2100px) and (max-width: 2600px){
.ab-collection-banner.brewgas-collection-banner:after{height:500px;}
}
@media (max-width:1400px){
.ab-collection-banner.ah-hops-banner:before{width:71%}
  .ab-water-orange-img{left:-10%}
}
@media (max-width:992px){
.ab-collection-banner.brewgas-collection-banner:before{height:1365px}
}
@media (max-width:768px){
.brewgas-collection-banner{padding-top:200px;}
 .ab-collection-banner.brewgas-collection-banner .ab-collection-banner-img {
    max-width: 100%;
}
 .ab-collection-banner.brewgas-collection-banner  .ab-collection-banner-img img { max-width: 500px; width:100%; margin: 0 auto; display: block;}
  .ab-collection-banner.brewgas-collection-banner h1 { font-size: 34px; line-height: 40px; margin-bottom: 15px;}
  .ab-collection-banner.brewgas-collection-banner:before{height:1368px;}
  .ab-collection-intro h2 { font-size: 24px; line-height: 31px;  margin-bottom: 27px;}
.ab-collection-intro p {  font-size: 14px; line-height: 21px;}
  .fector_wrap.bg-white-factor:before{width:45px; height:52px;}
  .bg-white-factor { padding-bottom: 42px;  padding-top: 38px;}
  .fector_wrap.bg-white-factor:after {width: 78px; height: 78px; right:0}
  .brewgas-pro-into-wrap{padding-top:55px; padding-bottom:55px;}
  .brewgas-pro-into-wrap h2 { font-size: 34px; line-height: 41px;}
  .brewgas-pro-into-wrap p {font-size: 14px; margin-bottom: 15px;}
  .brewgas-pro-into-wrap:after{width:130px; height:20px; top:18px;}
  .brewgas-pro-into-wrap:before { display:none}

  .ab-collection-banner.ah-hops-banner .ab-collection-banner-img { max-width: 100%;  width: 100%;}
  .ab-collection-banner.ah-hops-banner .ab-collection-banner-img img { max-width: 100%;}
  .ah-hops-banner .collection-banner-bottom-row .item .single {  max-width: 100%;}
  .ab-collection-banner.ah-hops-banner:after{width:383px; height:1080px;}
  .ah-hops-banner .ab-collection-banner-bottom .n-flex h3{font-size:20px; line-height:24px;}
  .hops-sample-get h2 { font-size: 34px; line-height: 41px;}
  .hops-sample-get p { font-size: 14px;}
  .hops-sample-get-wrap:after{height:88px; bottom:-88px;}
  .hops-box-row{flex-wrap:wrap;}
  .collection-featured-wrap.collection-hop-featured-wrap{padding-top:130px;}
  .hops-box-row .item {  margin-bottom:10px;}
  .sample-kit-img { max-width: 100%; margin-top: -5%; position: relative;}

 .colllection-wrap.ab-collection-wrap.water-solu-collection:after {
    height: 1080px;
    width: 157px;

}
  .colllection-wrap.ab-collection-wrap.water-solu-collection:before{width:209px; height:884px;}
  .ab-collection-banner.ai-water-sol-banner:before{height:496px;}
.ab-collection-banner.ai-water-sol-banner:after {
    height: 229px;
    bottom: -50px;
}
 .ab-collection-banner.ai-water-sol-banner .ab-collection-banner-img img{max-width:100%;}
.ab-collection-banner.ai-water-sol-banner .ab-collection-banner-content h1 {
    font-size:34px;
    line-height: 41px;

}
    .ab-water-orange-img{left:-10%; display:none}
  .ai-water-sol-banner-ex:before {
    width: 81px;
    height: 168px;
}

.ai-water-sol-banner-ex:after {
    width: 126px;
    height: 333px;
    top: 36px;
}
}

@media (max-width:600px){
    .brewgas-collection-banner img.centertop{width:90%}
}
@media (max-width:480px){
  .ab-collection-banner.brewgas-collection-banner:before{height:1333px;}
}

.page-vote .header_wrap {
    position: relative;
    padding: 0;
  background: #f7f8f1;
}

.page-vote  .container {
    margin: 0 auto;
    padding: 20px !important;
}
.page-vote .main-page-title{
display: none;
}

.a-pro-icon img {
    filter: brightness(0);
}



/* new colection page css*/
.quantum-banner{position:relative;  background:#F7F8F1;}
.container-91 { max-width: 1491px;padding: 0;}
.quantum-banner-wrap{background:url(quantum-bg.svg) no-repeat center; height:1133px; position:relative; background-size:cover; padding-top:140px; padding-bottom:145px;}
.quantum-banner-row {  max-width: 1215px;display: flex; align-items: center; justify-content: space-between; margin: 0 auto 34px;}
.quantum-banner-logo { width: 435px;}
.quantum-banner-bottle { width: 344px;}
.quantum-banner-content {  width: 383px; margin-top:64px;}
.quantum-banner-content h2 { font-size: 60px;line-height: 54px; color: #F2E9D1; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none; margin-bottom: 7px;}
.quantum-banner-content p {font-size: 18px;line-height: 20px;color: #FFFFFF;font-family: "Gilroy-SemiBold"; font-weight: 100; font-variant-ligatures: none; margin-left: 5px;}
.quantum-banner-footer {max-width: 867px; margin: 0 auto; text-align: center;}
.quantum-banner-footer h4 {font-size: 28px; line-height: 50.4px; color: #F2E9D1;font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none; margin-bottom: 9px;}
.quantum-banner-footer p {color: #fff;font-size: 16px; line-height: 24px; margin-bottom:25px;}
.quantum-banner-footer p b {font-family: Gilroy-Bold;font-weight: 100;font-variant-ligatures: none;}
.btn-cream{background:#F2E9D1;border-radius:10px;color:#2C2C2E;font-size:20px;letter-spacing: normal;padding: 14px;min-width: 287px;}
.quantum-banner-footer p~p { margin-bottom: 20px;}
.quantum-banner-footer .btn-cream{margin-bottom: 50px;}
.quantum-banner-wrap span.icons {  position: absolute;}

.quantum-banner-wrap .icons.icon-lefts { left: 48px;  top: 586px;}
.quantum-banner-wrap .icons.icon-leftb{left: 51px;bottom: 24px;}
.quantum-banner-wrap .icons.icon-rightb{    right: 7px;bottom: 150px;}
.quantum-banner-wrap .icons.icon-rightc { bottom: 73px; right: 336px;}
.quantum-banner-wrap .icons.icon-rightg { right: 115px; bottom: 456px;}
.quantum-banner-wrap .icons.icon-leftg { left: 176px;bottom: 296px;}

.sample-kit-wrap.quantum-sample-kit-wrap {margin-bottom: 0; padding-bottom:100px; position:relative}
.sample-kit-wrap.quantum-sample-kit-wrap:before{content:""; width:212px; height:212px; right:0; bottom:-1px; background:url(quantum-subtraction.svg)no-repeat center; background-size:cover; display: block; position: absolute;}
.quantum-sample-kit-wrap .head { max-width: 1117px; margin-left: auto;margin-right: auto;}
.quantum-sample-kit-wrap .native-sample-kit-row {  max-width: 1117px; margin-left: auto; margin-right: auto; position:relative; z-index:4}
.quantum-sample-kit-wrap .sample-kit-img a{overflow:hidden;}
.quantum-sample-kit-wrap .sample-kit-img a img{transition:0.5s ease all;}
.quantum-sample-kit-wrap .sample-kit-img a:hover img{transform:scale(1.05);}
.quantum-sample-kit-wrap .sample-kit-content p { max-width: 532px;}

.quantum-sample-kit-wrap .sample-kit-content .d-flex{gap:15px; justify-content:flex-start;}
.quantum-sample-kit-wrap  .sample-kit-content .d-flex a.btn.btn-primary { width: 100%; max-width: 337px;}
.quantum-sample-kit-wrap .sample-kit-content .d-flex .qty-flex {max-width: 178px;justify-content: space-between;}

.quantum-dark-wrap{background:#272727; position: relative; border-radius: 219px 0px 0px 146px;padding-top:70px; padding-bottom:89px;}
.quantum-dark-wrap:before { content: ''; width: 284px; height: 1021px; display: block; background: url(quantum-dark-b.svg)no-repeat top right;  background-size: cover;  position: absolute; left: 0;  top: 403px; transform: none;}
.quantum-dark-wrap:after { content: ''; width: 295px; height: 1511px; display: block; background: url(quantum-dark-a.svg)no-repeat top left;  background-size: cover;  position: absolute; right: 0; bottom: 414px; transform: none;}


.quantum-optimized-wrap{max-width:863px; margin:0 auto; border-bottom:1px solid #A0D1C9; padding-bottom:41px; text-align:center; position:relative}
.quantum-optimized-wrap:before{content:''; width:251px; height:251px; background:url(dark-t-star.svg)no-repeat center; background-size:cover; position:absolute; bottom: 40px; left: -39%; }
.quantum-optimized-wrap .top-logo{    display: flex;align-items: center;justify-content: center;     margin-bottom: 17px;}
.quantum-optimized-wrap .top-logo .line{    flex-grow: 1;height: 1px;background: #A0D1C9;}
.quantum-optimized-wrap .top-logo span{padding:0 10px;}
.quantum-optimized-wrap h2{color: #F2E9D1; font-size:60px; margin:0; line-height:1;    font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;}
.quantum-optimized-wrap h4 { font-size: 28px; color: #72BDAE; margin-top: 2px; font-family: Gilroy-SemiBold; font-weight: 100; font-variant-ligatures: none; font-style: italic;     margin-bottom: 27px;}
.quantum-optimized-wrap p{font-size:16px; line-height:24px; color:#FFFFFF;     max-width: 720px; margin-left: auto; margin-right: auto; margin-bottom:21px;}
.quantum-optimized-wrap p strong{font-family: Gilroy-Bold;font-weight: 100;font-variant-ligatures: none;}
.quantum-optimized-wrap .q-logo{margin-top:5px;}
.quantum-dark-wrap .icons{position: absolute;}
.quantum-dark-wrap .spark-f {left: 454px;top: -30px;}
.quantum-dark-wrap .icons.spark-g141 { left: 280px; top: 50px;}
.quantum-dark-wrap .icons.spark-big {right: 236px; top: -127px;}
.quantum-dark-wrap .icons.spark-g91 {right: 554px;top: -68px;}
.quantum-dark-wrap .icons.spark-y { top: 100px;right: 140px;}
.quantum-dark-wrap .icons.spark-fg60 { right: 288px; top: 407px;}
.quantum-quickfact-wrap{position:relative;}
.quantum-quickfact-wrap:before{content:''; display:block; width:130px; height:514px; background:url(dark-g-wave.svg)no-repeat center left; background-size:cover; position:absolute; top:-240px; right:0; }
.quantum-quickfact{padding-top:120px; max-width:1141px; margin:0 auto;}
.quickfact-head{text-align:center; margin-bottom:90px;}
.quickfact-head h2{color:#F2E9D1; font-size:60px; margin:0; line-height:1;    font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none; margin-bottom:18px;}
.quickfact-head p{color:#FFFFFF; font-size:16px;font-family: Gilroy-SemiBold; font-weight: 100; font-variant-ligatures: none; line-height:24px; max-width:550px; margin-left:auto; margin-right:auto; }
.quickfact-row {display: grid;grid-template-columns: repeat(4, 1fr); column-gap: 92px; row-gap: 53px;}

.quickfact-single { text-align: center;}
.quickfact-single .icon { display: flex; min-height: 80px; display: flex; align-items: center;justify-content: center; margin-bottom: 8px;}
.quickfact-single h4 { color: #F2E9D1;font-size: 18px;line-height: 24px; font-family: Gilroy-Bold; margin: 0;     margin-bottom: 2px;}
.quickfact-single p {color: #fff;font-size: 18px;line-height: 24px; margin: 0; font-variant-ligatures: none;}
.quantum-reivew{max-width:1110px; margin:59px auto; position:relative; background:#F2E9D1; border-radius:0 0 114px 0; padding:22.5px 60px 22.5px 0;     display: flex;align-items: center; gap:40px; justify-content: flex-end;}
.quantum-reivew:before{content:''; width:1920px; height:100%;background:#F2E9D1; position:absolute; left:-100%; top:0; }
.quantum-reivew:after{content:''; width:60px; height:60px; display:block; background:url(quantum-sparkf-g.svg)no-repeat center; background-size:cover; position: absolute; left: -139px;top: -30px; transform: rotate(19deg); }
.quantum-reivew-content { position: relative; max-width: 595px;}
.quantum-reivew-content p{font-size:24px; line-height:36px; color:#343434; margin:0; font-style:italic;}
.quantum-reivew-author{position: relative; width:379px;}
.quantum-reivew-author h4{margin:0; color:#343434; font-size:24px; line-height:36px;font-family: Gilroy-Bold; font-weight: 100; font-variant-ligatures: none;font-style:italic;}
.quantum-reivew-author p{color:#343434; font-size:24px; line-height:36px; margin:0; font-style:italic;}
.quantum-quickfact.quantum-quickfact2 {padding: 0;}
.quantum-quickfact.quantum-quickfact2 .quickfact-single .icon { display: flex; min-height: 72px;}
.quantum-brite{margin-top:64px; position:relative}
.quantum-brite:before{content:''; display:block; width:130px; height:514px; background:url(glass-b.svg)no-repeat center right; background-size:cover; position:absolute; top:-248px; left:0; }
.quantum-brite-row{max-width:1141px; margin:0 auto;display: flex; column-gap:196px; flex-wrap:wrap;}
.quantum-brite-img {width: 452px; text-align:center;}
.quantum-brite-content { width: 411px; margin-top:48px;}
.quantum-brite-content h2{color: #F2E9D1; font-size:60px; line-height:1;  font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;}
.quantum-brite-content h6{font-size:16px; line-height:24px; color:#FFFFFF;font-family: Gilroy-SemiBold; font-weight: 100; font-variant-ligatures: none; margin-bottom:13px;}
.quantum-brite-content p{font-size:16px; line-height:24px; color:#FFFFFF;}
.quantum-brite-content p b{font-family: Gilroy-Bold;font-weight: 100;font-variant-ligatures: none;}
.quantum-brite-img p { color: #FFFFFF;   font-size: 16px; line-height: 24px; margin-bottom:5px; max-width: 359px; margin-left: auto;margin-right: auto;}
.quantum-brite-img p b { font-family: 'Gilroy-SemiBold'; font-weight: 100;}
.quantum-brite-img img {width: 100%; margin-bottom: 4px;}
.quantum-brite-row:before { content: ""; max-width: 863px;  width: 100%; background: #A0D1C9; height: 1px;display: block; margin: 0 auto 49px;}

.quantum-comparing-row { max-width: 1127px;position:relative; margin: 0 auto;display: flex; flex-direction: row-reverse;justify-content: flex-end;column-gap: 75px;}
.quantum-comparing-row:before{    content: '';  width: 188px; height: 188px; background: url(dark-t-star.svg)no-repeat center; background-size: cover;position: absolute;     top: -20px;left: -20%;}
.quantum-comparing { padding-top: 84px;}
.quantum-comparing-content { width: 411px;}
.quantum-comparing-table { width: 633px; margin-top: 72px;}
.quantum-comparing-content h2{color: #F2E9D1; font-size:60px; line-height:1;  font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;}
.quantum-comparing-content h6{font-size:16px; line-height:24px; color:#FFFFFF;font-family: Gilroy-SemiBold; font-weight: 100; font-variant-ligatures: none; margin-bottom:13px;}
.quantum-comparing-content p{font-size:16px; line-height:24px; color:#FFFFFF;}
.quantum-comparing-content p b{font-family: Gilroy-Bold;font-weight: 100;font-variant-ligatures: none;}

.quantum-comparing-table .table-head {display: flex; gap: 4px;     justify-content: flex-end;}

.quantum-comparing-table .text {width: 262px;}

.quantum-comparing-table  .whole {width: 116px;text-align: center;}

.quantum-comparing-table .other {width: 137px; text-align: center;}

.quantum-comparing-table .quantum { width: 100px;text-align: center;}

.quantum-comparing-table .table-head >div { border-radius: 5px 5px 0 0;color: #343434; font-size: 16px; font-family: Gilroy-Bold; font-weight: 100; font-variant-ligatures: none;line-height: 15px; padding: 3.5px 0;}

.quantum-comparing-table .table-head .whole { background: #F2E9D1;}

.quantum-comparing-table .table-head .other { background: #8FC689;}

.quantum-comparing-table .quantum {background: #A0D1C9;}
.table-row { display: flex; justify-content: flex-end;}
.table-row>div {border-bottom: 1px solid #707070; font-size:16px;line-height:24px; font-family: Gilroy-Bold; font-weight: 100; font-variant-ligatures: none;}
.table-row .text{ text-align:right; font-size:16px; border:none; line-height:24px; font-family: Gilroy-SemiBold; font-weight: 100; font-variant-ligatures: none; color:#F2E9D1; width: 272px; padding-right: 9px;}
.table-row .whole{color:#F2E9D1;     width: 120px;}
.table-row .other{color:#8FC689;     width: 141px;}
.table-row .quantum{color:#272727}
.table-body .table-row:first-child>div { padding-top: 6px;}
.quantum_taster {max-width:863px; margin:92px auto 0; padding-bottom:43px; text-align:center; position:relative}
.quantum_taster:before { content: ''; width: 68px; height: 68px; display: block; background: url(quantum-sparkf-g.svg)no-repeat center;  background-size: cover;  position: absolute; left: -170px;  top: 15px; transform: none;}
.quantum_taster:after { content: ''; width: 90px; height: 90px; display: block; background: url(quantum-star-g91.svg)no-repeat center;  background-size: cover;  position: absolute; right: -261px; top: 174px; transform: none;}

.quantum_taster .top-logo{    display: flex;align-items: center;justify-content: center;     margin-bottom: 17px;}
.quantum_taster .top-logo .line{    flex-grow: 1;height: 1px;background: #A0D1C9;}
.quantum_taster .top-logo span{padding:0 10px;}
.quantum_taster h2{color: #F2E9D1; font-size:60px; margin:0; line-height:72px; margin-bottom: 31px;    font-family: Gilroy-ExtraBold;font-weight: 100; font-variant-ligatures: none;}
.quantum_taster p{font-size:16px; line-height:24px; color:#FFFFFF;     max-width: 826px; margin-left: auto; margin-right: auto; margin-bottom:26px;}
.quantum_taster p strong{font-family: Gilroy-Bold;font-weight: 100;font-variant-ligatures: none;}
.quantum_taster h6{font-size:18px; line-height:24px; color:#A0D1C9; font-family: Gilroy-Bold;font-weight: 100;font-variant-ligatures: none;}
.quantum_taster_hops_wrap{max-width:866px;  margin:0 auto;  padding:8px; border-radius:71px; border:2px solid #F7F8F1; position:relative}
.quantum_taster_hops_wrap:before { content: ''; width: 222px; height: 222px; display: block; background: url(quantam-crem-f-160.svg)no-repeat center;  background-size: cover;  position: absolute; left: -288px; top: -41px; transform: none;}
.quantum_taster_hops{ text-align:center;border-radius:62px; background:#F7F8F1;      padding: 39px 0 49px;  }
.quantum_taster_hops h2{color: #343434; font-size:60px; margin:0; line-height:72px;     font-family: Gilroy-ExtraBold;font-weight: 100; font-variant-ligatures: none;}
.quantum_taster_hops h4{font-size: 28px; color: #72BDAE;  margin-top: 0; font-family: Gilroy-SemiBold; font-weight: 100; font-variant-ligatures: none; font-style: italic; margin-bottom: 5px;}
.quantum_taster_hops p{max-width:696px; margin:0 auto; font-size:16px; color:#343434; line-height:24px;}
.quantum_taster_hops .btn-gray { background: #343434; color: #fff; border: 1px solid #272727; max-width: 337.5px; width: 100%; margin-top: 27px;}
.quantum_taster_hops .btn-gray:hover{background:#272727}

.quantam_tyler_wrap {position:relative; border-radius:0 500px 500px 0;     padding: 58px 0 22px 152px; background:url(Abstrax-Tyler-Thurman-Highland-Park.png)no-repeat  top right; background-size:cover; max-width:1755px; margin-left:auto;}
.quantam_tyler_wrap:after{width:40%; content:'';     z-index: -1; height:50%; background:#272727; right:0; top:0; position:absolute;}
.quantam_tyler_wrap:before{content:""; width:1231px; height:100%; position:absolute; left:0; top:0;  background: linear-gradient(90deg, rgba(247,248,241,1) 0%, rgba(247,248,241,1) 70%, rgba(247,248,241,0) 100%);}   
.quantum_tyler {max-width: 684px;text-align: right;position: relative; z-index: 2;}
.quantum_tyler:before{content:''; width:99px; height:102px;background:url(spider-g.svg)no-repeat center; position:absolute; left:-26px; bottom:0;}
.quantum_tyler p { font-size: 28px; line-height: 42px; color: #343434;}
.quantum_tyler p b { display: block;     font-family: Gilroy-Bold,sans-serif; font-weight: 100; font-variant-ligatures: none;}
.quantam_tyler_green{width:40%;  z-index: -1; height:50%; background:#A0D1C9; right:0; bottom:0; position:absolute;}

.quantum_galss_wrap{position:relative; background:#343434}
.quantum_galss_wrap:before{content:''; display:block; width:130px; height:514px; background:url(glass-b.svg)no-repeat center right; background-size:cover; position:absolute; bottom:0; left:0; }
.quantum_galss{background:url(quantum-glass.jpg) no-repeat center; background-size:cover; max-width:1920px; margin:0 auto; padding:140px 0 144px}
.quantum_galss p{color:#F2E9D1; font-size:28px; line-height:42px; margin-bottom:35px; max-width:800px;}
.quantum_galss p b{    font-family: Gilroy-Bold,sans-serif; font-weight: 100; font-variant-ligatures: none;}
.quantum_galss p:last-child {margin: 0;}
.pro-faq-wrap.quantum-faq { padding-top: 168px;}
.quantum-faq .collection-faq-head h2, .quantum-faq .collection-faq-head h4, .collection-faq-head h3 {color: #343434;}
.quantum-faq .btn-primary-outline{border-color:#343434; color:#343434}
.quantum-faq .btn-primary-outline:hover{color:#fff}

.sample-banner.quantum-sample-banner.sample-banner-collection {  background: #F7F8F1; padding-top: 12px; padding-bottom: 102px;}
.quantum-sample-banner .sample-banner-inner{max-width:1120px; margin:0 auto; padding: 54px 81px 66px; align-items: center; justify-content:space-between;}
.quantum-sample-banner  .sample-banner-inner .content {max-width: 410px; width: 100%;}
.quantum-sample-banner .sample-banner-inner h2, .quantum-sample-banner .sample-banner-inner h6 {
    line-height: 1.1;
}
.sample-banner-inner h6{line-height:1.2}
  .quantum-pro-footer{ margin-top: 26px;}
.quantum-pro-footer .container { max-width: 1117px; margin: 0 auto;border-top: 1px solid #A0D1C9;border-bottom: 1px solid #A0D1C9;padding: 30px 0;}
.quantum-pro-footer p { font-size: 14px; line-height: 1; color: #9FA09C;     opacity: 1;text-align: center; max-width:1054px; margin: 0 auto; border: none;}
.quantum-pro-footer p:first-child{border:none !important; padding:0}
.ab-other-wrap.quantum-pro-adv .other-pro-head{margin-bottom:29px;}

.quantum-green-wrap{background:#A0D1C9; padding-bottom:123px; padding-top:113px; border-radius:146px 0 0 0;  position:relative}
.quantum-green-wrap:before{content:'';  width:380px; height:1840px; z-index: 3;    position: absolute; background:url(quantam-green-bef.svg)no-repeat center right; background-size:cover; top:377px; left:0;}
.quantum-green-wrap:after{content:'';  width:371px; height:2352px;  z-index: 2;    position: absolute; background:url(quantam-green-aft.svg)no-repeat center left; background-size:cover; top:377px; right:0;}
.dark-bg-b{width:100%; height:44%;  position:absolute; bottom:0; left:0; background:#343434; }
.dark-bg-b:before{content:''; width:40%; height:330px;background:#A0D1C9;  position:absolute; top:0; right:0;}
.dark-bg-b:after{content:''; width:130px; height:514px;background:url(dark-b-wave.svg)no-repeat center left;  position:absolute; top:-52%; right:0;}
.quantum-green-white{background:#F7F8F1; max-width:1350px; margin:0 auto; border-radius:65px; position:relative;     z-index: 2; padding-bottom:112px;}
.quantum-green-white:before{content:''; width:94px; height:84px; background:url(quantum-spark-w.svg)no-repeat center; background-size:cover; position:absolute; bottom:-90px; right:30%;}
.quantum-green-white:after{content:''; width:171px; height:171px; background:url(green-ran.svg)no-repeat center; background-size:cover; position:absolute; bottom:0; left:-84px;}

.quantum-pro-hops-wrap{ position:relative;}
.quantum-pro-hops{border-bottom: 1px solid #343434; position:relative; max-width:862px; margin:0 auto; text-align:center; padding-bottom:60px; padding-top:75px;}
.quantum-pro-hops-wrap:before{content:''; width:221px; height:221px; background:url(black-f161.svg)no-repeat center; background-size:cover;  position: absolute;     top: -110px; right: 88px;}
.quantum-pro-hops-wrap:after{content:''; width:99px; height:99px; background:url(black-star-s.svg)no-repeat center; background-size:cover;  position: absolute;     top: 34%;left: -46px;}
.quantum-pro-hops .top-logo{    display: flex;align-items: center;justify-content: center;     margin-bottom: 17px;}
.quantum-pro-hops .top-logo .line{    flex-grow: 1;height: 1px;background: #343434;}
.quantum-pro-hops .top-logo span{padding:0 10px;}
.quantum-pro-hops h2{color: #A0D1C9; font-size:56px; margin:0; line-height:72px; margin-bottom: 0;    font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;}
.quantum-pro-hops p{font-size:16px; line-height:24px; color:#343434;     max-width: 754px; margin-left: auto; margin-right: auto; margin-bottom:0;}
.quantum-pro-hops p strong{font-family: Gilroy-Bold;font-weight: 100;font-variant-ligatures: none;}
.quantum-pro-hops h6{font-size:18px; line-height:24px; max-width:642px; margin:0 auto; margin-bottom:28px; color:#343434;     font-family: Gilroy-SemiBold;font-weight: 100;font-variant-ligatures: none;}
.quantum-group-icons{max-width:840px; margin:0 auto; padding-top:62px; padding-bottom:73px;}
.quantum-group-icons img{width:100%; display:block; margin-bottom:39px}
.quantum-group-icons h4{max-width:645px;margin:0 auto; text-align:center; color:#343434;font-size:28px; line-height:36px;font-family: Gilroy-Bold,sans-serif; font-weight: 100; font-variant-ligatures: none;}

.quantum-featured-row {  max-width: 1134px; margin: 0 auto 39px;display: flex;  flex-direction: row-reverse;justify-content: space-between;}
.quantum-featured-content { width: 49%;}
.quantum-featured-img { width: 47%; margin-top:35px;}
.quantum-featured-img img{width:100%;}
.quantum-featured-content h2{font-size:56px; line-height:60px; color:#A0D1C9; font-family: Gilroy-Bold;font-weight: 100;font-variant-ligatures: none; }
.quantum-featured-content h6{color:#343434;font-family: Gilroy-SemiBold; font-weight: 100; font-variant-ligatures: none; font-size:18px; line-height:24px; margin-bottom: 26px;}
.quantum-featured-content p{color:#343434; font-size:16px;line-height:24px; margin-bottom:23px;     max-width: 547px;}
.quantum-featured-content h4{background:#A0D1C9;     max-width: 488px; border-radius:0 20px 0 0; font-size:20px; line-height:24px; color:#343434;font-family: Gilroy-Bold; font-weight: 100; font-variant-ligatures: none; position: relative;  margin: 0; margin-top: 44px;padding: 18px 0;}
.quantum-featured-content h4:before{content:""; width:115px; height:100%;background:#A0D1C9; z-index:-1; position:absolute; left:-112px; top:0;}
.quantum-featured-row.reverse {flex-direction: row;}
.quantum-featured-content h4.bg-dark{background:#343434;      color:#A0D1C9;}
.quantum-featured-content h4.bg-dark:before{background:#343434; z-index:-1;}


.quantum-featured-row.reverse .quantum-featured-content { text-align: right;}
.quantum-featured-row.reverse .quantum-featured-content h4 { max-width: 96%; margin-left:auto; text-align: right; border-radius: 20px 0px 0 0; padding-right: 0;}
.quantum-featured-row.reverse .quantum-featured-content h4:before { left: auto; right: -108px; z-index:-1;}
.quantum-featured-row.reverse .quantum-featured-content h6 { max-width: 477px; margin-left: auto;}
.quantum-featured-row.reverse p{margin-left: auto;}
.quantum-featured-row.quantum-featured-row2.reverse { margin-bottom: 83px;}
.quantum-featured-row2 .quantum-featured-img{margin-top:50px;}
.quantum-featured-row3 .quantum-featured-img { width: 48.8%;right: -20px;position: relative; margin-top: 32px;}
.quantum-featured-row.quantum-featured-row3 { margin-bottom: 90px;}
.quantum-featured-row.quantum-featured-row3 .quantum-featured-content { width: 50%;}
.quantum-featured-row.reverse.quantum-featured-row4 .quantum-featured-content h6 { max-width: 442px;}
.quantum-featured-row4 .quantum-featured-content p{max-width:527px;}
.quantum-featured-row4 .quantum-featured-img{ width: 48.8%;left: -20px;position: relative; margin-top: 8px;}

.quantum-g-brite-wrap{position:relative;}
.quantum-g-brite-wrap:before{content:''; display:block; width:176px; height:176px; background:url(quantum-spark-g141.svg)no-repeat center; background-size:cover;  position:absolute;     left: -64px;top: -83px;}
.quantum-g-brite-wrap:after{content:''; display:block; width:60px; height:60px; background:url(black-f60.svg)no-repeat center; background-size:cover;  position:absolute; left: 50px;top: 63%;}

.quantum-g-brite {border-bottom: 1px solid #343434; max-width:862px; position:relative; margin:0 auto; text-align:center; padding-bottom:20px; padding-top:0;}
.quantum-g-brite:before{content:''; display:block; width:156px; height:156px; background:url(black-f141.svg)no-repeat center; background-size:cover;  position:absolute;right: -23%;top: -3%;}
.quantum-g-brite .top-logo{    display: flex;align-items: center;justify-content: center;     margin-bottom: 0;}
.quantum-g-brite .top-logo .line{    flex-grow: 1;height: 1px;background: #343434;}
.quantum-g-brite .top-logo span{padding:0 15px;}
.quantum-g-brite h2{color: #A0D1C9; font-size:56px; margin:0; line-height:60px; margin-bottom: 0;    font-family: Gilroy-ExtraBold;}
.quantum-g-brite p{font-size:16px; line-height:24px; color:#343434;     max-width: 785px; margin-left: auto; margin-right: auto;     margin-bottom: 24px; }
.quantum-g-brite p strong{font-family: Gilroy-Bold;font-weight: 100;font-variant-ligatures: none;}
.quantum-g-brite h6{font-size:18px; line-height:24px; max-width:369px; margin:0 auto; margin-bottom:28px; color:#343434;     font-family: Gilroy-SemiBold;font-weight: 100;font-variant-ligatures: none;}

.quantum-green-white .quickfact-single h4 {color:#343434; font-size:16px;}
.quantum-green-white .quickfact-single p{color:#343434; font-size:16px;}
.quantum-green-white .quantum-quickfact-wrap:before{background:url(spider-web-d.svg) no-repeat center; width:96px; height:100px; top:auto; bottom:0; right:20px;}
.quantum-green-white .quantum-quickfact{    max-width: 1033px; padding-top:70px;}
.quantum-green-white .quantum-quickfact-wrap:after { content: ''; width: 193px; height: 193px;  background: url(dark-t-star.svg)no-repeat center; background-size: cover;  position: absolute;top: -80%; right: -98px;}
.quantum-green-white .quickfact-row { column-gap: 87px;}

.quantam_kevin_wrap {position:relative;    padding: 167px 0 172px 172px; background:url(Abstrax-Hops-Kevin-Smolar-Sun-King-Brewery.jpg)no-repeat center right; background-size:cover; max-width:1755px; margin-left:auto;}
/* .quantam_kevin_wrap:before{content:""; width:1432px; height:100%; position:absolute; left:0; top:0;  background: linear-gradient(90deg, rgba(247,248,241,1) 0%, rgba(247,248,241,1) 70%, rgba(247,248,241,0) 100%);}    */
.quantum_kevin {max-width: 740px;text-align: right;position: relative; z-index: 2;}
.quantum_kevin p { font-size: 28px; line-height: 42px; margin-bottom: 117px; color: #343434;}
.quantum_kevin p:last-child{margin:0}
.quantum_kevin p b { display: block;     font-family: Gilroy-Bold,sans-serif; font-weight: 100; font-variant-ligatures: none;}

.quantum-darkbg-wrap{background:#343434; position:relative; padding-top:125px; padding-bottom:110px;}
.quantum-darkbg-wrap:before{content:''; width:380px; height:1799px; z-index: 3;    position: absolute; background:url(q-dark-bef2.svg)no-repeat center right; background-size:cover; left:0; bottom:439Px}
.quantum-darkbg-wrap:after{content:''; width:380px; height:2249px; z-index: 3;    position: absolute; background:url(q-dark-aftf2.svg)no-repeat center left; background-size:cover; right:0; bottom:442px}
.quantum-darkbg-wrap .light-bg-b{position:absolute; left:0; bottom:0; width:100%; height:20%;background:#F7F8F1;}

.quantum-drak-green { background: #A0D1C9; max-width: 1350px;  margin: 0 auto;border-radius: 65px;    position: relative; z-index: 2; padding-bottom: 107px;}
.quantum-drak-green:after {content: '';  width: 171px;  height: 171px; background: url(black-ran.svg)no-repeat center; background-size: cover; position: absolute;  bottom: -2%; left: -84px;}
.quantum-sustainability{border-bottom: 1px solid #343434; position:relative; max-width:862px; margin:0 auto; text-align:center; padding-bottom:64px; padding-top:75px;}
.quantum-sustainability-wrap{position:relative; margin-bottom: 70px;}
.quantum-sustainability-wrap:before{content:''; width:192px; height:192px; background:url(dimaond-w.svg)no-repeat center; background-size:cover;  position: absolute; left: 23px; top: -92px;}
.quantum-sustainability-wrap:after{content:''; width:175px; height:175px; background:url(spark-w.svg)no-repeat center; background-size:cover;  position: absolute; bottom: 0;left: -82px;}
.quantum-sustainability .top-logo{    display: flex;align-items: center;justify-content: center;     margin-bottom: 12px;}
.quantum-sustainability .top-logo .line{    flex-grow: 1;height: 1px;background: #343434;}
.quantum-sustainability .top-logo span{padding:0 10px;}
.quantum-sustainability h2{color: #F7F8F1; font-size:56px; margin:0; line-height:60px; margin-bottom: 8px; font-family: Gilroy-Bold; font-weight: 100; font-variant-ligatures: none;}
.quantum-sustainability p{font-size:16px; line-height:24px; color:#343434;     max-width: 785px; margin-left: auto; margin-right: auto; margin-bottom:0;}
.quantum-sustainability p strong{font-family: Gilroy-Bold;font-weight: 100;font-variant-ligatures: none;}
.quantum-sustainability h6{font-size:18px; line-height:24px; margin-bottom:13px; color:#343434;     font-family: Gilroy-SemiBold;font-weight: 100;font-variant-ligatures: none;}
.quantum-drak-green .quantum-featured-wrap{position:relative;}
.quantum-drak-green .quantum-featured-wrap:before{content:""; background:url(quantum-small-s.svg)no-repeat center; background-size:cover; display:block;     position: absolute; left: -80px; top: 36%; width:56px; height:56px;}
.quantum-sustainability:before{content:''; width:60px; height:60px; background:url(small-f-w.svg)no-repeat center; background-size:cover;  position: absolute; right: 67px; top: -30px;}
.quantum-sustainability:after{ content:'';   background: url(spider-web-d.svg) no-repeat center; width: 96px; height: 100px; top: 50px;      right: -165px;display: block; position: absolute;}
.quantum-drak-green .quantum-featured-wrap:after{content:''; width:275px; height:275px; background:url(big-f-w.svg)no-repeat center; background-size:cover; top: -10%; right: -128px;display: block; position: absolute;}

.quantum-featured-content.white-text h2 { color: #F7F8F1;}
.sustainability-row .quantum-featured-content h6 {max-width: 514px;}
.sustainability-row .quantum-featured-content p {  max-width: 526px;}
.sustainability-row .quantum-featured-img{margin-top:64px;}
.quantum-featured-row.sustainability-row {margin-bottom: 45px;}
.quantum-featured-row.reverse.sustainability-row2 .quantum-featured-content h6{max-width:549px}
.quantum-featured-row.sustainability-row2 .quantum-featured-content p{max-width:531px;}
.quantum-featured-row.sustainability-row2 .quantum-featured-img { width: 49.4%; margin-top: 10px;}
.quantum-featured-row.sustainability-row3 .quantum-featured-content h6{max-width:509px;}
.quantum-featured-row.sustainability-row3 .quantum-featured-content p{max-width:554px}
.quantum-featured-row.sustainability-row4 .quantum-featured-content h6{max-width:549px;}
.quantum-featured-row.sustainability-row4 .quantum-featured-content p{max-width:526px}
.quantum-featured-row.sustainability-row3 .quantum-featured-img { margin-top: 70px;}
.sustainability-row4 {position:relative;}
.sustainability-row4:after{content:''; width:192px; height:192px; background:url(dimaond-w.svg)no-repeat center; background-size:cover;  position: absolute;     right: -18%; top: -40%;}
.quantum-featured-row.sustainability-row3  .quantum-featured-img img{   mix-blend-mode: luminosity;}

.quantum-g-future-wrap {margin-top: 108px; position:relative;}
.quantum-g-future-wrap:before{content: ''; display: block;  width: 60px; height: 60px;   background: url(black-f60.svg)no-repeat center; background-size: cover;  position: absolute; left: 10px;top: -14%;}
.quantum-g-future {border-bottom: 1px solid #343434; max-width:862px; position:relative; margin:0 auto; text-align:center; padding-bottom:20px; padding-top:0;}
.quantum-g-future:before{content:''; display:block; width:156px; height:156px; background:url(black-f141.svg)no-repeat center; background-size:cover;  position:absolute;right: -23%;top: -15%;}
.quantum-g-future .top-logo{    display: flex;align-items: center;justify-content: center;     margin-bottom: 0;}
.quantum-g-future .top-logo .line{    flex-grow: 1;height: 1px;background: #343434;}
.quantum-g-future .top-logo span{padding:0 15px;}
.quantum-g-future h2{color: #F7F8F1; font-size:56px; margin:0; line-height:60px; margin-bottom: 4px;    font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;}
.quantum-g-future p{font-size:16px; line-height:24px; color:#343434;     max-width: 668px; margin-left: auto; margin-right: auto;     margin-bottom: 24px; }
.quantum-g-future p strong{font-family: Gilroy-Bold;font-weight: 100;font-variant-ligatures: none;}
.quantum-g-future h6{font-size:18px; line-height:24px;  margin-bottom:28px; color:#343434;     font-family: Gilroy-SemiBold;font-weight: 100;font-variant-ligatures: none;}
.quantum-g-future p:last-child{margin-bottom:0}

.quantum-drak-green .quantum-quickfact {padding-top:80px; max-width: 1120px;}
.quantum-drak-green .quickfact-row {grid-template-columns: repeat(5, 1fr); column-gap: 34px;}
.quantum-drak-green .quickfact-single h4 { color: #FFFFFF;}
.quantum-drak-green .quickfact-single p{color:#343434}
.quantum-drak-green  .quantum-quickfact-wrap:before { background: url(spider-web-d.svg) no-repeat center; width: 96px; height: 100px; top: -38px; right: 20px;}
.header_wrap.header-white.fixed .modal__toggle-open.icon.icon-search { filter: invert(1);}

.quantum-collection-row .collection-box-img {
    max-width: 167px;
    min-width: 167px;
    top: 0;
    position: relative;
    left: 0;
}
.quantum-collection-row .collection-box-caption {
    width: calc(100% - 167px);
    padding-left: 12px;
    padding-top: 50px;
}
.quantum-collection-row .collection-box-img a img{transition:0.5s ease all}
.quantum-collection-row .collection-box-caption h5 { text-transform: uppercase;}
.quantum-collection-row .collection-box-caption h5 k{ font-family: 'Gilroy-Medium';     font-weight: 100;font-variant-ligatures: none;}
.quantum-collection-row .collection-box-img a:hover img{transform:scale(1.05)}
.quantum-collection-row .ab-collection-box .btn span, .quantum-sample-kit-wrap .btn span { margin-right: 10px;}
.ab-collection-box .btn span { margin-right: 10px;}

.quantum-collection-row .collection-box-footer .btn.active, .quantum-sample-kit-wrap .btn.active {background: #1C1C1E;color: #FFE63D;}

.collection-box-footer .btn.active, .collection-box-footer .btn.active {background: #1C1C1E;color: #FFE63D;}
 .collection-box-footer .btn .lines.active , .collection-box-footer  .btn .lines.active{ display: none;}

.quantum-collection-row .collection-box-footer .btn .lines.active , .quantum-sample-kit-wrap  .btn .lines.active{ display: none;}
.quantum-collection-row .collection-box-footer .btn svg, .quantum-sample-kit-wrap .btn svg{transition:0.5s ease all}
.collection-box-footer .btn svg{transition:0.5s ease all}



@media (min-width: 767px){
.quantum-collection-row .collection-box-footer .btn:hover svg path, .quantum-sample-kit-wrap .btn:hover svg path, .collection-box-footer .btn:hover svg path{fill:#1C1C1E}
}
.quantum-collection-row .collection-box-footer .btn.active svg path, .quantum-sample-kit-wrap .btn.active svg path, .collection-box-footer .btn.active svg path{fill: #FFE63D ;}
.quantum-collection-row .collection-box-footer .btn.start:hover svg path, .quantum-sample-kit-wrap .btn.start:hover svg path, .collection-box-footer .btn.start:hover svg path{fill:#1C1C1E}
.collection-box-footer .btn.active.start:hover svg path{fill:#FFE63D}
/* .quantum-collection-row .collection-box-footer .btn.start:focus svg path, .quantum-sample-kit-wrap .btn.start:focus svg path{fill:#FFE63D} */
@media (max-width:768px){

  .quantum-collection-row .collection-box-footer .btn.start:hover svg path, .quantum-sample-kit-wrap .btn.start:hover svg path, .collection-box-footer .btn.start:hover svg path{fill:#FFE63D}
.quantum-collection-row .collection-box-footer .btn .lines:hover ,.quantum-sample-kit-wrap  .btn .lines:hover, .collection-box-footer .btn .lines:hover{ display: none;}
  .quantum-collection-row .collection-box-footer .btn.start .lines,  .collection-box-footer .btn.start .lines {display:none !important}
}



.colllection-wrap.quantum-collection-wrap {padding-top: 100px;}
.quantum-banner:after {      content: ''; width: 276px; height: 276px;  background: url(black-f161.svg)no-repeat center;  background-size: cover; position: absolute; bottom: -11%; right: 3.8%; z-index: 3;  transform: rotate(30deg);}
.ab-collection-wrap .container{position:relative}
.ab-collection-wrap .container:before{content:''; width:63px; height:63px;position:absolute; background:url(q-col-black-b.svg)no-repeat center; background-size:cover; top: -3%;   left: -7%; }
.ab-collection-wrap .container:after{content:''; position:absolute;   background: url(spider-web-d.svg) no-repeat center; width: 96px; height: 100px;     top: 6%;right: -14%; }
.quantum-collection-wrap:before{content:''; width:290px; height:1507px;position:absolute; background:url(/cdn/shop/t/13/assets/quantan-coll-bef.svg?v=1707110556)no-repeat center right; background-size:cover; top: 100px;   left: 0; }
.quantum-collection-wrap::after{content:''; position:absolute;   background: url(quantan-coll-aft.svg) no-repeat center left; background-size: cover; width: 302px; height: 536px;     top: 45%;right: 0; }

.quantum_galss_wrap:after{content:""; width:108px; height:108px; background:url(quantum-spark-g.svg)no-repeat center right; background-size:cover; position:absolute;     top: 41%; right: 12%;transform: translateY(-50%);}
.quantum-dark-wrap .quantum-quickfact.quantum-quickfact2{position:relative;}
.quantum-dark-wrap .quantum-quickfact.quantum-quickfact2:after { content: "";width: 176px;height: 176px; background:url(spark-grid.svg) no-repeat center; background-size:cover;position:absolute;top: -19px; right: -22%;}
/* .quantum-pro-adv .custom-slide .item { opacity: 1;}     */
.quantum-pro-adv .custom-slide .item.slick-current.slick-active.slick-center~.slick-active~.slick-slide { opacity: 1;}  
.custom-arrow .slick-arrow.prevb img {
    display: block;
    /* opacity: 0.25; */
}
.custom-arrow .slick-arrow.prevb:hover img{opacity:1}
.quantum_taster_hops .btn-gray:hover {
    background: #fff;
    color: #343434;
}
.quantum-collection-wrap .collection-filters-form .Collapsible { width: 381px;}



/* product Quantum css*/
.product-quantum-wrapper{background:#A0D1C9 url(product-quantum-bg.svg)no-repeat center top; background-size:cover; padding-top: 183px; padding-bottom:110px;}
.ab-product-wrap.product-quantum{background: transparent; max-width: 1359px;margin: 0 auto; position:relative; border: 6px solid #F7F8F1;  border-radius: 85px; padding: 0;}
.ab-product-wrap.product-quantum:before{content:'';      width: 56px; height: 56px;  position: absolute; left: -69px; top: 93px; background: url(q-col-black-b.svg)no-repeat center; background-size: cover;}
.ab-product-wrap.product-quantum:after{    content: '';width: 155px;  height: 155px;  background: url(black-f161.svg)no-repeat center; background-size: cover; position: absolute; top: -75px;left: 344px;}
.ab-product-wrap.product-quantum .container { max-width: 1338px; position:relative; background: #F7F8F1; border-radius: 75px; margin: 5px auto; padding-bottom:123px;}
.ab-product-wrap.product-quantum .container:before{content:""; width:94px; height:84px; background:url(pro-quan-star-b.svg)no-repeat center; background-size:cover; position: absolute; right: -47px; top: 31px;}
.ab-product-wrap.product-quantum .container:after{content:""; width:192px; height:192px; background:url(pro-qtm-shap.svg)no-repeat center; background-size:cover; position: absolute; right: -70px; top: 606px;}
.arrow-b:before {
    content: "";
    width: 212px;
    height: 212px;
    right: 0;
    top: -211px;
    background: url(quantum-subtraction.svg)no-repeat center;
    background-size: cover;
    display: block;
    position: absolute;
}
.arrow-b:after {
    width: 40%;
    content: "";
    height: 40%;
    background: #A0D1C9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

img.img-fluid.spider-web {
    position: absolute;
    right: -78px;
    top: 32%;
}
.product-quantum .ab-product-row {  max-width: 1121px; margin: 0 auto;  padding-top: 45px;}
.product-quantum  .product-l-text h5 { color: #2C2C2E;}
.product-quantum .product-l-text h5 a{color: #2C2C2E; text-decoration:none;}
.product-quantum  .product-l-text h5 b{font-family: Gilroy-Bold;font-weight: 100;font-variant-ligatures: none;}
.product-quantum .product-l-text h1 { color: #2C2C2E; margin-bottom: 16px;}
.product-quantum .a-pro-icon img { filter: initial;}
.product-quantum .product-l-text .a-pro-icon span{ color: #2C2C2E;}
.product-quantum .product-l-text p{ color: #2C2C2E;}
.product-quantum .product-slide .item img {max-width: 290px;}
.product-quantum .product2-right {width: 344px; padding: 15px 20px 20px;}
.product-quantum .product2-des .swatch p{display:none;}
.product-quantum .qty-flex-wrap h4.price, .qty-flex-wrap p.price { font-size: 36px;  margin-left: 51px;}
.product-quantum .btn-sec { width: 100%; display: flex;align-items: center; justify-content: center; padding: 13.5px;}
.product-quantum .btn-sec span{margin-right:10px;}
.product-quantum .qty-flex input.quantity-selector2{font-size:13px;color: #636366;}
.product-quantum .product-l-text { width: 44.7%;}
.product-quantum .product-l-img {width: 55.2%;}
.product-quantum .product2-left{width:calc(100% - 344px);}
.product-quantum .product-slide {margin:0;}
.product-quantum  .ab-product-row {align-items: center;}
.product-quantum .product2-left{align-items:center}
.product-quantum .arrow-down { text-align: center; padding: 102px 0 90px; position:relative}
.product-quantum .arrow-down:before{    content: '';display: block; width: 60px;  height: 60px; background: url(black-f60.svg)no-repeat center; background-size: cover;position: absolute; left: 160px;  top: 16px;}
.fector_head_quantam { max-width: 1120px; margin: 0 auto; position:relative}
.fector_head_quantam:before{content:''; width:175px; height:175px; background:url(pro-web-spi.svg)no-repeat center; display:block; position:absolute; background-size:cover; left: -197px;    top: -71px;}
.fector_head_quantam .fector_head h2 { color: #2C2C2E;}
.fector_head_quantam .fector_head p {color: #2C2C2E;}
.fector_head_quantam .fector_feat_wrap .item { width: 100%;}
.fector_head_quantam .fector_feat_wrap .item h4{color: #2C2C2E; border-color:#2C2C2E}
.fector_head_quantam  .fector_feat_wrap .item .d-flex>div p {color: #2C2C2E;}
.fector_head_quantam .fector_feat_wrap .item .d-flex>div .icon {  background: rgba(44,44,46,0.05);}
.fector_head_quantam .fector_feat_wrap img {filter: inherit;}
.fector_head_quantam .single_factors_card, .fector_head_quantam .single_factors{ background: rgba(44,44,46,0.05);}
.fector_head_quantam .factors_card_detail .col-6{width:50%; padding:0 10px;}
.fector_head_quantam h4.factor-card_title { color: #2C2C2E; font-size:35px;}
.fector_head_quantam .single_factors_card h4 {  color: #2C2C2E;}
.fector_head_quantam .single_factors_card p {color: #2C2C2E;}
.fector_head_quantam .factors_card_detail{margin-top:4px;}
.fector_head_quantam .single_factors.flex-wrap h3 { font-size: 18px; text-align: center; font-style: italic; color: #2C2C2E; font-family: Gilroy-SemiBoldItalic; margin-bottom: 0;}
.factors_card_detail table { width: 100%; max-width: 449px; margin: 0 auto;border-collapse: collapse;}
.factors_card_detail table.progress.no-border tr td:first-child { min-width: 135px; text-align: right; font-size: 16px;line-height: 18px; padding-right: 6px; color: #343434; white-space: nowrap;}
.factors_card_detail table.progress.no-border tr td:last-child { width: 100%;}
.factors_card_detail table tr td .progress-bar {background: linear-gradient(90deg, rgba(160,209,201,1) 0%, rgba(34,88,96,1) 100%); /*background: transparent linear-gradient(92deg,#ffe63d,#ffc632) 0% 0% no-repeat padding-box;*/ height: 15px; display: block;}
.factors_card_detail .factor-card_image { min-height: 242px; display: flex; align-items: center; margin-bottom: 19px;}
.factors_card_detail .single_factors {padding: 51px 33px 55px;}
.factors_card_detail .factor-card_image video{max-width:258px;}
.fector_head_quantam .single_factors_card p .icon{margin-right:3px;}
.a-pro-icon .tooltip:after {
    min-width: auto;
    text-align: center;
    white-space: nowrap;
}
.qty-flex span.qty, .qty-flex span.qtys {
    padding: 0 5px;
    cursor: pointer;
    min-width: 25px;
    display: flex;
    align-items: center;
}
.Collapsible.active .Collapsible__Inner.facets__display {
    display: block;
    opacity: 1;
    visibility: visible;
      transition: .5s ease all;
    pointer-events: auto;
    transform: scale(1);
}
.fector_head_quantam .single_factors_card p .icon img { width: 21px;}
.ab-industry-wrap.pro-premium-starin .ab-industry {
    border-color: #FFC632;
}

.ab-industry-wrap.pro-premium-starin.quantum-sta:before{content:''; display:block; width:342px; height:346px; background:url(quantum-pro-stand.png) no-repeat center; background-size:cover; top: auto; bottom: -135px;left: 10%;}
.ab-industry-wrap.pro-premium-starin.quantum-sta:after{content:''; display:block; width:521px; height:516px; background:url(quantum-pro-stand-a.png) no-repeat center; background-size:cover;      top: -206px;right: 8.5%;}
.product-quantum .select-dropdown__button {  font-family: 'Gilroy-Regular', sans-serif;     color: #636366;}

 .sticky_cart_right a.icon span {
    color: #3a3a3c;
    font-size: 12px;
    font-family: Gilroy-Bold,sans-serif;
    position: absolute;
    top: 51%;
    left: 61%;
    transform: translate(-50%,-50%);
}
.sticky_cart_right a.icon svg {width:44px; top:3px; position:relative;     height: auto;}
.sticky_cart_right a.icon {
    margin-left: 20px;
    position: relative;
    text-decoration: none;
}
a.icon svg path {
    transition: .5s ease all;
    fill: #3a3a3a;
}
a.icon.active svg path {
    fill: url(#linear-gradient);
    transition: .5s ease all;
    animation: fill-gradient .5s ease forwards 2s;
}
span.count.scartcount.whitee {
    color: #fff;
}
.quantum-collection-wrap.quantum-pro-adv .other-pro-head h2, .quantum-collection-wrap.quantum-pro-adv .other-pro-head h5 {
    font-family: 'Gilroy-Black';
}
.quantum-collection-wrap.quantum-pro-adv .other-pro-head p{color: #2C2C2E;}
.custom-slide2 .ab-collection-box .d-flex .select-wrp select, .sample-kit-slider .ab-collection-box .d-flex .select-wrp select, .sample-kit-slider .ab-collection-box .d-flex .select-wrp select {
    width: 100%;
    max-width: 100%;
    color: #636366;
}
.custom-slide3 .ab-collection-box .d-flex .select-wrp select {
    width: 100%;
    max-width: 100%;
    color: #636366;
}
.custom-slide2 .ab-collection-box .qty-flex input.quantity-selector2 {
    color: #636366;
}
.custom-slide3 .ab-collection-box .qty-flex input.quantity-selector2 {
    color: #636366;
}
.pro-faq-wrap.pro-faq-qua-wrap .collection-faq-head p {
    color: #343434;}
  .pro-faq-wrap.pro-faq-qua-wrap  .collection-faq-content ul.accordion>li>a {
    color: #343434;}
   .pro-faq-wrap.pro-faq-qua-wrap .collection-faq-content ul.accordion>li>div p{ color: #343434;}

.ab-industry-wrap.pro-premium-starin.quantum-sta .ab-industry-content p {
    max-width: 802px;
}

.ab-industry-wrap.pro-premium-starin.quantum-sta .ab-industry-content {
    max-width: 802px;
}

.ab-industry-wrap.pro-premium-starin.quantum-sta .ab-industry-content h2, .ab-industry-wrap.pro-premium-starin.quantum-sta .ab-industry-content h6, .ab-industry-wrap.pro-premium-starin.quantum-sta .ab-industry-content h4 {
    margin-bottom: 12px;
}
.ab-industry-wrap.pro-premium-starin.quantum-sta .ab-industry-content .btn {
    min-width: 318px;
}

.ab-collection-box .pos-ab .tag.tag2 {
    display: none;
}

/* product Sample kit Quantam */
.product-quantum-wrapper.sample-quantum-wrapper{background: #A0D1C9 url(smaple-kit-quant-bg.svg)no-repeat center top;background-size: cover;padding-top: 161px; padding-bottom: 110px; background-position: 100% 6%;}
.sample-quantum-wrapper .ab-product-wrap.product-quantum .container{padding-bottom:52px;}
.sample-quantum-wrapper .ab-product-wrap.product-quantum:after { content: ''; width: 276px;  height: 276px; background: url(black-f161.svg)no-repeat center; background-size: cover;position: absolute; left:auto; top: auto;  right: -26%; bottom: -41px;}
.sample-quantum-wrapper .product-quantum .product-l-text h1{margin-bottom:0;}
.sample-quantum-wrapper .ab-product-wrap.product-quantum:before { content: ''; width: 56px; height: 56px;position: absolute;  left: -22px; top: 373px; background: url(q-col-black-b.svg)no-repeat center; background-size: cover; z-index: 1;}
.quan-smalpe-kit-pro-des { max-width: 867px; margin: 0 auto; text-align: center;}
.quan-smalpe-kit-pro-des h4{color:#343434; font-size:28px;  font-family: 'Gilroy-ExtraBold'; font-weight: 100; font-variant-ligatures: none;}
.quan-smalpe-kit-pro-des p{max-width:824px; margin:0 auto 22px; font-size:16px; line-height:24px;}
.quan-smalpe-kit-pro-des .btn-gray{background: #343434; font-size:20px; padding: 13px; color: #fff;  border: 1px solid #272727; max-width: 287px; width: 100%;}
.quan-smalpe-kit-pro-des .btn-gray:hover{background: #fff; color: #343434;}
.sample-quantum-wrapper .product-quantum .arrow-down { text-align: center; padding: 132px 0 106px; position: relative;}
.sample-quantum-wrapper .product-quantum .ab-product-row{padding-top:90px;}
.sample-quantum-wrapper .product-quantum .product-slide .item img { max-width: 370px;}
.sample-quantum-wrapper .product-quantum .product2-right{padding-top:24px}
.sample-quantum-wrapper .product-quantum .arrow-down:before {background: url(quantum-sparkf-g.svg)no-repeat center;background-size: cover; left: 77px; top: 95px;}
.sample-quantum-wrapper .ab-product-wrap.product-quantum .container:after{top:587px}
.sample-quantum-wrapper img.img-fluid.spider-web { position: absolute; right: 129px;  top: 46%;}
.sample-quantum-wrapper .ab-product-wrap.product-quantum .container:before { content: ""; width: 94px; height: 84px; background: url(pro-quan-star-g.svg)no-repeat center;background-size: cover;position: absolute; right: 109px; top: auto; bottom: 215px;}

.infused-smaple-kit.quantum-smaple-kit { padding-top: 82px; padding-bottom:27px;}
.infused-smaple-kit.quantum-smaple-kit .container {  max-width: 1157px;}
.infused-smaple-kit.quantum-smaple-kit .infused-smaple-kit-row{margin:0 -8px;}
.quantum-smaple-kit .infused-smaple-kit-row .item{padding:0 8px; margin-bottom:16px;}
.infused-smaple-kit.quantum-smaple-kit .infused-single-img { top: 0; margin-bottom:8px;}

.infused-smaple-kit.quantum-smaple-kit .infused-single-img a {max-width: 176px; margin: 0 auto; display: block;}

.infused-smaple-kit.quantum-smaple-kit .infused-single-smaple {padding-top: 17px; min-height:516px; padding-bottom: 33px;}
.infused-smaple-kit.quantum-smaple-kit .infused-single-img  img{transition:0.5s ease all;}
.infused-smaple-kit.quantum-smaple-kit .infused-single-img a:hover img { transform: scale(1.05);}
.quantum-smaple-kit .a-pro-icon img { filter: inherit;}
.infused-smaple-kit.quantum-smaple-kit .container>h2 { font-size: 56px; line-height: 60px;  color: #1C1C1E; font-family: 'Gilroy-ExtraBold'; font-weight: 100; font-variant-ligatures: none;margin-bottom: 0;}
.infused-smaple-kit.quantum-smaple-kit h4{color:#1C1C1E;font-size: 32px; line-height: 60px;font-family: 'Gilroy-ExtraBold';font-weight: 100; font-variant-ligatures: none;}
.spider-web-top {
    position: absolute;
    top: -44px;
    left: -47px;
}
div#kits{position:relative}
div#kits:before{content: '';
    position: absolute;
    background: url(spider-web-d.svg) no-repeat center;
    width: 96px;
    height: 100px;
       top: 10%;
    right: 5%;}
@media (min-width: 768px){
.col-6.video .single_factors {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
}
@media (min-width: 2500px) and (max-width: 5000px){
  .quantam_tyler_wrap, .quantam_kevin_wrap{max-width:2075px;}
 .quantum-green-wrap:before, .quantum-darkbg-wrap:before, .quantum-darkbg-wrap:after{ width:702px; }
  .quantum-dark-wrap .spark-f{left:776px}
  .quantum-dark-wrap .icons.spark-g141{left:599px;}
  .quantum-dark-wrap .icons.spark-fg60{right:609px;}
  .quantum-dark-wrap .icons.spark-big{right:395px;}
  .quantum-dark-wrap .icons.spark-g91{right:880px;}
  .quantum-dark-wrap .icons.spark-y{right:495px;}
  .quantum-dark-wrap:before{width:415px;}
  .quantum-dark-wrap:after{width:551px; height:1808px;}
  /* .custom-slide-wrap {padding-left: 388px; margin: 0 auto;} */
  .quantam_tyler_wrap:before{display:none;}
  .quantam_tyler_wrap{background:url(Abstrax-Tyler-Thurman-Highland-Park25.jpg)no-repeat center right; background-size:cover;     max-width: 2075px;}
}

@media (max-width:1850px){
  .quantum-green-wrap:after, .quantum-green-wrap:before, .quantum-darkbg-wrap:before, .quantum-darkbg-wrap:after{ width:216px; }
  .quantum-dark-wrap:before { width: 187px;}
  .quantum-dark-wrap:after{width:163px;}
  /* .quantum-green-wrap:after{background:url(quantam-green-aft1440.svg)no-repeat center; background-size:cover;}
  .quantum-green-wrap:before{background:url(quantam-green-bef1440.svg)no-repeat center; background-size:cover;} */
 
  .quantum-collection-wrap:before{ width:130px; height:978px;}
.quantum-collection-wrap::after{width: 142px; height: 446px;    }
  .sample-quantum-wrapper .ab-product-wrap.product-quantum:after{right:-15%;}
  .product-quantum-wrapper.sample-quantum-wrapper { background-position: 100% 14%;}
  .ab-industry-wrap.pro-premium-starin.quantum-sta:before{left:5%}
  .ab-industry-wrap.pro-premium-starin.quantum-sta:after{right:0}

}
@media (max-width:1520px){
  .quantum-dark-wrap .quantum-quickfact.quantum-quickfact2:after{display:none;}
  .quantum_galss_wrap:after{top:35%}
  .container-91 {max-width: 1211px; padding: 0;}
  .quantum-banner-wrap .icons.icon-rightc { bottom: 90px; right: 202px;}
  .quantum-banner-wrap { background: url(quantum-bg1440.svg) no-repeat center; background-size:cover; padding-top:130px;}
  .quantum-banner-row { max-width: 1040px;}
  .quantum-banner-logo {  width: 345px;}
  .quantum-banner-content h2 { font-size: 48px; line-height: 1;}
  .quantum-banner-content { width: 307px;     margin-top: 28px;}
  .quantum-banner-row{margin-bottom:27px;}
  .quantum-banner-wrap .icons.icon-leftg {left: 41px;bottom: 304px;}
  .quantum-banner-wrap .icons.icon-leftb { left: -6.3%; bottom: 2%;}
  .quantum-banner-wrap .icons.icon-rightb { right: -11%; bottom: 12%;}
  .quantum-banner-wrap .icons.icon-rightg { right: -2%; bottom: 460px;}
  .quantum-banner-wrap .icons.icon-lefts {left: -8%;}
  .sample-kit-wrap.quantum-sample-kit-wrap .head h2 { font-size: 56px;}
  .quantum-dark-wrap .icons.spark-big{right:0; top:-115px;}
  .quantum-dark-wrap .icons.spark-g91 { right: 24%; top:-55px;}
  .quantum-dark-wrap .icons.spark-y{right:-6%}
  .quantum-dark-wrap .spark-f{left:16%;}
  .quantum-dark-wrap .icons.spark-g141 { left: 3%;top: 51px;}
  .quantum-dark-wrap .icons.spark-fg60 { right: 10%; top: 355px;}
  .quantum-optimized-wrap:before { bottom: -41px; left: -33%;}
  .quantum-dark-wrap:before{display:none;}
    .quantum-quickfact-wrap:before{width:105px; height:415px;}
  .quantum_taster:after{right: -27%; top: 85px;}
  .quantum-brite:before{width:105px; height:415px;}
   .quantum-quickfact .quickfact-row { max-width: 1010px; margin-left: auto; margin-right: auto;column-gap: 91px;}
  .quantum-dark-wrap:after {width: 145px;}
  .quantum-brite-row {max-width: 1014px; column-gap: 151px;}
  .quantum-comparing-row { max-width: 1123px;}
  .quantam_tyler_wrap:before{width:1108px;}
  .quantum_tyler p{font-size:24px; line-height:36px;     margin-bottom: 60px;}
   .quantum_tyler p:last-child{margin:0;}
  .quantum_tyler { max-width: 567px;}
  .quantam_tyler_wrap { padding: 58px 0 57px 221px;     background-position: 44%;}
  .quantum_tyler:before{left:-33%;}
  .quantum-green-white { max-width: 1110px; padding-bottom:80px;}
  .quantum-featured-row{ max-width: 975px;}
  .quantum-featured-img { width: 47.7%; margin-top: 123px;}
.quantum-featured-content h4 {   max-width: 433px; font-size: 18px; margin-top:26px;}
  .quantum-featured-content h6 { max-width: 448px; margin-bottom: 15px;}
  .quantum-featured-content p { max-width: 461px; }
.dark-bg-b{height:45%;}
  .dark-bg-b:before{height:380px;}
  .quantum-featured-row3 .quantum-featured-img {  width: 49.85%;     margin-top: 83px;} 
   .quantum-featured-row3 .quantum-featured-content h6 { max-width: 438px;}
  .quantum-featured-row.quantum-featured-row3 { margin-bottom: 25px;}
  .quantum-featured-row4 .quantum-featured-img { width: 49.8%;  left: -20px; position: relative; margin-top: 58px;}
  .quantum-featured-row.reverse.quantum-featured-row4 .quantum-featured-content h6 {max-width: 463px;}
  .quantum-featured-row4 .quantum-featured-content p {  max-width: 463px;}
  .quantum-g-brite-wrap:before{left:-18%}
  .quantum-green-white .quantum-quickfact-wrap:before{right:-8%}
  .quantum-green-white:after {bottom: -32px; left: -12%;}
.quantum-green-white:before{bottom:-66px;}
  .quantum-green-wrap{padding-bottom:85px;}
  .dark-bg-b:after{width:105px; height:415px; top:-29%; background-size:cover;}
.quantum_galss_wrap:before{width:105px; height:415px;bottom:auto; top:10px;}
  .quantum_galss p { max-width: 623px;}
.quantum_galss p br {  display: none;}
  .quantum_galss{background:url(quantum-glass1440.jpg)no-repeat center; background-size:cover;      padding: 109px 0 111px;}
  .quantum_galss .container {max-width: 828px;}
  .quantum_galss p{margin-bottom:20px}
  
  .quantum-darkbg-wrap{padding-top:163px;}
  .quantum-drak-green{max-width:1110px; padding-bottom:70px;}
  .quantum-featured-row.reverse.sustainability-row2 .quantum-featured-content h6, .quantum-featured-row.sustainability-row2 .quantum-featured-content p { max-width: 458px;}
.quantum-featured-row.sustainability-row3 .quantum-featured-content p { max-width: 467px;}
  .quantum-featured-row.sustainability-row {margin-bottom: 22px;}
  .quantum-featured-row.sustainability-row2.reverse { margin-bottom: 0;}
  .quantum-featured-row.sustainability-row4 .quantum-featured-content p{max-width: 465px;}
  .quantum-g-future-wrap { margin-top: 46px;}
  .quantum-g-future-wrap:before{top:5%; left:-7px;}
  .quantum-drak-green .quantum-quickfact{padding-top:33px;}
  .quantum-drak-green .quickfact-row {
    max-width: 667px; justify-content: center; display: flex;flex-wrap: wrap; row-gap: 30px;}
 .quantum-darkbg-wrap:after{bottom:17%; height:2093px}
  .quantum-darkbg-wrap:before{bottom:17%; height:1644px}
.quantum-drak-green .quickfact-row .quickfact-single { width: 203px;}
.quantum-drak-green .quantum-quickfact-wrap:before {top: 11%; right: -7.5%;}
  .quantum-darkbg-wrap .light-bg-b{height:22%;}
  .quantum-drak-green:after {bottom: 4%;left: -71px;}
  .quantum-sustainability-wrap { position: relative;margin-bottom: 49px;}
  .quantam_kevin_wrap:before{width:89%; background: linear-gradient(90deg, rgba(247,248,241,1) 0%, rgba(247,248,241,0.93) 40%, rgba(247,248,241,0.7) 70%, rgba(247,248,241,0) 100%);}
  .quantum_kevin{max-width:658px;}
  .quantum_kevin p{margin-bottom:71px;}
  .quantam_kevin_wrap{max-width:1280px; background: url(Abstrax-Hops-Kevin-Smolar-Sun-King-Brewery144.jpg)no-repeat center right; padding-left:55px; background-size:cover; margin-right:auto; padding-bottom:188px;}
  .pro-faq-wrap.quantum-faq { padding-top: 117px;}
  .quantum-reivew:after{background:url(cream-spark-re.svg)no-repeat center; background-size:cover;    width: 176px; height: 176px;top: 43%; left: auto; right: -9%;transform: rotate(16deg);}
  .quantum-banner:after { content: '';width: 201px;height: 201px;bottom: -5%; right: -5%;}
  .ab-collection-wrap .container:after{right:-10%;}
  .ab-collection-wrap .container:before{Left:-10%; top: -63px;}
  .sample-kit-wrap.quantum-sample-kit-wrap:before{width:150px; height:150px;}
  .colllection-wrap.quantum-collection-wrap { padding-top: 85px;}
    .quantum-collection-wrap:before{ width:53px; top:16%;}
  .quantum-collection-wrap:after{ width:62px;}
  .quantum_taster_hops_wrap:before{left:-37%}
  .quantum-green-white{border-radius:113px;}
  .quantum-pro-hops-wrap:before { top: -110px; right: -29px;}
  .quantum-green-wrap:before { height: 1667px;background: url(quantam-green-bef144.svg)no-repeat center right; background-size: cover; top:500px;}
  .quantum-green-wrap:after { height: 2150px; background: url(quantam-green-aft144.svg)no-repeat center left; background-size: cover; top:500px;}
  .quantum-featured-row.reverse .quantum-featured-content h4{max-width:99%}
  .quantum-featured-content h4.bg-dark{max-width:444px;}
  .quantum-g-brite-wrap:after{display:none;}
  .quantum-green-white .quantum-quickfact-wrap:after{right:-131px;}
  .quantum-sustainability-wrap:before { left: -68px; top: -79px;}
  .quantum-sustainability:after {  top: 41px;right: -152px;}
  .quantum-drak-green .quantum-featured-wrap:after{right:-21.5%}
  .quantum-sustainability-wrap:after{left:-9.5%}
  .quantum-darkbg-wrap:before{background: url(q-dark-bef2144.svg)no-repeat center right; background-size: cover;}
  .quantum-darkbg-wrap:after{background: url(q-dark-aftf2144.svg)no-repeat center left; background-size: cover;}
  .quantum-g-future:before { right: -16.5%; top: -6%;}
  .quantum-featured-row.sustainability-row4.reverse .quantum-featured-img{margin-top:50px;}
  .quantum-pro-hops-wrap:after{left:-71px}
  .quantum-featured-row.quantum-featured-row2.reverse {
    margin-bottom: 20px;
}
.quantum-drak-green .quantum-featured-wrap:before{display:none}

  .product-quantum-wrapper{padding-top:120px; padding-bottom:69px; /*background:url(qua-pro-bg1440.svg) no-repeat center;*/ background-size:cover;}
  .ab-product-wrap.product-quantum{max-width:1109px;}
  .ab-product-wrap.product-quantum .container{max-width:1090px; padding-bottom:87px;}
  .product-quantum .ab-product-row { max-width: 960px; padding-top:35px;}
.product-quantum .product2-right { width: 295px; padding: 15px 20px 20px;}
 .product-quantum  .select-dropdown__button{height:47px;}
 .product-quantum .select-dropdown-pro{ margin-bottom: 18px;}
  .product-quantum .product2-des .d-flex label{font-size:13px;}
  .product-quantum .qty-flex-wrap h4.price, .qty-flex-wrap p.price { font-size: 31px; margin-left: 40px;}
  .product-quantum  .product2-des .btn#AddToCart { padding: 10.5px; font-size: 13px; margin-bottom:18px;}
 .product-quantum .product2-des .btn#AddToCart img {max-width: 24px;}
  .product-quantum .btn-sec {font-size: 13px;padding: 9.5px;}
.product-quantum .btn-sec svg { max-width: 25px;}
.product-quantum .btn-sec span { margin-right: 10px;}
.product-quantum .product2-left { width: calc(100% - 295px);}
  .product-quantum .product-l-text { width: 44.7%;}
  .product-quantum .product-l-img { width: 55.2%;}
  .product-quantum .product-slide .item img { max-width: 248px;}
  .product-quantum .product-l-text h1{font-size:50px;}
 .product-quantum .product-l-text .a-pro-icon span{font-size:13px;}
  .product-quantum .a-pro-icon img { max-width: 43px;}
  .ab-product-wrap.product-quantum:before{width:38px; height:38px; left:-83px;}
  .ab-product-wrap.product-quantum:after {width: 133px;height: 133px; top: -30px;left: 264px;}
.ab-product-wrap.product-quantum .container:before { width: 81px; height: 72px; right: -62px; top: 61px;}
.product-quantum .arrow-down { padding: 13px 0 68px;}
  .product-quantum .arrow-down:before { width: 52px;height: 52px; left: -22px;  top: 5px;}
  .fector_head_quantam { max-width: 960px;}
  .fector_head_quantam .fector_head h2{font-size:41px;}
  .ab-product-wrap.product-quantum .container:after {width: 166px;height: 166px;  right: -84px; top: 484px;}
.fector_head_quantam:before { width: 150px; height: 150px;left: -172px; top: 56px;}
  .fector_head_quantam .single_factors_card h4{font-size:15px; line-height:26px;}
  .fector_head_quantam .single_factors_card p{font-size:11px; line-height:19px; margin-bottom:0}
 .fector_head_quantam  .single_factors_card p .icon {  min-width: 18px;    max-width: 18px;}
  .fector_head_quantam  .single_factors_card {padding: 12px 18px 12px;}
  .fector_head_quantam .single_factors.flex-wrap h3{font-size:15px;}
  .fector_head_quantam h4.factor-card_title{font-size:30px;line-height:39px;}
  .factors_card_detail table.progress.no-border tr td:first-child{font-size:14px; line-height:16px;}
 .product-quantum .arrow-down a.down-btn { max-width: 37px;}
   .product-quantum .qty-flex-wrap .qty-flex input.quantity-selector2 {
    height: 45px;
}
  .quantum-featured-row.sustainability-row3 .quantum-featured-img {
    margin-top: 120px;
}
  .arrow-b:before{width:150px; height:150px; top:-149px;}
  .quantum-dark-wrap .quantum-quickfact .quickfact-row {
    column-gap: 47px; 
}
  .quantum-drak-green .quickfact-row{column-gap: 29px;}
  .ab-industry-wrap.pro-premium-starin.quantum-sta:before{left:15px;}
  .ab-industry-wrap.pro-premium-starin.quantum-sta:after{right:-4%}
  img.img-fluid.spider-web{display:none;}
.sample-quantum-wrapper .ab-product-wrap.product-quantum .container:before{right:5%;}
  .fector_head_quantam .fector_feat_wrap .item h4{font-size:15px; line-height:26px;}
  .fector_feat_wrap .item .d-flex>div p{font-size:13px; line-height:20px;}
  .fector_feat_wrap .item .d-flex>div .icon{ width: 42px;height: 42px;  min-width: 42px;  padding: 5px; max-width: 42px;}
}

@media (max-width:1366px){
.quantum-green-wrap:after, .quantum-green-wrap:before, .quantum-darkbg-wrap:before, .quantum-darkbg-wrap:after {
    width: 198px;
}
    .quantum-collection-wrap:before{ width:20px;}
  .quantum-collection-wrap:after{ width:20px;}
}
@media (max-width:1300px){
.ab-industry-wrap.pro-standards.pro-premium-starin.quantum-sta {
    overflow: inherit;
}
  }
@media (max-width:1200px){
.quantam_tyler_wrap:before {
    width: 83%;
}
  .quantum-green-wrap:after, .quantum-green-wrap:before, .quantum-darkbg-wrap:before, .quantum-darkbg-wrap:after {
    width: 155px;
}
  .ab-product-wrap.product-quantum{width:90%; padding:0 5px;}
  .ab-product-wrap.product-quantum .container{width:100%;}
  .product-quantum .product2-right{width:30.7%}
  .product-quantum .product2-left {  width: 69%;}
  .product-quantum .qty-flex-wrap h4.price, .qty-flex-wrap p.price{margin-left:8px;}

}
.show-992{display:none !important;}
@media (max-width:992px){

  section#down.quantum-collection-wrap h3.desk-sho {
    display: block !important;
}
    .ab-industry-wrap.pro-premium-starin.quantum-sta:before{display:none}
  .ab-industry-wrap.pro-premium-starin.quantum-sta:after{display:none}
  .quantum-g-brite-wrap:after{display:block;}
    .quantum-green-white{border-radius:90px;}
  .quantum-banner-wrap{padding-top:89px;}
.container-91 {max-width: 696px; padding: 0;}
  .quantum-banner-wrap { background: url(/cdn/shop/t/13/assets/quantum-bg767.svg?v=1706937621) no-repeat center; background-size:cover; height:auto;}
  .quantum-banner-row {flex-wrap: wrap; flex-direction:column; justify-content: center;}
  .quantum-banner-logo { width: 290px; margin-bottom:18px;}
  .quantum-banner-bottle { width: 260px;}
  .quantum-banner-content { width: 100%; text-align: center;  margin-top: 24px;}
  .quantum-banner-content h2 { font-size: 34px; line-height: 40px; margin-bottom: 26px;}
  .quantum-banner-content p {font-size: 16px; line-height: 24px; margin-bottom: 0; }
     .show-992{display:block !important;} 
  .hide-992{display:none !important; } 
  .quantum-banner-wrap .show-992 { text-align: center;}
  .quantum-banner-footer {  max-width: 472px; margin-top: 27px;}
  .quantum-banner-footer h4{font-size:24px; line-height:26px; max-width: 415px; margin: 0 auto 22px;}
  .quantum-banner-footer p { font-size: 14px; line-height: 21px; margin-bottom: 20px;}
  .quantum-banner-footer p~p { margin-bottom: 30px;}
  .quantum-banner-wrap .icons.icon-lefts {left: 15%; top: 36%;}
  .quantum-banner-wrap .icons.icon-leftg { left: 59px; bottom: 43%;}
  .quantum-banner-wrap .icons.icon-rightg { right: 19%; bottom: auto;  top: 15%;}
  .quantum-banner-wrap .icons.icon-rightb, .quantum-banner-wrap .icons.icon-leftb{display:none;}
  .quantum-banner-wrap .icons.icon-rightc { bottom: 40%; right: 2%;}
  .quantum-banner:after { width: 128px; height: 128px; bottom: -5%;right: 4%;transform: none;}
  .colllection-wrap.quantum-collection-wrap { padding-top: 26px;}
  .ab-collection-wrap .container:before{display:none;}
  .quantum-collection-wrap h2 { font-size: 34px;line-height: 40.8px; margin-bottom: 10px;}
  .ab-collection-wrap.quantum-collection-wrap .container {max-width: 742px;}
.quantum-collection-wrap  .collection-filters-form .Collapsible { width: 50%;}
  .quantum-collection-wrap .collapse-headers {padding: 9.5px 16px 9.5px 22px; font-size: 14px;}
 .quantum-collection-wrap .ab-collection-row .item { width: 33.33%;}
   .quantum-collection-wrap .CollectionInner__Products h3.desk-sho { margin-bottom: 10px;}

.quantum-collection-row .collection-box-flex {flex-wrap: wrap;}

.quantum-collection-row .collection-box-img { max-width: 100%;min-width: 100%;}

.quantum-collection-row .collection-box-img a {max-width: 166px; margin: 0 auto;}

.quantum-collection-row .collection-box-caption {width: 100%;padding: 9px;padding-bottom: 0;}
.quantum-collection-row .collection-box-caption h5 { font-size: 12px; line-height: 1;}
.quantum-collection-row .quantum-collection-wrap h2 { font-size: 24px; line-height: 31.2px; margin: 0;}
 .quantum-collection-row .collection-box-footer { padding: 0 9px 9px;}
.quantum-collection-row .ab-collection-box .d-flex .select-wrp {width: 100%;}
.quantum-collection-row  .ab-collection-box .qty-flex {max-width: 100%; margin: 0;}
.quantum-collection-row  .collection-box-footer .btn { display: flex; align-items: center; justify-content: center;  padding: 9px;}
  .ab-collection-wrap .container:after {  right: 0;top: auto; bottom: -18%;}
  .sample-kit-wrap.quantum-sample-kit-wrap .container { max-width: 742px;}
  .sample-kit-wrap.quantum-sample-kit-wrap .head h2 { font-size: 34px; line-height: 1; max-width: 350px;}
  .sample-kit-wrap.quantum-sample-kit-wrap .head p {  font-size: 14px; line-height: 21px; max-width: 450px;}
 .quantum-collection-wrap .blog-pagination{margin-bottom:0}
  .sample-kit-wrap.quantum-sample-kit-wrap .sample-kit-img { max-width: 100%; width: 100%;}
.sample-kit-wrap.quantum-sample-kit-wrap  .sample-kit-content { text-align:center; width: 100%;max-width: 519px;margin: 0 auto; padding: 0;}
.sample-kit-wrap.quantum-sample-kit-wrap .sample-kit-img a { max-width: 331px; margin: -50px auto 0; display: block;}
.sample-kit-wrap.quantum-sample-kit-wrap .sample-kit-content h2{font-size:24px; line-height:31px;     margin-bottom: 4px;}
  .quantum-sample-kit-wrap .sample-kit-content p { max-width: 532px; font-size: 14px; line-height: 21px;     margin-bottom: 12px;}
  .quantum-sample-kit-wrap .sample-kit-content .d-flex .qty-flex { max-width: 156px;}
  .quantum-sample-kit-wrap .native-sample-kit-row{padding-bottom:16px;}
  .quantum-sample-kit-wrap .head{margin-bottom:48px;}
  .sample-kit-wrap.quantum-sample-kit-wrap:before { width: 55px;height: 55px;}
.quantum-dark-wrap {border-radius: 120px 0px 0px 110px; padding-top: 26px; padding-bottom: 112px;}
.quantum-dark-wrap .icons.spark-g91 img { max-width: 66px;}
.quantum-dark-wrap .icons.spark-g91 { top: -31px;}

  .quantum-optimized-wrap{max-width:598px; padding-bottom:30px;}
  .quantum-optimized-wrap .top-logo img{max-width:61px;}
  .quantum-optimized-wrap h2{font-size:34px;}
  .quantum-optimized-wrap h4{font-size:19px;}
.quantum-optimized-wrap p { font-size: 14px;line-height: 21px;}
.quantum-optimized-wrap .q-logo { max-width: 277px;}
.quantum-optimized-wrap:before {bottom: 0; left: -16%; width: 107px;height: 107px;}
  .quantum-dark-wrap .icons.spark-fg60{right:22px;}
.quantum-dark-wrap .icons.spark-fg60 img { max-width: 39px;}
  .quantum-dark-wrap .spark-f {top: -19px;}
  .quantum-dark-wrap .spark-f img {  max-width: 39px;}
  .quantum-dark-wrap .icons.spark-y{display:none;}
  .quantum-dark-wrap .icons.spark-big { right: -10%; top: -24px;}
  .quantum-dark-wrap .icons.spark-g141 { left: 0; top: 72px;}
  .quantum-quickfact { padding-top: 44px; max-width: 698px;  margin: 0 auto;}
.quickfact-head h2{font-size:34px;}
  .quickfact-head{margin-bottom:39px;}
  .quickfact-head p { font-size: 14px;line-height: 21px;}
.quickfact-single h4 { font-size: 14px; margin-bottom: 0;}
  .quickfact-single p { font-size: 14px;line-height: 20px; margin: 0;}
  
.quickfact-single .icon img {max-height: 62px; width: auto;}
  .quickfact-single .icon{min-height:62px;}
  .quantum-quickfact .quickfact-row {column-gap: 11px; row-gap: 16px;}
.quantum-quickfact-wrap:before, .quantum-brite:before{display:none;}
 .quantum-reivew {  max-width: 698px; margin: 39px auto; padding: 22.5px 120px 22.5px 0;}
.quantum-reivew:before { width: 200px;left: -199px;}
  .quantum-reivew-content p { font-size: 18px; line-height: 27px;}
  .quantum-reivew-content { position: relative; max-width: 299px;}
  .quantum-reivew-author { width: 171px;}
.quantum-reivew-author h4, .quantum-reivew-author p { font-size: 20px; line-height: 28px;}
  .quantum-reivew:after { content: ''; width: 38px; height: 38px;  display: block; background: url(quantum-sparkf-g.svg)no-repeat center;background-size: cover; position: absolute; left: -5%;  top: auto;  transform: none; bottom:-60px;}
 .quantum-brite-row:before{max-width:588px; margin-bottom:55px;}
.quantum-brite { margin-top: 54px;}
.quantum-brite-row { max-width: 693px; column-gap: 50px;}
  .quantum-brite-content {  width: 292px; margin-top: 0;}
.quantum-brite-content h2 { font-size: 34px;}
.quantum-brite-content h6, .quantum-brite-content p { font-size: 14px; line-height: 21px;}
  .quantum-brite-content p{max-width:287px;}
.quantum-brite-img { width: 349px;}
.quantum-brite-img p { font-size: 14px;line-height: 21px;  max-width: 300px; margin-bottom:10px;}
  .quantum-dark-wrap:after{display:none;}
.quantum-comparing-row { max-width: 693px; column-gap: 25px; align-items: flex-end;}
.quantum-comparing-table { width: 348px;margin-top: 0;}
.quantum-comparing-content h2 { font-size: 34px; margin-bottom:20px;}
.quantum-comparing-content h6{font-size:14px;margin-bottom: 19px;}
.quantum-comparing-content p{font-size: 14px;line-height: 21px; margin-bottom: 0;}
 .quantum-comparing-row:before {  content: '';  width: 60px; height: 60px; background:url(quantum-sparkf-g.svg)no-repeat center; background-size: cover; position: absolute;  top: 0;  left: auto; right: 0;}
.quantum-comparing-table .table-head >div{font-size:15px; line-height:14px}
.quantum-comparing-content {width: 312px;}
  .table-row {  display: grid; grid-template-columns: repeat(4, 1fr);}
.table-row .text {grid-column: 1 /4; grid-row: 1; width: auto; text-align: left;     padding-right: 0; font-size:14px; color:#FFFFFF}
.quantum-comparing-table .table-head .text {width: 100%;}
.quantum-comparing-table .table-head {flex-wrap: wrap; gap:3px;}
.quantum-comparing-table .table-head  .quantum { width: 97px;}
.quantum-comparing-table .table-head .whole { width: 123px; /* 113*/}
.quantum-comparing-table .table-head .other {  width: 132px;}
.quantum-comparing-table .quantum { width: 97px;text-align: center;grid-column: 4;grid-row: 1/ 3; height: 100%;     display: flex; justify-content: center; align-items: flex-end;}
.table-row .other { width: 136px; grid-column: 3;grid-row: 2;}
.table-row .whole {width: 114px;grid-column: 2; grid-row: 2;}
  .quantum-comparing { padding-top: 47px;}
.quantum_taster { max-width: 588px; margin-top: 47px;}
.quantum_taster .top-logo img { max-width: 61px;}
.quantum_taster h2{font-size:34px; line-height:40px; margin-bottom:20px;}
.quantum_taster p { max-width: 587px; font-size: 14px;     margin-bottom: 17px;}
  .quantum_taster h6 { font-size: 16px;  max-width: 400px; margin: 0 auto;}
.quantum_taster:before { width: 28px; height: 28px; left: -10%; top: 20px;}
.quantum_taster:after {right: -15%; top: 85px; width: 51px;height: 51px;  top: 43%;}
.quantum_taster_hops_wrap { max-width: 593px;border-radius: 35px;}
  .quantum_taster_hops h2 {  font-size: 34px; line-height: 1;}
.quantum_taster_hops h4{font-size:19px;}
  .quantum_taster_hops p { max-width: 435px; font-size: 14px;line-height: 21px;}
.quantum_taster_hops .btn-gray { max-width: 267px; font-size: 16px; padding: 16.5px;}
  .quantum_taster_hops {padding: 18px 0 25px; border-radius: 27px;}
.quantum_taster{padding-bottom:28px;}
  .quantam_tyler_wrap { padding: 68px 0 103px 53px;  background: url(Abstrax-Tyler-Thurman-Highland-Park-m.jpg)no-repeat center right;     background-position: 83%;}
.quantum_tyler p { font-size: 18px; line-height: 27px; margin-bottom: 22px;}
  .quantum_tyler { max-width: 344px;}
.quantum_tyler:before { left: -81px;  bottom: -43px;}
  .quantam_tyler_wrap:before{display:none;}
.quantum-green-wrap{border-radius:120px 0 0 0; padding-top:53px; padding-bottom:53px;}
  .quantum-green-wrap:before, .quantum-green-wrap:after{display:none}
  .quantum-green-white { max-width: 686px; padding-bottom:70px;}
.quantum-pro-hops {max-width: 589px; padding-bottom:38px; padding-top:40px;}
  .quantum-pro-hops-wrap:before { width: 95px; height: 95px;top: -44px; right: 30px;}
  .quantum-pro-hops-wrap:after{display:none}
.quantum-pro-hops .top-logo img{max-width:61px;}
  .quantum-pro-hops h2 {font-size: 34px;line-height: 40.8px; margin-bottom: 15px;}
.quantum-pro-hops h6 {font-size: 16px; max-width: 527px; margin-bottom: 20px;}
  .quantum-pro-hops p { font-size: 14px; line-height: 21px; max-width: 511px;}
.quantum-group-icons {max-width: 583px; padding-top: 38px;}
  .quantum-group-icons h4 { font-size: 18px;line-height: 28px;}
  .quantum-group-icons img { margin-bottom: 25px;}
  .quantum-featured-row { max-width: 607px;}
.quantum-featured-img { width: 51%; margin-top: 0;}
.quantum-featured-content {width: 48%;}
  .quantum-featured-content h2, .quantum-g-brite h2{font-size:34px; line-height:40px;}
  .quantum-featured-content h6{font-size:16px;}
  .quantum-featured-content p, .quantum-g-brite p{font-size: 14px; line-height: 21px;}
  .quantum-g-brite{max-width:589px;border-bottom:1px solid #A0D1C9}
  .quantum-g-brite .top-logo img{max-width:61px}
  .quantum-g-brite h6 { font-size: 16px; max-width: 100%;}
  .quantum-g-brite .top-logo .line {background: #A0D1C9;}
  .dark-bg-b:before, .dark-bg-b:after{display:none;}
  .quantum-green-white .quantum-quickfact { max-width: 643px; padding-top: 39px;}
  .quantum-green-white .quickfact-single h4{font-size:14px;}
  .quantum-green-white .quantum-quickfact .quickfact-row {column-gap: 19px; row-gap: 16px;}
.quantum-green-white .quickfact-single p {font-size: 14px;}
  .quantum-green-white:after {bottom: -15px; left: -30px; width: 77px; height: 77px;}
  .quantum-green-white:before { bottom: -67px;  width: 36px; height: 32px;}
  .quantum_galss_wrap:before, .quantum_galss_wrap:after{display:none;}
  .quantum_galss p { max-width: 342px; font-size: 18px; line-height: 27px; margin-bottom:29px;}
  .quantum_galss { padding: 119px 0 34px;}
  .quantum-green-white .quantum-quickfact-wrap:after, .quantum-g-brite-wrap:before{display:none;}
  .quantum-g-brite-wrap:after { width: 32px;  height: 32px; left: 10px; top: -40px;}
.quantum-g-brite:before {width: 96px; height: 96px; right: -11%; top: 24px;}
  .quantum_galss .container {max-width: 589px;}

  .quantum-darkbg-wrap{padding-top:56px; padding-bottom:49px;}
  .quantum-drak-green {  max-width: 686px; padding-bottom: 40px;border-radius: 90px;}
.quantum-darkbg-wrap:before, .quantum-darkbg-wrap:after{display:none;}
  .quantum-sustainability{padding-top:32px; max-width:585px; padding-bottom:25px;}
  .quantum-sustainability .top-logo img, .quantum-g-future .top-logo img{max-width:61px;}
  .quantum-sustainability h2 ,.quantum-g-future h2 { font-size: 34px;line-height: 40px;}
  .quantum-sustainability h6, .quantum-g-future h6{font-size:16px;}
  .quantum-sustainability:before { width: 25px; height: 25px;right: 51px;top: -12px;}
.quantum-sustainability-wrap:before { width: 74px; height: 74px; left: 0; top: -26px;}
.quantum-sustainability:after { width: 44px; height: 45px; top: 74px; right: -8%;background-size: cover;}
  .quantum-drak-green .quantum-featured-wrap:after {  width: 97px; height: 97px; top: -5%;right: -13%;}
  .sustainability-row4:after { width: 82px;  height: 82px;  right: -15%;}
  .quantum-sustainability-wrap:after, .quantum-g-future:before, .quantum-g-future-wrap:before, .quantum-drak-green .quantum-featured-wrap:before{display:none;}
  .quantum-g-future{max-width:585px;}
  .quantum-g-future p{font-size:14px; line-height:21px;}
  .quantum-g-future h6 {  margin-bottom: 15px;}
  .quantum-drak-green .quantum-quickfact { max-width: 506px;}
  .quantum-drak-green .quickfact-row .quickfact-single { width: 161px;}
  .quantum-drak-green:after {  bottom: -1%; width:40px; height:40px; left: -6%;}
  .quantum_kevin { max-width: 344px; text-align: left;}
  .quantum_kevin p { margin-bottom: 22px;font-size: 18px;line-height: 24px;}
.quantam_kevin_wrap { padding: 38px 130px;}
  .pro-faq-wrap.quantum-faq { padding-top: 53px; padding-bottom:67px;}
  .pro-faq-wrap.quantum-faq .collection-faq-row { max-width: 683px; margin: 0 auto;}
  .quantum-faq .collection-faq-head h2, .quantum-faq .collection-faq-head h4, .collection-faq-head h3{font-size:34px;}
  .collection-faq-head p{font-size:14px;}
   .quantum-faq  .collection-faq-content ul.accordion>li>a {font-size: 16px;line-height: 24px;}
  .quantum-faq .collection-faq-content ul.accordion>li>div p{font-size:14px;}
  .quantum-sample-banner .sample-banner-inner {
    max-width: 684px;
    padding: 38px 13px;
}
  .quantum-pro-footer .container {
    max-width: 685px;
}
  .quantum-pro-footer p {
    font-size: 14px;
    line-height: 18px;
    opacity: 40%; color: #1C1C1E;
}
  .quantum-optimized-wrap .q-logo {
    margin-top: 9px;
}
 
.arrow-b:before{width:55px; height:55px; top:-54px;}
  .quantum-dark-wrap .quantum-quickfact .quickfact-row {
    column-gap: 11px;
}
  
}
.show767{display:none !important}
@media (max-width:768px){
    .spider-web-top {
   display:none;
}
  .fector_head_quantam .fector_feat_wrap .item .d-flex>div .icon{padding:6px;}
  .show767{display:block !important}
  .hide767{display:none !important}
.sample-kit-wrap.quantum-sample-kit-wrap .sample-kit-img a {
    margin: -39px auto 0;
}
  .quantum-collection-wrap .collection-box-footer .btn{margin-top:10px; font-size:15px;}
    .quantum-collection-wrap .collection-box-footer .btn span{display:block}
  .quantum-collection-row .collection-box-footer {
    margin-top: 6px;
}
  .quantum-collection-wrap .blog-pagination {
    margin-bottom: 40px;
}
  .ab-collection-wrap .container:after {
    right: -18px;
    top: auto;
    bottom: -5%;
}
  .sample-kit-wrap.quantum-sample-kit-wrap .sample-kit-content {
    padding: 0 15px;
}
.quantum-sample-kit-wrap .sample-kit-content .d-flex .qty-flex {
    max-width: 93px;
}
  .quantum-sample-kit-wrap .sample-kit-content .d-flex a.btn.btn-primary {
    width: calc(100% - 109px); max-width:100%; font-size:16px;
}
  .quantum-sample-kit-wrap .btn span{display:block}
.sample-kit-wrap.quantum-sample-kit-wrap .sample-kit-content{text-align:left}
 .sample-kit-wrap.quantum-sample-kit-wrap  .sample-kit-content p {
    line-clamp: initial;
    -webkit-line-clamp: initial;
    -webkit-box-orient: vertical;
    font-size: 14px;
    margin-bottom: 20px;
}
  .quantum-dark-wrap {
    border-radius: 45px 0 0 0;
    padding-left: 20px;
    padding-right: 20px;
}

   .quantum-banner-wrap { background: url(/cdn/shop/t/13/assets/quantum-bg390.svg?v=1707112223) no-repeat center bottom;     padding-bottom: 139px; background-size:cover; height: 1418px;}
  .quantum-banner-content h2 { max-width: 212px;margin-left: auto;margin-right: auto; margin-bottom:8px;}
  .quantum-banner-wrap .icons.icon-lefts { left: 0;  top: 38%;}
  .quantum-banner-wrap .icons.icon-leftg { left: -17px; bottom: 34%;}
  .quantum-banner-wrap .icons.icon-rightc { bottom: 43%; right: -9px;}
  .quantum-banner:after {bottom: -6.5%;right:-10px;}
  .quantum-banner-wrap .icons.icon-leftb {
    display: block;
    left: 15px;
    bottom: 8%;
}

.quantum-banner-wrap .icons.icon-leftb img {
    max-width: 69px;
    left: 15px;
    bottom: 5%;
}
  .quantum-banner-footer{margin-top:44px;}
.quantum-banner-footer h4 {max-width: 323px;}
  .quantum-banner-footer p { max-width: 350px;  margin-left: auto; margin-right: auto;}
  .colllection-wrap.quantum-collection-wrap {
    padding-top: 55px;
}
  .quantum-collection-wrap .ab-collection-row .item {
    width: 50%;
}

  .ab-collection-wrap .container:before{display:block; left: -19px;  top: -139px;}
.quantam_kevin_wrap {  padding: 30px 24px;} 
  .quantum_kevin { max-width: 360px;}
  .quantum_kevin p:last-child {margin: 0; line-height: 27px; max-width: 281px;}
  .quantam_kevin_wrap:before{width:100%;}
  .quantam_kevin_wrap:before{display:none;}
  .quantam_kevin_wrap {background: url(Abstrax-Hops-Kevin-Smolar-Sun-King-Brewery-m.png)no-repeat center; background-size: cover; background-size: cover;background-position: 60%;}
  .sample-banner.quantum-sample-banner.sample-banner-collection{padding-bottom:70px;}
  .pro-faq-wrap.quantum-faq { padding-top: 70px;padding-bottom: 80px;}
  .quantum-sample-banner .sample-banner-inner { padding: 17px;}
 .quantum-sample-banner .sample-banner-inner h2,  .quantum-sample-banner .sample-banner-inner h6 {  margin-bottom: 6px;}
  .quantum-sample-banne .sample-banner-inner p {color: #2C2C2E;opacity: 1;}
  .pro-footer-text.quantum-pro-footer {  padding: 0 20px;}
  .ab-other-wrap.quantum-pro-adv .other-pro-head { margin-bottom: 0;}
  .quantum_galss { padding: 66px 0; background-position: 75%;}
  .sample-kit-wrap.quantum-sample-kit-wrap .head p{max-width:340px;}
  .sample-kit-wrap.quantum-sample-kit-wrap{padding-bottom:90px;}
  .quantum-quickfact .quickfact-row {  column-gap: 13px; row-gap: 16px;  grid-template-columns: repeat(2, 1fr);}
  .quantum-dark-wrap .spark-f img { max-width: 27px;}
  .quantum-dark-wrap .spark-f {  top: -39px; left: 27%;}
  .quantum-dark-wrap .icons.spark-big .hide-992, .quantum-dark-wrap .icons.spark-fg60 .hide-992{display:block !important}
  .quantum-dark-wrap .icons.spark-big .show-992, .quantum-dark-wrap .icons.spark-fg60 .show-992{display:none !important}
  .quantum-dark-wrap.product-dark .icons.spark-big .hide-992{display:none !important}
  .quantum-dark-wrap.product-dark .icons.spark-big .show-992{display:block !important}
  .quantum-dark-wrap .icons.spark-big img { max-width: 126px;}
  .quantum-dark-wrap .icons.spark-big {  right: -62px; top: 55px;}
  .quantum-optimized-wrap h2 {  max-width: 350px; margin-left: auto; margin-right: auto;}
  .quantum-dark-wrap .icons.spark-g141 {     left: -38px; top: -39px;}
  .quantum-optimized-wrap:before{display:none;}
  .quickfact-head { text-align: left;     margin-bottom: 28px;}
.quickfact-head h2 { max-width: 233px;}
  .quantum-dark-wrap .icons.spark-fg60 {  right: 22px; top: 13.5%;}
  .quantum-reivew:before {width: calc(100% + 40px);  left: -20px;}
  .quantum-reivew { flex-wrap: wrap; padding: 42px 0; justify-content: center;}
  .quantum-reivew-content { max-width: 346px; width: 100%;text-align: center;}
  .quantum-reivew-author {  width: 343px; text-align: center;}
  .quantum-reivew:after { left: -16px; bottom: 0; top: 50%;}
  .quantum-brite-content { width: 337px;}
  .quantum-brite-content p{max-width:337px;}
  .quantum-brite-img {  width: 100%; margin-top:6px;}
  .quantum-brite-content h2 {  max-width: 233px;}
  .quantum-brite-img img{margin-bottom:10px;}
  .quantum-comparing-row{flex-wrap:wrap;}
  .quantum-comparing-content { width: 100%;text-align: right;}
  .quantum-comparing-content h2 {  max-width: 178px;  margin-left: auto;}
  .quantum-comparing-content h6{max-width:308px; margin-left: auto;}
   .quantum-comparing-content p{max-width:349px; margin-left: auto;}
  .quantum-comparing-row:before{display:none;}
  .quantum-comparing-table { margin-top: 40px;}
  .quantum_taster h2{max-width:237px; margin-left: auto; margin-right: auto;}
   .quantum_taster p{margin-left: auto; margin-right: auto; max-width:342px; margin-bottom:22px;}
   .quantum_taster h6{margin-left: auto; margin-right: auto; max-width:349px;}
  .quantum_taster:before {left: 0;  top: -19px;}
  .quantum_taster:after {  right: -10%;top: 15%;}
.quantum_taster_hops h2 { max-width: 208px; margin-left: auto;margin-right: auto;   margin-bottom: 15px;}
  .quantum_taster_hops p {  max-width: 287px;}
  .quantum_taster_hops h4 {  margin-bottom: 13px;}
.quantam_tyler_wrap { border-radius: 0;padding: 82px 20px;}
  .quantum_tyler { max-width: 365px;text-align: left;}
.quantum_tyler:before { left: -41px;   bottom: 0;  top: -38%;}
.quantum-green-wrap { border-radius: 0; padding-left:20px; padding-right:20px;}
  .quantum-green-white, .quantum-drak-green{padding-left:18px; padding-right:18px; border-radius:27px;}
  .quantum-featured-row{flex-wrap:wrap;}
  .quantum-featured-img { width: 100%;}
.quantum-featured-content {  width: 100%;}
  .quantum-featured-content h4 {
    max-width: 228px; font-size: 16px; margin-top: 26px;}
  .quantum-featured-content h4.bg-dark{ max-width: 228px;}
  .quantum-featured-row2 .quantum-featured-img {  margin-top: 0;}
.quantum-featured-row.quantum-featured-row2.reverse { margin-bottom: 29px;}
  .quantum-featured-row.quantum-featured-row3{margin-bottom:39px;}
  .quantum-featured-row3 .quantum-featured-img { width: 100%;margin-top: 0;}
  .quantum-featured-row3 .quantum-featured-img {  right: 0;}
  .quantum-featured-row.quantum-featured-row3 .quantum-featured-content {width: 100%;}
  .quantum-featured-row4 .quantum-featured-img{width: 100%; left:0}
  .quantum-featured-content{width:100%; margin-top: 0;}
  .quantum-darkbg-wrap{padding-left:20px; padding-right:20px;}
  .quantum-sustainability-wrap { margin-bottom: 39px;}
  .sustainability-row .quantum-featured-img { margin-top: 0;}
.quantum-featured-row.sustainability-row2 .quantum-featured-img { width: 100%; margin-top: 0;}
.quantum-drak-green .quantum-quickfact .quickfact-row {
    column-gap: 10px;
    row-gap: 16px;
    grid-template-columns: repeat(2, 1fr);
}
  .quantum-drak-green .quickfact-row .quickfact-single {
    width: calc(50% - 5px);
}
  .pro-faq-wrap.quantum-faq.collection-faq-content {
    margin-top: 0;
}
  .pro-faq-wrap.quantum-faq .mobile-sho .btn {
    margin-top: 30px;
    width: auto;
    min-width: 182px;
}
.quantum-banner-wrap .icons.icon-rightg {
    right: -17px;
    bottom: auto;
    top: 13%;
}
  .quantum-collection-wrap:before, .quantum-collection-wrap:after{display:none;}
 .quantum-collection-wrap .select-wrp select {
    background-position: 93%;
}
  .quantum-dark-wrap .icons.spark-fg60 img { max-width: 27px;}
  .quantum-brite {
    margin-top: 59px;
}
  .quantum-brite-content h6 {
    max-width: 302px;
}
  .quantum-brite-row:after{content:''; display:block; width:50px; height:199px; background:url(mobile-wave-w.svg)no-repeat center left; background-size:cover; position:absolute; right:-20px; top:50px; }
  .quantum-comparing-row:before{content:''; display:block; width:50px; height:199px; background:url(mobile-wave-w-left.svg)no-repeat center left; background-size:cover; position:absolute; left:-20px; top:-39px;}
  .quantum_taster{margin-top:60px;}
  .quantum_taster:after {  right: 0; top: -41px; left: -5px;}
  .quantum_taster:before { left: auto;top: 52px; width: 80px;height: 80px;right: -59px; background:url(test-bef.svg)no-repeat center; background-size:cover;}
  .quantum_taster .top-logo, .quantum_taster h2{margin-bottom:2px;}
  .quantum_taster{padding-bottom:42px;}
  .quantum_taster_hops_wrap:before{display:none}
  .quantum_taster_hops .btn-gray{margin-top:16px;}
  .quantum-dark-wrap{padding-bottom:40px;}
  .quantam_tyler_wrap { background: url(Abstrax-Tyler-Thurman-Highland-Park-m76.jpg)no-repeat center right; background-size:cover; background-position: 100%;}
  .quantum_tyler p{max-width:344px;}
  .quantum-pro-hops-wrap:after{display:block;}
  .quantum-pro-hops-wrap:before { width: 80px; height: 80px;top: -65px;right: -37px;}
.quantum-pro-hops-wrap:after {  display: block; width: 100px; height: 100px; top: 124px;  left: -81px;}
  .quantum-pro-hops p{max-width:286px;}
  .quantum-group-icons h4 br{display:none;}
  .quantum-group-icons h4 {  font-size: 20px; line-height: 28px;max-width: 314px; font-family: 'Gilroy-SemiBold';}
.quantum-group-icons{padding-bottom:38px;}
  .quantum-featured-content h2{    font-family: 'Gilroy-ExtraBold';}
  .quantum-featured-content h4{padding:5px 0;  font-family: 'Gilroy-SemiBold';}
  .quantum-featured-row.reverse .quantum-featured-content h4 { max-width: 270px;}
  .quantum-featured-row.quantum-featured-row3 .quantum-featured-content { width: 100%;margin-top: 15px;}
  .quantum-featured-row.quantum-featured-row3 { margin-bottom: 24px;}
  .quantum-featured-row4 .quantum-featured-img{margin-top:0;}
  .quantum-featured-row3 .quantum-featured-img img {  min-width: 324px;}
  .quantum-featured-row4 .quantum-featured-img {min-width: 324px;  left: -10px;}
  .quantum-featured-row.quantum-featured-row4 .quantum-featured-content { margin-top: 20px;}
  .quantum-featured-row.quantum-featured-row4.reverse { margin-bottom: 27px;}
  .quantum-g-brite-wrap:after{left:0}
  .quantum-g-brite .top-logo{margin-bottom:4px;}
  .quantum-g-brite:before { width: 96px; height: 96px;  right: -21%; top: 63px; background: url(quantum-big-f-201.svg) no-repeat center;  background-size: cover;}
  .quantum-g-brite{padding-bottom:8px;}
  .quantum-green-white .quantum-quickfact{padding-top:33px;}
  .quantum-green-white{padding-bottom:40px}
  .quantum-green-white .quantum-quickfact .quickfact-row { column-gap: 23px;  row-gap: 16px;}
  .quantum-green-white:after { bottom: -24px; left: -21px; width: 66px; height: 66px;}
  .quantum_galss_wrap:after{display:block; background: url(dark-t-star.svg)no-repeat center;     width: 74px;height: 74px; background-size: cover;top: -18px;  right: 0;}
  .quantum_galss { background: url(quantum-glass767.jpg)no-repeat center;background-size: cover; background-position: 67%; padding:67px 0;}
  .quantum-sustainability-wrap:before { left: -37px;top: -29px;}
  .quantum-sustainability:before { right: 81px; top: -15px;}
  .quantum-sustainability:after { width: 45px;height: 46px; top: 9px;right: -16px;  background-size: cover;}
  .quantum-sustainability h2{ font-family: 'Gilroy-ExtraBold';}
  .quantum-sustainability h6{font-family: Gilroy-Bold;}
.quantum-sustainability p { font-size: 14px;  line-height: 21px;}
  .sustainability-row .quantum-featured-content h6{font-family: Gilroy-Bold;}
  .quantum-drak-green .quantum-featured-wrap:after, .sustainability-row4:after{display:none;}
.quantum-featured-row.sustainability-row:after { content: '';  width: 74px; height: 74px;  background: url(dimaond-w.svg)no-repeat center; background-size: cover; position: absolute; position: absolute;  right: -18%; top: 8%;}
.quantum-featured-row.sustainability-row {  margin-bottom: 15px;}
  .quantum-featured-row.sustainability-row2.reverse img { min-width: 327px;}
.quantum-featured-row.sustainability-row2.reverse .quantum-featured-content { margin-top: 17px;}
  .quantum-featured-row.reverse.sustainability-row2 .quantum-featured-content h6, .quantum-featured-row.sustainability-row4 .quantum-featured-content h6, .quantum-featured-row.sustainability-row3 .quantum-featured-content h6{font-family: Gilroy-Bold;}
  .quantum-featured-row.sustainability-row3 .quantum-featured-img {  margin-top: 13px;}
  .quantum-featured-row.sustainability-row3 {margin-bottom: 0;}
  .quantum-featured-row.sustainability-row4.reverse .quantum-featured-img { margin-top: 0; margin-bottom:8px;}
  .quantum-featured-row.sustainability-row2.reverse{position:relative;}
.quantum-featured-row.sustainability-row2.reverse:before{background: url(black-f161.svg)no-repeat center; background-size: cover; content:''; width:80px; height:80px; position:absolute; left:0;     position: absolute;left: -47px; top: 37%;}
.quantum-g-future-wrap { margin-top: 0;}
  .quantum-featured-row.sustainability-row4.reverse { margin-bottom: 12px;}
  .quantum-g-future h6{font-family: Gilroy-Bold;}
  .quantum-g-future .top-logo{margin-bottom: 11px;}
.quantum-g-future:before {display: block; width: 80px; height: 80px;top: 42px;}
.quantum-g-future-wrap:before {display: block;width: 27px; height: 27px;top: 18%;left: -26px;}
.quantum-darkbg-wrap .light-bg-b { height: 27.4%;}
  .quantum-g-future {border: none; padding-bottom: 0;}
  .quantum-drak-green .quantum-quickfact .quickfact-row .quickfact-single:nth-child(4) {
    width: 100%;
}
   .quantum-drak-green .quantum-quickfact .quickfact-row .quickfact-single:nth-child(4) p{max-width:161px; margin-left:auto; margin-right:auto}
  .quantum-drak-green .quantum-quickfact {
    padding-top: 27px;
}
  .quantum-drak-green:after { bottom: -10px;left: -10px;}
  .quantum-drak-green .quantum-quickfact-wrap:before{display:block;     width: 72px; height: 75px;  top: 43%;}
   .quantum-sample-banner .sample-banner-inner p {
    margin-bottom: 18px;
    color: #2C2C2E;
    opacity: 1;
}
  .quantum-pro-adv .other-pro-head p {
    color: #000000;
}
  .quantum-pro-footer p {
    max-width: 327px;
}
  .quantum-darkbg-wrap .light-bg-b {
    height: 26.4%;
}
.ab-product-wrap.product-quantum{padding:0 4px;}
  .product-quantum-wrapper { padding:68px 20px; background:#A0D1C9}
  .ab-product-wrap.product-quantum{width:100%; border-radius: 40px;}
  .ab-product-wrap.product-quantum .container{border-radius:32px; padding:0 17px 30px;}
.product-quantum .ab-product-row { max-width: 100%; padding-top: 25px;}
.product-quantum .product-slide .item img {max-width: 235px;}
  .product-quantum .product2-left { width: 100%;}
  .product-quantum .product-l-img { width: 100%; text-align: center;}
.product-quantum .product-l-text { width: 100%;  margin-top: 24px;}
.product-quantum .product-l-text h1 {  font-size: 36px;  line-height: 40px; margin-bottom:4px; font-family: "Gilroy-Black";}
.product-quantum .product-l-text .a-pro-icon{display:none;}
  .product-quantum .product-l-text p { font-size: 16px; line-height: 24px; text-align: left;}
  .ab-product-wrap.product-quantum:before {width: 56px; height: 56px;left: -29px; z-index: 1; top: 20.5%;}
  .fector_head_quantam .fector_head h2 { font-size: 24px; line-height:1;}
  .product-quantum-wrapper .product2-right .qty-flex {
    max-width: 165px;
    padding: 0 5px;
}


.product-quantum .arrow-down { padding: 37px 0 0;}
  .product-quantum .fector_feat_wrap .item .d-flex { row-gap: 10px;}
  .fector_head_quantam .factors_card_detail .col-6 { width: 100%;}
.factors_card_detail .factor-card_image { margin: 0 13px 0 0; max-width: 98px;}
  .fector_head_quantam h4.factor-card_title {font-size: 18px; line-height: 21px;}
  .factors_card_detail .factor-card_image {  min-height: auto;display: flex; align-items: center;margin-bottom: 0;}
.single_factors.flex-wrap { display: block;padding: 15px 33px 25px;}
  .factor-card_image.pro { max-width: 100%; margin: 0;}
  .factors_card_detail table {margin-bottom: 23px;}
  .factors_card_detail table.progress.no-border tr td:first-child { font-size: 10px; line-height: 12px;min-width: 95px;}
  .factors_card_detail table tr td .progress-bar { height: 10px;}
  .fector_head_quantam .single_factors.flex-wrap h3 {font-size: 12px;}
  .col-6.video { margin-top: 18px;}
.col-6.video .single_factors {background: transparent; padding: 0;}
  .fector_head_quantam .single_factors_card {
    padding: 12px 18px 18px;
}
  .fector_head_quantam .single_factors_card h4 {font-size: 16px; line-height: 31px;}
  .fector_head_quantam .single_factors_card p {  font-size: 14px;line-height: 24px; margin-bottom:0;}
  .ab-product-wrap.product-quantum .container:before { width: 94px; height: 84px; right: -40px; top: 630px;}
  .product-quantum .arrow-down:before { width: 60px;  height: 60px;  left: -67px;top: 214px;}
  .ab-product-wrap.product-quantum:after{width:102px; height:102px; background:url(pro-black-spark-m.svg) no-repeat center ;  left:auto;  right: -41px; top: 13px;}
  .ab-product-wrap.product-quantum .container:after { width: 69px;  height: 69px; background:url(moobile-con-af.png) no-repeat center ;     right: -64px;top: auto;  bottom: 25%;}
  .fector_head_quantam:before {  width: 64px; height: 64px; left: auto; top: auto; bottom: -58px;right: -41px; background: url(q-col-black-b.svg)no-repeat center; background-size: cover;}
  .product-quantum .product2-right, .product-skyfarm .product2-right {
    width: 100%; padding: 15px 20px 15px;
}
  .product-quantum .select-dropdown__button , .product-skyfarm .select-dropdown__button {
    height: 55px;  font-family: 'Gilroy-Regular', sans-serif;
}
  .product-quantum .qty-flex-wrap .qty-flex input.quantity-selector2, .product-skyfarm .qty-flex-wrap .qty-flex input.quantity-selector2 {
    height: 53px;     color: #636366; font-size:16px;
}
  .product-quantum .qty-flex-wrap h4.price, .product-qskyfarm .qty-flex-wrap h4.price, .qty-flex-wrap p.price {
    margin-left: 50px;
    font-size: 36px;
}
.product-quantum .product2-des .btn#AddToCart, .product-skyfarm .product2-des .btn#AddToCart {
    padding: 12px;
    font-size: 16px;
    margin-bottom: 18px;
}
  .product-quantum .product2-des .btn#AddToCart img,  .product-skyfarm .product2-des .btn#AddToCart img {
    max-width: 29px;
}
  .product-quantum .btn-sec, .product-skyfarm .btn-sec {
    font-size: 16px;
    padding: 13.5px;
}
  .product-skyfarm .product2-right.active .mobile-sticky-btn a.toggle span {
    width: 0px;
    -webkit-animation: 2s ease-in-out infinite alternate swingParent;
    animation: 2s ease-in-out infinite alternate swingParent;
    overflow: hidden;
    padding: 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
  .product-quantum .btn-sec svg, .product-skyfarm .btn-sec svg {
    max-width: max-content;
}

 .product-quantum .product2-right{max-height:90px;}
 .product-quantum .product2-right .product2-des {
    overflow: hidden;
    padding: 20px 0; 
}
 .product-quantum .mobile-sticky-btn,  .product-skyfarm .mobile-sticky-btn {
    padding: 0 0;
    display: block;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}
  .product-quantum .mobile-sticky-btn .btn-flex .btn, .product-skyfarm .mobile-sticky-btn .btn-flex .btn {
    width: calc(50% - 10px);
    min-width: calc(50% - 10px);
    font-size: 16px; display:flex; align-items: center;
    justify-content: center; padding:12px;
}
    .product-quantum .mobile-sticky-btn .btn-flex .btn span, .product-skyfarm .mobile-sticky-btn .btn-flex .btn span{margin-right:10px;}
  .product-quantum .mobile-sticky-btn .btn-flex .btn img, .product-skyfarm .mobile-sticky-btn .btn-flex .btn img{max-width:29px;}
  .product-quantum .product2-des .d-flex label {
    font-size: 16px;
}
 .product-quantum  .product2-right.active,  .product-skyfarm  .product2-right.active {
    max-height: 100%;
    border-radius: 10px 10px 0 0; 
}

   .product-quantum .product2-right.active .product2-des, .product-skyfarm .product2-right.active .product2-des {
    padding: 6px 0; max-height:100%;
}
.quantum-collection-wrap .collection-filters-form .Collapsible {
    width: 100%;
}
  .quantum-pro-adv .other-pro-head .custom-arrow {
    display: flex;
    max-width: 46px; margin-bottom:12px;
}

 .quantum-pro-adv .custom-arrow .prevb {
    margin-right: 24px;
}

.quantum-pro-adv .other-pro-head .custom-arrow img {
    max-width: 8px; display: block;
}
  .quantum-pro-adv .other-pro-head .custom-arrow .prevb img  {
    display: block;
    /* opacity: 0.25; */
}
  .quantum-collection-wrap .collection-filters-form {
    margin-bottom: 22px;
}
  .quantum-sample-banner .sample-banner-inner h2 span, .quantum-sample-banner .sample-banner-inner h6 span {
    background: transparent;
    -webkit-background-clip: text;background-clip: text;
    -webkit-text-fill-color: inherit;
    color: #FFC632;
}
  .quantum-collection-row .collection-box-img a {
    margin-left: 0;
}
  .custom-slide2 .item.slick-active, .sample-kit-slider .item.slick-active{opacity:1 !important;}
   .custom-slide2 .item.slick-current~.item.slick-slide:not(.slick-active), .sample-kit-slider .item.slick-current~.item.slick-slide:not(.slick-active){opacity:40% !important;}
    .custom-slide3 .item.slick-active{opacity:1 !important}
   .custom-slide3 .item.slick-current~.item.slick-active, .custom-slide3 .item{opacity:50% !important;}
.pro-faq-qua-wrap .mobile-sho .btn{max-width:182px;     min-width: auto;     margin-top: 20px;}

.ab-industry-wrap.pro-standards.pro-premium-starin.quantum-sta .ab-industry-content h2, .ab-industry-wrap.pro-standards.pro-premium-starin.quantum-sta .ab-industry-content h6 {
    font-size: 34px;
    line-height: 41px;
    max-width: 100%;
    margin-bottom: 8px;
}

.ab-industry-wrap.pro-standards.pro-premium-starin.quantum-sta .ab-industry-content {
    max-width: 100%;
}

.ab-industry-wrap.pro-premium-starin .ab-industry a.btn.btn-primary {
    width: 100%;
}
  .pro-faq-wrap.pro-faq-qua-wrap .collection-faq-content {
    margin-top: 2px;
}
.pro-footer-text.pro-footer-text.quantum-pro-footer {
    margin-top: 0;
}
  .ab-other-wrap.pro-advanced-container.quantum-collection-wrap.quantum-pro-adv {
    padding-bottom: 0;
}
  .sample-quantum-wrapper .product-quantum .ab-product-row { padding-top: 81px;}
  .ab-industry-wrap.pro-premium-starin.quantum-sta .ab-industry-content p{max-width:350px}
  .product-quantum-wrapper.sample-quantum-wrapper {background: #A0D1C9; padding-top: 66px; padding-bottom:10px;}

   .sample-quantum-wrapper  .product-quantum .product-l-img { min-width: 331px; }
  .sample-quantum-wrapper .product-quantum .product-slide .item img {
    max-width: 331px;
}
  .sample-quantum-wrapper .product-quantum .product-l-text { margin-top: 70px; }
  .sample-quantum-wrapper .product-quantum .arrow-down {text-align: center;padding: 56px 0 70px; position: relative;}
  .sample-quantum-wrapper .product-quantum .arrow-down:before { background: url(black-f60.svg)no-repeat center; background-size: cover;width: 60px; height: 60px; left: -67px; top: 339px;}
 .sample-quantum-wrapper .ab-product-wrap.product-quantum:after {width: 102px;  height: 102px; background: url(pro-black-spark-m.svg) no-repeat center; left: auto; right: -41px; top: 13px;}
  .sample-quantum-wrapper .ab-product-wrap.product-quantum:before { content: ''; width: 56px; height: 56px;  position: absolute;  left: -29px; top: 307px;}
  .sample-quantum-wrapper .ab-product-wrap.product-quantum .container:before {background: url(pro-quan-star-b.svg)no-repeat center;  background-size: cover;width: 94px; height: 84px; bottom:auto; right: -40px; top: 530px;}
  .quan-smalpe-kit-pro-des h4 { font-size: 24px;line-height: 26px; max-width: 296px; margin: 0 auto; margin-bottom: 30px;}
  .quan-smalpe-kit-pro-des p { font-size: 14px; line-height: 21px; max-width: 292px;}
  .quan-smalpe-kit-pro-des .btn-gray { margin-top: 5px;}
  .sample-quantum-wrapper .ab-product-wrap.product-quantum .container{padding-bottom:61px;}
  .sample-quantum-wrapper .ab-product-wrap.product-quantum .container:after { top: auto; bottom: -4px;right: -62px;}
  .infused-smaple-kit.quantum-smaple-kit .container{padding:0}
  .infused-smaple-kit.quantum-smaple-kit .container>h2 { font-size: 34px;line-height: 1;}
  .infused-smaple-kit.quantum-smaple-kit {padding-top: 70px;padding-bottom: 27px;}
  .infused-smaple-kit.quantum-smaple-kit h4 {font-size: 20px; line-height: 34px; margin-bottom:20px;}
  .infused-smaple-kit.quantum-smaple-kit .infused-single-smaple {
    padding: 0;
   
}

.infused-smaple-kit.quantum-smaple-kit .infused-single-smaple .spec-mob {
    padding: 0 10px 50px;
}
.quantum-smaple-kit   .infused-single-smaple h2 {
    font-size: 32px;
    line-height: 38px;
}
.quantum-smaple-kit .infused-single-smaple p {
    font-size: 14px;
    line-height: 21px;
}
 .fector_head_quantam .fector_feat_wrap .item h4{font-size:18px; line-height:31px;}
a.toggle span {
    color: #2C2C2E;
    text-decoration: none;
    font-family: Gilroy-Bold;
    font-weight: 100; width:66px; overflow:hidden;
    -webkit-font-variant-ligatures: none;
            font-variant-ligatures: none;
    text-decoration: none;
    padding: 0 5px; padding-left:0; -webkit-transition:0.5s ease all; -o-transition:0.5s ease all; transition:0.5s ease all
}

  @-webkit-keyframes swingParent {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    left: 0;
  }
  to {
    left: 100%;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

  @keyframes swingParent {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    left: 0;
  }
  to {
    left: 100%;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
a.toggle {
    text-decoration: none;
}
  .mobile-sticky-btn a.toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
    -webkit-box-align: center;  
        -ms-flex-align: center;  
            align-items: center; 
    -webkit-box-pack: center; 
        -ms-flex-pack: center; 
            justify-content: center;
}
  .product-quantum .product2-right.active .mobile-sticky-btn a.toggle{  padding:1px 0;}
  .product-quantum .product2-right .mobile-sticky-btn a.toggle{padding:1px 7px;}
.product-quantum .product2-right.active .mobile-sticky-btn a.toggle span {
    width: 0px;
    -webkit-animation: 2s ease-in-out infinite alternate swingParent;
            animation: 2s ease-in-out infinite alternate swingParent;
    overflow: hidden;
    padding: 0;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
  .custom-slide2 span.tag.mobile-sho, .sample-kit-slider span.tag.mobile-sho {
    display: none !important;
}
 .custom-slide3 span.tag.mobile-sho {
    display: none !important;
}
  .ab-collection-box .pos-ab .tag.tag2 {
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: 1px 6px;
    border-radius: 3px;
}
  .custom-slide2 span.tag.mobile-sho, .sample-kit-slider span.tag.mobile-sho {
    display: none !important;
}

.custom-slide2 span.tag.tag2, .sample-kit-slider span.tag.tag2 {
    position: absolute;
    left: 9px;
}
.custom-slide3 span.tag.tag2 {
    position: absolute;
    left: 9px;
}
div#kits:before{display:none;}
}
.ab-other-wrap.pro-advanced-container.quantum-collection-wrap.quantum-pro-adv:before, .ab-other-wrap.pro-advanced-container.quantum-collection-wrap.quantum-pro-adv:after{display:none;}
@media (max-width:640px){
  .custom-slide2 .item, .sample-kit-slider .item{padding:10px 3px 0;}
  /* .custom-slides.custom-slide2, .custom-slides.sample-kit-slider {
    padding-left: 15px;
} */
    .custom-slide3 .item{padding:10px 5px 0;}
  .custom-slides.custom-slide3 {
    padding-left: 15px;
}
  .quantum-g-future .top-logo .line{top:8px; position:relative;}
  .quantum-featured-content p, .quantum-g-brite p {
    font-size: 14px;
    line-height: 21px;
    max-width: 310px;
}
  .quantum-featured-row4 .quantum-featured-content p {
    max-width: 310px;
}
  .quantum-g-brite h6{max-width:239px; margin-bottom: 13px;}
  .quantum-featured-row.sustainability-row4 .quantum-featured-content p {
    max-width: 303px;
}
  .quantam_kevin_wrap {
    background-position: 54%;
}
  .dark-bg-b {
    height: 46.5%;
}
  .quantum-darkbg-wrap .light-bg-b {
    height: 26.4%;
}
  .product-quantum .product-l-text p{max-width:286px;}
  .quantum-dark-wrap .quickfact-single p {
    max-width: 166px;
    margin-left: auto;
    margin-right: auto;
}

  span.tool-ac {
 min-width: 3em;
    max-width: 155px;

}
  .fector_head_quantam .single_factors_card p .icon {
    min-width: 22px;
    max-width: 22px;
}
  .fector_head_quantam .single_factors_card p .icon img {
    width: auto;
    margin: 0 auto;
    display: block;
}
  .ab-other-wrap.pro-advanced-container.quantum-collection-wrap.quantum-pro-adv .custom-arrow {
    position: absolute;
    right: 16px;
}
  .quantum-collection-wrap.quantum-pro-adv .other-pro-head h2, .quantum-collection-wrap.quantum-pro-adv .other-pro-head h5{font-family: Gilroy-ExtraBold;}
  .quantum-collection-wrap .custom-slides.custom-slide2  h2, .quantum-collection-wrap .custom-slides.sample-kit-slider  h2 {
    font-size: 24px;
    line-height: 31.2px;
    margin-bottom: 0;
}
  .quantum-smaple-kit .infused-single-smaple p {
    font-size: 14px;
    line-height: 21px;
    max-width: 140px;
}
    .infused-smaple-kit.quantum-smaple-kit .infused-single-smaple {
    padding: 0;
    min-height: 629px;
}
    .sample-quantum-wrapper .product-quantum .product-l-img .item { width: 331px !important;}
  .sample-quantum-wrapper  .product-quantum .product-l-img { min-width: 331px; margin-left: -17px;}
  .sample-quantum-wrapper .product-quantum .product-l-text { margin-top: 70px; margin-left: -17px;}
  .product-quantum .fector_feat_wrap .item .d-flex>div{min-width:135px;}
}

/* .colllection-wrap-kit .item.slick-slide {
    opacity: 1;
} */
 



  /* New banner slide */
  .hero-slider .slick-track {
    display: flex;
}
 .hero-slider .item { position: relative; height:initial;}
.hero-slider .item>img {width: 100%;display: block;}
.hero-slider .slide {position: absolute;top: 0;  left: 0; width: 100%;}
.slide .slide_row{display: flex;align-items: center;justify-content: space-between;}
.slide.slide-quantam .slide_row {max-width: 1031px;margin: 0 auto; margin-top: 197px;}
.slide.slide-quantam .slide_img {  max-width: 430px;}
.slide .slide_content h2 { color: #F2E9D1;font-size: 96px; line-height: 1; font-family: 'Gilroy-ExtraBold'; font-weight: 100; font-variant-ligatures: none; margin-bottom: 12px;}
.slide .slide_content h4 { font-size: 24px;color: #F7F8F1;font-family: Gilroy-Bold;font-weight: 100; font-variant-ligatures: none; line-height: 23px; margin-bottom: 27px;}
.slide .btn-green { color: #272727;background: #A0D1C9;min-width: 152px;}
.slide .btn-green:hover {background: #F2E9D1; color: #272727;}
.slide .btn-green-d{background:#8EAD6F; color:#fff;}
.slide .btn-green-d:hover{background:#fff;color:#8EAD6F}
.arrow_slide {text-align: center;}
.arrow_slide a {position: relative;transform: none;display: inline-block;}
.slide-quantam .arrow_slide {  margin-top: 144px;}
.hero-slider .slick-dots li {border: 1px solid #C7C7CC;}
.hero-slider .slick-dots {background: #F7F8F1;border-radius: 10px; padding: 8px 10.5px 4px;     margin: 0; bottom: auto; top:59.5%; /*top: 63%; */left: 12%;}
.slide.slide-brew {  margin-top: 243px;}
.slide.slide-brew .slide_row { max-width: 1400px; margin: 0 auto; padding: 0 20px;  padding-right: 6.5%;}
.slide.slide-brew .slide_row .slide_img { max-width: 522px;}
.slide .btn-gray { background: #272727; color: #F2E9D1; min-width: 152px;}
.slide.slide-brew .arrow_slide {margin-top: 48px;}
.slide.slide-omni {  margin-top: 283px;}
.slide.slide-omni .slide_row { max-width: 1377px; margin-left: 5%;}
.slide.slide-omni .slide_row .slide_img { max-width: 736px;}
.slide.slide-omni .btn.btn-blue { min-width: 152px;background: #22586E;color: #F7F8F1;}
 .hero-slider .arrow_slide {
    text-align: center;
    position: absolute;
    left: 50.12%;
    transform: translateX(-50%);
    bottom: 30.6%;
}
.hero-slider .show128 , .hero-slider .show992, .hero-slider .show640{display:none !important;}

.homepage_class .index-hide {
    display: none;
}
.header-white.homepage_class .nav_element>a, .header-white.homepage_class ul.nav-right li a {
    color: #F2E9D1;
}
.header_wrap.header-white.homepage_class.fixed ul.nav-right li a img, .header_wrap.header-white.homepage_class.fixed .menu-btn img, .header_wrap.header-white.homepage_class.fixed .header-item img,
.header_wrap.header-white.homepage_class.fixed .modal__toggle-open.icon.icon-search{
    filter: invert(1) brightness(0) !important;
}
.slide.slide-quantam .slide_content.hide-text {
    margin-top: 40px;
}

a.default-cursor {
    cursor: default;
    background: none !important;
}

.show1536{display:none !important}
.slide.slide-omni .slide_content.hide-text {
    margin-top: -13px;
}
.slide .btn-gray:hover {
    background: #F2E9D1;
    color: #272727;
}
.slide.slide-omni .btn.btn-blue:hover {
    background: #F2E9D1;
    color: #22586E;
}

body .b2b_text .retail_prices div{
            display: none;
            padding: 7px 12px;
    min-width: auto;
    max-width: max-content;
    margin-top: 12px;
    font-size: 13px;
    font-family: Gilroy-Regular,sans-serif;
            color: #2C2C2E;
            letter-spacing: 0;
          }
          body .retail_prices div:nth-child(1){
            display: block;
          }

          .legal-banner h2, .cart-banner h1 {
    font-size: 96px;
    line-height: .75;
    font-family: Gilroy-ExtraBold;
    letter-spacing: 0px;
    color: #1c1c1e;
    margin-bottom: 37px;
}

.btn-primary {
    background: transparent linear-gradient(110deg, #ffe63d, #ffc632) 0% 0% no-repeat padding-box;
    color: #1c1c1e;
}



.slide.slide-skyframe .slide_row {
    max-width: 969px;
    margin: 0 auto;
    padding-top: 177px;
}

.slide.slide-skyframe .slide_img {
    max-width: 531px;
}

.slide.slide-skyframe .slide_content.hide-text {
    padding-top: 85px; position:relative;
}
.slide.slide-skyframe .slide_content.hide-text:before{content:''; width:225px; height:300px; background:url(skyfarm-slide-b.svg) no-repeat center; background-size:cover; position:absolute;    top: -116px;right: -237px; }
.hero-slider .hide128{display:none !important;}

@media (max-width:1700px){
  .hero-slider .arrow_slide{bottom:29%;}
  .hero-slider .hide153{display:none !important;}
  .slide.slide-omni .slide_row {  margin-left:0}
.slide.slide-omni {  margin-top: 196px;}
.slide.slide-quantam .slide_row { margin-top: 117px;}

.slide.slide-brew {  margin-top: 200px;}
  .slide.slide-quantam .slide_content.hide-text {
    margin-top: 58px;
}
  .slide.slide-skyframe .slide_content.hide-text {
    padding-top: 52px;
}
  .hero-slider .hide128{display:block !important;}
}
@media (max-width:1550px){
.slide.slide-quantam .slide_content.hide-text {
    margin-top: 74px;
}
  .header_wrap .container, .modal-login .container {
    max-width: 1340px;
}
  .hero-slider .slick-dots {top: 67%;     left: 15.5%;}
  .hero-slider .arrow_slide{bottom:29%;}
  .slide.slide-brew .slide_row {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    padding-right: 3.5%;
}
  .show1536{display:block !important}
   .hero-slider .hide128{display:none !important;}
  .slide.slide-omni .slide_content.hide-text {
    margin-top: -53px;
}
  .slide.slide-skyframe .slide_content.hide-text {
    padding-top: 13px;
}
  .slide.slide-skyframe .slide_content.hide-text:before {
    top: -188px;
    right: -231px;
}

}
@media (max-width:1438px){
.quantum-green-wrap:after, .quantum-green-wrap:before, .quantum-darkbg-wrap:before, .quantum-darkbg-wrap:after{display:none;}
}
@media (max-width:1380px){
.slide.slide-quantam .slide_row {max-width: 844px;}
.slide.slide-quantam .slide_img {  max-width: 347px;}
.slide .slide_content h2 { font-size: 79px;}
.slide .slide_content h4 { font-size: 19px;line-height: 18px; margin-bottom: 24px;}
 .hero-slider .arrow_slide{bottom:35.4%}
.slide .btn-green { font-size: 13px; min-width: 126px; padding: 14.5px;}
.slide .btn{font-size: 13px; min-width: 126px; padding: 14.5px;}
.slide.slide-quantam .slide_row { margin-top: 91px;}
  .hero-slider .slick-dots {top: 56%;left: 10.5%;}
  .slide .btn-gray{font-size: 13px; min-width: 126px; padding: 14.5px;}
  .slide.slide-brew .slide_row .slide_img {  max-width: 357px;}
.slide.slide-brew { margin-top: 164px;}
  .slide.slide-brew .slide_row{max-width:1062px; padding:0; padding-right:0;}
  .slide.slide-omni .slide_row { max-width: 1089px;}

.slide.slide-omni .slide_row .slide_img {max-width: 577px; margin-left: -20px;}

.slide.slide-omni { margin-top: 140px;}
  .show1536{display:none !important}
  .hero-slider .hide128{display:none !important;}
  .hero-slider .show128{display:block !important;max-height: 790px;}
.header_wrap .container, .modal-login .container {
    max-width: 1077px;
}
.slide.slide-omni .slide_content.hide-text {
    margin-top: 5px;
}


}

@media (max-width:992px){
  .slide.slide-skyframe .slide_content.hide-text:before{display:none;}
  .slide.slide-skyframe .slide_content.hide-text {
    padding-top: 100px;
}
  .slide.slide-omni .slide_content.hide-text {
    margin-top: 0;
}

  .slide.slide-quantam .slide_content.hide-text {
    margin-top: 0;
}
  .hero-slider .show128{display:none !important;}
  .hero-slider .show992{display:block !important;height:100%;max-height: 970px;}
  .slide .slide_row { flex-direction: column; align-items: flex-start;}
.slide.slide-quantam .slide_row { max-width: 594px;}
.slide .slide_row .slide_img {  order: 2;}
.slide_row .slide_content.order3.mobile-show {order: 3;}
.slide_content.hide-text h4, .slide_content.hide-text .btn { display: none;}
  .slide .slide_content h2 { font-size: 62px;line-height: 61px; margin: 0;}
.slide.slide-quantam .slide_row, .slide.slide-omni, .slide.slide-brew { margin-top: 127px;}
.hero-slider .slick-dots { 
top: 56%;
left: 11.5%;
background: transparent;
padding: 0;
text-align: right;
right: 17%;
}
.slide.slide-quantam .slide_row .slide_img img {margin-left: auto;display: block; max-width: 364px;}

.slide.slide-quantam .slide_row .slide_img { width: 100%;  max-width: 100%;  margin-top: -88px;}
  .slide .slide_content h4 { font-size: 16px;line-height: 19px;  margin-bottom: 14px;}
  .slide .btn { font-size: 14px; min-width: 154px; padding: 16px;}
  .slide.slide-brew .slide_row {  max-width: 745px; padding-right: 0;}
  .slide.slide-brew .slide_row .slide_img {max-width: 357px; margin-top: 26px; margin-bottom:15px;}
  .slide.slide-omni .btn.btn-blue { min-width: 154px;background: #EA8215; color: #F7F8F1;}
  .slide.slide-omni .slide_row .slide_img {
    max-width: 671px; position:relative; margin-left:0;
    left: -20px;
}
  .slide.slide-omni .slide_row {
    max-width: 671px;
    margin: 0 auto;
}

.slide.slide-omni .slide_row .slide_content {
    padding-left: 34px;
}
  .slide.slide-omni .slide_content.order3.mobile-show {
    margin-top: -89px;
    position: relative;
}
  .hero-slider .arrow_slide {
    bottom: 13.4%;
}
    .header-item.logo img {
    width: 100px;
}
  .slide.slide-skyframe .slide_row {
    max-width: 594px;
    padding: 0;
}
}
@media (max-width:800px){
.slide.slide-quantam .slide_row .slide_img {
    width: 100%;
    max-width: 100%;
    margin-top: -55px;
}
  .slide.slide-quantam .slide_content.order3.mobile-show {
    margin-top: -5px;
}
}
@media (max-width:640px){
  .header-item.logo img {
    width: 100px;
}
  .hero-slider .show992{display:none !important;}
  .hero-slider .show640{display:block !important;height: 100%;}
  .slide.slide-quantam .slide_row {  max-width: 100%; padding:0 20px; margin: 101px auto 0;}
  .slide .slide_content h2 {font-size: 34px;line-height: 33px;}

.slide_content.hide-text h4 { display: block; margin-top: 2px;}
  .hero-slider .slick-dots {top: 232px; left: 20px;}
.slide.slide-quantam .slide_row .slide_img { margin-top: 18px;}

.slide_row .slide_content.order3.mobile-show { text-align: center; width: 100%;margin-top: 7px;}
.slide.slide-quantam .slide_row .slide_img img {display: block; max-width: 332px;  margin: 0 auto;}
  .slide_row .slide_content.order3.mobile-show h4{display:none;}
  .slide.slide-brew .slide_row {max-width: 100%; padding: 0 20px;}
  .slide.slide-omni, .slide.slide-brew{margin-top:101px;}
  .slide.slide-brew .slide_row .slide_img { max-width: 319px; margin: 93px auto 2px;}
  .slide.slide-omni .slide_row .slide_content {
    padding-left: 0;
}
.slide_img .hide640 {
    display: none !important;
}
  .slide.slide-omni .slide_row {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
  .slide.slide-omni .slide_row .slide_img {
    max-width: 339px;
    position: relative;
    margin: 0 auto;
    left: 0;
}
    .slide.slide-omni .slide_content.order3.mobile-show{margin-top:-9%;}
.slide.slide-omni .slide_row .slide_img {
    max-width: 339px;
    position: relative;
    margin: 25px auto 35px;
    left: 0;
}
.hero-slider .arrow_slide {
    bottom: 16.4%;
}
  .slide.slide-quantam .slide_content.order3.mobile-show {
    margin-top: 0px;
}

  .slide.slide-skyframe .slide_row {
    padding: 0;
    max-width: 100%;
    padding: 0 20px;
    margin: 101px auto 0;
}

.slide.slide-skyframe .slide_content.hide-text {
    padding: 0;
}


.slide.slide-skyframe .slide_img img, .slide.slide-omni img {
    max-width: 289px;
    margin-left: 10px;
    min-height:434px;
}

.slide.slide-skyframe .slide_img {
    margin-top: 44px;
    margin-bottom: 8px;
}


  
}
@media (min-width: 392px) and (max-width: 992px){
.quantum-comparing-table{width:100%;}
  .quantum-comparing-table .table-head .whole {
    width: 28%;
}
  .quantum-comparing-table .table-head .text {
    width: 12%;
}
  .quantum-comparing-table .table-head .other {
    width: 24%;
}
.quantum-comparing-table .table-head .quantum {
    width: 25%;
    height: 100%;        min-height: 35px;}
  .quantum-comparing-table .table-head {
    flex-wrap: nowrap;
    gap: 3px;
}
  .quantum-comparing-table .quantum, .table-row .other, .table-row .whole{width:100%}
  .table-row {
    border-bottom: 1px solid #707070;
}
  .table-row>div{border:none;}
}

@media (max-width:520px){
.quantum-comparing-table .table-head .whole {
    width: 123px; /* 113px;*/
}
  .quantum-comparing-table .table-head .other{width:132px;}
  .quantum-comparing-table .table-head .text {
    width: 0;
}
}
@media (max-width:480px){
  .quantum-comparing-table .table-head{flex-wrap:wrap;}
  .quantum-comparing-table .table-head .text {
    width: 100%;
}
.table-row .other {
    width: 136px !important;

}
  .table-row .whole {
    width: 114px !important;
}
.quantum-comparing-table .quantum {
    width: 97px !important;
}
}

/* skyfarm collection css*/
.skyfarm-collection-banner{position:relative; background:url(skycity.jpg) no-repeat bottom left; padding-top:160px; padding-bottom:100px; background-size:cover;}
/* .skyfarm-collection-banner:before{content:''; width:100%; height:462px; background: rgb(247,248,241);
background: linear-gradient(0deg, rgba(247,248,241,1) 0%, rgba(246,246,239,1) 75%, rgba(255,255,255,1) 100%, rgba(0,0,0,1) 100%); position:absolute; bottom:0; left:0} */
.skyfarm-collection-banner .container{position:relative; }
.skyfarm-collection-banner .container:before{content:''; width:156px; height:131px; background:url(skyfarm-banner-before.svg) no-repeat center; background-size:cover; position:absolute; bottom: -70px; left:-85px}
.skyfarm-collection-banner-row { max-width: 1100px; margin: 0 auto;display: flex;align-items: center; justify-content:space-between; position:relative;}
.skyfarm-collection-banner-row:before{content:''; width:80px; height:97px; background:url(skyfarm-banner-star.svg) no-repeat center; background-size:cover; position:absolute; right: -95px;top: 40px;}
.skyfarm-banner-logo { max-width: 382px;}
.skyfarm-banner-logo img { display: block;}
.skyfarm-banner-bottle {max-width: 299px;}
.skyfarm-banner-bottle img{display:block;}
.skyfarm-banner-content h2{font-size:60px; color:#22586E; line-height:1; margin:0; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;     margin-bottom: 15px;}
.skyfarm-banner-content p{color:#343434; max-width: 300px; margin:0; font-size:18px; line-height:20px;     font-family: "Gilroy-SemiBold"; font-weight: 100; font-variant-ligatures: none;}
.skyfarm-banner-content { max-width: 408px;}
.skyfarm-collection-banner-footer { padding-top: 60px; text-align: center;}
.skyfarm-collection-banner-footer h3{font-size:28px;line-height: 50.4px; margin-bottom:9px; color:#22586E; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;}
.skyfarm-collection-banner-footer p { max-width: 824px;margin-left: auto;  margin-right: auto; font-size: 16px; line-height: 24px; color: #22586E; margin-bottom: 25px;}
.skyfarm-collection-banner-footer .btn-green{background:#8EAD6F; color:#F7F8F1; border-radius: 10px;font-size: 20px;  letter-spacing: normal; padding: 14px;  min-width: 287px;}
.skyfarm-collection-banner-footer .btn-green:hover{background:#27586E}
.skyfarm-collection-banner-footer .btn-green:focus{background:#A0D1C9; color:#27586E}
.skyfarm-collection-banner-footer a.down-btn {margin-top: 92px;}

.skyfarm-sample-kit-wrap .head{position:relative}
.skyfarm-sample-kit-wrap .head:before{content:''; width:69px; height:66px; background:url(skyfarm-sample-b.svg)no-repeat center; background-size:cover; position:absolute; top:5px; right:-79px; }
.skyfarm-sample-kit-wrap .head h2 {color: #22586E; font-size: 56px;}
.skyfarm-sample-kit-wrap .head p {color: #343434;  opacity: 80%;}
.skyfarm-feat-wrapper{position:relative; padding-bottom:214px; padding-top: 4%;}
.skyfarm-feat-wrapper:before{ content:''; width:100%; height:100%; position:absolute; top:0; left:0; background: transparent linear-gradient(0deg, #A0D1C9 0%, #9DCBB9 34%, #8FAF74 58%, #8EAD6F 100%) 0% 0% no-repeat padding-box; transform: matrix(-1, 0, 0, -1, 0, 0);}
.skyfarm-feat-wrapper:after{content:''; width:100%; height:45%; background:url(dirt5.png) no-repeat center top; background-size:cover;position:absolute; bottom:0; left:0;     mix-blend-mode: multiply; }
.skyfarm-problem-purees-wrap { max-width: 1132px; position: relative; z-index:2; margin: 0 auto; padding:168px 0 138px; background:url(skyfarm-puress-bg.svg) no-repeat center; background-size:cover; border-radius: 45px; /*transform: matrix(-1, 0.09, -0.09, -1, 0, 0)*/}
.skyfarm-problem-purees-wrap:before{content:''; width:254px; height:285px; background:url(skyfarm-puress-vec.svg) no-repeat center; position:absolute; right: -84px; top: 100px;}
.skyfarm-problem-purees-wrap:after{content:""; width:569px; height:328px; background:url(skyfarm-puress-cloud-b.png) no-repeat center; position:absolute;     left: -304px; top: -132px; background-size: cover;}
.skyfarm-problem-purees { text-align:center; position: relative;}
.skyfarm-problem-purees:before{content:""; width:640px; height:369px; background:url(skyfarm-puress-cloud-a.png) no-repeat center; position:absolute;  right: -360px;bottom: -213px; background-size: cover;}
.skyfarm-problem-purees h2{font-size:56px; line-height:72px; color:#F2E9D1; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;}

.skyfarm-problem-purees h6 { font-size: 18px; line-height: 24px;color: #A0D1C9; font-family: "Gilroy-SemiBold";font-weight: 100;font-variant-ligatures: none; margin-bottom:25px;}
.skyfarm-problem-purees  p {max-width: 754px; margin-left: auto;margin-right: auto; color: #F7F8F1;font-size: 16px;line-height: 24px; margin-bottom:25px;}

.skyfarm-feat-wrapper-white {position: relative; max-width: 1110px; margin: 0 auto; border-radius: 65px 65px 0 0;    padding-top: 170px;margin-top: -138px;}
.skyfarm-feat-wrapper-white:before {content: ""; width: 100%;  height: 100%;  border-radius: 65px; transform: translate(0px, 0px) skew(0deg, 3.5deg); position: absolute; bottom: 0;  z-index: 1; background: #F7F8F1;}
.skyfarm-feat-wrapper-white:after {width: 100%; border-radius: 65px 65px 0 0;background: #F7F8F1; z-index: 1; position: absolute; content: ""; height: 30%;top: -78px;}
.skyfarm-featured-row { display: flex; flex-direction: row-reverse;justify-content: space-between; padding-left: 68px; z-index: 2; position: relative;}

.skyfarm-featured-img { width: 592px; margin-right: -45px;}

.skyfarm-featured-content {max-width: 461px; width:100%; margin-top: 30px;}
.skyfarm-featured-content h2 {color: #8FC689;font-size: 40px;  line-height: 60px;font-family: Gilroy-Bold; font-weight: 100;font-variant-ligatures: none;}
.skyfarm-featured-content h6 { font-family: Gilroy-SemiBold;font-weight: 100; font-variant-ligatures: none;font-size: 18px; line-height: 24px; margin-bottom: 14px; color: #27586E;}
.skyfarm-featured-content p {font-size: 16px;line-height: 24px;margin-bottom: 23px;color: #343434;}
.skyfarm-featured-content p:last-child { margin: 0;}
.skyfarm-featured-row.reverse{flex-direction:row; padding-left:0px;     margin-top: -20px; padding-right:68px;}
.skyfarm-featured-row.reverse .skyfarm-featured-img { width: 583px; margin-right:0; margin-left: -45px;}
.skyfarm-featured-row.reverse .skyfarm-featured-content{text-align:right; max-width:465px; margin-top: 40px;}
.skyfarm-featured-row-4 .skyfarm-featured-content h2 {
    line-height: 1;
}
.skyfarm-featured-row-4.reverse .skyfarm-featured-content{max-width:479px;}
.skyfarm-featured-row-4.reverse .skyfarm-featured-img { width: 592px; margin-left: -45px; margin-right:0}
.skyfarm-featured-row-3 .skyfarm-featured-content{max-width:456px;}
.skyfarm-featured-row-3  .skyfarm-featured-img { width: 583px;  margin-right:-41px;}

.skyfarm-beer{max-width:858px; margin:15px auto 0; text-align:center; z-index: 2; position: relative;}
.skyfarm-beer .top-logo{    display: flex;align-items: center;justify-content: center;     margin-bottom: 23px;}
.skyfarm-beer .top-logo .line{    flex-grow: 1;height: 1px;background: #8FC689;}
.skyfarm-beer .top-logo span{padding:0 0 0 20px;}
.skyfarm-beer h2{font-size:56px; margin:0; line-height:1.07; color:#8FC689; font-family: Gilroy-Bold; font-weight: 100; font-variant-ligatures: none;     margin-bottom: 20px;}
.skyfarm-beer h6{font-size:28px; margin:0; line-height:0.85; color:#27586E; font-family: "Gilroy-SemiBold";  font-weight: 100; font-variant-ligatures: none; margin-bottom: 27px;}
.skyfarm-beer p { max-width: 753px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 24px; color: #343434; margin-bottom: 23px;}

.quantum-quickfact.skyfarm-quickfact { position: relative;z-index: 2;padding-top: 50px;padding-bottom: 95px; max-width: 943px;margin: 0 auto;}
.skyfarm-quickfact .quickfact-single h4{color:#22586E}
.skyfarm-quickfact .quickfact-single p{color:#2C2C2E}
.skyfarm-quickfact .quickfact-row { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 41px; row-gap: 53px;}

.skyfarm-bright {position: relative; z-index: 2; max-width: 607px; margin: 0 auto;    margin-top: 35px;background: url(skyfarm-bright.svg) no-repeat center; background-size:cover; min-height: 199px;display: flex;align-items: center;}
.skyfarm-bright h3{font-family: 'Gilroy-SemiBold'; font-style:italic;   color:#F7F8F1; font-size:24px; line-height:1.5;     max-width: 538px; margin: 0 auto; text-align: center;}
.skyfarm-bright:before{ content:''; width:103px; height:118px; position:absolute; left: -38px; top:0; background:url(skyfarm-bright-b.svg)no-repeat center; background-size:cover;}
.skyfarm-bright:after{ content:''; width:95px; height:94px; position:absolute;     right: -47px; top: -6px; background:url(skyfarm-bright-a.svg)no-repeat center; background-size:cover;}
.skyfarm-bright .bright-box { position: absolute; right: -46px; bottom: -32px;}

.skyfarm-alex{background:url(skyfarm-alex-bg.png) no-repeat center; background-size:cover;     min-height: 705px; display: flex; align-items: center;     margin-top: -5%;z-index: 2; position: relative;}
.alex-container {  max-width: 725px;  margin: 0; margin-left: auto;margin-right: 9%;}
.alex-container p{font-size:28px; line-height:1.5; color:#343434}
.alex-container p:last-child{margin:0}

.skyfarm-geoff{background:url(geoff-banner.png) no-repeat center; background-size:cover;     min-height:689px; display: flex; align-items: center; margin-top:-5%;     margin-bottom: -5%;z-index: 3; position: relative;}
.skyfarm-geoff:before{content:''; width:103px; height:99px; background:url(geoff-b.svg) no-repeat center; background-size:cover; position:absolute; left: 16%; bottom: 32px; z-index: 3;}
.skyfarm-geoff:after{content:''; width:453px; height:261px; background:url(geoff-cloud.png) no-repeat center; background-size:cover; position:absolute; right: 16%; bottom: -91px; z-index: 3;}
.skyfarm-geoff .alex-container {  max-width: 773px; text-align:right;  margin: 0; margin-left: 15%;margin-right: 0; }
.skyfarm-geoff .alex-container p{font-size:24px; line-height:36px; margin-bottom: 55px;}
.skyfarm-geoff .alex-container p:last-child{margin:0; font-size:28px; line-height:1.5}

.skyfarm-blue-wrap{background:url(skyfarm-blue-bg.svg) no-repeat center; position:relative; background-size:cover; padding-bottom:180px;}
.skyfarm-blue-wrap:before { content: ''; width: calc(100% + 5%); height: 644.769px; position: absolute;  left: -5%;  top: -6.8%; background: url(skyfarm-blue-cloud.svg) no-repeat center;  background-size: cover;}
.skyfarm-natural-wrap { max-width: 862px; border-bottom:1px solid rgba(143,198,137,80%); margin: 0 auto; padding-top: 76px; padding-bottom:60px;}
.skyfarm-natural-wrap:before{content:''; width:178px; height:222px; background:url(green-star-sky.svg) no-repeat center; background-size:cover; position:absolute;     top: auto;left: 15%;}
.skyfarm-natural-wrap:after{content:''; width:216px; height:182px; background:url(blue-sky-b.svg) no-repeat center; background-size:cover; position:absolute; top: -2%; right: 14%; transform: rotate(90deg);}


.skyfarm-natural { text-align: center; max-width: 858px; position:relative}
.skyfarm-natural-wrap .skyfarm-natural:before{content:''; width:175px; height:199px; background:url(skyfarm-natural-b.svg) no-repeat center; background-size:cover; position:absolute; top: 54%; left: -14%; }
.skyfarm-natural-wrap .skyfarm-natural:after{content:''; width:148px; height:202px; background:url(skyfarm-natural-a.svg) no-repeat center; background-size:cover; position:absolute;     bottom: -15px; right: -187px; }
.sample-kit-wrap.quantum-sample-kit-wrap.skyfarm-sample-kit-wrap { padding-bottom: 213px;}

.skyfarm-natural .top-logo{    display: flex;align-items: center;justify-content: center;     margin-bottom:66px;}
.skyfarm-natural .top-logo .line{    flex-grow: 1;height: 1px;background: #8FC689;}
.skyfarm-natural .top-logo span{padding:0 0 0 10px;}
.skyfarm-natural h2{font-size:60px; margin:0; line-height:1; color:#F2E9D1; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;     margin-bottom: 4px;}
.skyfarm-natural h6{font-size:28px; margin:0;  color:#72BDAE; font-family: 'Gilroy-SemiBold'; font-style:italic;  font-weight: 100; font-variant-ligatures: none; margin-bottom: 17px;}
.skyfarm-natural p { max-width: 720px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 24px; color: #FFFFFF; margin-bottom: 23px;}
.skyfarm-natural p~ img.img-fluid {margin-top: 55px; max-width: 435px; display: block; margin-left: auto; margin-right: auto;}

.skyfarm-quickfacts {max-width: 967px; margin: 0 auto; padding-top:55px}
.skyfarmfact-head { text-align: center; position:relative}
.skyfarmfact-head:before{content:''; width:103px; height:99px; background:url(skyfarm-quickfacts-bef.svg) no-repeat center; position:absolute; top: 18px;left: -123px;}
.skyfarmfact-head h2 { font-size: 60px;line-height: 1; color: #F2E9D1; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;     margin-bottom: 18px;}
.skyfarmfact-head p { color: #A0D1C9;font-size: 18px; font-family: Gilroy-SemiBold; font-weight: 100; font-variant-ligatures: none; line-height: 24px;max-width: 550px;margin-left: auto;margin-right: auto;}
.quickfact-row.skyfarm-row-to { margin-top: 66px;     column-gap: 38px;    row-gap: 28px;}
.skyfarm-review {max-width: 935px; margin: 50px auto 0; background:url(skyfarm-green-sk.svg) no-repeat center; background-size:cover; position:relative;     padding-top: 115px;padding-bottom: 65px;}
.skyfarm-review p{max-width:719px; margin-left:auto; margin-right:auto;font-size:24px; line-height:1.5; color:#fff; font-style:italic;margin-bottom: 2px; font-weight: 100;
    font-variant-ligatures: none;} 
.skyfarm-review p strong{display:block; font-style:italic; font-weight: 100;
    font-variant-ligatures: none;}
.skyfarm-review:before{content:''; width:245px; height:265px; background:url(skyfarm-green-sk-b.svg) no-repeat center; background-size:cover; position:absolute; left: -142px; top: 29px;}
.skyfarm-review:after{content:''; width:103px; height:99px; background:url(skyfarm-green-sk-a.svg) no-repeat center; background-size:cover; position:absolute; right: -50px; top: -14px;}
.skyfarm-quickfacts.skyfarm-quickfacts-2 .quickfact-row.skyfarm-row-to { margin: 0;}
.skyfarm-quickfacts.skyfarm-quickfacts-2 hr{background:rgba(143,198,137,80%); max-width:862px; margin:70px auto 50px;     opacity: 1;}
.skyfarm-quickfacts.skyfarm-quickfacts-2{position:relative}
.skyfarm-quickfacts.skyfarm-quickfacts-2:before{content:""; width:82px; height:171px; background:url(skyfarm-quickfacts-b.svg) no-repeat center; background-size:cover; position:absolute; top: -136px; right: -116px;}
.skyfarm-quickfacts.skyfarm-quickfacts-2:after{content:""; width:129px; height:126px; background:url(skyfarm-quickfacts-2-a.svg) no-repeat center; background-size:cover; position:absolute; bottom: -30px;right: -136px;}

.skyfarm-brew-row { max-width: 1076px;display: flex;align-items: center;justify-content: space-between; margin: 0 auto; position:relative;}
.skyfarm-brew-row:before{content:''; width:103px; height:99px; background:url(sky-brew-b.svg) no-repeat center; background-size:cover; position:absolute; left: -43px; top: -24px; }
.skyfarm-brew-row:after{content:''; width:77px; height:221px; background:url(sky-brew-a.svg) no-repeat center; background-size:cover; position:absolute; left: -114px;bottom: -69px;}



.skyfarm-brew-content { max-width: 411px; width: 100%;text-align: right;}

.skyfarm-brew-img {max-width: 601px; width: 100%;}
.skyfarm-brew-content h2 {color: #F2E9D1;font-size: 56px;line-height: 1.07;font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;}
.skyfarm-brew-content h6 {font-size: 16px;line-height: 24px;color: #A0D1C9;font-family: Gilroy-SemiBold;font-weight: 100; font-variant-ligatures: none; margin-bottom: 13px;}
.skyfarm-brew-content p { color: #fff;}

.skyfarm-comparing .quantum-comparing-row{align-items:center}
.skyfarm-comparing .quantum-comparing-row:before{content:''; width:130px; height:124px; background:url(skyfarm-compare-b.svg) no-repeat center; background-size:cover;position:absolute; right: -67px;  bottom: 0; left: auto; top: auto;}
.skyfarm-comparing .table-row .text { color: #F7F8F1;}
.skyfarm-comparing .quantum-comparing-table .table-head .other{background:#A0D1C9}
.skyfarm-comparing .table-row .other { color: #A0D1C9;}
.skyfarm-comparing .quantum-comparing-table .quantum {background: #8EAD6F;}
.skyfarm-comparing .quantum-comparing-content h6 {color: #A0D1C9;}
.skyfarm-comparing .quantum-comparing-table { width: 633px; margin-top: 0;}
.skyfarm-comparing .quantum-comparing-content { width: 340px;}
.quantum-comparing.skyfarm-comparing  {padding-top: 60px;}
.skyfarm-natural-wrap2 { margin-top: 77px;    position: relative;}
.skyfarm-natural-wrap2:before{content:''; width:640px; height:369px; background:url(cloud-fruit.png) no-repeat center; top: -160px; left: -79px; position:absolute;}
.skyfarm-natural-wrap2:after{content:''; width:444px; height:256px; background:url(cloud-fruit2.png) no-repeat center; top: 62px; right: 80px; position:absolute;}
.skyfarm-natural-wrap2 .skyfarm-natural { margin: 0 auto; position:relative}
.skyfarm-natural-wrap2 .skyfarm-natural p{max-width:826px;}
.skyfarm-natural-wrap2 .skyfarm-natural h2{margin-bottom:11px}
.skyfarm-natural-wrap2 .skyfarm-natural  h6 {color: #A0D1C9;}
.skyfarm-natural-wrap2 .skyfarm-natural h5{color:#A0D1C9; font-size:18px; line-height:24px;font-family: Gilroy-Bold; font-weight: 100;font-variant-ligatures: none;}
.skyfarm-natural-wrap2 .skyfarm-natural .top-logo{margin-bottom:52px;}

.skyfarm-free-sam { max-width: 914px; margin: 0 auto; text-align: center; background:url(skyfarm-sample-sk.svg) no-repeat center;position:relative;      padding-top: 103px; padding-bottom:9px; background-size:cover;}
.skyfarm-free-sam h2{color:#22586E; font-size:56px; line-height:1.28;font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none; }
.skyfarm-free-sam h6{color:#F7F8F1; font-size:28px; font-family: 'Gilroy-SemiBold'; font-style:italic;  font-weight: 100; font-variant-ligatures: none; margin-bottom: 10px;}
.skyfarm-free-sam p{color:#F7F8F1; max-width:696px; margin-left:auto; margin-right:auto;     margin-bottom: 30px;}
.skyfarm-free-sam .btn-white{background:#F7F8F1; color:#22586E; border:2px solid #F7F8F1; max-width:333px; margin:0 auto; display:block;}
.skyfarm-free-sam .btn-white:hover{background:#27586E; color: #F7F8F1;}
.skyfarm-free-sam .btn-white:focus{background:#A0D1C9; color:#27586E;}
.skyfarm-free-sam-wrap {  z-index: 2; position: relative;}
.skyfarm-natural-wrap2 .skyfarm-natural:before{content:''; width:206px; height:239px; position:absolute;     bottom: -42%;left: -131px; z-index:3; background:url(skyfarm-want-star.svg) no-repeat center; background-size:cover;}
.skyfarm-free-sam:after{content:''; width:237px; height:291px; position:absolute; top:0; right:-141px; z-index: -1; background:url(skyfarm-want-a.svg) no-repeat center; background-size:cover;}
.skyfarm-free-sam:before{content:''; width:130px; height:124px; position:absolute; bottom: 47px;left: -43px; background:url(skyfarm-want-b.svg) no-repeat center; background-size:cover;}

.skyfarm-free-sam-wrap:before{content:""; width:855px; height:389px;     left: -1%; bottom: -275px; position:absolute; background:url(skyfarm-blue-cloud-bo-l.png) no-repeat center; background-size:cover; }
.skyfarm-free-sam-wrap:after{content:""; width:681px; height:369px; right: -140px; bottom: -183px; position:absolute; background:url(skyfarm-blue-cloud-bo-r.png) no-repeat center; background-size:cover; }

.ab-collection-wrap.skyfarm-col-hop .container> h2 { font-size: 56px; color: #22586E;  line-height: 60px; margin-bottom: 34px;}
.skyfarm-col-hop  .collection-filters-form .Collapsible{width:379px;}
.skyfarm-col-hop .CollectionInner__Products h3.desk-sho { color: #22586E;}
.skyfarm-col-hop .collection-box-caption { width: calc(100% - 131px);padding-left: 10px;}
.skyfarm-col-hop  .collection-box-img {  max-width: 142px; min-width: 142px;}
.collection-box-img a img{transition:0.5s ease all;}
.collection-box-img a:hover img {transform: scale(1.05);}
.skyfarm-col-hop .a-pro-icon img {filter: inherit;}
.ab-collection-wrap.skyfarm-col-hop .container:before {  content: ''; width: 103px; height: 99px; position: absolute;background: url(skyfarm-col-b.svg) no-repeat center; background-size: cover; top: 74%; left: -120px;}
.ab-collection-wrap.skyfarm-col-hop .container:after { content: ''; position: absolute; background: url(skyfar-col-a.svg) no-repeat center; width: 111px; height: 236px; top: 48%;  right: -13%;}
.skyfarm-col-hop .collection-row:before {  content: ''; width: 103px; height: 99px; position: absolute;background: url(skyfarm-col-a2.svg) no-repeat center; background-size: cover;     top: 7%; right: -110px;}
.skyfarm-col-hop .collection-row{position:relative}
.ab-collection-wrap.skyfarm-col-hop {padding-top: 5px; padding-bottom:4px;}

/* product skyfarm css*/
.ab-product-wrap.product-skyfarm{background:url(pro-skyfarm-bg.jpg) no-repeat center bottom; background-size:cover; padding-top:200px; padding-bottom:190px;}
.product-skyfarm .product-l-text h5 a { color: #27586E; text-decoration: none;}
.product-l-text h5 a b{    font-family: Gilroy-Bold; font-weight: 100;
    font-variant-ligatures: none;}
.product-skyfarm .product-l-text h1{color: #27586E; line-height:1; text-transform:lowercase;}
.product-skyfarm .product-l-text .a-pro-icon span { color: #27586E; font-family: 'Gilroy-SemiBold'; }
.product-skyfarm .a-pro-icon img { filter: inherit;}
.product-skyfarm .product-l-text p{ color: #27586E; font-family: 'Gilroy-SemiBold';     max-width: 294px;}
.product-skyfarm  .product-slide .item img {  max-width: 335px;}
.product-skyfarm .product2-left{align-items:center;}
.product-skyfarm .product2-des .swatch p { display: none;}
.product-skyfarm .btn-sec {  width: 100%; display: flex; align-items: center; justify-content: center;padding: 13.5px;}
.product-skyfarm .qty-flex-wrap h4.price, .qty-flex-wrap p.price { font-size: 31px;margin-left: 51px;}
.product-skyfarm .btn-sec span {margin-right: 10px;}
.product-skyfarm .select-dropdown__button {font-family: 'Gilroy-Regular', sans-serif; color: #636366;}
.product-skyfarm .qty-flex input.quantity-selector2 {font-size: 13px; color: #636366;}
.product-skyfarm .ab-product-row { align-items: center; max-width:1119px; margin-bottom: 135px;}
.product-skyfarm .pro-from {margin-top: 30px;}
.product-skyfarm .product2-des .btn#AddToCart{margin-bottom:15px;}
.product-skyfarm .arrow-down {text-align: center;}
.fector_head_skyfarm { max-width: 1119px; margin: 50px auto 0;}
.fector_head_skyfarm .fector_head h2 { color: #27586E;}
.fector_head_skyfarm .fector_feat_wrap .item h4{ color: #27586E; border-color:#27586E}
.fector_head_skyfarm .fector_feat_wrap .item .d-flex>div .icon { background: rgba(39, 88, 110, 15%);}
.fector_head_skyfarm .fector_feat_wrap img { filter: inherit;}
.fector_head_skyfarm .fector_feat_wrap .item .d-flex>div p { color: #27586E; font-size:16px;}
.fector_head_skyfarm .fector_feat_wrap .item { width: 100%; max-width:551px;}
.fector_head_skyfarm .single_factors_card {background: rgba(39, 88, 110, 9%);}
.fector_head_skyfarm .single_factors_card h4, .fector_head_skyfarm .single_factors_card p {color: #27586E;}

.fector_head_skyfarm .factors_card {position: relative;}

.fector_head_skyfarm .factors_card:before { content: "";width: 69px; height: 66px; position: absolute; right: -63px;  background: url(skyfarm-dominant-b.svg) no-repeat center; background-size: cover; top: -49px;}

 /* skyfarm sample kit css*/
 .sample-sky-wrapper .product-skyfarm .product-slide .item img {max-width: 375px;}

 .sample-sky-wrapper .product2-right {
    width: 296px;
}
 .product-skyfarm-wrapper .product-slide {margin:0}
 .sample-sky-wrapper .product-skyfarm .product2-left{justify-content:space-between;}
 .sample-sky-wrapper .ab-product-wrap.product-skyfarm{padding-top:278px;}
  .sample-sky-wrapper .product-skyfarm .ab-product-row{margin-bottom:52px;}
.sample-sky-wrapper  .skyfarm-collection-banner-footer { padding-top: 0;  text-align: center;}
.product-skyfarm-wrapper.sample-sky-wrapper .ab-product-wrap.product-skyfarm{padding-bottom:90px; background:url(skycity-sample.jpg) no-repeat center; background-size:cover;}
.infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit{padding-top:18px; padding-bottom: 180px;}
.infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit .container>h2, .infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit h4{color:#27586E}
div.skyfarm-sample-kit#kits:before{display:none;}
.infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit .infused-single-img img{max-width:142px;}
.infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit .infused-single-smaple{padding-top:0}
.infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit .infused-single-img{top:-10px;}

.infused-single-smaple h5 {
    font-size: 12px;
    line-height: 24px;
    color: #737374; margin:0;
}
.infused-single-smaple h5 b {
    font-family: Gilroy-Bold;
    font-weight: 100;
    font-variant-ligatures: none;
}

.infused-single-img span.tag.show767 {
    background: #1C1C1E;
    position: absolute;
    top: 22px;
    left: 7px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    border-radius: 3px;
    font-family: Gilroy-Bold;
    font-weight: 100;
    font-variant-ligatures: none;
    padding: 4px 4px;
}
.a-pro-icon .show767>div {
    display: flex;
    align-items: center;
}

.a-pro-icon .show767>div img {
    max-width: 24px;
}

/* .quantum-collection-row .custom-slides .collection-box-caption {
    padding: 0;
} */

.quantum-collection-row .custom-slides .collection-box-caption p:empty {
    display: none;
}

.colllection-wrap-kit .custom-slides .ab-collection-box .qty-flex {
    max-width: 127px;
    margin-left: 0;
    width: 127px;
}
.custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit {
    padding-bottom: 40px;
}

.custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .collection-box-caption a {
  text-decoration: none;
}

.custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .collection-box-caption p.description + p {
 font-family: "Gilroy-Regular";
 line-clamp: inherit;
 -webkit-line-clamp: inherit;
}

.custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .collection-box-caption p {
  line-clamp: inherit;
  -webkit-line-clamp: inherit;
}

.custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .collection-box-caption {
  padding: 0;
}

.omni-perfect-wrap img.tag {
    position: absolute;
    right: -29%;
    mix-blend-mode: multiply;
    top: 38%;
}
@media (min-width:1280px){
.custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .ab-collection-box .d-flex {
    display: flex;
    flex-wrap: nowrap;     gap: 10px;
    margin-bottom: 0px;
}
  .custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .ab-collection-box .d-flex .select-wrp {
    display: none;
}

    .custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .ab-collection-box .btn span{margin-right:0}
  .custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .ab-collection-box .btn {
    min-width: auto;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 0;
}

  .custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .ab-collection-box .qty-flex {
    max-width: 98px;
    margin-left: 0;
    width: 98px;
}
}
.custom-slide-wrap.quantum-collection-row.skykit-collection-row .item{padding-top:20px; padding-bottom:10px;}
.custom-slide-wrap.quantum-collection-row.skykit-collection-row .collection-box-img{top:-10px; margin-bottom:0}
.custom-slide-wrap.quantum-collection-row.skykit-collection-row .collection-box-img a img{top:0}
 /* .custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .ab-collection-box .qty-flex {
    max-width: 100px;
    margin-left: 0;
    width: 100px;
}
.custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .ab-collection-box .btn {
    min-width: auto;
   width: calc(100% - 110px);
} */
@media (max-width:1600px){
.skyfarm-collection-banner-footer{padding-top:53px;}
  .skyfarm-collection-banner{position:relative; background:url(skycity-140.jpg) no-repeat bottom left; padding-top:160px; padding-bottom:100px; background-size:cover;}
  .skyfarm-natural-wrap:before{left:43px;}
  .skyfarm-natural-wrap{padding-top:70px;}
  .sample-kit-wrap.quantum-sample-kit-wrap.skyfarm-sample-kit-wrap{padding-bottom:200px;}
  .skyfarm-natural-wrap:after{right:32px;}
  .skyfarm-natural-wrap2:before{left:-23%}
  .skyfarm-natural-wrap2:after{right:-10%}
  .skyfarm-free-sam-wrap:after{right:-23%;}
  .skyfarm-free-sam-wrap:before{left:-18%}
   .skyfarm-alex { background: url(skyfarm-alex-bg14.png) no-repeat left center; background-size:cover;}
  .skyfarm-geoff{background:url(geoff-banner140.png) no-repeat center right; background-size:cover; margin:-6% 0;}
  .skyfarm-geoff .alex-container{margin-left:10%}
  .skyfarm-geoff:before{left:66px;}
  .skyfarm-geoff:after{right:0}
  .skyfarm-geoff .alex-container p {
    margin-bottom: 42px; max-width: 580px; margin-left: auto;}
  .skyfarm-geoff .alex-container p:last-child {margin: 0;  font-size: 28px;line-height: 1.5; max-width: 708px;}
  .alex-container { max-width: 544px;margin: 0; margin-left: auto; margin-right: 6%;}
  .ab-collection-wrap.skyfarm-col-hop .container:after{right:-11%;}
.ab-product-wrap.product-skyfarm {
    background: url(pro-skyfarm-bg-1440.jpg) no-repeat center bottom;
    background-size: cover;     background-position: 74% 70%;
}
  .omni-perfect-wrap img.tag {
    position: absolute;
    right: -28%;
    mix-blend-mode: multiply;
    top: 38%;
}
 
}
@media (max-width:1280px){
.skyfarm-collection-banner, .sample-kit-wrap.quantum-sample-kit-wrap.skyfarm-sample-kit-wrap, div#down-qt, .skyfarm-alex, .skyfarm-feat-wrapper { zoom: 80%;}
  }
@media (max-width:992px){
  .omni-perfect-wrap img.tag {
   display:none;
}
  .fector_head_skyfarm .factors_card:before {display:none;}
.skyfarm-collection-banner, .sample-kit-wrap.quantum-sample-kit-wrap.skyfarm-sample-kit-wrap, div#down-qt, .skyfarm-alex, .skyfarm-feat-wrapper { zoom: 100%;}
  .skyfarm-collection-banner{background:url(skycity-m.jpg) no-repeat bottom center; background-size:cover; padding-top: 109px; padding-bottom:0}
  .skyfarm-collection-banner-row {flex-direction: column;justify-content: center; align-items: center;}
  .skyfarm-banner-logo { max-width: 292px;}
  .skyfarm-banner-bottle {max-width: 259px; margin-top:33px;}
  .skyfarm-banner-content { margin-top: 16px; text-align: center;}
  .skyfarm-banner-content h2 {font-size: 34px; line-height: 40px; margin-bottom: 7px;}
.skyfarm-banner-content p { font-size: 16px;line-height: 24px; max-width: 231px;margin: 0 auto 30px;}
.skyfarm-collection-banner-footer h3 {  font-size: 24px; line-height: 36px; max-width: 281px; margin: 0 auto 20px;}
.skyfarm-collection-banner-footer p { font-size: 14px; line-height: 21px; margin-bottom: 20px;}
  .skyfarm-collection-banner-footer .btn-green { min-width: 293px; margin-top: 13px;}
  .skyfarm-collection-banner .container:before { bottom: -176px;left: auto;right: 30px; z-index: 2;}
  .skyfarm-natural-wrap:after {  width: 79px; height: 62px;}
  .skyfarm-natural-wrap:before {  left: 4px;  width: 46px; height: 57px; top:146px;}
  .skyfarm-natural-wrap{padding-left:16px; padding-right:16px; padding-bottom:0; border:none;}
  .skyfarm-natural .top-logo{margin-bottom:3px;}
  .skyfarm-natural h2 {font-size: 34px;  line-height: 1;}
  .skyfarm-natural h6 { font-size: 19px;}
  .skyfarm-natural p { font-size: 14px; line-height: 21px;padding-left: 13px; padding-right: 13px;}
  .skyfarm-natural p~ img.img-fluid { margin-top: 42px; max-width: 309px; display: block; }
.skyfarm-natural-wrap .skyfarm-natural:before{display:none}
  .skyfarm-natural-wrap .skyfarm-natural:after {width: 42px;height: 49px; right: -10px; bottom: 121px;}
  .skyfarm-natural-wrap .skyfarm-natural{padding-bottom:44px;border-bottom: 1px solid rgba(143, 198, 137, 80%);}
  .skyfarm-quickfact-wrap { padding: 0 16px;}
  .skyfarmfact-head h2 { font-size: 34px; margin-bottom: 12px;}
  .skyfarmfact-head p {font-size: 14px;line-height: 21px; }
.quickfact-row.skyfarm-row-to { margin-top: 48px;column-gap: 19px;  row-gap: 22px;}
  .quickfact-row { grid-template-columns: repeat(2, 1fr);}
  .skyfarm-quickfacts.skyfarm-quickfacts-2{padding-left:16px; padding-right:16px;}
  .quickfact-single p br{display:none;}
  .skyfarm-quickfacts.skyfarm-quickfacts-2 .quickfact-row.skyfarm-row-to { margin: 0; column-gap: 39px;}
  .skyfarm-quickfacts.skyfarm-quickfacts-2:after { width: 51px; height: 50px;right: -2px; bottom: 7px;}
  .skyfarm-quickfacts.skyfarm-quickfacts-2 hr { margin: 48px auto;}
  .skyfarm-blue-wrap:before { width: 100%; left: 0; top: -6%;}
  .skyfarm-review:before, .skyfarm-review:after{display:none}
  .skyfarm-review{background:url(skyfarm-green-sk-m.svg)no-repeat center; margin-top:59px; clip-path: polygon(0 0, 100% 7%, 100% 93%, 0% 100%); background: #8EAD6F; background-size:cover; padding:64px 25px}
  .skyfarm-review p{font-size:16px; line-height:24px; margin-bottom: 32px; max-width: 100%;}
  .skyfarm-review p.text-right { text-align: left; font-size: 18px; margin:0}
   .skyfarm-brew-content h2 {font-size: 34px; line-height: 1;}
  .skyfarm-brew-content h6 {font-size: 14px;line-height: 21px;}
  .skyfarm-brew-content p {font-size: 14px; line-height: 21px;}
.skyfarm-comparing .quantum-comparing-row:before{width:37px; height:36px; bottom:20%}
  .skyfarm-natural-wrap2 {margin-top: 22px; position: relative; padding: 0 16px;}
  .skyfarm-natural-wrap2:before { left: -50%; width: 321px;  height: 185px; background-size: cover; top: -51px;}
.skyfarm-natural-wrap2:after {right: -51%; width: 320px; height: 185px; background-size: cover;}
  .skyfarm-natural-wrap2 .skyfarm-natural .top-logo { margin-bottom: 0;}
  .skyfarm-natural-wrap2 .skyfarm-natural h5 { font-size: 14px; line-height: 20px;  padding: 0 36px;}
  .skyfarm-feat-wrapper-white { max-width: calc(100% - 40px); border-radius:27px 27px 0 0; padding-bottom:60px; }
  .skyfarm-featured-row, .skyfarm-featured-row.reverse{padding:0 18px; margin-bottom:35px;}
  .skyfarm-featured-img {width: 51%; margin-right: 0;}
  .skyfarm-featured-content, .skyfarm-featured-row-3 .skyfarm-featured-content {max-width: inherit; width: 48%; margin-top: 0;}
  .skyfarm-featured-row.reverse{margin-top:0}
  .skyfarm-featured-row.reverse .skyfarm-featured-img { width: 51%; margin-right: 0;margin-left: 0;}
.skyfarm-featured-row.reverse .skyfarm-featured-content {text-align: right; max-width: inherit; margin-top: 0; width: 48%;}
.skyfarm-featured-row-3 .skyfarm-featured-img {width: 51%; margin-right: 0;}
.skyfarm-featured-content h2 { font-size: 32px; line-height: 40px;}
.skyfarm-featured-content h6 { font-size: 16px;}
.skyfarm-featured-content p{font-size:14px; line-height:20px;}     
  .skyfarm-beer{margin-top:0; padding:0 16px;}
  .skyfarm-beer h2 { font-size: 34px;line-height: 40px; color: #8EAD6F; margin-bottom: 15px;}
.skyfarm-beer .top-logo { margin-bottom: 13px;}
  .skyfarm-beer h6 { font-size: 18px;line-height: 27px; margin-bottom:22px;}
  .skyfarm-beer p {font-size: 14px;line-height: 21px;  padding: 0 6px;}
  .skyfarm-feat-wrapper-white:before{border-radius:27px; transform: none;}
  .quantum-quickfact.skyfarm-quickfact { max-width: 650px;}
    .skyfarm-alex { background: url(skyfarm-alex-bg76.png) no-repeat  center; background-size: cover; min-height:532px; margin-top: -7%;}
  .alex-container { max-width: 267px; text-align: right;}
  .alex-container p { font-size: 18px; margin-bottom:11px;}
  .alex-container p:last-child {font-size: 14px;}
.alex-container p:last-child strong { font-size: 18px;}
.skyfarm-geoff {
    background: url(geoff-banner76.png) no-repeat center right;
    background-size: cover;
    margin: -12% 0;
    min-height: 1141px;
}
  .skyfarm-geoff .alex-container {
    margin-left: 23px;
}
  .skyfarm-geoff .alex-container {
    margin-left: 23px;
    text-align: left;
}
  .skyfarm-geoff:before {left: 10px;width: 40px; height: 38px;}
  .skyfarm-geoff:after { right: 0;width: 320px; height: 185px;}
  .skyfarm-col-hop .collection-row:before,  .ab-collection-wrap.skyfarm-col-hop .container:before, .ab-collection-wrap.skyfarm-col-hop .container:after{display:none;}
  .skyfarm-sample-kit-wrap .head:before {top: -37px;right: 19px;}
  .skyfarm-free-sam {  max-width: 376px; margin: 0 auto;  text-align: center; background: url(skyfarm-sample-sk-m.svg) no-repeat center;position: relative;  padding-top: 74px;  padding-bottom: 0;  background-size: cover;}
.skyfarm-free-sam h2 {  font-size: 34px; line-height: 1; max-width: 227px;margin-left: auto; margin-right: auto;}
.skyfarm-free-sam h6{font-size:18px;}
  .skyfarm-free-sam p { font-size: 14px;line-height: 21px;max-width: 263px; margin-bottom:10px;}
  .skyfarm-free-sam .btn-white {
    background: #F7F8F1;
    color: #22586E;
    border: 2px solid #F7F8F1;
    max-width: 267px;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    padding: 15px;
    bottom: -14px;
    position: relative;
}
  .skyfarm-free-sam:before {
    width: 68px;
    height: 65px;
    left: -25px;
    bottom: 55px;
}
  .skyfarm-free-sam:after {
    width: 125px;
    height: 153px;
    right: -62px;
    top: 151px;
}
  .skyfarm-natural-wrap2 .skyfarm-natural:before {
    width: 109px;
    height: 126px;
    left: 21%;
    bottom: -39%;
}
.skyfarm-free-sam-wrap:before {
    left: -36%;
    width: 321px;
    height: 185px;
    bottom: -129px;
    background-position: right;
}
.skyfarm-free-sam-wrap:after {
    right: -45%;
    width: 320px;
    height: 185px;
    bottom: -103px;
}
  skyfarm-free-sam-wrap {
    z-index: 2;
    position: relative;
    margin-top: 23px;
}

.skyfarm-blue-wrap{padding-bottom:85px;}
  .skyfarm-problem-purees-wrap {
    max-width: 386px;
    background: url(skyfarm-puress-bg-m.svg) no-repeat center;
    background-size: cover;
    padding-top: 69px;
    padding-bottom: 28px; margin-top: 30px;
}
  .skyfarm-problem-purees h2 {
    font-size: 34px;
    line-height: 40px;
    max-width: 258px;
    margin: 0 auto 10px;
}
.skyfarm-problem-purees p {
    font-size: 14px;
    line-height: 21px;
    max-width: 264px;
}
.skyfarm-problem-purees h6 {
    font-size: 16px;
    max-width: 274px;
    margin: 0 auto 10px;
}
  .skyfarm-feat-wrapper-white {
    max-width: calc(100% - 40px);
    border-radius: 27px 27px 0 0;
    padding-bottom: 60px;
     padding-top: 0;
    margin-top: 27px;
}
  .skyfarm-feat-wrapper-white:after {
    width: 100%;
    border-radius: 27px 27px 0 0;
    background: #F7F8F1;
    z-index: 1;
    position: absolute;
    content: "";
    height: 25%;
    top: -78px;
}
  .skyfarm-problem-purees-wrap:before {
    width: 84px;
    height: 95px;
    top: 0;
    right: 0;
    background-size: cover;
    z-index: 4;
}
  .skyfarm-problem-purees-wrap:after {
    width: 321px;
    height: 185px;
    left: -31%;
    top: 81%;
}
  .skyfarm-problem-purees:before{display:none;}
  .skyfarm-review{max-width:100%;}
    .skyfarmfact-head:before {
    width: 45px;
    height: 44px;
    left: 0;
    background-size: cover;
    top: 97%;
}
  .sample-sky-wrapper .product2-right {
    width: 100%;
}
  .sample-sky-wrapper .product-l-text {
    max-width: 100%;
}
  .quantum-collection-row .custom-slides  .collection-box-footer {
    padding: 0;
}
  .colllection-wrap-kit .custom-slides .collection-box-footer .btn{margin-bottom:0}
  .quantum-collection-row.skykit-collection-row .custom-slides .collection-box-caption {
    padding: 0 9px;
}
 .quantum-collection-row.skykit-collection-row .custom-slides .collection-box-footer {
    padding: 9px 9px;
}
  .custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .collection-box-footer {
    padding: 0;
}
  }

@media (max-width:768px){
  .slide.slide-brew .slide_row {  max-width: 594px; padding-right: 0;}
  .hero-slider .slick-dots {        
    top: 82.5%;
    left: 67.5%;
    background: transparent;
    padding: 0;
    text-align: left;
}
  .skyfarmfact-head p {max-width: 285px;}
  .skyfarm-brew-row { flex-wrap: wrap;}
  .skyfarm-brew-content { max-width: 100%; padding: 0 16px 30px 0;}
  .skyfarm-brew-img { max-width: 100%;  width: 100%;}
  .skyfarm-brew-content h2 {font-size: 34px; line-height: 1;  max-width: 202px; margin-left: auto; margin-bottom: 20px;}
  .skyfarm-brew-row:before { width: 60px; height: 58px;  left: 17%;  top: 0;}
  .skyfarm-brew-content h6 {font-size: 14px;line-height: 21px; margin-bottom: 25px; }
 .quantum-comparing.skyfarm-comparing {padding: 60px 16px 0;}
  .skyfarm-comparing .quantum-comparing-content { width: 340px; text-align: left;}
  .skyfarm-comparing .quantum-comparing-content h2, .skyfarm-comparing .quantum-comparing-content h6{margin-left:0}
.skyfarm-comparing .quantum-comparing-row:before { bottom: -48px; right: -6px; }

  .skyfarm-comparing .quantum-comparing-table{margin-top:40px}
  .skyfarm-featured-row{flex-wrap:wrap;}
  .skyfarm-featured-img, .skyfarm-featured-row.reverse .skyfarm-featured-img, .skyfarm-featured-row-3 .skyfarm-featured-img{width:100%;}
   .skyfarm-featured-content, .skyfarm-featured-row-3 .skyfarm-featured-content {max-width: inherit; width: 100%; margin-top: 0;}
  .skyfarm-featured-content h6 br{display:none;}
  .skyfarm-featured-content p{max-width:300px;}
  .skyfarm-featured-content h2{max-width:203px;}
  .skyfarm-featured-row.reverse .skyfarm-featured-content { width: 100%;}
  .skyfarm-featured-row.reverse .skyfarm-featured-content h2, .skyfarm-featured-row.reverse .skyfarm-featured-content h6 { max-width: 203px; margin-left: auto;}
   .skyfarm-featured-row.reverse .skyfarm-featured-content p {
    max-width: 300px;
    margin-left: auto;
}
  .skyfarm-featured-content, .skyfarm-featured-row-3 .skyfarm-featured-content h2 {
    max-width: 100%;
}
  .skyfarm-featured-row.reverse.skyfarm-featured-row-4 h2, .skyfarm-featured-row.reverse.skyfarm-featured-row-4 h6 {
    max-width: 100%;
}
  .skyfarm-beer h6 {max-width: 232px;margin-left: auto; margin-right: auto;}
  .quantum-quickfact.skyfarm-quickfact { max-width: 100%; padding:0 22px; margin-top:60px}
  .skyfarm-quickfact .quickfact-row {  display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 41px;  row-gap: 25px;}
  .skyfarm-bright{max-width:319px; margin-top:45px; min-height:253px; background:url(skyfarm-bright-m.svg) no-repeat center; background-size:cover; }
  .skyfarm-bright h3{max-width:244px; padding-top:6px;}
  .skyfarm-bright:before {  width: 91px; height: 99px; left: 7px;background: url(skyfarm-bright-b-m.svg) no-repeat center;     top: -43px; left:7px;}
  .skyfarm-bright .bright-box{display:none;}
  .skyfarm-bright:after {right: -14px;top: auto; bottom: -27px;}
  .skyfarm-quickfact .quickfact-single h4{line-height:20px;}
.alex-container{margin-right:50px;}
  .skyfarm-alex { min-height: 459px; margin-top: -10%;}
  .skyfarm-feat-wrapper{padding-bottom:118px;}
  .skyfarm-geoff .alex-container p{font-size:18px; line-height:27px;}
.skyfarm-geoff {
    min-height: inherit;
    padding-top: 69px;
    padding-bottom: 84px;
    clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 92%);
}
  .skyfarm-geoff .alex-container p {
    max-width: 240px;
    margin: 0;
    font-size: 18px;
    line-height: 27px;
}
  .skyfarm-geoff .alex-container p:last-child{font-size:14px; margin-top:18px;}
  .skyfarm-geoff .alex-container p:last-child strong{font-size:18px;}
  .skyfarm-blue-wrap:before{top:-5%}
  .skyfarm-col-hop .collection-filters-form .Collapsible{width:100%}

  .skyfarm-col-hop .collection-box-img {
    max-width: 112px;
    min-width: 112px;
}
  .skyfarm-col-hop .collection-box-caption {
    width: 100%;
    padding: 0 9px 10px;
}
  .ab-collection-wrap.skyfarm-col-hop .container> h2 {
    font-size: 34px;
    color: #22586E;
    line-height: 40px;
    margin-bottom: 13px;
}
  .ab-collection-wrap.skyfarm-col-hop {
    padding-top: 155px;
    padding-bottom: 41px;
}
  .skyfarm-col-hop .CollectionInner__Products h3.desk-sho {
    color: #22586E;
    display: block !important; margin-top: 25px;
}
  .skyfarm-col-hop  .collection-box-footer .btn span {
    display: block;
}
  .skyfarm-col-hop .collection-box-footer .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
    font-size: 15px;
}
  .sample-kit-wrap.quantum-sample-kit-wrap.skyfarm-sample-kit-wrap .head p{max-width:277px;}
.skyfarm-blue-wrap:before {
    content: '';
    width: 100%;
    height: 652px;
    position: absolute;
    left: 0;
    top: -4%;
    background: url(skyfarm-blue-cloud-m.png) no-repeat center;
    background-size: cover;
}
  .skyfarm-natural-wrap:after {
    width: 79px;
    height: 86px;
    background: url(blue-sky-b-m.svg) no-repeat center;
    background-size: cover;
    transform: none;
    right: 10px;     top: -88px;
}
  .skyfarm-natural-wrap{padding-top:0}
  .sample-kit-wrap.quantum-sample-kit-wrap.skyfarm-sample-kit-wrap {
    padding-bottom: 186px;
}
  .skyfarm-natural-wrap:before{top:76px;}
  .skyfarm-natural-wrap2 .skyfarm-natural:before{display:none;}
  .skyfarm-free-sam .star.img-fluid {
    max-width: 109px;
    position: absolute;
    top: 11px;
    left: -20px;
}
.skyfarm-problem-purees-wrap:before{display:none;}
  .skyfarm-alex.skyfarm-geoff img.img-fluid.show767 {
    position: absolute;
    max-width: 84px;
    bottom: -56px;
    right: 0;
    z-index: 4;
}
.skyfarm-blue-wrap {
    background:  url(skyfarm-blue-bg-m.jpg) no-repeat center top;
    position: relative;
    background-size: cover;
    background-position: 0 -30px;
}
  .ab-product-wrap.product-skyfarm{padding-top:66px;     padding-bottom: 162px;     background: url(pro-skyfarm-bg-m.jpg) no-repeat center;
    background-size: cover;}
  .product-skyfarm .product-slide .item img {
    max-width: 246px;
}
 .product-skyfarm .product-l-text p {
    margin-left: auto;
    margin-right: auto;
    max-width: 344px;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Gilroy-Regular', sans-serif;
}
  .product-skyfarm .ab-product-row {
    margin-bottom: 40px;
}
  .product-skyfarm .product2-right .mobile-sticky-btn a.toggle {
    padding: 1px 7px;
}
.product-skyfarm .product2-right.active .mobile-sticky-btn a.toggle {
    padding: 1px 0;
}
  .quantum-comparing-row {
    position: relative;
}

 .quantum-comparing-row  img.img-fluid.show767.sk1 {
    position: absolute;
    left: 45%;
    top: -47px;
}

 .quantum-comparing-row img.img-fluid.show767.sk2 {
    position: absolute;
    right: 60px;
    top: -16px;
}
  .skyfarm-alex.alex2 {
    min-height: 459px;
    margin-top: -10%;
    background-position: 64%;
}
  .sample-sky-wrapper .ab-product-wrap.product-skyfarm {
    padding-top: 140px;
}
  .sample-sky-wrapper .product-skyfarm .product-slide .item img {
    max-width: 333px;
}
  .sample-sky-wrapper .product-l-text {
    max-width: 100%;
    padding-top: 100px; margin-top:0;
}
  .product-skyfarm .product-l-text h1 {
    max-width: 297px;
    margin-left: auto;
    margin-right: auto;
}
 .sample-sky-wrapper .product-skyfarm .product-l-text  p{font-size: 16px;
    line-height: 24px;
    max-width: 231px;
    margin: 0 auto 30px;
    font-family: "Gilroy-SemiBold";
    font-weight: 100;
    font-variant-ligatures: none;
    color: #343434;}
  .sample-sky-wrapper .product-skyfarm .ab-product-row {
    margin-bottom: 5px;
}
  .sample-sky-wrapper .skyfarm-collection-banner-footer {
    margin-top: 50px;
}
  .product-skyfarm-wrapper.sample-sky-wrapper .ab-product-wrap.product-skyfarm{padding-bottom:50px;     background: url(skycity-sample-m.jpg) no-repeat center;
    background-size: cover;}
  .infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit .container {
    padding: 0 16px;
}
  .infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit .infused-single-img img {
    max-width: 117px;
}
  .quantum-smaple-kit.skyfarm-sample-kit .infused-single-smaple h2 {
    font-size: 24px;
    line-height: 31px;
}
  .infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit  .infused-single-smaple .spec-mob {
    padding: 0 10px 0;
}
  .infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit{padding-top:0}
  .infused-single-smaple .a-pro-icon{flex-wrap:wrap;}
  .product-skyfarm .product-l-text{margin-top:26px;}

  .skyfarm-col-hop .collection-box-img .tag {
    background: #1C1C1E;
    color: #fff;
    border-radius: 5px;
    padding: 1px 5px;
    display: inline-block !important;
    font-family: Gilroy-Bold, sans-serif;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    top: 12px;
    left: 7px;
}
  .skyfarm-col-hop .collection-box-caption span.tag.mobile-sho {
    display: none ! IMPORTANT;
}
  .skyfarm-col-hop .collection-box-img {
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
    left: 0;
}
   .skyfarm-col-hop  .collection-box-img a img {
    max-width: 112px;
    margin: 0 auto;
}
  .fector_feat_wrap .item .d-flex {
    row-gap: 10px;
}
  .fector_head_skyfarm .factors_card {
    position: relative;
    margin: 0px 0 0;
}
  .infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit .infused-single-img {
    top: 0;
}
  .colllection-wrap-kit .custom-slides  .ab-collection-box .d-flex{display:block;}
  .colllection-wrap-kit .custom-slides .ab-collection-box .qty-flex{width:100%; max-width:100%;}


.colllection-wrap-kit .custom-slides .collection-box-footer .btn span img {
    max-width: 26px;
    margin-right: 1px;
}
.colllection-wrap-kit .custom-slides .collection-box-footer .btn {
    font-size: 14px;
    padding: 16px;
}
  .ab-collection-box .d-flex .select-wrp select{background-position:93%;}
}
@media (max-width:640px){
.infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit  .infused-single-smaple {
    padding: 0; padding-bottom:20px;
    min-height: auto;
}
  .fector_feat_wrap .item .d-flex>div:last-child {
    width: 100%;
}
  .fector_feat_wrap .item .d-flex>div{min-width:137px;}
}
@media (max-width:490px){
.skyfarm-blue-wrap:before {
    content: '';
    width: 100%;
    height: 414px;
    position: absolute;
    left: 0;
    top: -206px;
    
}
  }
@media (max-width:418px){
  .skyfarm-geoff{ clip-path: inherit;}
  .skyfarm-geoff:before {
    left: 10px;
    width: 40px;
    height: 38px;
    bottom: 17px;
}
  .skyfarm-geoff:after {
    right: -41%;
    width: 320px;
    height: 185px;
    bottom: -120px;
}
/* .skyfarm-blue-wrap:before {
    content: '';
    width: 100%;
    height: 333px;
    position: absolute;
    left: 0;
    top: -2.8%;
} */
  .skyfarm-natural-wrap2 .skyfarm-natural:before {
    width: 109px;
    height: 126px;
    left: -27px;
    bottom: -30%;
}
  .hero-slider .arrow_slide {
    bottom: 13.4%;
}
.skyfarm-blue-wrap:before {
    content: '';
    width: 100%;
    height: 311px;
    position: absolute;
    left: 0;
    top: -197px;
    /* z-index: 2; */
}
.skyfarm-alex {
    margin-top: -18%;
}
  .skyfarm-blue-wrap {
    padding-bottom: 122px;
}
}

.skykit-collection-row .item {
    padding-top: 13px;
}
.skykit-collection-row .collection-box-img {
   
    position: relative;
    left: 0;
}
.collection-faq-content ul.accordion>li>div ol {
    list-style: auto;
}
.quantum-collection-row .collection-box-img a img {
    position: relative;
    top: -20px;
}
.collection-faq-content ul.accordion>li>div li strong{    font-family: Gilroy-Bold;
    font-weight: 100;
    font-variant-ligatures: none;}


/* omni collection css*/
.infused-smaple-kit.quantum-smaple-kit.omni-sample-kit .container {
    position: relative;
    z-index: 3;
}
.omni-collection-banner {background: #F2E9D1 url(omni-collection-before.png) no-repeat center top;     position:relative; background-size:cover; padding-top: 136px; padding-bottom:55px;     z-index: 2; border-radius:0 0 100px 0;}
.omni-collection-banner:before{content:''; width:338px; height:723px;     mix-blend-mode: multiply; display:block; background:url(Abstrax-Hops-Omni-Website-PNG-01.png)no-repeat left center; background-size:cover; position:absolute; z-index:1; right:157px; bottom:-438px; }
.omni-collection-banner-row {display: flex;max-width: 910px; margin: 0 auto; margin-right:68px; align-items: center;}
.omni-collection-banner-row .skyfarm-banner-logo {max-width: 274px;}
.omni-collection-banner-row .tab-show{display:none !important}
.omni-collection-banner-row .skyfarm-banner-bottle {max-width: 264px;margin: 0 28px 0 16px; }
.omni-collection-banner-row .skyfarm-banner-content {max-width: 327px;}
.omni-collection-banner-row .skyfarm-banner-content h1 {font-size: 60px; color: #22586E;line-height: 1; margin: 0; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none; margin-bottom: 15px;}
.omni-collection-banner-row .skyfarm-banner-content h2{color: #EA8215;margin: 0;font-size: 18px; line-height: 20px;font-family: "Gilroy-SemiBold"; font-weight: 100;font-variant-ligatures: none;}
.omni-collection-banner-footer {text-align: center; padding-top: 38px;z-index: 2;position: relative;}
.omni-collection-banner-footer h3{font-size: 32px;line-height: 50.4px;margin-bottom: 12px;color: #EA8215; font-family: Gilroy-ExtraBold;font-weight: 100; font-variant-ligatures: none;}
.omni-collection-banner-footer p {max-width:934px; margin-left: auto;margin-right: auto; font-size: 18px;line-height: 27px;color: #343434; margin-bottom: 25px;  font-variant-ligatures: none;}
.omni-collection-banner-footer .btn-blue {background: #27586E; border:2px solid #27586E; color: #FFFFFF;border-radius: 10px; font-size: 20px;letter-spacing: normal; padding: 14px; min-width: 287px;}
.omni-collection-banner-footer .btn-blue:hover{border-color:#EA8215}
/* .omni-collection-banner-footer .btn-blue:focus,  */
.omni-collection-banner-footer .btn-blue.active{background:#EA8215;border-color:#EA8215; color:#27586E}
.omni-collection-banner-footer a.down-btn {margin-top:64px;}
.omni-col-hop .CollectionInner__Products h3.desk-sho { color: #22586E;}
.ab-collection-wrap.omni-col-hop{padding-top:62px}
.ab-collection-wrap.omni-col-hop .container> h2 { font-size: 56px; color: #22586E;line-height: 60px; margin-bottom: 34px;}
.omin-sample-kit-wrap .head h4 {color: #22586E;font-size: 56px; line-height: 1.2;font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none; }
.omin-sample-kit-wrap .head p{font-size:18px; line-height:1.3;}

.omin-sample-kit-wrap .sample-kit-img {width: 45%;}
.omin-sample-kit-wrap .sample-kit-content{width:55%; padding-left:32px;}
.omin-sample-kit-wrap .sample-kit-content p{font-size:18px; font-variant-ligatures: none;}
.omin-sample-kit-wrap .sample-kit-content h2{font-size:40px; font-variant-ligatures: none; margin-bottom:26px;}

.omni-pro-footer .container { max-width: 1130px; margin: 0 auto; border-top: 1px solid #EA8215; border-bottom: 1px solid #EA8215;padding: 30px 0;}
.omni-pro-footer.pro-footer-text p:first-child {font-size: 14px;line-height: 21px;color: #9FA09C; opacity: 1;text-align: center; border: none; padding:0; margin:0 }

.omni-cream-wrap{position:relative; padding-bottom:92px;}
.omni-cream-bg{max-width:1618px; width:100%; background:#F2E9D1;  position:absolute; border-radius:0 100px 100px 0; height:100%; top:0; left:0; background-size:cover;}
 .omni-cream-bg::before{content:""; width:100%; position:absolute;  background:url(cream-parten-omni2.png) no-repeat center; mix-blend-mode: multiply; border-radius:0 100px 100px 0; height:100%; top:0; left:0; background-size:cover;} 
.omni-natural-wrap {max-width: 862px;border-bottom: 1px solid rgba(39, 88, 110, 80%); margin: 0 auto;padding-top: 45px;padding-bottom: 50px; position:relative;}
.omni-natural-wrap::before{content:''; width:215px; height:495px; background:url(Abstrax-Hops-Omni-Website-PNG-04.png)no-repeat center; background-size:cover; position:absolute; left:-273px; top:59px }
.omni-natural {text-align: center; max-width: 858px; position: relative;}
.omni-natural .top-logo {display: flex; align-items: center;justify-content: center;margin-bottom: 46px;}
.omni-natural .top-logo .line { flex-grow: 1; height: 1px; background: #27586E;}
.omni-natural .top-logo span {padding: 0  10px;}
.omni-natural h2 { font-size: 56px; margin: 0; line-height: 60px; color: #27586E; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;margin-bottom: 8px;}
.omni-natural  h6 {font-size: 32px;margin: 0; color: #EA8215; font-family: 'Gilroy-SemiBold'; font-style: italic;font-weight: 100; font-variant-ligatures: none;margin-bottom: 17px;}
.omni-natural p { max-width: 853px; margin-left: auto;margin-right: auto;font-size: 18px; line-height: 27px;color: #343434; margin-bottom: 23px; font-variant-ligatures: none;}
.omni-natural p b{font-family: Gilroy-Bold; font-weight:100; } 
.omin-sample-kit-wrap .head p{font-variant-ligatures:none} 
.omni-natural p~ img.img-fluid {margin-top: 45px;max-width: 335px;display: block; margin-left: auto; margin-right: auto;}
.curved-corner-topleft{width: 100px; height: 100px;overflow: hidden;    position: absolute;top: -100px;}
.curved-corner-topleft:before { bottom: 0;  left: 0;  box-shadow: -50px 50px 0 0 #F2E9D1;content: ""; display: block; width: 200%; height: 200%; position: absolute;border-radius: 50%;}
.curved-corner-bottomleft{width: 100px;height: 100px; overflow: hidden;position: absolute;bottom: -100px;}
.curved-corner-bottomleft:before { top: 0;  left: 0; box-shadow: -50px -50px 0 0 #F2E9D1; background: url(cream-parten-omni2.png) no-repeat center; content: ""; display: block; width: 200%;height: 200%; position: absolute; border-radius: 50%;}
.omni-quickfact-wrap{position:relative}
.omni-quickfact-wrap:before{content:''; width:640px; height:826px; background:url(omni-plan.png)no-repeat center left; background-size:cover; position:absolute; right:0;     top: -54%; }
.omni-quickfacts { max-width: 967px; margin: 0 auto;padding-top: 87px;}
.omnifact-head {text-align: center;position: relative;}
.omnifact-head h3 { font-size: 56px;line-height: 60px; color: #27586E; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;     margin-bottom: 12px;}
.omnifact-head p { color: #EA8215;font-size: 18px; font-family: Gilroy-SemiBold; font-weight: 100; font-variant-ligatures: none; line-height: 24px;max-width:498px;margin-left: auto;margin-right: auto;}
.quickfact-single h6 { color: #EA8215; font-size: 18px;  line-height: 24px; font-family: Gilroy-Bold; font-weight: 100; font-variant-ligatures: none;  margin: 0; margin-bottom: 2px;}
.omni-quickfacts .quickfact-single p{color:#27586E}
.omni-quickfacts .skyfarm-row-to {row-gap: 68px; margin-top:46px;}

.omni-review-wrap{max-width:1079px; margin:0 auto; padding:88px 0; position:relative}
.omni-review-wrap::before{content:''; width:376px; height:427px;background:url(Abstrax-Hops-Omni-Website-PNG-06.png)no-repeat center right; background-size:cover; position:absolute; left:-20.5%; top:95px;  }
.omni-review{max-width:872px; margin-left:auto;}
.omni-review h6{font-size:28px; line-height:42px; color:#EA8215; margin-bottom:20px; font-style: italic; font-variant-ligatures: none;}
.omni-review h6 span{color:#27586E; font-family: Gilroy-Bold;}
.omni-review h6 sup, .omni-review p sup{font-size: 15px;margin-left: 2px;  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;}
.omni-review p {  font-size: 28px;  line-height: 36px; margin:0; color: #27586E; font-variant-ligatures: none;}
.omni-review p b{font-family: Gilroy-Bold; font-weight: 100; font-variant-ligatures: none;}

.omni-cream-wrap2{position:relative; padding-top:75px; padding-bottom:91px;}
.omni-perfect-wrap {max-width: 862px;border-bottom: 1px solid #EA8215; margin: 0 auto;padding-top: 9px;padding-bottom: 62px; position:relative;}
.omni-perfect-wrap::before{content:''; width:423px; height:579px; background:url(Abstrax-Hops-Omni-Website-PNG-11.png)no-repeat center right; background-size:cover; position:absolute; left:-351px; top:71px }
.omni-perfect-wrap::after{content:''; width:183px; height:533px; background:url(Abstrax-Hops-Omni-Website-PNG-12.png)no-repeat center; background-size:cover; position:absolute; right:-242px; top:36px }
/* .omni-cream-wrap2 .omni-cream-bg{background:#F2E9D1 url(cream-parten-omni2.png) no-repeat center; mix-blend-mode: multiply; background-size:cover; } */
.omni-perfect {text-align: center; max-width: 858px; position: relative;}
.omni-perfect .top-logo {display: flex; align-items: center;justify-content: center;margin-bottom: 46px;}
.omni-perfect .top-logo .line { flex-grow: 1; height: 1px; background: #EA8215;}
.omni-perfect .top-logo span {padding: 0  10px;}
.omni-perfect h3 { font-size: 56px; margin: 0; line-height: 72px; color: #27586E; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;margin-bottom: 8px;}
.omni-perfect  h6 {font-size: 32px;    line-height: 36px; margin: 0; color: #EA8215; font-family: 'Gilroy-SemiBold'; font-style: italic;font-weight: 100; font-variant-ligatures: none;margin-bottom: 17px; max-width: 642px;margin-left: auto; margin-right: auto;}
.omni-perfect p { max-width:754px; margin-left: auto;margin-right: auto;font-size: 18px; line-height: 27px;color: #343434; margin-bottom: 23px; font-variant-ligatures: none}

p sup{font-size:12px;  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;}

.omni-featured-wrap {position: relative;padding-top: 69px;}
.omni-feat-row { max-width: 988px;margin: 0 auto; display: flex; column-gap: 39px; row-gap:63px;}
.omni-feat-row.reverse { flex-direction: row-reverse; margin-bottom:63px;}
.omni-feat-row .omni-feat-img{width:497px}
 .omni-feat-row .omni-feat-content{width:424px}
.omni-feat-row.reverse .omni-feat-img { width: 464px;}
.omni-feat-img img {width: 100%; max-width: 100%; display: block;}
.omni-feat-row.reverse  .omni-feat-content {width: 439px; text-align: right;}
.omni-feat-content h3 {font-size: 56px;margin: 0;line-height: 60px;color: #27586E;font-family: Gilroy-ExtraBold; font-weight: 100;  font-variant-ligatures: none;margin-bottom: 10px;}
.omni-feat-content h6 { font-size: 18px; line-height: 27px;color: #EA8215; font-family: 'Gilroy-SemiBold';font-weight: 100;font-variant-ligatures: none;}
.omni-feat-content p { font-size: 18px; line-height: 27px; margin-bottom: 25px; font-variant-ligatures: none}
.omni-feat-row.reverse .omni-feat-content h6 { max-width: 398px; margin-left: auto;}
.omni-feat-content .btn-blue {background: #27586E; border:2px solid #27586E; color: #FFFFFF;border-radius: 10px; font-size: 18px;letter-spacing: normal; padding: 9px; min-width:306px;}
.omni-feat-content .btn-blue:hover{border-color:#EA8215}
/* .omni-feat-content .btn-blue:focus,  */
.omni-feat-content .btn-blue.active{background:#EA8215;border-color:#EA8215; color:#27586E}
.omni-hops-trep-wrap{position: relative;     padding-top: 43px;}
.omni-hops-trep  {text-align: center; max-width: 858px; margin:0 auto; position: relative;}
  /* .omni-hops-trep::before{content:''; background:url(omni-h-trepes-b.png)no-repeat center; background-size:cover;  width:274px; height:664px; top:-28px; left:-268px; position:absolute;} */
.omni-hops-trep .ab-l  {width:274px; height:664px; top:-28px; left:-268px; position:absolute;}
.omni-hops-trep .top-logo {display: flex; align-items: center;justify-content: center;margin-bottom: 46px;}
.omni-hops-trep .top-logo .line { flex-grow: 1; height: 1px; background: #EA8215;}
.omni-hops-trep .top-logo span {padding: 0  10px;}
.omni-hops-trep h3 { font-size: 56px; margin: 0; line-height: 72px; color: #27586E; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;margin-bottom: 8px;}
.omni-hops-trep  h6 {font-size: 32px;    line-height: 36px; margin: 0; color: #EA8215; font-family: 'Gilroy-SemiBold'; font-style: italic;font-weight: 100; font-variant-ligatures: none;margin-bottom: 17px; max-width: 642px;margin-left: auto; margin-right: auto;}
.omni-hops-trep p { max-width:829px; margin-left: auto;margin-right: auto;font-size: 18px; line-height: 27px;color: #343434; margin-bottom: 36px; font-variant-ligatures: none;}
.omni-hops-trep h5{color:#27586E; font-size:24px;  line-height: 36px;  font-family: 'Gilroy-SemiBold'; font-style: italic;font-weight: 100; font-variant-ligatures: none;}
.omni-hops-trep-wrap .quickfact-row.skyfarm-row-to{max-width:934px; margin:0 auto; margin-top:31px; }
.omni-hops-trep-wrap  .quickfact-single p {color: #343434;}

.pro-footer-text.omni-pro-footer {padding: 0 20px;}

.omni-alex-wrap { position: relative; border-radius: 100px 0 0 100px; background:url(omni-alex-bg.png)no-repeat center; background-size:cover; padding-right:133px; max-width: 1656px; height: 585px; display: flex;align-items: center; width: 100%;justify-content: flex-end;}
.omni-alex-content {max-width: 576px;}
.omni-alex-content h6 {font-size: 28px;line-height: 42px; color: #27586E;font-style: italic; font-variant-ligatures: none; margin-bottom: 24px;}
.omni-alex-content h6 span {color: #EA8215; font-family: Gilroy-Bold; font-weight: 100;font-variant-ligatures: none;}
.omni-alex-content p { font-size: 28px;  line-height: 32px; color: #27586E; margin:0; font-family: Gilroy-Bold; font-weight: 100; font-variant-ligatures: none;}
.omni-alex-content p span { color: #EA8215;font-family: 'Gilroy-Regular', sans-serif;}
.omni-alex-content p k{font-family: 'Gilroy-Regular', sans-serif;}

.omni-blue-wrap{position:relative; padding-bottom:92px;}
.omni-blue-bg{max-width:1618px; width:100%; background:#27586E ; background-size:cover;  position:absolute; border-radius:100px 0 0 100px; height:100%; top:0; right:0; background-size:cover;}
.omni-blue-bg::before{content:""; width:100%; height:100%; background:url(blue-par.png) no-repeat center;  border-radius:100px 0 0 100px; background-size:cover; position:absolute; top:0; left:0; mix-blend-mode: multiply;  }

.curved-corner-topright{width: 100px; height: 100px;overflow: hidden; right:0;   position: absolute;top: -100px;}
.curved-corner-topright:before { bottom: 0;  right: 0;  box-shadow: 50px 50px 0 0 #27586E;content: ""; display: block; width: 200%; height: 200%; position: absolute;border-radius: 50%;}
.curved-corner-bottomright{width: 100px;height: 100px; overflow: hidden;position: absolute;bottom: -100px; right:0}
.curved-corner-bottomright:before { top: 0;  right: 0; box-shadow: 50px -50px 0 0 #27586E; content: ""; display: block; width: 200%;height: 200%; position: absolute; border-radius: 50%;}
.omni-review-wrap.ryan-review{padding-top:131px; padding-bottom:106px;}
.omni-review-wrap.ryan-review .omni-review { max-width: 900px;text-align: right;}
.omni-review-wrap.ryan-review .omni-review p span{color:#EA8215}
.omni-review-wrap.ryan-review .omni-review h6{margin-bottom:46px;}
.omni-review-wrap.ryan-review::before{width:232px; height:445px; background:url(Abstrax-Hops-Omni-Website-PNG-10.png) no-repeat center;  background-size:cover; top:23px; left: -8.5%;}
.skyfarm-quickfacts.omni-oran-quickfacts { position: relative; max-width: 948px;}
.skyfarm-quickfacts.omni-oran-quickfacts::before{content:""; width:374px; height:785px; background:url(Abstrax-Hops-Omni-Website-PNG-07.png)no-repeat center left;  background-size:cover; position:absolute; right: -46%; top: 130px;}
/* .skyfarm-quickfacts.omni-oran-quickfacts::after{content:""; width:375px; height:470px; background:url(omin-bag-b-over.png)no-repeat center left; background-size:cover; position:absolute; right: -46%; top: 68%;} */

.skyfarm-quickfacts.omni-oran-quickfacts .quickfact-single h6 {
    color: #F2E9D1;
}
.skyfarm-quickfacts.omni-oran-quickfacts .quickfact-row.skyfarm-row-to {row-gap: 62px; margin-top:24px;}
.omni-brite { position: relative;     padding-top: 80px;}
.omni-brite .quantum-brite-row { max-width: 933px; position:relative; column-gap: 44px;}
.omni-brite .quantum-brite-content { width: 437px; margin-top: 0; text-align:right}
.omni-brite .quantum-brite-content h4{color:#F2E9D1; font-size:56px; line-height: 60px; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;}
.omni-brite .quantum-brite-content h6 { font-size: 18px; line-height: 27px; color: #EA8215; font-family: Gilroy-SemiBold; font-weight: 100;font-variant-ligatures: none; margin-bottom: 13px;}
.omni-brite .quantum-brite-content p{font-size: 18px;line-height: 27px;color: #FFFFFF;  font-variant-ligatures: none;}
.quantum-brite-content .btn-orange{    background: #EA8215; margin-top: 10px; border: 2px solid #EA8215;  color: #F2E9D1; border-radius: 10px;font-size: 18px;letter-spacing: normal;padding: 11px; min-width: 309px;}
.quantum-brite-content .btn-orange:hover{border-color:#F2E9D1}
/* .quantum-brite-content .btn-orange:focus,  */
.quantum-brite-content .btn-orange.active{background:#F2E9D1; border-color:#F2E9D1; color:#EA8215}
.omni-brite .quantum-brite-img p {font-size: 18px; margin-bottom: 20px; font-variant-ligatures: none;}
.omni-brite .quantum-brite-img img {width: 100%; margin-bottom: 18px;}
.omni-brite .quantum-brite-row:before {content: "";max-width: 863px; width: 100%; background: #F2E9D1; height: 1px;display: block; margin: 0 auto 83px;opacity: 80%;}
.quantum-comparing.omni-comparing { padding-top: 97px;}
.omni-comparing .quantum-comparing-row { max-width: 1060px;column-gap: 36px;}
.omni-comparing .quantum-comparing-table { width: 608px; margin-top: 0;}
.omni-comparing .table-row>div {border-color: #F2E9D1;}
.omni-comparing .table-body .table-row.border-none>div {border:none;}
.omni-comparing .table-row .text { color: #F7F8F1; border:none;}
.omni-comparing .table-head .other {background: #A0D1C9;}
.omni-comparing .quantum { background: #EA8215;}
.omni-comparing .table-row .other { color: #A0D1C9;}
.omni-comparing .table-row .quantum {color: #343434;}
.omni-comparing .quantum {width: 104px; text-align: center;}
.omni-comparing .other {width: 131px;text-align: center;}
.omni-comparing .quantum-comparing-content h4 { color: #F2E9D1;font-size: 56px; line-height: 60px;font-family: Gilroy-ExtraBold; font-weight: 100;font-variant-ligatures: none;}
.omni-comparing .quantum-comparing-content h6 { font-size: 18px; line-height: 27px; color: #EA8215;}
.omni-comparing .quantum-comparing-content p{ font-size: 18px; line-height: 27px; max-width: 393px; font-variant-ligatures: none;}
.omni-brite .quantum-brite-row::after{content:''; width:197px; height:532px; background:url(Abstrax-Hops-Omni-Website-PNG-08.png)no-repeat center left; background-size:cover; position:absolute; left: -22%; top: 308px; }
.quantum-comparing.omni-comparing .quantum-comparing-row:before{display:none;}
.omni-brite .quantum-brite-row .tag-po.img-fluid { position: absolute; max-width: 148px; mix-blend-mode: multiply; top: 105.5%;left: -22.5%;}
.omni-frankenhop-wrap{position:relative; padding-top:50px; }
.omni-frankenhop-wrap::before{content:''; width:266px; height:608px; background:url(m-usa.png)no-repeat center left;     background-size: cover;position: absolute; right: 8%;top: 123px;}
.omni-frankenhop{max-width:858px; margin:0 auto; text-align:center; padding-bottom:90px}
.omni-frankenhop .top-logo{    display: flex;align-items: center;justify-content: center;     margin-bottom: 50px;}
.omni-frankenhop .top-logo .line{    flex-grow: 1;height: 1px;background: #F7F8F1;}
.omni-frankenhop .top-logo span{padding:0 10px;}
.omni-frankenhop h4{color: #F2E9D1;font-size: 56px;  margin: 0; line-height: 60px; margin-bottom: 21px; font-family: Gilroy-ExtraBold;font-weight: 100;font-variant-ligatures: none;}
.omni-frankenhop h6 { font-size: 32px; line-height: 36px;margin: 0; color: #EA8215; font-family: 'Gilroy-Bold'; font-style: italic;font-weight: 100; font-variant-ligatures: none; margin-bottom: 27px;}
.omni-frankenhop p{    max-width: 816px; margin-left: auto; margin-right: auto;font-size: 18px;line-height: 23px;color: #F7F8F1;margin-bottom: 23px; font-variant-ligatures: none;}
.omni-frankenhop p.text-o{color:#EA8215; font-family: Gilroy-Bold; margin-bottom:0; font-weight: 100; font-variant-ligatures: none; max-width:589px;}
.omni-frankenhop-wrap .usa-men { position: absolute;   max-width: 255px;  right: 8.5%; mix-blend-mode: multiply;top: 24.5%;}
.omni-frankenhop-wrap .quantum_taster_hops {  background: #EA8215;    padding: 34px 0 46px; border-radius: 0 75px 75px 75px;}
.omni-frankenhop-wrap .quantum_taster_hops_wrap { max-width: 866px;  margin: 0 auto; padding: 5px; border-radius: 0 85px 85px 85px;border: 5px solid #F2E9D1; position: relative;}
.omni-frankenhop-wrap .quantum_taster_hops_wrap::before{display:none;}
.omni-frankenhop-wrap .quantum_taster_hops h5{    color: #27586E;  font-size: 56px;  margin: 0; line-height: 72px; font-family: Gilroy-ExtraBold; font-weight: 100; font-variant-ligatures: none;}
.omni-frankenhop-wrap .quantum_taster_hops h6{font-size: 32px;color: #F7F8F1;margin-top: 0;font-family: Gilroy-SemiBold;font-weight: 100;font-variant-ligatures: none;font-style: italic; margin-bottom: 5px;}
.omni-frankenhop-wrap .quantum_taster_hops p{max-width: 696px; margin: 0 auto 25px; font-size: 18px; color: #FFFFFF;line-height: 27px; font-variant-ligatures: none;}
.omni-frankenhop-wrap .quantum_taster_hops .btn-blue{min-width:334px; background: #27586E;border: 2px solid #27586E;color: #F7F8F1;border-radius: 10px;font-size: 18px;letter-spacing: normal; padding: 10.5px;}
.omni-frankenhop-wrap .quantum_taster_hops .btn-blue:hover{border-color:#F2E9D1}
/* .omni-frankenhop-wrap .quantum_taster_hops .btn-blue:focus, */
.omni-frankenhop-wrap .quantum_taster_hops .btn-blue.active{background:#F2E9D1;border-color:#F2E9D1; color:#27586E}

.omni-col-hop .quantum-collection-row .collection-box-img a img{top:0;}
.omni-col-hop .collection-filters-form .Collapsible{width:33.33%}
.ab-collection-wrap.omni-col-hop .container:before{width:219px; height:518px; background:url(Abstrax-Hops-Omni-Website-PNG-02.png) no-repeat center right; /*mix-blend-mode: multiply;*/ background-size:cover;     left: -18%; top: 45%; }
    .quantum-collection-wrap.omni-col-hop::before, .quantum-collection-wrap.omni-col-hop::after { display: none;}
.ab-collection-wrap.omni-col-hop .container:after{width:334px; height:593px; background:url(Abstrax-Hops-Omni-Website-PNG-03.png) no-repeat center left; background-size:cover; top: 94%;
    right: -29%; }
.omni-col-hop .ab-collection-box .d-flex .select-wrp select, .omni-col-hop .ab-collection-box .qty-flex input.quantity-selector2 { color: #636366;}

/* omni product page css*/
.ab-product-wrap.product-omni { position:relative;  background: #27586E; border-radius: 0 0 100px 0; padding-bottom:86px; padding-top: 151px;}
.ab-product-wrap.product-omni::before {  content: ""; width: 100%; height: 100%;background: url(blue-par.png) no-repeat center; border-radius: 0 0 100px 0;background-size: cover;    position: absolute; top: 0;left: 0; mix-blend-mode: multiply;}
.ab-product-wrap.product-omni::after{content:''; width:95px; height:261px; background: url(omni-pro-banner-b.png) no-repeat center left; background-size:cover;  position: absolute;     top: 50%; left: 14%;}
.product-omni .product-l-text h5 a{text-decoration:none; color:#F2E9D1}
.ab-product-wrap.product-omni .curved-corner-bottomleft:before {box-shadow: -50px -50px 0 0 #27586E;}
img.img-ab-pro {
    position: absolute;
    mix-blend-mode: multiply;
    max-width: 219px;
    left: 9%;
    top: 91px;
}
.product-omni .product2-left{align-items:center}
.product-omni .ab-product-row {max-width: 956px;margin: 0 auto; align-items:center}
.product-omni .product-l-img {
    width: 41.2%; margin-left:40px;
}
.product-omni .product-l-text {
    width: 46.7%;
}
.product-omni .product-slide {margin-bottom:0}
.product-omni .arrow-down { text-align: center; margin-top:12px; position:relative}
.product-omni .qty-flex{max-width:122px;}
.product-omni .product-slide .item img {   max-width: 264px;}
.product-omni .product-l-text h5 k{font-family: Gilroy-SemiBold;font-weight: 100;font-variant-ligatures: none;}
.product-omni .product-l-text h5 b{font-family: Gilroy-ExtraBold; font-weight: 100;font-variant-ligatures: none;}
.product-omni .product-l-text h2 {font-size: 50px;line-height: 1.2;color: #EA8215;font-family: Gilroy-ExtraBold; font-weight: 100;font-variant-ligatures: none; margin-bottom: 9px;}
.product-omni .product-l-text .a-pro-icon span {color: #F2E9D1;}
.product-omni .a-pro-icon img { filter: inherit;}
.product-omni .product-l-text p { color: #F2E9D1;}
.product-omni .product2-des .swatch p{display:none;}
.product-omni .btn-sec { width: 100%; display: flex; align-items: center;justify-content: center; padding: 11px; font-size: 13px;  margin-bottom:0;}
.product-omni .btn-sec span { margin-right: 8px; max-width:24px;}
.product-omni .btn-sec span svg{width:24px;}
.product-omni  .qty-flex-wrap h4.price { font-size: 31px; margin:0;     text-align: center;width: 100%;}
.product-omni .qty-flex-wrap .qty-flex input.quantity-selector2 { height: 47px; color:#636366}
.product-omni .select-dropdown__button { height: 47px; color:#636366; padding:13px 14px 13px 22px}
.product-omni .product2-des .d-flex label{font-size:13px;}
.product-omni  .product2-des .btn#AddToCart {padding: 11px; font-size: 13px; margin-bottom:15px;}
.product-omni  .product2-des .btn#AddToCart img{max-width:24px;}
.product-omni .btn-flex{margin-bottom:12px}
.product-omni-feac {padding-top: 17px;}
.product-omni-feac .fector_head_skyfarm{max-width:956px}
.product-omni-feac .fector_head h1 { color: #27586E;  font-size: 41px; line-height: 49px; color: #27586E; font-family: Gilroy-ExtraBold; font-weight: 100;font-variant-ligatures: none; margin-bottom:2px;}
.product-omni-feac .fector_head_skyfarm .fector_feat_wrap .item{max-width:100%}
.product-omni-feac .fector_head_skyfarm .fector_feat_wrap .item  h4{border-color:#EA8215; color:#27586E}
.product-omni-feac .fector_head_skyfarm .fector_feat_wrap .item .d-flex>div .icon {background: rgba(39, 88, 110, 5%); width:42px; height:42px; min-width:42px;}
.product-omni-feac .fector_head_skyfarm .single_factors_card {background: rgba(44, 44, 46, 5%);     padding: 14px 20px 14px;}
.product-omni-feac .single_factors_card h4 { font-size: 16px;  line-height: 26px;color: #27586E;}
.product-omni-feac  .single_factors_card p { font-size: 16px;color: #2C2C2E;}
.product-omni-feac .fector_head_skyfarm .factors_card:before {content: ""; width: 226px;  height: 414px; position: absolute;   right: -28%; background: url(omni-pro-tag.png) no-repeat center left; background-size: cover; bottom: -19px; top: auto;}

.product-omni-feac .fector_head p {
    color: #27586E;
}
/* omni sample kit */
.product-omni-sample{ background: #F2E9D1 url(cream-parten-omni2.png) no-repeat center; padding-bottom:52px; background-size:cover; border-radius:0 0 100px 0; position:relative }
.product-omni-sample:before { content: ''; width: 338px;     mix-blend-mode: multiply; height: 723px; display: block;background: url(omni-collection-man.png) no-repeat left center;background-size: cover; position: absolute;  z-index: 1; right: 157px;bottom: -438px;}

.omni-sample-collection-banner-footer {text-align: center;}
.omni-sample-collection-banner-footer h2 { font-size: 32px; line-height: 50.4px;margin-bottom: 9px; color: #EA8215;font-family: Gilroy-ExtraBold; font-weight: 100;font-variant-ligatures: none;}
.omni-sample-collection-banner-footer p { font-size: 18px;line-height: 27px; margin-bottom: 25px;max-width: 927px;margin-left: auto; margin-right: auto;}
.omni-sample-collection-banner-footer .btn-blue { background: #27586E;border: 2px solid #27586E;color: #FFFFFF;border-radius: 10px;font-size: 20px; letter-spacing: normal;padding: 12px; min-width: 287px;}
.omni-sample-collection-banner-footer .btn-blue:hover{border-color:#EA8215}
.omni-sample-collection-banner-footer .btn-blue:focus{background:#EA8215;border-color:#EA8215; color:#27586E}
.omni-sample-collection-banner-footer a.down-btn {margin-top:64px;}

.product-omni-sample .product-l-text h1 { font-size: 60px;line-height: 1; color: #27586E; margin-bottom: 13px;}
.product-omni-sample .product-l-text h5{margin-bottom:14px;}
.product-omni-sample .product-l-text h5 a{color: #27586E; text-decoration:none;}
.product-omni-sample .ab-product-row { max-width: 1035px;     align-items: center; margin: 0 auto 64px;}
.product-omni-sample .product2-right{width:28.6%; padding-top:18px;}
.product-omni-sample .product2-des .d-flex label {font-size: 14px;}
.product-omni-sample .btn-sec { width: 100%; display: flex; align-items: center;justify-content: center; padding: 11px; font-size: 13px;  margin-bottom:0;}
.product-omni-sample .btn-sec span { margin-right: 8px; max-width:24px;}
.product-omni-sample .btn-sec span svg{width:24px;}
.product-omni-sample  .qty-flex-wrap h4.price { font-size: 31px; margin:0;     text-align: center;width: 100%;}
.product-omni-sample .qty-flex-wrap .qty-flex input.quantity-selector2 { height: 47px; color:#636366}
.product-omni-sample .select-dropdown__button { height: 47px; color:#636366}
.product-omni-sample .product2-des .d-flex label{font-size:13px;}
.product-omni-sample  .product2-des .btn#AddToCart {padding: 11px; font-size: 13px; margin-bottom:15px;}
.product-omni-sample  .product2-des .btn#AddToCart img{max-width:24px;}
.product-omni-sample .pro-from { margin-top: 30px;}
.product-omni-sample .product-slide .item img { max-width: 362px;}
.product-omni-sample .product2-left {width: 71%; align-items: center;}
.product-omni-sample .a-pro-icon img { filter: inherit;}
.product-omni-sample .product-l-text .a-pro-icon span { color: #27586E;}
.infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit.omni-sample-kit {padding-top: 80px;}
.skyfarm-sample-kit.omni-sample-kit .container>h3{font-size: 56px; line-height: 60px; color: #27586E;font-family: 'Gilroy-ExtraBold';font-weight: 100; font-variant-ligatures: none;margin-bottom: 0;}
.infused-smaple-kit.quantum-smaple-kit.omni-sample-kit  h4{font-size:24px}
.infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit.omni-sample-kit .infused-single-img img {max-width: 162px;}
.infused-smaple-kit.quantum-smaple-kit .container{position:relative}
.infused-smaple-kit.quantum-smaple-kit.omni-sample-kit .container:before { content:''; position:absolute;
    width: 219px;
    height: 518px;
    background: url(omni-col-b.png) no-repeat center right;
    background-size: cover;
    left: -18%;
    top: 32%;
}
.infused-smaple-kit.quantum-smaple-kit.omni-sample-kit .container:after {
    width: 334px;
    height: 593px;
    background: url(omni-col-a.png) no-repeat center left;
    background-size: cover;
    bottom: -4%;
    right: -29%;
    content: '';
    position: absolute;
}
img.omni-t-tag1 {
    position: absolute;
    left: -30%;
    mix-blend-mode: multiply;
    top: 8%;
}
@media (min-width: 2400px) {
  .omni-cream-bg, .omni-blue-bg{max-width:80%;}
}
@media (max-width: 1700px) {
.omni-frankenhop-wrap .usa-men, .omni-frankenhop-wrap::before{ right:0}
}
@media (max-width: 1600px) {
.omni-collection-banner:before, .product-omni-sample:before{width:259px; right:0}
  .omni-cream-bg, .omni-blue-bg{max-width:1378px;}
  .omni-quickfact-wrap:before{width:398px;}
  .omni-review-wrap::before{width:325px; left:-17%;}
  .omni-perfect-wrap::after{right:-235px;}
  .omni-alex-wrap{max-width:1416px;}
  .omni-frankenhop-wrap::before{right:-5%}
  .omni-frankenhop-wrap .usa-men{right:-4%}
  .ab-product-wrap.product-omni::after {
    left: 28px;
}
  img.img-ab-pro {
    position: absolute;
    mix-blend-mode: multiply;
    max-width: 219px;
    left: -74px;
    top: 91px;
}
}
@media (min-width: 1381) {
    .hero-slider .arrow_slide{bottom:29%;}
  .hero-slider .show128 {
    display: block !important;
    max-height: 790px;
  }
}
@media (max-width: 1380px) {
 .omni-cream-bg {
        max-width: 97%;
    }
}
@media (max-width: 1280px) {
.omni-collection-banner, .sample-kit-wrap.quantum-sample-kit-wrap.omin-sample-kit-wrap, .omni-review-wrap, .omni-cream-wrap2, .omni-alex-wrap, .omni-blue-wrap{zoom:80%}
  .omni-natural-wrap::before{left:-24%}
  .omni-featured-wrap{padding:69px 30px 0;}
  .omni-brite .quantum-brite-row::after{left:-13%}
  .omni-brite .quantum-brite-row .tag-po.img-fluid{left:-13.5%}
  img.omni-t-tag1 {
    position: absolute;
    left: -25%;
    mix-blend-mode: multiply;
    top: 8%;
}
  
}

@media (max-width: 992px) {
    .omni-featured-wrap{padding:22px 30px 0;} 
  .ab-product-wrap.product-omni::after, img.img-ab-pro{display:none;}
  .ab-collection-wrap.omni-col-hop {
    padding-top: 71px;
}
  img.omni-t-tag1 {
   display:none;
}
  .omni-blue-bg::before{border-radius:40px 0 0 40px}
  .ab-collection-wrap.omni-col-hop .container:after, .omni-perfect-wrap::before{display:none}
  .omni-cream-bg {
        max-width: 100%;
    }
.omni-collection-banner, .sample-kit-wrap.quantum-sample-kit-wrap.omin-sample-kit-wrap,  .omni-review-wrap, .omni-cream-wrap2, .omni-alex-wrap, .omni-blue-wrap{zoom:100%}
  .omni-collection-banner{padding-top:112px; padding-bottom:79px; border-radius: 0 0 40px 0; background: #F2E9D1 url(omni-collection-before-m.png) no-repeat center ; background-size:cover;}
  .omni-collection-banner-row .tab-show{display:block !important}
  .omni-collection-banner-row .tab-hide{display:none !important}
  .omni-collection-banner-row .skyfarm-banner-logo {max-width: 277px;}
  .omni-collection-banner-row {flex-direction: column;justify-content: center; align-items: center; margin-right:auto;}
  .omni-collection-banner-row .skyfarm-banner-bottle { max-width: 250px;  margin: 8px auto 13px auto;}
  .omni-collection-banner-row .skyfarm-banner-content h1 { font-size: 34px; line-height: 40px; margin-bottom: 18px;}
.omni-collection-banner-row .skyfarm-banner-content h2 { line-height: 24px; margin-bottom: 22px;}
  .omni-collection-banner:before, .product-omni-sample:before{display:none;}
  .omni-collection-banner-footer h3 { font-size: 24px; line-height: 36px;max-width: 299px; margin: 0 auto 20px;}
  .omni-collection-banner-footer p { font-size: 16px; line-height: 24px;}
  .omni-collection-banner-footer{padding-left:7px; padding-right:7px;}
  .curved-corner-bottomleft {width: 60px;height: 60px;overflow: hidden; position: absolute; bottom: -60px;}
  .omin-sample-kit-wrap .head h4{font-size:34px; line-height:1; margin-bottom:15px;}
.sample-kit-wrap.omin-sample-kit-wrap .head p{font-size:16px; line-height:24px;}
.sample-kit-wrap.omin-sample-kit-wrap  .head {margin-bottom: 60px; }
.sample-kit-wrap.omin-sample-kit-wrap  .sample-kit-content p{font-size:16px; line-height:24px;}
  .omni-quickfact-wrap:before{display:none;}
  .omni-cream-bg, .omni-cream-bg::before{border-radius:0 40px 40px 0} 
  
  .curved-corner-topleft{width: 60px;height: 60px;overflow: hidden; position: absolute; top: -60px;}
  .omni-cream-wrap{padding-bottom:46px;}
  .omni-natural-wrap{padding:40px 29px 0; border:none;}
  .omni-natural{border-bottom:1px solid rgba(39, 88, 110, 80%); padding-bottom:58px;}
  .omni-natural h2{font-size:34px; line-height:1; margin-bottom: 14px;}
  .omni-natural h6 { font-size: 19px; }
  .omni-natural p{font-size:16px; line-height:24px;}
  .omni-natural p~ img.img-fluid{max-width:238px; margin-top: 52px;}
  .omni-natural-wrap::before{display:none;}
  .omni-natural .top-logo{margin-bottom:36px;}
  .omni-quickfacts{padding:74px 15px 0;}
  .omnifact-head h3{font-size: 34px;margin-bottom: 22px;line-height: 1;}
  .omnifact-head p { font-size: 16px;max-width: 297px;}
  .omni-quickfacts .skyfarm-row-to { row-gap: 28px; margin-top: 39px;}
  .quickfact-single h6{font-size:16px;}
  .quickfact-single p{font-size:16px; line-height:24px;}
  .omni-review-wrap::before{display:none;}
  .omni-review-wrap{padding:74px 40px 74px 29px;}
  .omni-review h6{font-size:18px; line-height:27px;}
  .omni-review p{font-size:18px; line-height:27px;}
  .omni-perfect-wrap::after{display:none;}
  .omni-cream-wrap2{padding-top:37px; padding-bottom:46px;}
  .omni-perfect-wrap{padding:0 30px; border:none;}
  .omni-perfect{border-bottom: 1px solid rgba(39, 88, 110, 80%); padding-bottom:6px;}
  .omni-perfect .top-logo{margin-bottom:29px;}
  .omni-perfect h3{font-size:34px; line-height:45px; max-width: 215px; margin-left: auto; margin-right: auto;}
  .omni-perfect h6{font-size:24px;}
  .omni-perfect p{font-size:16px; line-height:24px;}

  .omni-feat-row.reverse .omni-feat-content {width: 47%;}
  .omni-feat-row.reverse .omni-feat-img { width: 49%;}
  .omni-feat-row .omni-feat-img { width: 50%;}
  .omni-feat-row .omni-feat-content { width: 44%;}
  .omni-feat-content h3, .omni-hops-trep h3{font-size:34px; line-height:45px;}
  .omni-feat-content h6{font-size:16px;}
  .omni-feat-content p, .omni-hops-trep p{font-size:16px; line-height:24px;}
  .omni-hops-trep .ab-l{display:none;}
  .omni-hops-trep-wrap{padding:17px 20px 0}
  .omni-hops-trep h6{font-size:24px;}
  .omni-hops-trep h5{font-size:18px; line-height:27px;}
  .omni-hops-trep h3{margin-bottom:17px;}
  .omni-hops-trep .top-logo{margin-bottom:34px;}
  .omni-hops-trep p{ margin-bottom: 16px;}
  .omni-hops-trep-wrap .quickfact-row.skyfarm-row-to{margin-top:26px;}
  .omni-hops-trep-wrap .quickfact-single p {color: #27586E;}
  .omni-pro-footer .container {padding: 35px 11px;}
.omni-alex-wrap{background:#F7F8F1; height:auto; padding:78px 45px 0 33px; justify-content: flex-start; border-radius:40px 0 0 40px;}
  .omni-alex-content h6{font-size:18px; line-height:27px;}
  .omni-alex-content p{font-size:18px; line-height:27px;}
  .omni-review-wrap.ryan-review { padding-top: 74px; padding-bottom: 74px;}
  .omni-review-wrap.ryan-review .omni-review h6 { margin-bottom: 36px;}
  .curved-corner-topright, .curved-corner-bottomright{width:60px; height:60px}
  .curved-corner-bottomright{bottom:-60px;}
  .curved-corner-topright{top:-60px;}
  .omni-blue-bg{border-radius:40px 0 0 40px}

  .omni-brite .quantum-brite-row::after, .omni-brite .quantum-brite-row .tag-po.img-fluid, .skyfarm-quickfacts.omni-oran-quickfacts::before, .skyfarm-quickfacts.omni-oran-quickfacts::after, .omni-frankenhop-wrap .usa-men, .omni-frankenhop-wrap::before {display:none;}
  .skyfarm-quickfacts.omni-oran-quickfacts { padding: 30px 16px;}
  .skyfarm-quickfacts.omni-oran-quickfacts .quickfact-row.skyfarm-row-to { row-gap: 24px;  column-gap: 10px; margin-top: 14px;}
  .omni-brite .quantum-brite-row:before { margin: 0 auto 60px;}
  .omni-brite .quantum-brite-content p {max-width: 100%;}
  .omni-brite .quantum-brite-content { width: 292px;}
  .omni-brite .quantum-brite-row { max-width: 693px;column-gap: 50px;}
  .omni-brite .quantum-brite-content h4{font-size:36px; line-height:48px;}
  .omni-brite .quantum-brite-content h6,  .omni-brite .quantum-brite-content p{font-size:16px; line-height:24px;}
  .omni-brite {padding-top: 44px;}
  .omni-frankenhop-wrap{padding:35px 30px 0}
  .omni-frankenhop h4{font-size:34px; line-height:40px;}
  .omni-frankenhop h6{font-size:24px;}
  .omni-frankenhop p{font-size:16px; line-height:24px}
  .omni-frankenhop {border-bottom: 1px solid #F2E9D1;padding-bottom: 25px; margin-bottom:44px;}
  .omni-frankenhop .top-logo{margin-bottom:19px;}
  .omni-frankenhop-wrap .quantum_taster_hops_wrap {border-radius: 0 32px 32px 32px;border: 3px solid #F2E9D1; padding:3px;}
  .omni-frankenhop-wrap .quantum_taster_hops {padding: 18px 30px 23px; border-radius: 0 25px 25px 25px;}
  .omni-frankenhop-wrap .quantum_taster_hops h5 {font-size: 32px; line-height: 37px;         margin-bottom: 13px;}
  .omni-frankenhop-wrap .quantum_taster_hops h6{font-size:18px; line-height:27px; margin-bottom: 12px;}
  .omni-frankenhop-wrap .quantum_taster_hops p{font-size:16px; line-height:24px;         margin-bottom: 18px;}
  .omni-frankenhop-wrap .quantum_taster_hops .btn-blue {min-width: 100%;  font-size: 16px;}
  .omni-blue-wrap{padding-bottom:80px;}
  .omni-comparing .quantum-comparing-row {
    max-width: 1060px;
    column-gap: 36px;
    max-width: 693px;
    column-gap: 25px;
    align-items: flex-start;
}
.omni-comparing .quantum {
    width: 100%;
}
  .omni-comparing .quantum-comparing-content h4 {font-size:34px; line-height:1}
  .omni-comparing .quantum-comparing-content h6, .omni-comparing .quantum-comparing-content p {font-size:16px; line-height:24px}
  .omni-comparing .other {
    width: 100%;
    text-align: center;
}
  .quantum-comparing.omni-comparing .table-row.border-none{
        border-bottom: none;
    }
  .ab-collection-wrap.omni-col-hop .container:before{display:none}
  .omni-col-hop .collection-filters-form .Collapsible {
    width: 50%;
}
  .ab-collection-wrap.omni-col-hop .container> h2 {
    font-size: 34px;
    color: #22586E;
    line-height: 40px;
    margin-bottom: 12px;
}
  .ab-product-wrap.product-omni{border-radius:0 0 40px 0}
  .product-omni-sample .product2-left {
    width: 100%;
    align-items: center;
}
.product-omni-sample .product2-right {
    width: 100%;
    padding-top: 18px;
}
  .product-omni-sample:before{display:none;}
  .product-omni-sample {border-radius: 0 0 40px 0;}
  .infused-smaple-kit.quantum-smaple-kit.omni-sample-kit .container:before, .infused-smaple-kit.quantum-smaple-kit.omni-sample-kit .container:after{display:none;}
.skyfarm-sample-kit.omni-sample-kit .container>h3 { font-size: 24px;line-height: 40px;}
  .infused-smaple-kit.quantum-smaple-kit.omni-sample-kit h4{font-size:18px;}
}

.omni-natural p sup {
    font-size: 12px;
   line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
@media (max-width: 992px) {
   .omni-hops-trep-wrap .quickfact-single p br, .omni-quickfacts .quickfact-single p br, .omni-oran-quickfacts .quickfact-single p br{
        display: block;
    }
  .omni-collection-banner-row .skyfarm-banner-content{margin-top:0}
}
@media (max-width:768px) {
  .product-omni .btn-flex{margin-bottom:0}
  .product-omni .product2-right{max-height:94px}
     .product-omni .product2-right.active {
        max-height: 100%;
    }
  .product-omni-sample .product2-right{max-height:99px}
    .product-omni-sample .product2-right.active {
        max-height: 100%;
    }
    /* .product-omni-wrapper .mobile-sticky-btn a.toggle {  padding: 1px 0; height: 26px; } */
.product-omni-wrapper  .product2-right .mobile-sticky-btn a.toggle, .product-omni-sample .product2-right .mobile-sticky-btn a.toggle {
        padding: 1px 9px 1px 7px;
    }
      .product-omni-wrapper .product2-right.active .mobile-sticky-btn a.toggle span,  .product-omni-sample .product2-right.active .mobile-sticky-btn a.toggle span {
        width: 0px;
        -webkit-animation: 2s ease-in-out infinite alternate swingParent;
        animation: 2s ease-in-out infinite alternate swingParent;
        overflow: hidden;
        padding: 0;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }
  .product-omni-wrapper .product2-right.active .mobile-sticky-btn a.toggle , .product-omni-sample .product2-right.active .mobile-sticky-btn a.toggle {padding:1px 7px;}
  .omni-brite .quantum-brite-row:before { width: calc(100% - 65px); margin: 0 auto 60px;}
.sample-kit-wrap.omin-sample-kit-wrap .head p { max-width: 277px; }
.sample-kit-wrap.omin-sample-kit-wrap .sample-kit-content h2{max-width:283px; margin-bottom: 13px;}
.sample-kit-wrap.omin-sample-kit-wrap .sample-kit-content{ padding: 0 18px;}
  .omni-feat-row{flex-wrap:wrap; row-gap: 28px;}
  .omni-feat-row.reverse{margin-bottom:46px;}
  .omni-feat-row.reverse .omni-feat-img {  width: 100%;}
.omni-feat-row.reverse .omni-feat-content {width: 100%; text-align:left}
  .omni-feat-row .omni-feat-img { width: 100%;}
  .omni-feat-row .omni-feat-content { width: 100%; text-align:right}
  .omni-feat-row.reverse .omni-feat-content h6 { max-width: 348px; margin-left: 0;}
  .omni-feat-row .omni-feat-img img {
    margin-left: -3%;
    width: 103%; min-width:90vw;
    min-width:347px;
}
.omni-feat-row.reverse .omni-feat-img  img{  margin-left: 0%;
    width: 100%; min-width:100%;}
   
  .omni-perfect h6 { font-size: 24px; padding: 0 10px; }
  .omni-pro-footer.pro-footer-text p:first-child { font-size: 12px; line-height: 18px;color: #1C1C1E; opacity: 40%;}
    .omni-brite .quantum-brite-img img {
 max-width: 350px; margin: 0 auto;}
   .omni-brite .quantum-brite-img p{display:none;}
  .omni-brite .quantum-brite-content {  width: 309px;  margin: 0 auto; text-align: center; margin-bottom: 25px;}
  .omni-brite .quantum-brite-content h4, .omni-brite .quantum-brite-content h6 { padding: 0 15px;}
  .omni-comparing .quantum-comparing-table {
    width: 100%;
}
  .omni-comparing .quantum-comparing-content {
        width: 100%;
        text-align: left; margin-bottom:40px;
    }
  .omni-comparing   .quantum-comparing-content h6 {
        max-width: 322px;
        margin-left: 0;
    }
  .omni-comparing .quantum-comparing-content p{max-width:325px;  margin-left: 0;}
  .quantum-comparing.omni-comparing {
    padding: 57px  30px 0;
}
      .omni-comparing .quantum-comparing-content h4 {
        margin-bottom: 27px;
    }

.omni-col-hop .collection-filters-form .Collapsible {
    width: 100%;
}
     .omni-col-hop .quantum-collection-row .collection-box-img a {
        margin-left: auto;
    }
  .ab-product-wrap.product-omni{padding-top:59px;         padding-bottom: 37px;}
  .product-omni .product-l-img { width: 100%; margin-left: 0;}
  .product-omni .product-slide .item img {max-width: 229px;}
  .product-omni .product-l-text { width: 100%;  margin-top: 16px;}
    .product-omni .product-l-text h5 { font-size: 16px; }
  .product-omni .product-l-text h2 {  font-size: 36px; line-height: 40px;}
  .product-omni .product-l-text .a-pro-icon span {font-size: 16px;}
  .product-omni .product-l-text p{font-size: 16px; line-height:24px}
  .product-omni-feac .fector_head_skyfarm { margin: 18px auto 0;}
  .product-omni-feac .fector_head h1 {font-size: 24px;line-height: 32px;}
  .product-omni-feac .fector_head { margin-bottom: 25px;}
  .product-omni-feac .single_factors_card h4 { font-size: 18px; line-height: 31.2px; color: #27586E;}
  .product-omni-feac .factors_card .col-4{padding:0}
  .ab-product-wrap.product-omni .mobile-sticky-btn .btn-flex .btn { width: calc(50% - 10px); min-width: calc(50% - 10px); font-size: 16px;display: flex; align-items: center;justify-content: center;padding: 12px;}
   .ab-product-wrap.product-omni .mobile-sticky-btn .btn-flex .btn img {max-width: 29px;}
 .ab-product-wrap.product-omni .mobile-sticky-btn .btn-flex .btn span { margin-right: 10px;}
  .ab-product-wrap.product-omni .mobile-sticky-btn .btn-flex .btnquickbuy {padding: 13.5px;}
  .product-omni .product2-des .btn#AddToCart, .product-omni .btn-sec {font-size: 16px;}
  .product-omni .product2-des .btn#AddToCart img {max-width: 29px;}
.product-omni .btn-sec span svg {width: 29px; margin-right: 10px;}
  .product-omni .product2-des .d-flex label {font-size: 16px;}
  .product-omni .qty-flex-wrap .qty-flex input.quantity-selector2, .product-omni .select-dropdown__button {height: 55px;}
  .infused-smaple-kit.quantum-smaple-kit.skyfarm-sample-kit.omni-sample-kit .infused-single-img img {
    max-width: 137px;
}

  .sample-omni-wrapper .mobile-sticky-btn .btn-flex .btn { width: calc(50% - 10px); min-width: calc(50% - 10px); font-size: 16px;display: flex; align-items: center;justify-content: center;padding: 12px;}
   .sample-omni-wrapper .mobile-sticky-btn .btn-flex .btn img {max-width: 29px;}
 .sample-omni-wrapper .mobile-sticky-btn .btn-flex .btn span { margin-right: 10px;}
  .sample-omni-wrapper .mobile-sticky-btn .btn-flex .btnquickbuy {padding: 13.5px;}
  .sample-omni-wrapper .product2-des .btn#AddToCart, .sample-omni-wrapper .btn-sec {font-size: 16px;}
  .sample-omni-wrapper .product2-des .btn#AddToCart img {max-width: 29px;}
.sample-omni-wrapper .btn-sec span svg {width: 29px; margin-right: 10px;}
  .sample-omni-wrapper .product2-des .d-flex label {font-size: 16px;}
  .sample-omni-wrapper .qty-flex-wrap .qty-flex input.quantity-selector2, .product-omni .select-dropdown__button {height: 55px;}
  .product-omni-sample .product2-right{padding-top:0}
  .omni-review h6 sup, .omni-review p sup  {
    font-size: 13px;
    margin-left: 2px;
     line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
  .product-omni .qty-flex-wrap h4.price{font-size:36px;}
 .product-omni .pro-from {
    margin-top: 20px;
}
  .product-omni-sample{padding-top:135px; padding-bottom:76px;}
  .product-l-img img {
    margin: 0 auto;
    display: block;
}
  .ab-product-wrap.product-omni-sample .product-slide {
    margin-top: 49px;
}
  .ab-product-wrap.product-omni-sample .product-l-img{margin-bottom:38px;}
  .product-omni-sample .product-l-text h1 {
    font-size: 34px;
    line-height: 40px;
    color: #27586E;
    margin-bottom: 13px;
}
  .product-omni-sample .product-l-text h5 {
    margin-bottom: 0;
}
  .product-omni-sample .ab-product-row{margin-bottom:5px;}
  .omni-sample-collection-banner-footer {
    text-align: center;
    margin-top: 70px;
}
  .omni-sample-collection-banner-footer h2 {
    font-size: 24px;
    line-height: 36px;
    padding: 0 15px; margin-bottom:20px;
}
  .omni-sample-collection-banner-footer p{font-size:16px; line-height:24px;}
     .product-omni-sample .product-l-text .a-pro-icon img.img-fluid {
        max-width: 49px;
    }
  .product-omni-sample .product-l-text .a-pro-icon span {
        font-size: 16px;
    }
  .omni-sample-kit h5.show767, .omni-sample-kit span.tag.show767 {
    display: none ! IMPORTANT;
}
 .omni-sample-kit .infused-single-smaple .a-pro-icon .show767 {
    display: none ! IMPORTANT;
}
  .quantum-smaple-kit.omni-sample-kit .infused-single-smaple p {
        font-size: 16px;
        line-height: 21px;
    }
  .product-omni-feac .fector_head_skyfarm .fector_feat_wrap .item .d-flex>div .icon{width:36px; min-width:36px; height:36px;}
      .quantum-sample-kit-wrap.omin-sample-kit-wrap .sample-kit-content .d-flex a.btn.btn-primary {
        width: calc(100% - 109px);
        max-width: 100%;
        font-size: 16px;
        padding: 10px;
        display: flex ! IMPORTANT;
    }
  .quantum-sample-kit-wrap.omin-sample-kit-wrap .qty-flex input.quantity-selector2, .quantum-sample-kit-wrap.omin-sample-kit-wrap .qty-flex input {
        width: 27px;
        height: 49px;
    }
  .omni-brite .quantum-brite-content h6, .omni-comparing .quantum-comparing-content h6{    font-family: Gilroy-Bold;}
  .omni-natural h2{max-width:300px; margin-left: auto;margin-right: auto;}
  .product-omni .btn-sec span, .product-omni-sample .btn-sec span {
    margin-right: 13px;
    max-width: 24px;
    top: 4px;
    position: relative;
}
  .omni-comparing .quantum-comparing-table .table-head .other {
        padding-left: 5px;
        padding-right: 5px;
    }
  .colllection-wrap-kit .custom-slides.custom-slide3 .ab-collection-box .qty-flex{margin-bottom:10px}
 .product-omni .product2-des p.small {
    margin-top: 12px;
    max-width: 255px;
}
  .collection-faq-content ul.accordion>li>div li{font-size:14px}
}




/* -------------- BUDBOARD ADDITIONS - GENERAL STYLES --------------
Edited by: Brett Schuster, brett.schuster@abstraxtech.com
Edits begin: 9/25/2024
*/

.content-wrap_center {
  width: 100%;
  text-align: center;
}

h1.large-in-charge {
  font-family: "Gilroy-Black", sans-serif;
  font-size: 54px;
}

a.button {
  text-decoration: none;
}

.action-button {
  background: #1c1c1e;
  color: white;
  text-decoration: none;
  font-family: "Gilroy-Bold", sans-serif;
  min-width: 240px;
  font-size: 17px;
  padding: 15px 20px;
  box-sizing: border-box;
  border-radius: 15px;
  display: inline-block;
  margin: 12px;
  transition: all 300ms;
}

.action-button:hover {
  transform: translateY(-1px);
  filter: brightness(102%);
}

b, span.bold {
  font-family: "Gilroy-Bold", sans-serif;
  font-weight: normal;
}

.action-button.primary {
  background: linear-gradient(127.46deg, #FEE333 0%, #FDC23C 100%);
  color: black;
}



body.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

@media (max-width: 640px) {
  .content-wrap_center {
    padding: 0 7px;
  }
}


.prod-intro-wrap {
  width: 100%;
  padding-top: 80px;
}

.prod-intro-wrap h1 {
  font-family: "Gilroy-Black", sans-serif;
  font-size: 41px;
  line-height: 49px;
  padding: 0 10px;
}

.prod-intro-wrap .prod-overview-details {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-top:15px;
}

.prod-overview-details .col-4 {
  width: 33.33%;
  padding: 0 10px;
  margin-bottom: 15px;
}


.prod-overview-details .single-overview-detail {
  width: 100%;
}

.single-overview-detail .overview-detail-content {
  width: 100%;
  display: flex;
  padding-top: 10px;
  flex-wrap: wrap;
  gap: 10px 20px
}

.single-overview-detail .overview-detail-content .overview-detail-content-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.single-overview-detail .overview-detail-content .overview-detail-content-item .icon {
  width: 49px;
  height: 49px;
  display: flex;
  border-radius: 100%;
  background-color: #E8EBE4;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 11px;
}

.single-overview-detail .overview-detail-content .overview-detail-content-item .icon img {
    max-width: 27px;
}

.single-overview-detail .overview-detail-content .overview-detail-content-item p {
  margin-bottom: 0;
}

.prod-overview-details .single-overview-detail h6 {
  width: 100%;
  border-bottom: 1px solid #1C1C1E;
  font-size: 18px;
  line-height: 31.2px;
  font-family: "Gilroy-Bold";
}

.aroma-spectrum {
  background: rgba(39, 39, 39, 0.05);
  border-radius: 10px;
  padding: 19px 20px 25px;
  width: calc(100% - 20px);
  margin: 0 auto;
}

.terplytics-logo-inline {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 15px;
  padding: 0 10px 15px 10px;
}

.single_factors_card video {
  width: 90%;
  margin: 0 auto;
  display: block;
  max-width: 270px;
  pointer-events: none;
} 

.aroma-spectrum video {
  width: 100%;
  margin: 0 auto;
  display: block;
  padding-top: 6px;
}

video.haze-factor-video, video.loud-factor-video, video.aroma-compound-video {
  max-width: 162px;
}

video.gas-factor-video {
  max-width: 220px;
    margin: -33px auto -25px auto;
}

.factors {
  padding: 0 10px 20px 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  grid-template-rows: repeat(2, auto); 
  gap: 20px;
}

.single_factors_card.factor, .aroma-spectrum {
  text-align: center;
}

.factor-title h5 {
  font-size: 20px;
  font-family: "Gilroy-Light";
  line-height: 26px;
  color: #1C1C1E;
}

.factor-title h5 span {
  font-family: "Gilroy-Bold";
}

.terplytics-feature {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 35px 10px 0 10px;
}

.terplytics-feature div h5 {
  font-size: 24px;
  line-height: 32px;
  font-family: "Gilroy-Bold";
}

.terplytics-feature div p {
  margin-bottom: 0;
}

.terplytics-feature div:first-child {
  width: 45%;
}

.terplytics-feature div:last-child {
  width: 55%;
  text-align: right;
  position: relative;
  top: -3px;
}

.terplytics-feature div:last-child a {
  margin-top: -6px;
}

.terplytics-modal-wrap {
  position: fixed;
  top: 100vh;
  opacity: 0;
  transition: opacity 1000ms;
  border-radius: 0 !important;
}



.terplytics-modal .terplytics-logo {
  margin-bottom: 30px;
}

.modal-factor .title {
  font-size: 18px;
  line-height: 32px;
  margin: 10px 0;
}

.terplytics-modal-wrap.open {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(14, 12, 3, 0.6) !important;
  z-index: 99999;
  opacity: 1;
  padding: 4vw 8vw 0 8vw !important;
  backdrop-filter: blur(4px);
}

.terplytics-modal-wrap:not(.open) {
  background: none;
  padding: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 1500ms ease-in-out, background 800ms ease-in-out;
}

.terplytics-modal-wrap#hidden-content {
  
  box-sizing: border-box;
  width: 100%;
}

.terplytics-modal-wrap.wrap-inter {
  backdrop-filter: none;
  opacity: 0;
  transition: opacity 1200ms ease-in-out, backdrop-filter 800ms ease-in-out, background 800ms ease-in-out;
}

.terplytics-modal#terp-modal-inner {
  background: #fff;
  border-radius: 20px 20px 0 0;
  padding: 70px 10px 0 10px;
  width: 100%;
  height: calc(100vh - 4vw);
  box-sizing: border-box;
  scrollbar-gutter: stable both-edges;
  transition: top 500ms ease-in-out, opacity 700ms ease-in-out;
}

#terp-modal-inner.inner-inter {
  top: 0;
  opacity: 0;
  transition: opacity 700ms ease-in-out;
}


.terplytics-modal-scroll {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.terplytics-modal-scroll::-webkit-scrollbar {
  border: none;
  background: none;
  fill: none;
  position: absolute;
  left: -10px;
  top: 10px;
}

.terplytics-modal-scroll::-webkit-scrollbar-thumb {
  background: transparent linear-gradient(92deg, #FFE63D 0%, #FFC632 100%) 0% 0% no-repeat padding-box;
  border-radius: 15px;

}

#terp-modal-inner {
  transition: all 800ms ease-in-out;
  position: relative;
  top: 100vh;
}

#terp-modal-inner .f-button#hidden-content-close {
      position: fixed;
    right: 10vw;
    top: 6vw;
}

#terp-modal-inner.visible {
  top: 0;
}

.separator-line {
  width: calc(100% - 40px);
    height: 1px;
    background-color: #1C1C1E;
    margin: 60px auto -37px auto;
    max-width: 1121px;
}

/* .terplytics-modal.inner-inter, .terplytics-modal-wrap.wrap-inter {
  opacity: 0 !important;
} */

sup, p sup {
      font-size: 0.65rem;
    position: relative;
    vertical-align: super;
    top: 0;
}

h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup {
  font-size: 1.05rem;
}

.select-dropdown__button { width: 100%; position:relative; cursor:pointer;   background: #fff; letter-spacing: -0.13px; color: #636366 ; font-size: 16px; line-height: 24px; height: 55px; border: 1px solid #272727; border-radius: 10px;  text-align: left; padding: 13px 22px; display: flex;align-items: center;justify-content: space-between; }
.select-dropdown__list { position: absolute;width: 100%;     z-index: 2;   transition:0.5s ease all;  background: #fff; top: 0; padding:0; margin: 0;  border-radius: 10px; opacity:0; pointer-events: none;
    transform-origin: top left;
    transform: scale(1, 0);}
.select-dropdown-pro { position: relative; margin-bottom:20px;}
.select-dropdown-pro .select-dropdown__list-item {cursor:pointer; display: block;list-style-type: none; padding: 2px;background: #fff; border-radius:10px; font-size: 16px; line-height: 24px;cursor: pointer; text-align: left; transition: all ease-in-out 0.3s;color: rgba(28, 28, 30, 1); border: none;}
.select-dropdown-pro .select-dropdown__list-item label{ border-radius:10px; padding: 13px 22px; display:block;}
.select-dropdown__list-item:hover label { background-color: #FFC632;transition: all ease-in-out 0.3s;}
 .select-dropdown__list-item input {display: none;}
.select-dropdown__button i{position: relative; transition:0.5s ease all;}
.product2-des.active .select-dropdown__list, .swatch.active .select-dropdown__list { border: 1px solid #272727;
      opacity: 1;
    pointer-events: auto;
    transform: scale(1, 1);

}
.product2-des.active .select-dropdown__button i, .swatch.active .select-dropdown__button i {
    transform: rotate(180deg); z-index: 5;
}

.sticky_cart.has-announcement.fixed {
    top: 33px;
}

.select-dropdown .dropdown-menu button, .select-dropdown .dropdown-menu a {
    font-size: 16px;
    line-height: 21px;
    color: #1c1c1ecc;
    letter-spacing: -.13px;
    padding-left: 0;
    position: relative;
    background: transparent;
    border: none;
    display: block;
    font-family: Gilroy-Regular, sans-serif;
    margin-top: 0;
    cursor: pointer;
    margin-bottom: 33px;
    position: relative;
    padding-left: 32px;
}

.select-dropdown .dropdown-menu a:before {
    border: 1px solid #272727;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 3px;
    background: 0 0;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.select-dropdown .dropdown-menu a.is-selected:before {
    background: transparent linear-gradient(110deg, #ffe63d, #ffc632) 0% 0% no-repeat padding-box;
    border: none;
}

.select-dropdown .dropdown-menu a.is-selected:after {
    content: "";
    width: 9px;
    height: 6px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: 0 0;
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 4px;
    left: 5px;
}

a.Popover__Value.Heading.Link.Link--primary.u-h6:last-child {
    margin-bottom: 0;
}

strong, b {
  font-weight: normal;
  font-family: "Gilroy-Bold";
}



    .filter-quick {
    width: 100%;
    margin-bottom: 17px;
    padding: 0;
}

.filter-quick a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #636366;
    padding: 16px 15px;
    border: 1px solid #272727;
    border-radius: 10px;
    text-decoration: none;
    position: relative;
    padding-right: 24px;
}

.filter-quick a img {
    margin-right: 12px;
}

.filter-quick a:after {
    content: '';
    width: 11px;
    height: 6px;
    transition: 0.5s ease all;
    background: url(faq-arrow.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 20px;
    top: calc(50% - 3px);
}

.filter-quick a.active:after {
  transform: rotate(180deg);
}

.mobile-filter-wrap {
          width: 100%;
        padding: 0 10px;
}



.dosing {
  border-radius: 10px;
  font-family: "Gilroy-Bold";
  font-size: 16px;
  display: inline-block;
  margin-top: 8px;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
}

.dosing.skyfarm {
  background-color: #8EAD6F;
  color: #fff;
  padding: 10px 25px;
}

.dosing.skyfarm:hover {
  background-color: #F2E9D1;
  color: #22586E;
}

.dosing.skyfarm:active {
  background-color: #A0D1C9;
  color: #22586E;
}

.dosing.quantum {
  background-color: #F2E9D1;
  color: #2C2C2E;
  padding: 13px 20px;
}

.dosing.quantum:hover {
  background-color: #2c2c2e;
  color: #F2E9D1;
  border: 1px solid #F2E9D1
}

.dosing.quantum:active {
  background-color: #A0D1C9;
  color: #2C2C2E;
  border: 1px solid #A0D1C9;
}

a:has(.dosing) {
  text-decoration: none;
  color: inherit;
}

.bb-mobile-only {
  display: none;
}

.nomarg {
  margin-top: 0;
  margin: 0;
}

.item.slick-slide .ab-collection-box .collection-box-caption p.description {
  font-size: 16px;
  line-height: 24px;
  font-family: "Gilroy-Regular";
  padding-bottom: 20px;
  line-clamp: 72;
  -webkit-line-clamp: 72;
}

.custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .ab-collection-box .btn {
  padding: 14px 0;
}

.colllection-wrap-kit .collection-box-caption h2, .colllection-wrap-kit .collection-box-caption h6 {
  margin-bottom: 14px;
}

.custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .ab-collection-box .qty-flex {
  width: 127px;
  max-width: 127px;
}

.custom-slide-wrap.quantum-collection-row.skykit-collection-row .collection-box-img {
  top: -20px;
      margin-bottom: -19px;
}

.slick-list {
  overflow: visible !important;
}

.footer-wave.white {
  background-color: #fff !important;
}

@media (min-width: 992px) {
  .sample-kit-slider .item {
    opacity: 1 !important;
  }
}




@media (max-width: 860px) {
   .prod-intro-wrap .prod-overview-details .col-4:not(:last-child) {
    width: 50%;
   }

   .prod-intro-wrap .prod-overview-details .col-4:last-child {
    width: 100%;
   }
}

@media (max-width: 768px) {

  .prod-intro-wrap {
    padding-top: 40px;
    width: 89%;
    margin: 0 auto;
  }
  

  .prod-intro-wrap h1 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 5px;
  }

  .factors {
    grid-template-columns: repeat(2, 1fr); 
    grid-template-rows: repeat(3, auto); 
  }

  .terplytics-feature {
    flex-direction: column;
    align-items: center;
  }

  .terplytics-feature div:last-child, .terplytics-feature div:first-child {
    width: 80%;
    text-align: center;
    margin-top: 18px;
  }

  .terplytics-logo-inline img {
    width: 216px;
    margin: 0 auto 10px auto;
    
  }

  .terplytics-logo-inline {
    padding: 0 10px 6px 10px;
  }

  .collection-faq-head h2, .collection-faq-head h4, .collection-faq-head h3 {
    font-size: 34px;
    line-height: 41px;
  }

  .collection-filters-form .Collapsible {
    width: 50%;
  }

  .sample-banner-inner {
    flex-direction: row;
    align-items: flex-start;
  }

  .sample-banner-inner .heading, .quantum-sample-banner .sample-banner-inner .content {
    width: 50%;
    max-width: 50%;
  }

  .quantum-sample-banner .sample-banner-inner {
    padding: 54px 25px 38px 43px;
    align-items: flex-start;
    max-width: 725px;
  }

  .sample-banner-inner .btn {
    width: 95%;
  }

  .ab-industry-content {
    max-width: 510px;
  }
  
  


}

@media (max-width: 640px) {
  .header_row {
    display: flex;
  }

  .header_row .menu-btn {
            position: relative;
        top: -3px;
  }
}

@media (max-width: 615px) {
  .prod-intro-wrap {
    width: 100%;
  }

  .mobile-show, .mobile-shows {
    display: block;
  }

  .collection-filters-form .Collapsible {
        width: 100% !important;
    }

   .Collapsible {
  overflow: hidden;
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.Collapsible.visible {
  visibility: visible;
  opacity: 1;
}

}

@media (max-width: 500px) {
  .sample-banner-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .quantum-sample-banner .sample-banner-inner {
    padding: 20px 25px;
  }

  .sample-banner-inner .heading, .quantum-sample-banner .sample-banner-inner .content {
    width: 100%;
    max-width: 100%;
  }

  .sample-banner-inner .btn {
    width: 100%;
  }

  .terplytics-modal-wrap.open {
    padding: 5vw 5vw 0 5vw !important;
  }

  #terp-modal-inner .f-button#hidden-content-close {
    top: 10vw;
  }

  .terplytics-feature {
    padding: 15px 10px 0 10px;
  }

  .bb-mobile-only {
    display: block;
  }

  .bb-desktop-only {
    display: none;
  }

  .sample-kit-slider .item.slick-slide .ab-collection-box .collection-box-caption p.description {
 font-size: 13px;
 line-height: 21px;
}

.custom-slide-wrap.quantum-collection-row.skykit-collection-row.colllection-wrap-kit .custom-slides .ab-collection-box .qty-flex {
  width: 100%;
  max-width: 100%;
}

.colllection-wrap-kit .collection-box-caption h6 {
  font-size: 24px;
  line-height: 31px;
  width: 75%;
}

.custom-slide.collections .slick-track{
  position: relative;
  left: -4.6vw;
}

  
}

@media (max-width: 486px) {
  .factors {
    grid-template-columns: repeat(1, 1fr); 
    grid-template-rows: repeat(6, auto); 
  }
}


/* ## PAGE-SPECIFIC STYLES ## */




/* Thank You For Your Feedback */
.typ-action-wrap {
  margin: 40px 0;
}
/* end Thank You For Your Feedback */



/* ## END PAGE-SPECIFIC STYLES ## */

/* -------------- END BUDBOARD ADDITIONS - GENERAL STYLES -------------- */


@media (min-width:520px) and (max-width: 640px) {
     .hero-slider .slick-dots {
       top: 18.5%;
       left: 2.5%;
   }
 }

@media (max-width:640px) {
 .quantum-collection-wrap .custom-slides.custom-slide3 h2 {
        font-size: 24px;
        line-height: 31.2px;
        margin-bottom: 14px;
    }
    .hero-slider .slick-dots {
      top: 15.5%;
      left: 5.5%;
  }
}
@media (max-width: 520px) {
    .omni-comparing .quantum-comparing-table .table-head .other {
        width: 112px;
    }
  /* .quantum-comparing-table .table-head {
    justify-content: space-between;
} */
.omni-comparing  .quantum-comparing-table .table-head .whole {
        width: 106px;
    }
  .omni-comparing .quantum-comparing-table .table-head .whole {
        width: 34.33%;
    }
      .omni-comparing .quantum-comparing-table .table-head .other {
        width: 33%;
    }
  .omni-review-wrap.ryan-review .omni-review h6{text-align:center;}
  .omni-sample-collection-banner-footer h2, .omni-frankenhop h4{max-width:299px;  margin-left: auto;margin-right: auto;}
  .omni-frankenhop h6 {
        font-size: 24px;
        max-width: 266px; margin-left: auto;margin-right: auto;
    }
    .omni-feat-row .omni-feat-img img {
    margin-left: -3%;
    width: 103%; min-width:90vw;

}
}

.select-dropdown__button i img {
    display: block;
}
@media (max-width: 480px) {
  .hero-slider .slick-dots {
    top: 26.5%;
    left: 4.5%;
}
   .omni-perfect, .omni-hops-trep{max-width: 325px;margin: 0 auto;}
.omni-perfect p{max-width:319px;  margin-left: auto; margin-right: auto;}
    .omni-hops-trep h6 { max-width: 228px;margin-bottom: 20px;}
  .omni-hops-trep p{max-width:311px; }
  .omni-hops-trep-wrap .quickfact-row.skyfarm-row-to { column-gap: 12px; }
  .omni-frankenhop h6 {
    max-width: 266px;
    margin-left: auto;
    margin-right: auto;
}
  .omni-frankenhop p{max-width:298px;}
  .omni-frankenhop-wrap .quantum_taster_hops p{max-width:256px;}
  .omni-frankenhop-wrap .quantum_taster_hops h5, .omni-frankenhop-wrap .quantum_taster_hops h6{max-width:220px; margin-left: auto;margin-right: auto;}
  .omni-sample-collection-banner-footer p{max-width:332px;}
  .omni-sample-collection-banner-footer h2, .omni-frankenhop h4{max-width:299px;  margin-left: auto;margin-right: auto;}
  .omni-frankenhop h6 {
        font-size: 24px;
        max-width: 266px; margin-left: auto;margin-right: auto;
    }
  .quantum-comparing-table .table-head{gap:5px}
/* .omni-natural h2{padding:0 15px;} */
  /* .omni-frankenhop h4{pading:0 33px;} */
  
}
@media (max-width: 436px) {
/* .omni-comparing .quantum-comparing-table .table-head .whole {
        width: 33.33%;
    }
     .omni-comparing .quantum-comparing-table .table-head .other, .quantum-comparing-table .table-head .quantum {
        width: 32% !important;
    } */
   .omni-comparing .table-row .whole {
        width: 92px !important;
    }
  /* .quantum-comparing-table .table-head {
    justify-content: space-between;
} */
      .table-row {
        border-bottom: 1px solid #707070;
    }
  .omni-comparing .table-row>div {
    border: none;
}
}

@media (max-width: 377px) {
.omni-comparing .quantum-comparing-table .table-head .whole {
        width: 106px;
    }
    .omni-comparing .quantum-comparing-table .table-head .other {
        width: 100px;
    }
   .omni-comparing .table-row .whole {
        width: 92px !important;
    }
  /* .quantum-comparing-table .table-head {
    justify-content: space-between;
} */
      .table-row {
        border-bottom: 1px solid #707070;
    }
  .omni-comparing .table-row>div {
    border: none;
}
}






.content-section{padding:200px 0 50px;max-width:1160px;margin:0 auto; position: relative;
    z-index: 2;}
.visually-hidden {
    display: none;
}
p.empty {
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
}
li.discounts__discount svg {
    width: 19px;
}
@media (max-width: 567px){
.page-accessibility-statement-for-abstrax-technologies .content-section{padding:200px 20px 50px;}
}

.announcement-bar a {
    text-decoration: inherit;
}
.announcement-bar {
    background: #D8E5D8;
    /*background: #E4ECE2;*/
    padding-block: 7px;
    text-align: center;
    margin-bottom: 15px;
    font-size: 12px;
    font-family: "Gilroy-Bold";
}
.announcement-bar p {
    margin-bottom: 0;
}

@media (max-width: 640px) {
    .announcement-bar {
        font-size: 9px;
      padding: 7px 35px;
    }
}


#predictive-search-results-products-list .collection-box-img {

    max-width: 158px;
    min-width: 158px;
    top: 0;
    margin-top: -13px;
    position: relative;
    left: -19px;
}
#predictive-search-results-products-list .collection-box-caption {
    width: calc(100% - 158px);
    padding-left: 0;
    padding-top: 50px;
    padding-right: 10px;
}
.Segment__Title.Segment__Title--flexed {
    text-align: center;
    margin: 15px auto;
}
span.Heading.result-text {
    color: #3a3a3c;
    opacity: 0.8;
    margin: 0;
    font-size: 16px;
    text-align: center;
}
.predictive-search__heading {
    font-size: 16px;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: "Gilroy-Bold";
}

/* new search  css*/
button::-moz-focus-inner{padding:0;border:0;}
.desk-search_wrap{    max-height: 100vh;
    overflow-y: auto;width:100%;position:fixed;top:0;background:#D8E5D8;left:0;pointer-events:none;visibility:hidden;opacity:0;-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);transform:translateY(-25px);-webkit-transition:opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;transition:opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;-o-transition:transform 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;transition:transform 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;transition:transform 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;z-index:-1;}
.desk-search_wrap .search-bar{max-width: 1120px; padding: 32px 20px; margin: 0 auto; display: block;}
.header__icon .icon.icon-search {
    display: block;
    max-width: 26px;
}
.desk-search_wrap .search-bar .form-control {
  border: none;
  border-bottom: 1px solid #000000;
  background: transparent;
  -webkit-appearance: none; appearance: none;
  border-radius: 0;
  font-size: 24px;
  line-height: 36px;
  border-radius: 0px;
  height: 34px;
  padding: 0;
  width: 100%;
  color: #3a3a3c;
  opacity: 1;
  font-family: "Gilroy-RegularItalic";
  font-family: "Gilroy-Regular";
}
.Search__Results[aria-hidden="true"] {
    display: none;
}
.desk-search_wrap .search-bar .form-control::placeholder {
   color: #3a3a3c;
}

.desk-search_wrap .search-bar input,
.desk-search_wrap .search-bar ::placeholder {
  font-family: Gilroy-RegularItalic;
  font-family: Gilroy-Regular;
  font-style: italic;
  color: #3a3a3c !important;
}
.desk-search_wrap .search-bar .qty-flex input{font-style:normal}
.desk-search_wrap .search-bar .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.desk-search_wrap .search-bar .form-control::-webkit-input-placeholder {
  color: #8e8e93;
  opacity: 1;
  font-family: "Gilroy-RegularItalic";
  font-family: "Gilroy-Regular";
  font-style: italic;
}
.desk-search_wrap .search-bar .form-control::-moz-placeholder {
  color: #8e8e93;
  opacity: 1;
  font-family: "Gilroy-RegularItalic";
  font-family: "Gilroy-Regular";
  font-style: italic;
}
.desk-search_wrap .search-bar .form-control:-ms-input-placeholder {
  color: #8e8e93;
  opacity: 1;
  font-family: "Gilroy-RegularItalic";
  font-family: "Gilroy-Regular";
  font-style: italic;
}
.desk-search_wrap .search-bar .form-control::-ms-input-placeholder {
  color: #8e8e93;
  opacity: 1;
  font-family: "Gilroy-RegularItalic";
  font-family: "Gilroy-Regular";
  font-style: italic;
}
.desk-search_wrap .search-bar .form-control::placeholder {
  color: #8e8e93;
  opacity: 1;
  font-family: "Gilroy-RegularItalic";
  font-family: "Gilroy-Regular";
  font-style: italic;
}
.desk-search_wrap .search-i {
  background: transparent;
  border: none;
  color: #1c1919;
  cursor: pointer;
  font-size: 1.25rem;
  -webkit-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
  position: relative; /*right: 40px; top: 49px;*/
  top: auto !important;
  right: auto !important;
  transform: none;
  width: 32px;
  height: 32px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0%;
  padding: 0 4px;
}
/* .desk-search_wrap .search-bar .search-i:hover{background: #FF7652;} */
.desk-search_wrap .search-i img {
  -webkit-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
  display: block;
}
/* .desk-search_wrap .search-i:hover img{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);} */
.desk-search_wrap.active, details[open] .desk-search_wrap{visibility:visible;opacity:1;pointer-events:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);z-index:99999999999;}
.no-scroll{overflow: hidden;}
.search-bar .form-control::-webkit-search-cancel-button{position:relative;-webkit-appearance: none; appearance: none; width:22px; height:22px; cursor:pointer; /*background:url(https://cdn.shopify.com/s/files/1/0041/9758/0870/t/7/assets/close-pop.svg?v=136908373659702141621660107906)no-repeat center;*/ background-size:contain;} 
.no-scroll .page-overlay {opacity: 1; visibility: visible;}
.sticky .desk-search_wrap{top: 70px;}
.hidden {
    display: none;
}
button.reset__button.field__button {
    display: none;
}
summary::-webkit-details-marker {
    display: none
}
details summary::-webkit-details-marker,
details summary::marker {
 display: none; 
 content: "";
}

.Segment__Title.Segment__Title--flexed {
  text-align: center;
  margin: 15px auto;
}

span.Heading.result-text {
    color: #3a3a3c;
    opacity: 0.8;
    margin: 0;
    font-size: 16px;
    text-align: center;
}
.predictive-search__heading {
    font-size: 16px;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: "Gilroy-Bold";
}
.desk-search_wrap .blog-row .single-blog {
    background: #fff;
}
.desk-search_wrap .blog-row .single-blog .img > a {
    position: relative;
}
.desk-search_wrap .blog-row .single-blog .img > a img  {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.ab-collection-row.hgna .collection-box-img {

    max-width: 158px;
    min-width: 158px;
    top: 0;
    margin-top: -13px;
    position: relative;
    left: -19px;
}
.ab-collection-row.hgna .collection-box-caption {
    width: calc(100% - 158px);
    padding-left: 0;
    padding-top: 50px;
    padding-right: 10px;
}

@media (max-width: 768px) {
     .ab-collection-row.hgna .collection-box-img {
        max-width: 118px;
        min-width: 118px;
        top: 0;
        position: relative;
        left: 10px;
        margin-top: -6px;
    }
  .ab-collection-row.hgna  .collection-box-caption {
        width: 100%; margin-top:3px;
        padding: 0 10px 10px;
    }
}

#shopify-section-predictive-search .colllection-wrap-kit {
    padding-bottom: 0;
}

 .colllection-wrap-kit .kist .collection-box-footer .btn{padding: 11px 10px;}
 .item.kiat .collection-box-flex {
    display: block;
    padding: 0;
}
 .item.kiat .collection-box-img {
    max-width: 100% !important;
    left: 0;
    margin-bottom: 10px;
    min-width: 100%;
}
.item.kiat .collection-box-caption {
    width: 100% !important;
    padding: 0;
}
.item.kiat .ab-collection-box .qty-flex {
    max-width: 127px;
    margin-left: 0;
}
.item.kiat .ab-collection-box .d-flex {
    justify-content: space-between;
    margin: 0;
}
.item.kiat .collection-box-footer .btn {
    width: calc(100% - 137px);
    margin-bottom: 10px;
    font-size: 15px;
  padding: 11px 10px;
    }
   .item.kiat .ab-collection-box {
    padding: 0 20px 10px;
}
  .item.kiat .collection-box-footer {
    padding: 0;
}
@media (max-width: 768px) {
     #predictive-search-results-products-list .collection-box-img {
        max-width: 118px;
        min-width: 118px;
        top: 0;
        position: relative;
        left: 10px;
        margin-top: -6px;
    }
  #predictive-search-results-products-list  .collection-box-caption {
        width: 100%; margin-top:3px;
        padding: 0 10px 10px;
    }
}


   .collection-box-caption h5 k {
    font-family: 'Gilroy-Medium';
    font-weight: 100;
    font-variant-ligatures: none;
}     



/* quality page css*/

.audited-wrapper{padding-top:160px;padding-bottom:120px;background:transparent     linear-gradient(180deg, #d8e5d8 0%, #d8e5d8 48%, #f7f8f100 100%) 0% 0%     no-repeat padding-box;}
.audited-head{max-width:563px;margin-bottom:23px;}
.audited-head h2{font-size:60px;line-height:1;font-family:"Gilroy-ExtraBold";margin-bottom:22px;color:#1c1c1e;}
.audited-head p{color:#3a3a3c;opacity:0.8;margin:0;}
.audited-row{display:flex;flex-wrap:wrap;margin:0 -10px;}
.audited-row .item{width:33.33%;padding:0 10px;margin-bottom:35px;}
.audited-single h3{font-size:24px;line-height:36px;color:#1c1c1e;font-family:"Gilroy-ExtraBold";padding-bottom:13px;border-bottom:2px solid #1c1c1e;margin-bottom:17px;}
.audited-single p{color:#3a3a3c;opacity:0.8;margin-bottom:20px;}
.audited-single .btn{padding:16.5px;min-width:156px;}
.audited-row{display:flex;flex-wrap:wrap;margin:0 -10px;}
.audited-row .item{width:33.33%;padding:0 10px;margin-bottom:35px;}
.audited-single h3{font-size:24px;line-height:36px;color:#1c1c1e;font-family:"Gilroy-ExtraBold";padding-bottom:13px;border-bottom:2px solid #1c1c1e;margin-bottom:17px;}
.audited-single p{color:#3a3a3c;opacity:0.8;margin-bottom:20px;}
.audited-single .btn{padding:16.5px;min-width:156px;}
@media (min-width: 992px){
.item.kiat.adquantum-brite-sample-kit .collection-box-caption {
    margin-bottom: 40px;
}
}

@media (max-width: 768px){
.audited-wrapper{padding-top:34px;padding-bottom:14px;}
.audited-head{margin-bottom:21px;}
.audited-head h2{font-size:34px;line-height:41px;margin-bottom:7px;}
.audited-single p{font-size:14px;line-height:21px;margin-bottom:15px;}
.audited-single .btn{min-width:100%;}
.audited-single h3{margin-bottom:14px;padding-bottom:10px;font-size:24px;line-height:29px;}
.audited-head p{font-size:14px;}
.audited-row .item{width:100%;}
}
.quality-cart{padding-top:118px;padding-bottom:40px;text-align:center;}
.quality-cart-head h2{font-size:60px;line-height:1;max-width:599px;margin:0 auto;font-family:Gilroy-ExtraBold;color:#1c1c1e;margin-bottom:22px;}
.quality-cart-head{max-width:806px;margin:0 auto;}
.quality-cart-head p,.quality-cart p{font-size:16px;line-height:24px;color:#3a3a3c;max-width:871px;margin-left:auto;margin-right:auto;opacity:0.8;}
.quality-cart-head p b,.quality-cart p b{font-family:Gilroy-Bold, sans-serif;}
.quality-cart img{margin:50px auto 2px;display:block;}
@media (max-width: 768px){
.quality-cart-head h2{font-size:35px;margin:0;margin-bottom:15px;}
.quality-cart{padding-top:0;padding-bottom:23px;text-align:left;}
.quality-cart-head p,.quality-cart p{font-size:14px;line-height:21px;}
.quality-cart img{margin:25px auto 28px;display:block;}
.quality-cart a.btn{width:100%;}
}
div#coll12 {
    position: relative;
}


@media (max-width:768px){
.blog-pagination{padding-top:0;}
.blog-pagination .btn{font-size:0;min-width:88px;padding:22px;}
}
.container.safty-acc .blog-pagination{margin-top:79px;margin-bottom:160px;}
@media (max-width:768px){
.container.safty-acc .blog-pagination{margin-top:40px;margin-bottom:40px;}
}


@media (max-width:768px){
.blog-pagination .btn{font-size:initial;min-width:88px;padding:22px;}
}
@media (max-width:768px){
.blog-pagination a.btn.btn-primary.loadmorea,.blog-pagination a.btn.btn-primary.ajloadmore{min-width:200px;padding:17px;}
}

.is-loading .spinner {
    opacity: 1;
    visibility: visible;
    background: 0 0;
    pointer-events: none;
}
.is-loading .spinner {
    z-index: 20;
}
.spinner {
    position: absolute;
    z-index: 1;
    display: block;
    width: 22px;
    height: 22px;
    border: 2px solid #00081c;
    border-radius: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 250ms linear;
    -o-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
     
     .is-loading .spinner:before {
    -webkit-animation: spin 6s linear infinite;
            animation: spin 6s linear infinite;
}
.spinner:after, .spinner:before {
    content: '';
    position: absolute;
    left: calc(50% - 1px);
    bottom: 50%;
    display: block;
    width: 2px;
    height: 6px;
    background-color: #00081c;
    border-radius: 2px;
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom;
}
.is-loading .spinner:after {
    height: 7px;
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
}

@-webkit-keyframes dw-spinner {
    from {
        -webkit-transform: rotate(0);
                transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
    }
}

@keyframes dw-spinner {
    from {
        -webkit-transform: rotate(0);
                transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
    }
}
     .is-loading div {
    opacity: 0.6;
}
.single {
    position: relative;
}