@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
/*ddddd*/
.h5, h5 {
	font-size: 0.9rem;
font-weight: 600;
}

#div_gifting, #div_upselling {
	margin-top: 50px !important;
margin-bottom: 25px !important;
}

.cart-info {
	font-size: 1rem;
	font-weight: 400;
}

.ibox-content {
    font-size: 14px;
}

#anc_chg_address {
	color: #638a5b;
}

#anc_chg_dmethod {
	color: #638a5b;
}

.col-md-2 {
	color: #638a5b;
	font-size: 14px;
	font-weight: 600;
        padding-left: 38px;
}

.ibox-content.text-center h3 {
	font-size: 14px !important;
}

#div_show_address {
	font-size: 12px;
}

.custom_radio_div label, .custom_radio li div label {
	font-size: 14px;
	font-weight: bold;
}

.htsg-header-top {
	padding: 18px 0px;
}

@media (min-width: 1100px)
.htsg-logo {
  width: 100px !important;
}

@font-face {
  font-family: 'Butler_Regular';
  src: url('Fonts/Butler_Regular.otf') format('otf'),
}

.needsclick.kl-private-reset-css-Xuajs1 {
    
  padding: 0px 0px!important;

}

input.needsclick.go1652256424.kl-private-reset-css-Xuajs1 {
    padding-left: 16px!important;
}

@media (max-width: 1024px) {
.signup_block {
    display: none!important;
  }
}


@media (max-width: 800px) {
.title-heading-left.fusion-responsive-typography-calculated {
    font-size: 25px !important;
}
}

.page-sub-title {
    padding-left: 25px;
    padding-right: 25px;
    background-color: #eff0ec;
}

button.needsclick.go279450927.kl-private-reset-css-Xuajs1 {
    font-size: 16px!important;
    padding: 8px 12px 8px 12px!important;
    background: rgb(36, 36, 36)!important;
    border-color: rgb(36, 36, 36)!important;
    border-style: solid!important;
}

.klaviyo-form-StSin3.klaviyo-form.form-version-cid-5 button.needsclick.go3894874857.kl-private-reset-css-Xuajs1 {
    padding: 11px!important;
}

button.needsclick.go3894874857.kl-private-reset-css-Xuajs1 {
    padding: 11px!important;
}

@media only screen and (max-width: 600px) {
.nutrafy-logo-mobile img {
    width: 90%!important;
}
.nutrafy-text-mobile {
    font-size: 14px !important;
}
}


input.needsclick.go704607845.kl-private-reset-css-Xuajs1
{
    padding-left: 16px!important;
}


.div5 {  display: none !important; } .div1 {  width: 18%; } .div2 { width: 11.4%; } .div3 { width: 25%; } .div4 {
  width: 9%!important; } .gift { width: 13% !important; letter-spacing: 2px; }

:root {
  --header-top-bgcolor:#192c3d;
  --header-bottom-bgcolor:#f1e7da;
  --footer-top-bgcolor:#f1e7da;
  --footer-bottom-bgcolor:#ffffff;
  --main-bg-color: #f1e7da;
  --text-color: #6d6e71;
  --main-color: #6d6e71;
  --font-highlight: 'Open Sans',sans-serif;
  --banner-heading: 'Open Sans',sans-serif;
  --border-color: #b8b8b8;
  --btn-primary: #192c3d;
  --dark-color: #222222;
  --light-color: #ebebeb;
  --tab-color: #5293a0;
  --small-text: 12px;
  --secondary-color: #192c3d;
}
.cart-info-row span {
    font-weight: 900;
    font-size: var(--medium-text);
}
.cart-wrapper .items-price {
    color: #182c3d !important;
}
.kzkVSS.kzkVSS.kzkVSS.kzkVSS.kzkVSS.kzkVSS .ql-editor p {
    text-align: left !important;
    padding-left: 0px !important;
}
.kl-private-quill-wrapper-Lkqws1.kl-private-quill-wrapper-Lkqws1.kl-private-quill-wrapper-Lkqws1 .ql-editor {
    padding: 13px 0px!important;
    margin-left: -10px!important;
}
.ft-col_4 {
    width: 20%!important; 
}

.ft-col_4:nth-of-type(4) {
    width: 40%!important; 
}
.footer-bottom {
    padding-top: 15px;
}
.footer-bottom .fusion-layout-column {
  padding-top: 55px;
  padding-bottom: 55px;
}
.footer-bottom .container { 
letter-spacing: 1px;
}
.fusion-flex-column { 
    display: flex!important; 
    width: 14.2% !important;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    position: relative!important;
    float: left!important;
}

.kUJXnR.kUJXnR.kUJXnR.kUJXnR.kUJXnR.kUJXnR,.eevQNn.eevQNn.eevQNn.eevQNn.eevQNn.eevQNn,
.hyCGDZ.hyCGDZ {
    background-color: transparent !important;
}
.kyRZKh.kyRZKh {
    padding: 10px 0px 10px 0px!important;
}
.socilicons ul {
    list-style-type: none;
}

.socilicons ul {
  padding-left:5px;
}
.socilicons li {
    float: left;
    font-size: 20px;
    margin-right: 35px;
    padding-left: 0;
}
.socilicons i {
    color: #000;
}

@media (max-width: 1441px){
    
.div5 {  display: none !important; } 
.div1 {  width: 9%; } 
.div2 { width: 9.5%; } 
.div3 { width: 11%  !important; }
.gift { width: 11%  !important; }
.div8 .icons-links {
  width: 50%;
  margin-right: 10px;
}
html body .side-link-left div {
  font-size: 10px !important;
  line-height: 16px !important;
}
html body .side-link-left h2,
html body .side-link-left a {
  font-size: 12px !important;
  line-height: 16px !important;
}
html body .side-link-left .icons-links img {
  max-width: 45px !important;
}

}

p.jkg_banner_header {
    font-size: 64px;
}

@media (max-width: 1024px){
  p.jkg_banner_header {
    font-size: 48pxa
  }
}

p.jkg_banner_body {
    font-size: 16px;
    line-height: 28px;
    text-transform: none;
    margin: 0px;
    color: black;
    font-family: 'Avenir';
}

@media (max-width: 1024px){
  p.jkg_banner_body {
    font-size: 16px;
    line-height: 20px;
  }
}

a.jkg_banner_cta {
    background: #192c3d;
    font-size: 24px;
    color: white;
    padding: 8px 30px;
    border-radius: 3px;
    font-weight: bold;
    display: inline-block;
    margin: 20px 0px !important;
}

body {
    font-family: "Avenir Heavy",sans-serif !important;
}
#menu-shop  a span,
#menu-shop  a:link span,
#menu-shop  a:hover span,
#menu-shop  a:focus span,
#menu-shop  a:visted span {
  color:#000!important;
}
#menu-resources li,
#menu-about-us li,
#menu-shop li {
    list-style: none;
    font-size: 14px !important;
    letter-spacing: 1px;
  margin-top: 5px;

}
#menu-resources,
#menu-about-us,
#menu-shop {
    margin-left: 0px !important;
    padding-left: 0px !important;
  margin-top: 0px;
}
#menu-resources .link-text,
#menu-about-us .link-text,
#menu-shop .link-text {
  color:#000!important;
}

h4.widget-title {
    margin: 0 0 5px!important;
    font-size: 25px !important;
    font-weight: 600!important;
    line-height: 1.2!important;
    letter-spacing: 0px!important;
    font-style: normal!important;
    color: #000000 !important;
}

#navbarSupportedContent a {
  font-size: 16px !important;
    color: #000000;
  padding-right: 8px !important;
    padding-left: 8px !important;
  font-family: "Open Sans",sans-serif !important;
  font-weight: 600 !important;
  position: relative;
}

@media (min-width: 1024px){

    #navbarSupportedContent a::before{
      content: "";
      position: absolute;
      height: 4px;
      width: 0px;
      background: #192c3d;
      bottom: 0px;
      left: 50%;
      transition: width 0.4s;
  }

  #navbarSupportedContent a:hover:before{
      width: 50%;
  }

  #navbarSupportedContent a::after{
      content: "";
      position: absolute;
      height: 4px;
      width: 0px;
      background: #192c3d;
      bottom: 0px;
      right: 50%;
      transition: width 0.4s;
  }
  #navbarSupportedContent a:hover:after{
      width: 50%;
  }
}

#navbarSupportedContent ul li {
    margin-left: 10px!important;
    margin-right: 10px!important;
}
#div_gifting,
#div_upselling{
margin-top: 0;
margin-bottom: 0;
padding: .75rem 1.25rem !important;
color: #FFF!important;
background-color: #5293a0!important;
border-color: #172938!important;
text-align:center;
margin-top: 1%;
margin-bottom: 1%;
border:0px;
}
.alert-success,
.alert-danger {
    margin-top: 5%;
    margin-bottom: 5%;
    color: #182c3d;
    background-color: #c3d7db;
    border-color: #182c3d;
    text-align: center;
    padding: 3%;
}

/* header start */
.main-header{ }
.logo{ padding: 0; width: 16.66%; text-align: center;}
/*.logo img{ max-height: 65px;}*/

.header-top-wrapper{ background: var(--header-top-bgcolor); }
.header-top{padding: 15px 30px; display: flex; justify-content: space-between; font-family: 'Open Sans', sans-serif;}
.side-link-left{display: flex; align-items: center; flex:1;}
.side-link-left div{color: #ffffff; display: flex; flex-wrap: nowrap; align-items: center; font-size:14px; font-weight:700; line-height:20px; }
.div1{width: 12%}
.div2{width: 8.4%;}
.div3{width: 12%; margin-bottom: 5px; letter-spacing: 2px;}
.div4{width: 12%;}
.div5{width: 26.5%;}
.div6{width: 9%; justify-content: center; line-height: 17px;}
.div6 a{line-height: 16px !important;}
.div6 .icons-links{width: 50%; }
.div7{width: 7%;justify-content: center}
.div8{width: 8%;justify-content: center}
.div8 .icons-links{width: 50%; }
.side-link-left div a{color: #ffffff; font-weight: 700; font-size: 16px; letter-spacing: 2px;  line-height: 20px; transition: color 0.2s;}
  .side-link-left div a:hover {
      color: #a09c9c;
  }
.side-link-top{display: flex; align-items: center; padding-right: 5%; flex:1; justify-content: flex-end;}
.side-link-top ul{margin: 0; padding: 0; list-style: none; color: #ffffff; display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; }
.side-link-top li{display: flex; align-items: center;}
.side-link-top li a{color: #ffffff; font-weight: 700; font-size: 16px; letter-spacing: 2px; line-height: 18px;}
.cart-icon{padding: 0 0px;}
.icons-links{padding:0;}
.header-bottom-wrapper{ background: #fff; font-family: 'Open Sans', sans-serif;}
.header-bottom-wrapper a{color: var(--header-top-bgcolor); padding: 22px 8px 26px;display: inline-block;}
.header-bottom{padding:0;display: flex; justify-content: space-between; align-items: center; }
.header-content h3{font-size: 16px; font-weight: 500; line-height: 1.2; }
.logo-wrapper{display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; width: 100%; }

.menu-bar{background: var(--header-top-bgcolor); display: flex; position: sticky; top:0; z-index: 1001; box-shadow: rgba(0,0,0,.117647) 0 1px 3px;}
.menu-wrapper{text-align: center; display: flex;align-items: center; margin: 0 auto; }
.menu-wrapper ul{margin: 0 auto; padding: 0; display: flex; list-style: none; justify-content: center; align-items: center; margin-block-end: 0; margin-block-start: 0; min-height: 2em; position: relative;}
.menu-wrapper ul li{}
.menu-wrapper ul li a{color: var(--menu-color); font-size: 17px; padding:22px 8px 26px; font-weight: 600;  text-transform:none;   display: inline-block;line-height: 22px;}
.menu-wrapper ul li a .fa{color: var(--menu-txtcolor); font-size: 18px !important; font-weight: 600;}
.menu-wrapper img{max-height: 38px;}
.menu-wrapper .navbar{padding: 0;}

.close .fa:before{font-size: 32px;}

.titlebar-wrapper{}
.page-title-bar{height: 550px; background-image: url("../images/title-bg.jpg");background-color: rgba(246,246,246,0);border-color: rgba(210,211,212,0); background-size: cover; padding-left: 30px; padding-right: 30px;background-position: center center; background-repeat: no-repeat; background-origin: border-box;}
.page-title-row{height: 100%;}
.page-title-wrapper{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; position: relative; height: 100%; width: 100%; }
.page-title-captions{text-align: center; width: 100%;}
.page-title-captions h1{font-size: 48px; line-height: 1.45; color:#ffffff;}


.cartcount{position: relative; margin-right: 10px;}
.cartcnt{letter-spacing: 0px; width: 24px; height: 24px; position: absolute; font-size: 11px; text-align: center; display: flex; align-items: center; background: #ff6161; color: var(--menu-txtcolor); border:1px solid #ffffff; border-radius: 50px; top:-9px; right: 9px; justify-content: center; }
.menu-list-icons{display: flex; flex-direction: row !important; list-style: none; margin: 0; padding: 0;}
.menu-list-icons a{display: inline-block; padding: 0 15px; }
.menu-list-icons a .fa{color: var(--dark-color); font-size: 16px !important; font-weight: bold;}
.mobile-menu-list{width: 100% !important; }
.mobile-menu-list ul{list-style: none; text-align: center; padding: 0; margin: 0; background:var(--btn-primary); color: var(--menu-txtcolor); width: 100%;}
.mobile-menu-list ul li{border-bottom: 1px solid rgba(255,255,255,0.5); }
.mobile-menu-list ul a{display: block; color: var(--menu-txtcolor); padding: 5px 0; text-transform: uppercase; font-size: 16px; }
.mobile-menu, .mobile-menu-list{display: none;}
.noborder a{border: 0 !important;}
/* header ends */

/* footer start */
.footer-top{padding:40px 0; background-color: #EFF0EC;}
.footer-socials ul{margin: 0; padding: 0; list-style: none; display: flex; align-items:center; flex-wrap: nowrap;}
.footer-socials ul li{height: 44px; display: flex; align-items:center;}
.footer-socials ul li a{padding: 0 10px;}
.footer-socials ul li a i{font-size: 20px !important; color: var(--text-color);}
.copyright-wrapper{display: flex; justify-content: space-between; padding: 30px 0;}
.copy-link ul{list-style: none; padding: 0; margin: 0; display: flex; }
.copy-link ul li{margin-right: 30px;}
.copy-link ul li a{padding: 0; color:var(--text-color); text-transform: uppercase; font-size: 14px;}
.copy-link ul li a:hover{text-decoration: none;}
.company-wrapper{display: flex; width:100%; justify-content: space-between; align-items:flex-start;}
.footer-contact{width:100%;}
.footer-logo img{max-width: 230px;}
.company-address .slogan{text-transform: uppercase; font-size: 28px; font-family: var(--font-highlight);}
.company-address h5{text-transform: uppercase; font-size: 20px; margin:35px 0 15px; font-weight: 600; }
.company-address p{margin-bottom: 10px;}
.company-address label{margin-bottom:0; color: #929aa3;}
.company-address{padding: 0 0 0 0px;}
.copy-link{display: flex; align-items: center;}
.quick-links{text-align: center; position: relative; flex:1;}
.quick-links h4{text-transform: uppercase; font-size: 28px; font-weight: 700; text-align: left; margin:0 0 28px;}
.quick-links:before
.quick-links h4{font-family: var(--font-highlight); font-size: 24px; text-transform: uppercase;}
.quick-links ul{list-style: none; display: flex; padding: 0; margin: 0; flex-direction: column;}
.quick-links li{display: block; }
.quick-links li a{display: block; text-align: center; border:2px solid var(--main-color); padding: 10px 15px; margin:5px 0; min-width: 200px;}
.quick-links li a:hover{background-color: var(--main-color); color: #ffffff;}
.footer-bottom{background-color: var(--footer-bottom-bgcolor);}
/* footer ends */


@media (max-width: 1024px){
.newsletterimg{
    display:none;
  }
  .fa-search,
  .cartcount {
    display:none;
  }
  
  /* header start */
  .header-top{padding: 25px 15px;}
  .header-bottom{padding: 10px 0; display: block;}
  .header-bottom-wrapper .container{padding: 0;}
  .logo{margin-left:0px; padding: 0;}
  .side-link-top{padding-right: 0;}
  .m-hide{display: none !important;}
  .icons-links img{max-width: 24px;}
  .header-content h3{font-size: 14px;}
  .menu-wrapper ul{flex-direction: column;}
  .menu-wrapper ul li{padding: 10px 0;}
  .side-link-left{justify-content: space-between; width: 100%; margin-top: 10px;}
  .side-link-left div a{font-size: 14px;}
  .div6 .icons-links{margin-right: 5px;}
  .div6{width: auto; padding: 0 5px;}
  .div7{width: auto; padding: 0 5px;}
  .div8{width: auto; padding: 0 5px;}
  .div8 .icons-links{margin-right: 5px;}
  .div3{position: absolute; left: 0; right: 0; text-align: center; align-items: center; justify-content: center; top:5px; width: 100%; font-size: 14px; font-weight: 700;}
  .side-link-left li a{max-width: 100%; padding: 0 15px;}
  .side-link-left li a, .side-link-top li a{font-size: 14px;}
  
  .mobile-menu{display: flex; align-items: center; padding: 10px 0; justify-content: flex-end;}
  .menu-wrapper{display: none;}
  .mobile-menu-list{padding-top:20px;}
  .menu-list{padding-top:20px; display: block; margin: 0; padding: 0; list-style: none; width: 100%;}
  .menu-list li{text-align:center;}
  .menu-list li a{text-align:center; color: #ffffff; display: block; }
  .menu-list-icons a .fa{font-size: 18px !important; color: var(--menu-txtcolor);}
  .page-title-captions h1{font-size: 28px; line-height: 40.25px; }
  .page-title-bar{height: 300px; }
  /* header ends */
 
  
  /* footer start */
  .company-address{padding:0 0 0 50px;}
  .footer-logo img{max-width: 200px;}
  .copyright-wrapper{flex-direction: column; align-items: center;}
  /* footer ends */
}

@media (max-width: 768px){
    html body .gift {
  width: 100% !important;
}
.div8 img {
  display: none;
}
.form_payment .cart-info-row div {
    text-align: left!important;
}
.form_payment .product-info {
    width: 100% !important;
}
.form_payment .cart-info-row span{
        font-weight:300!important;
}
.form_payment #div_opt_shipping .product-info,
.form_payment .product-info {
    font-weight:bold;
    
}
.form_payment #li_shipping {
    width: 100% !important;
}
.form_payment .cart-info-row {
    display: block;
    width: 100%;
}
.form_payment .items-list-image {
    width: 100%;
}
.form_payment .items-list-image img {
    width:100px;
    text-align:left;
}
.items-list-details {
    width: 100%;
    clear: both;
}
.items-list-details {
    flex: auto;
    padding: 0px 0 0 15px;
    display: contents;
}

.form_payment .items-list-details .items-name .cls_variables,
.form_payment .items-list-details .items-name,
.form_payment .items-list-details .items-price,
.form_payment .items-list-details .items-totals {
    width: 100%!important;
    font-weight:300!important;
}
.form_payment .items-list-details .items-name {
    font-weight:800!important;
}

.mobile-menu-list ul a {
    display: block;
    color: var(--menu-txtcolor);
    padding: 10px 0!important;
    text-transform: capitalize;
    font-size: 20px!important;
    color:#fff!important;
}
.fusion-flex-column {
    width: 100% !important;
    float: none !important;
    margin: 0 auto;
    text-align: center;
}
.fusion-column-wrapper.fusion-flex-justify-content-flex-start.fusion-content-layout-column {
    margin: 0 auto;
}
.fusion-layout-column.fusion_builder_column.fusion-builder-column-35.fusion_builder_column_1_5.\31 _5.fusion-flex-column {
    margin-top: 65px !important;
}
.img-responsive.wp-image-33521.lazyloaded {
    margin-bottom: 50px !important;
}
.footer-bottom .fusion-layout-column {
    padding-top: 0px;
    padding-bottom: 0px;
}
     /* header start */
   
    .footer-bottom {
    text-align: center;
}
/* .fusion-imageframe img {
    max-width: 50px !important;
    height: auto;
    margin-top: -85px;
}*/
.socilicons {
    width: 210px !important;
    margin: 0 auto;
    position: relative;
    display: block;
    height: auto;
}
.socilicons li {
    float: left;
    font-size: 20px;
    margin-right: 17px;
  margin-left: 17px;
    padding-left: 0;
}
.ft-col_4:nth-of-type(4),
.ft-col_4 {
    width: 100% !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align: center;
}
   
  
  .logo-wrapper{flex-wrap: wrap;}
  /*.logo img{max-width: 95px;}*/
  .logo{width: 100%; text-align: center; margin: 0;}
  .mobile-menu{width: 100%;}
  .container{width:100%; max-width: 100%;}
  .top-socials{}
  .menu-wrapper li img{max-width: 32px;}
  /* header ends */
  
   /* footer start */
  .company-wrapper, .footer-contact{flex-direction: column; align-items:center;}
  .company-address{text-align: center; margin:25px 0; padding:0 15px;}
   /* footer ends */
}

@media (max-width: 600px){

  /* header start */
   .header-top{flex-direction: column; height: auto; align-items: center;}
   .side-link-top{padding-top:10px;}
   /* header ends */
  
   /* footer start */
  .footer-logo img{max-width: 180px;}
  .copyright-wrapper, .copy-link ul{flex-direction: column; align-items: center;}
  .copy-link ul li{margin:8px 0;}
   /* footer ends */

.logo img {
   /* margin-top: 25px;*/
}

.side-link-left div {
    padding-left: 10px;
    padding-right: 10px;
  
}
.div5 {  display: none !important; } 
.div1 {  width: 9%; } 
.div2 { width: 9.5%; } 
.div3 { width: 100%  !important; }
.div8 .icons-links {
  width: 50%;
  margin-right: 10px;
}
.gift {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  align-items: center;
  justify-content: center;
  top: 34px;
}
.div6 {
  width: 33%!important;
}
.logo {
  padding-bottom: 15px!important;
}
@media screen and (max-width: 1440px) and (min-width: 1025px) {
  .side-link-left div{font-size:10px;  }
  .side-link-left div a{font-size:11.3px;  }
  .side-link-left div img{max-width:48px}
  .div6 .icons-links img, .div7 .icons-links img, .div8 .icons-links img{max-width:32px !important;}
}

header.header .mainHead nav ul li a {
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px!important;
}

.footer-contact h4 {
    font-size: 20px !important;
    margin-bottom: 20px !important;
}

.footer-contact .ft-col_5 li a{
font-size: 14px;
}
.banner-wrapper-image.cart-banner {
    height: 192px;
}

@media (max-width: 1100px){
    .banner-wrapper-image.cart-banner {
        height: 192px;
    }
}