:root {
    --block_spacing: 80px;
    --font_base: 16px;
    --font_h1: 40px;
    --font_h2: 24px;
    --font_h3: 24px;
    --font_h4: 20px;
    --font_h5: 16px;
    --font_h6: 16px;
    --line_height: 1.7;
    --accent: #F71595;
    --accent_light: #FFF3FA;
    --disable: #aaa;
    --grey_border: #eee;
    --grey_block: #f7f7f7;
    --body: #000;
    --black: #222222;
    --green: #00B900;
    --green_light: #00B9001a;
    --orange: #ff7a00;
    --orange_light: #ff7a001a;
    --blue: #2980b9;
    --blue_light: #2980b91a;
    --red: #CD0000;
    --red_light: #CD00001a;
    --gray: #717171;
    --shadow_small: 0px 0px 5px rgba(0, 0, 0, 0.1);
    --shadow_left_small: -2px 2px 5px rgba(0, 0, 0, 0.1);
    --shadow_right_small: 2px 2px 5px rgba(0, 0, 0, 0.1);
    --border_radius: 4px;
    --border_radius_big: 8px;
    --btn_height: 50px;
    --btn_font_size: 1em;
    --btn_lg_height: 60px;
    --btn_lg_font_size: 1.1em;
    --btn_sm_height: 48px;
    --btn_sm_font_size: 1em;
    --btn_icon_font_size: 1.4em;
    --btn_icon_spacing: 7px;
    --btn_padding: 30px;
    --btn_lg_padding: 30px;
    --btn_sm_padding: 24px;
    --input_height: 48px;
    --input_padding: 24px;
    --input_bg: #fff;
    --input_border: 1px solid var(--grey_border);
    --title_featured_spacing: 32px;
    --title_featured_title: var(--font_h1);
    --checkbox_padding: 5px 0;
    --checkbox_size: 24px;
    --checkbox_icon: 14px;
    --checkbox_border_radius: var(--border_radius);
  }
  

  @font-face {
    font-family: 'Satoshi';
    src: url('satoshi-bolditalic.woff2') format('woff2'),
        url('satoshi-bolditalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('satoshi-medium.woff2') format('woff2'),
        url('satoshi-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('satoshi-regular.woff2') format('woff2'),
        url('satoshi-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('satoshi-mediumitalic.woff2') format('woff2'),
        url('satoshi-mediumitalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('satoshi-bold.woff2') format('woff2'),
        url('satoshi-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


    
  [v-cloak] {
      display: none !important;
  }
  
  .fixed-pages {
    padding-top: var(--block_spacing);
  }

  @font-face {
      font-display: swap;
  }
  
  body {
    margin: 0 !important;
      color:var(--body);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-shadow: 1px 1px 1px x(0,0,0,0.004);
    width:100%;
    font-size: var(--font_base);
  }
  
  html.no-scroll {
    margin: 0; 
    height: 100%; 
    overflow: hidden;
  }
  
  div[class*=" col-"] {
      margin-left: -.5px;
  }
  
  i[class*="fi-rr"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  img {
      width: auto;
    height: auto;
  }
  
  table {
      border-spacing: 0;
       border-collapse: collapse;
  }
  
  .relative {
      position:relative;
  }
  
  .owl-prev,
  .owl-next,
  .owl-dots,
  .owl-dot {
      outline: none;
  }
  
  .body-wrap {
    position:relative;
    transition: transform .35s cubic-bezier(.29,.58,.32,1);
  }
  
  .body-wrap.cart-open {
    transform: translate(-400px, 0px);
  }
  
  h1,h2,h3,h4,h5,h6 {
      margin: 0;
  }
  
  .line-height {
      line-height: var(--line_height);
  }
  
  a:not(.btn, .text-link, .smc-btn),
  a:not(.btn, .text-link, .smc-btn):hover,
  a:not(.btn, .text-link, .smc-btn):visited,
  a:not(.btn, .text-link, .smc-btn):focus {
      color:inherit;
    text-decoration:none;
    outline:none;
  }
  
  .ul-reset {
      list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .general-content {
    font-size: 1em;
    line-height: var(--line_height);
  }
  
  .general-content strong {
      color: var(--black);
    font-weight: bold;
  }
  
  .general-content *:first-child {
      margin-top: 0;
  }
  
  .general-content *:last-child {
      margin-bottom: 0;
  }
  
  h1 {
      font-size: var(--font_h1);
  }
  
  h2 {
      font-size: var(--font_h2);
  }
  
  h3 {
      font-size: var(--font_h3);
  }
  
  h4 {
      font-size: var(--font_h4);
  }
  
  h5 {
      font-size: var(--font_h5);
  }
  
  h6 {
      font-size: var(--font_h6);
  }
  
  .general-content h1,
  .general-content h2,
  .general-content h3,
  .general-content h4,
  .general-content h5,
  .general-content h6 {
      font-weight: bold;
    color: var(--black);
  }
  
  .general-content h1 {
      font-size: var(--font_h1);
    margin-bottom: 20px;
  }
  .general-content h2 {
      font-size: var(--font_h2);
    margin-bottom: 20px;
  }
  .general-content h3 {
      font-size: var(--font_h3);
    margin-bottom: 20px;
  }
  .general-content h4 {
      font-size: var(--font_h4);
    margin-bottom: 15px;
  }
  .general-content h5 {
      font-size: var(--font_h5);
    margin-bottom: 10px;
  }
  .general-content h6 {
      font-size: var(--font_h6);
    margin-bottom: 10px;
  }
  
  .general-content a:not(.btn),
  .general-content a:not(.btn):visited,
  .general-content a:not(.btn):active,
  .general-content a:not(.btn):hover {
      text-decoration:underline;
    color: var(--accent);
  }
  
  .general-content ul {
      padding-left: 25px;
  }
  
  .general-content ul li {
      list-style: none;
    position: relative;
  }
  
  .general-content ul li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--accent);
    vertical-align: middle;
    margin-right: 15px;
  }
  
  .general-content img,
  .general-content video {
      height: auto;
  }
  
  .general-content img,
  .general-content video,
  .general-content iframe {
      max-width: 100%;
  }
  
  .general-content table {
      width: 100%;
  }
  
  .general-content table tr td {
      padding: 5px 15px;
  }
  
  .responsive-iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .responsive-iframe iframe,
  .responsive-iframe object,
  .responsive-iframe embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .text-link {
    font-weight:bold;
    text-decoration:underline;
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:inherit;
  }
  .text-link:hover {
    color: var(--accent);
  }

  .text-link i {
    display:inline;
    font-size:1.2em;
  }

  .text-link i:before {
    display:inline-flex;
  }
  
  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
      height: var(--btn_height);
    padding: 0px var(--btn_padding);
    background: var(--accent);
    color: #fff;
    font-weight:bold;
    font-size: var(--btn_font_size);
    border-radius: var(--border_radius);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display:flex;
    gap: 8px;
  }
  
  .btn:hover {
    color:#fff;
  }

  .btn--large {
      height: var(--btn_lg_height);
    font-size: var(--btn_lg_font_size);
    padding: 0 var(--btn_lg_padding);
  }
  
  .btn--small {
      height: var(--btn_sm_height);
    font-size: var(--btn_sm_font_size);
    padding: 0 var(--btn_sm_padding);
  }
  
  .btn--open {
    background:transparent;
    border: 1px solid var(--grey_border);
    color: inherit;
  }

  .btn--open:hover,
  .btn--open:visited,
  .btn--open:active {
    color:inherit;
  }

  .btn--light,
  .btn--light:hover {
    background: var(--accent_light);
    color: var(--accent);
  }

  .btn--icon {
    flex:0;
    width:100%;
    max-width: var(--btn_height);
  }

  /* .btn--open:hover {
    background: var(--grey_block);
  } */

  .btn--open i {
    color: var(--accent);
  }

  .btn--green {
    background: var(--green);
  }

  .btn i {
      font-size: var(--btn_icon_font_size);
  }
  
  .btn i.before {
      margin-right: var(--btn_icon_spacing);
  }
  
  .btn i.after {
      margin-left: var(--btn_icon_spacing);
  }
  
  /* .btn:active,
  .btn:focus,
  .btn:visited,
  .btn:hover {
      color:#fff;
  } */
  
  .btn.disabled {
    opacity: .5;
    pointer-events: none;
  }
  
  .btn:active {
      box-shadow: inset 0 0 3px 3px rgb(0 0 0 / 20%);
  }
  
  .btn.error {
      background: var(--red);
  }
  
  .btn.success {
      background: var(--green);
  }
  
  .standard-input {
    height: var(--input_height);
    padding: 0px var(--input_padding);
    outline: none;
    border-radius: var(--border_radius);
    font-size: 1em;
    background: var(--input_bg);
    border:  none;
    /* background: var(--grey_block); */
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
  }
  
  .standard-input:focus {
      border-color: var(--accent);
  }
  
  textarea.standard-input {
      padding: var(--input_padding);
  }
  
  .standard-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
      color: #aaa;
  }
  
  .standard-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #aaa;
    opacity: 1;
  }
  
  .standard-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #aaa;
    opacity: 1;
  }
  
  .standard-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #aaa;
  }
  
  .standard-input::-ms-input-placeholder { /* Microsoft Edge */
      color: #aaa;
  }
  
  .icon {
      display: inline-flex;
  }
  
  .icon:before {
      display: flex;
  }
  
  .lazy-bg-cover {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  
  .lazy-blur {
      transition: filter .15s ease-in-out;
  }
  
  .lazy-blur.lazy {
      filter: blur(20px);
  }
  
  .block-padding {
      padding-top: var(--block_spacing);
    padding-bottom: var(--block_spacing);
  }

  .block-padding-small {
    padding-top: calc(var(--block_spacing) / 2);
    padding-bottom: calc(var(--block_spacing) / 2);
  }
  
  .block-padding-top {
      padding-top: var(--block_spacing);
  }
  
  .block-padding-bottom {
    padding-bottom: var(--block_spacing);
  }
  
  .block-margin {
      margin-top: var(--block_spacing);
    margin-bottom: var(--block_spacing);
  }
  
  .block-margin-top {
      margin-top: var(--block_spacing);
  }
  
  .block-margin-bottom {
    margin-bottom: var(--block_spacing);
  }
  
  .block-border {
      border-top: 1px solid var(--grey_border);
    border-bottom: 1px solid var(--grey_border);
  }
  
  .block-border-top {
      border-top: 1px solid var(--grey_border);
  }
  
  .block-border-bottom {
      border-bottom: 1px solid var(--grey_border);
  }
  
  .block-gray {
      background: var(--grey_block);
  }
  
  .block-dark {
      background: var(--black);
  }
  
  .image-wrap.grey {
      position: relative;
    background: #fff;
  }
  
  .image-wrap.grey:after {
      content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.03);
  }
  
  .image-wrap img {
      width: 100%;
    display: block;
  }
  
  .sm-tabs-block .page {
      display: none;
  }
  
  .sm-tabs-block .page.active {
      display: block;
  }
  
  .title-featured {
      margin-bottom: var(--title_featured_spacing);
  }

  .title-featured__content {
    max-width:750px;
    margin-top:8px;
  }

  .title-featured__inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
  }

  .title-featured__main {
    display:flex;
    align-items:baseline;
    gap:8px;
  }
  
  .title-featured .title {
    font-size: var(--title_featured_title);
    font-weight: bold;
    color: var(--black);
  }

  .title-featured .subtitle {
    color: var(--gray);
  }

  .title-featured .tabs-row {
    display:flex;
    align-items:center;
    margin:0;
    padding:0;
    list-style:none;
    margin-top:16px;
    gap:16px;
  }


  @media (max-width:767px) {
    .title-featured {
      align-items:flex-start;
    }
  }
  
  .text-container {
      width: 100%;
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  #powrIframeLoader {
    display: none !important;
  }
  
  @media (min-width: 1200px) {
    .container {
        width:100%;
      max-width:1460px;
      padding:0px 30px;
    }
    
    .btn:hover {
      filter: brightness(90%);
    }
  }
  
  @media (max-width: 1199px) {
      :root {
        --block_spacing: 60px;
    }
  }
  
  @media (max-width: 767px) {
      :root {
        --block_spacing: 40px;
        --font_h1: 24px;
        --font_h2: 20px;
        --font_h3: 18px;
        --font_h4: 16px;
        --font_h5: 16px;
        --font_h6: 16px;
        --input_padding: 16px;
    }
  }
  /* End general styles */
  
  /* Header */
  #header {
    --topbar_height: 40px;
    --topbar_bg: var(--accent_light);
    --topbar_font_size: 14px;
    --main_header_padding: 16px 0;
    --main_header_bg: #fff;
    --search_width: 400px;
    --logo_height: 56px;
    --icons_spacing: 24px;
    --icons_size: 24px;
    --nav_height: 56px;
    --nav_spacing: 40px;
    z-index:999;
    position:relative;
  }
  
  #header.fixed .header-fixed-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
  }
  
  #header .topbar {
    background: var(--topbar_bg);
    font-size: var(--topbar_font_size);
  }
  
  #header .topbar .inner {
    display: flex;
    align-items: center;
      height: var(--topbar_height);
  }
  
  .uspbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  
  .uspbar .usp-item a {
      display: inline-flex;
    align-items: center;
  }
  
  .uspbar .usp-item a i {
      margin-right: 5px;
    font-size: 1.4em;
  }
  
  .uspbar b,
  .uspbar strong {
    color: var(--accent);
  }

  #header .main-header {
      padding: var(--main_header_padding);
    background: var(--main_header_bg);
    z-index:9999;
  }

  #header.in-checkout .main-header {
    border-bottom:1px solid var(--grey_border);
  }
  
  #header .main-header .inner {
      display: flex;
    align-items: center;
    justify-content:space-between;
  }
  
  #header .main-header .header-col {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  
  #header .main-header .header-col.search-col {
      justify-content: center;
  }
  
  #header .main-header .header-col.icons-col {
      justify-content: flex-end;
  }
  
  #header .main-header .search-wrap {
      width: var(--search_width);
      position:relative;
  }

  #header .main-header .search-wrap .standard-input {
    background: var(--grey_block);
  }

  .live-search {
    padding: 24px;
    background: #fff;
    box-shadow: var(--shadow_small);
    margin-top: 8px;
    position: absolute;
    top: 100%;
    z-index: 9;
    width: 100%;
}

.live-search__results {
  display: flex;
    flex-direction: column;
    gap: 16px;
}

.live-search__title {
    opacity: .5;
    margin-bottom: 8px;
}

.search-products {
  display:flex;
  flex-direction:column;
  gap:16px;
}

.searchproduct {
  display: flex;
  gap: 16px;
}

.searchproduct__image img {
  width: 60px;
}

.searchproduct__title {
  font-weight: bold;
}

.searchproduct__description {
  font-size: .9em;
  opacity: .7;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.searchproduct__price {
  font-weight: bold;
}
  
  #header .main-header .search-wrap form {
      width: 100%;
    position: relative;
  }
  
  #header .main-header .search-wrap form input {
      width: 100%;
    padding-right: var(--input_height);
  }
  
  #header .main-header .search-wrap form a {
      position: absolute;
    top: 0;
    right: 0;
    width: var(--input_height);
    height: var(--input_height);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--accent);
  }
  
  #header .main-header .logo img {
      height: var(--logo_height);
  }

  .header__hallmark img {
    height:32px;
  }
  
  #header .main-header .header-icons {
      display: flex;
    align-items: center;
    gap:var(--icons_spacing);
  }
  
  #header .main-header .header-icons li a {
    display:flex;
  }

  #header .main-header .header-icons li a i {
      font-size: var(--icons_size);
  }
  
  #header .main-header .header-icons li a .i-wrap {
    position: relative;
    display: flex;
  }
  
  #header .main-header .header-icons li a .i-wrap .qty {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 16px;
    max-width: 16px;
    height: 16px;
    font-weight: bold;
    color: #fff;
    background: var(--accent);
    border-radius: 50%;
    font-size: 10px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  
  #header .main-menu {
    background: var(--accent);
    color:#fff;
    position:relative;
    z-index:999;
  }
  
  #header .main-menu .main-nav {
      display: flex;
    align-items: stretch;
    height: var(--nav_height);
  }
  
  #header .main-menu .main-nav li {
      display: flex;
    align-items: center;
  }
  
  #header .main-menu .main-nav li:hover .megamenu {
    display:block;
  }

  #header .main-menu .main-nav li:not(:last-child) {
      margin-right: var(--nav_spacing);
  }
  
  #header .main-menu .main-nav li a {
      display: flex;
    align-items: center;
  }
  
  #header .main-menu .main-nav li.active > a {
      font-weight: bold;
  }

  #header .main-menu .main-nav li.sale > a {
    padding: 8px 24px;
    background: #fff;
    border-radius: var(--border_radius);
    color: var(--green);
    font-weight:bold;
  }
  
  #header .open-menu {
      display: flex;
    padding: 15px;
    margin: -15px;
    font-size: 24px;
  }
  
  #header .search-wrap-mobile {
    background: #fff;
    /* border-top:1px solid var(--grey_border); */
    /* border-bottom:1px solid var(--grey_border); */
  }
  
  #header .search-wrap-mobile form {
      position: relative;
  }
  
  #header .search-wrap-mobile form,
  #header .search-wrap-mobile form input {
      width: 100%;
      padding:0;
  }
  
  #header .search-wrap-mobile form a.search-icon {
      position: absolute;
    top: 0;
    right: 0;
    width: var(--input_height);
    height: var(--input_height);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
  }
  
  @media (max-width: 1199px) {
    #header .topbar .uspbar {
        display: block;
    }
    
    #header .topbar .uspbar.slider-loading {
        height: var(--topbar_height);
      opacity: 0;
    }
    
    #header .topbar .uspbar li a {
        justify-content: center;
      text-align: center;
    }
    #header .main-header .header-col.logo-col {
      flex-grow:10;
    }
    #header .main-header .inner {
      gap:var(--icons_spacing);
    }
    
    @media(max-width:767px) {
      #header {
        --logo_height: 26px;
        --icons_spacing: 16px;
      }
      
      
      
    }

  }

  /* End header */
  
  /* Mobile menu */
  .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 300px;
    background: #fff;
    z-index: 9999;
    overflow-x: hidden;
    transform: translate(-300px, 0px);
    transition: transform .35s cubic-bezier(.29,.58,.32,1);
  }
  
  .mobile-menu.mobile-menu-open {
    transform: translate(0px, 0px);
  }
  .body-wrap.mobile-menu-open {
    transform: translate(300px, 0px);
  }
  
  .mobile-menu-overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3);
    z-index:9999;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transition: all .35s cubic-bezier(.29,.58,.32,1);
  }
  
  .mobile-menu-overlay.mobile-menu-open {
    opacity:1;
    visibility:visible;
  }
  
  .mobile-menu .logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 80px;
    border-bottom: 1px solid #eee;
  }
  
  .mobile-menu .logo img {
      width: 100%;
    height: auto;
  }
  
  .mobile-menu .login-wrap {
      padding: 15px;
    border-bottom: 1px solid #eee;
  }
  
  .mobile-menu .login-wrap ul {
    margin: -5px 0;
  }
  
  .mobile-menu .login-wrap ul li {
      padding: 5px 0;
  }
  
  .mobile-menu .login-wrap ul li a {
      display: flex;
    align-items: center;
    height: 45px;
    background: #f7f7f7;
    padding: 10px;
    font-weight: bold;
  }
  
  .mobile-menu .login-wrap ul li a .icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    border-radius: 50%;
    background: rgba(0,0,0,0.07);
    margin-right: 10px;
    font-size: 14px;
    text-transform: uppercase;
  }
  
  .mobile-menu .login-wrap ul li.loggedin {
      display: flex;
    align-items: center;
  }
  
  .mobile-menu .login-wrap ul li.loggedin a.account-link {
      flex-grow: 10;
  }
  
  .mobile-menu .login-wrap ul li.loggedin a.logout-link {
      padding: 0;
    background: none;
    margin-left: 15px;
  }
  
  .mobile-menu .login-wrap ul li.loggedin a.logout-link .icon-wrap {
      margin: 0;
  }
  
  .mobile-menu .categories-wrap {
      padding: 15px;
  }
  
  .mobile-menu .categories-wrap > ul {
      margin: -7px 0;
  }
  
  .mobile-menu .categories-wrap > ul > li > .cat-inner {
    display: flex;
    align-items: stretch;
    font-weight: bold;
  }
  
  .mobile-menu .categories-wrap > ul > li > .cat-inner > a {
      display: flex;
    align-items: center;
    padding: 7px 0;
  }
  
  .mobile-menu .categories-wrap > ul > li > .cat-inner > a {
      flex-grow: 10;
  }
  
  .mobile-menu .categories-wrap > ul > li > .cat-inner > a.more-cats {
    justify-content: flex-end;
      flex-grow: unset;
    width: 30px;
  }
  
  .mobile-menu .categories-wrap a.more-cats i {
      transition: all .15s ease-in-out;
  }
  
  .mobile-menu .categories-wrap li.active > .cat-inner > a.more-cats i {
      transform: rotate(90deg);
  }
  
  .mobile-menu .categories-wrap ul.subs {
    display: none;
    padding-left: 15px;
    border-left: 2px solid #eee;
    font-size: .95em;
  }
  
  .mobile-menu .categories-wrap ul.subs.active {
      display: block;
  }
  
  .mobile-menu .categories-wrap ul.subs li {
      opacity: .8;
    transition: all .15s ease-in-out;
  }
  
  .mobile-menu .categories-wrap ul.subs li.active {
      opacity: 1;
  }
  
  .mobile-menu .categories-wrap ul.subs li.active > .cat-inner > a {
      font-weight: bold;
  }
  
  .mobile-menu .categories-wrap ul.subs li .cat-inner {
      display: flex;
    align-items: center;
  }
  
  .mobile-menu .categories-wrap ul.subs li a {
    display: flex;
    align-items: center;
      padding: 5px 0;
    flex-grow: 10;
  }
  
  .mobile-menu .categories-wrap ul.subs li a.more-cats {
    justify-content: flex-end;
      flex-grow: unset;
    width: 30px;
  }
  
  .mobile-menu .extra-link {
      display: flex;
    width: 100%;
    padding: 15px;
    border-top: 1px solid #eee;
    font-weight: bold;
  }
  
  .mobile-menu ul.shop-settings .flag {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .mobile-menu ul.shop-settings .flag img {
    object-fit: cover;
    width: 30px;
    height: 30px;
  }
  
  
  .mobile-menu ul.shop-settings .icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    border-radius: 50%;
    background: rgba(0,0,0,0.07);
    margin-right: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
  }
  .mobile-menu ul.shop-settings > li > .inner,
  .mobile-menu ul.shop-settings > li > .inner .cur-option {
      display: flex;
    align-items: center;
  }
  
  .mobile-menu ul.shop-settings .flag,
  .mobile-menu ul.shop-settings .icon-wrap {
      margin-right: 10px;
  }
  
  .mobile-menu ul.shop-settings > li > .inner > a {
      font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
    border-top: 1px solid #eee;
  }
  
  .mobile-menu ul.shop-settings > li > .inner .more-cats i {
      transition: all .15s ease-in-out;
  }
  
  .mobile-menu ul.shop-settings > li.active > .inner .more-cats i {
      transform: rotate(90deg);
  }
  
  .mobile-menu ul.shop-settings ul.subs {
      display: none;
    padding: 15px;
    padding-top: 0px;
  }
  
  .mobile-menu ul.shop-settings ul.subs li a {
      display: flex;
    align-items: center;
    padding: 5px 0;
  }
  /* End mobile menu */
  
  /* Breadcrumbs */
  .breadcrumbs {
    font-weight: 500;
    margin: 16px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    color: var(--gray);
    display:flex;
    gap:8px;
    align-items:center;
  }
  
  .breadcrumbs i {
      font-size: 0.889em;
  }
  
  .breadcrumbs a.home,
  .breadcrumbs .crumb {
    display: inline;
  }
  
  .breadcrumbs .crumb i {
      margin: 0 10px;
  }
  .breadcrumbs > *:last-child {
    color: var(--accent);
  }
  /* End breadcrumbs */
  
  /* Dropdown */
   .ui.selection.dropdown {
      height: var(--btn_sm_height);
    min-height: unset;
    border: 1px solid var(--grey_border);
    line-height: var(--btn_sm_height);
    border-radius: 0px;
    padding: 0 var(--btn_sm_padding);
  }
  
  .ui.selection.dropdown>.dropdown.icon {
    padding: 0;
    margin: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 1;
    height: 100%;
    width: var(--btn_sm_height);
    background: transparent;
    font-weight: 700;
    font-size: 1.4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--accent);
  }
  
  .ui.dropdown>.dropdown.icon:before {
      content: "\ea19";
    font-family: 'boxicons'!important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .ui.selection.dropdown:hover,
  .ui.selection.active.dropdown,
  .ui.selection.active.dropdown:hover,
  .ui.selection.active.dropdown .menu,
  .ui.selection.active.dropdown .menu:hover,
  .ui.selection.active.dropdown:hover .menu,
  .ui.selection.dropdown:focus {
      border-color: var(--accent);
    box-shadow: none;
  }
  
  .ui.selection.dropdown .menu {
      width: 100%;
    margin: 0 -1px;
    border-radius: 0;
    max-height: 14em;
  }
  
  .ui.selection.dropdown .menu>.item {
    padding: 10px 20px !important;
    line-height: 2em;
    font-size: .8em;
  }
  /* End dropdown */
  
  /* Checkbox */
   .checkbox {
      margin: 0;
  }
  
  .ui.checkbox {
      font-size: .9em;
    display: block;
    padding: var(--checkbox_padding);
  }
  
  .ui.checkbox .box,
  .ui.checkbox label {
    padding-left: 1.8em;
    cursor: pointer;
    font-size: var(--font_base);
    line-height: var(--checkbox_size);
    color: var(--body) !important;
      font-weight: normal;
      padding-left: calc(var(--checkbox_size) + 8px);
  }
  
  .ui.checkbox input:checked ~ label,
  .ui.checkbox label:hover,
  .ui.checkbox+label:hover {
      color: var(--accent) !important;
  }
  
  .ui.checkbox label span {
      font-size: calc(var(--font_base) - 2px);
    color: var(--disable);
  }
  
  .ui.checkbox input:checked~.box:after,
  .ui.checkbox input:checked~label:after,
  .ui.checkbox input:checked~.box:after,
  .ui.checkbox input:checked~label:after{
    color: #fff !important;
    width: var(--checkbox_size);
    height: var(--checkbox_size);
    line-height: var(--checkbox_size);
    font-size: var(--checkbox_icon);
  }
  
  .ui.checkbox:not(.radio) .box:before, 
  .ui.checkbox:not(.radio) label:before {
      border-radius: var(--checkbox_border_radius) !important;
  }
  
  .ui.checkbox label:before,
  .ui.checkbox input:checked:focus~.box:before,
  .ui.checkbox input:checked:focus~label:before,
  .ui.checkbox input:indeterminate:focus~.box:before,
  .ui.checkbox input:indeterminate:focus~label:before,
  .ui.checkbox input:checked~.box:before,
  .ui.checkbox input:checked~label:before,
  .ui.checkbox input:focus~.box:before,
  .ui.checkbox input:focus~label:before {
      border-color:var(--grey_border) !important;
    width: var(--checkbox_size);
    height: var(--checkbox_size);
    line-height: var(--checkbox_size);
  }
  
  .ui.checkbox input:checked:focus~.box:before,
  .ui.checkbox input:checked:focus~label:before,
  .ui.checkbox input:checked~.box:before,
  .ui.checkbox input:checked~label:before {
      background: var(--accent);
    border-color: var(--accent) !important;
  }
  
  .ui.checkbox .box:hover:before,
  .ui.checkbox label:hover:before {
      border-color: var(--accent) !important;
  }
  .ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
    content: "\ea41";
    font-family: boxicons;
  }
  
  /* End checkbox */
  
  /* Categories */
  .categories {
    display: flex;
    flex-wrap: wrap;
      margin: -15px;
  }
  
  .categories .category {
      padding: 15px;
  }
  
  .categories .category .inner {
      display: block;
    position: relative;
    z-index: 0;
  }
  
  .categories .category .category-title {
      position: absolute;
    top: 0;
      left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    font-weight: bold;
  }
  /* End categories */
  
  
  /* Tags */
  #tags-page .tags {
    display: flex;
    flex-wrap: wrap;
      margin: -7px;
  }
  
  #tags-page .tags a {
      height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #333;
    padding: 0 20px;
    background: #f7f7f7;
    margin: 7px;
  }
  /* End tags */
  
  /* messages */
  .gui-messages {
      display:none !important;
  }
  
  .message-wrap {
      position:fixed;
    left:30px;
    bottom:30px;
    z-index:99999999999;
    display:none;
  }
  
  .message-wrap.active {
    display:block;
  }
  
  .message-wrap .message {
      background:#fff;
    border-radius:0px;
    padding:20px;
    width:350px;
    -webkit-box-shadow: 0px 2px 40px 8px rgba(0,0,0,0.08);
    box-shadow: 0px 2px 40px 8px rgba(0,0,0,0.08);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    font-size:1.1em;
    opacity:0;
    visibility:hidden;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  
  .message-wrap.active .message {
      -webkit-animation: jump 1s ease 0s 1 normal ;
       animation: jump 1s ease 0s 1 normal ;
    opacity:1;
    visibility:visible;
    -webkit-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
            transform: translate(0px, 0);
  }
  
  .message-wrap .message .icon {
      min-width:40px;
    max-width:40px;
    height:40px;
    background:#000;
    color:#fff;
    border-radius:100%;
    text-align:center;
    line-height:40px;
    margin-right:20px;
    font-size: 18px;
    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;
  }
  
  .message-wrap .message.error .icon {
    background: var(--red);
  }
  .message-wrap .message.success .icon {
    background: var(--green);
  }
  .message-wrap .message.info .icon {
    background: var(--accent);
  }
  
  .message-wrap .text ul {
      margin:0;
    padding:0;
    list-style:none;
  }
  
  @-webkit-keyframes jump {
    0%{
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    20%{
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    40%{
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
    }
    50%{
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    60%{
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
    }
    80%{
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100%{
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes jump {
    0%{
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    20%{
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    40%{
      -webkit-transform: translateY(-30px);
              transform: translateY(-30px);
    }
    50%{
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    60%{
      -webkit-transform: translateY(-15px);
              transform: translateY(-15px);
    }
    80%{
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100%{
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  
  @media (max-width: 767px) {
    .message-wrap {
      top: auto;
      bottom: 10px;
      z-index: 99999999999;
      left: 0;
      padding: 0px 10px;
    }
    .message-wrap .message {
      padding: 15px;
      width:100%;
    }
    .message-wrap .message .icon {
      min-width: 30px;
      max-width: 30px;
      height: 30px;
      line-height:30px;
      margin-right: 15px;
      font-size: 10px;
    }
  }
  /* End messages */
  
  /* Products */
  .products-slider .owl-stage {
    display: flex;
    align-items: stretch;
  }
  .products-row {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
  }
  .products-col {
      padding: 10px;
  }
  .product {
    background: var(--grey_block);
    padding:24px;
    border-radius: var(--border_radius_big);
    height: 100%;
  }
  .product__inner {
    display:flex;
    flex-direction:column;
    height:100%;
  }
  .product__image {
    padding: 5% 15%;
    position:relative;
  }
  .product__image img {
    mix-blend-mode: multiply;
    width:100%;
  }
  .product__labels {
    position:absolute;
    left:0;
    top:0;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    z-index:9;
  }
  .product__info {
    margin-top:16px;
    display:flex;
    flex-direction:column;
    gap:16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow:10;
  }
  .product__info-bottom {
    display:flex;
    flex-direction:column;
    gap:16px;
  }
  .product__stock {
    margin-top:4px;
    font-size:.9em;
  }
  .product__price .price {
    flex-direction:row;
    align-items:center;
  }
  .product__price .price__new {
    font-size: var(--font_h4);
  }

  @media (max-width:767px) {
    .product {
      padding:16px;
    }
    .products-row {
      margin:-4px;
    }
    .products-col {
      padding:4px;
    }
  }
  /* End products */

  /* Home banners */
  .home-banner-1 { grid-area: 1 / 1 / 3 / 2; }
  .home-banner-2 { grid-area: 1 / 2 / 2 / 3; }
  .home-banner-3 { grid-area: 2 / 2 / 3 / 3; }
  .home-banner-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    min-height:700px;
    margin-top:48px;
  }
  .home-banner {
    display:flex;
    align-items:stretch;
    width:100%;
    min-width:100%;
  }
  .home-banner .owl-stage,
  .home-banner .owl-stage-outer,
  .home-banner .owl-carousel .owl-item {
      height: 100%;
  }
  .home-banner .owl-dots {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      display: flex;
      align-items: center;
      padding: 16px 0px;
      justify-content: center;
      gap: 8px;
  }
  .home-banner .owl-dots .owl-dot span {
      display: block;
      width: 12px;
      height: 12px;
      background: #fff;
      border-radius: 100%;
  }
  .home-banner .owl-dots .owl-dot:not(.active) span {
      opacity: .5;
  }
  @media(max-width:991px) {
    .home-banner-grid {
      grid-template-columns: repeat(1, 1fr);
      grid-template-rows:unset;
    }
    .home-banner-1,
    .home-banner-2,
    .home-banner-3 {
      grid-area:unset;
    }
  }
  @media(max-width:767px) {
    .home-banner-grid {
      display: grid;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      margin-top:32px;
    }
  }
  /* Home banners */
  

  /* banner */
  .banner {
    background:var(--grey_block);
    border-radius: var(--border_radius_big);
    overflow:hidden;
    width:100%;
    display:flex;
    align-items:stretch;
  }

  .banner--large .banner__title {
    font-size: var(--font_h1);
  }

  .banner--small .banner__title {
    font-size: var(--font_h2);
  }

  .banner__subtitle {
    max-width:300px;
    margin-top:4px;
  }

  .banner--large {
    padding: 40px 48px;
  }

  .banner--small {
    padding: 32px;
  }

  .banner__image {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
  }

  .banner__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .banner {
      position: relative;
      height: 100%;
      width: 100%;
  }

  .home-banner-1 {
      display: flex;
      align-items: stretch;
      width: 100%;
  }

  .banner__content {
      position: relative;
      display:flex;
      flex-direction:column;
      gap:32px;
      justify-content: space-between;
      align-items:flex-start;
  }

  .banner__top-info,
  .banner__bottom-info  {
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  
  .banner--small .banner__price .price {
    flex-direction:row;
    align-items:center;
  }
  @media(max-width:767px) {
    .banner--large {
      padding:32px;
    }
  }
  /* end banner */

  /* label */
  .label {
    display:inline-flex;
    align-items:center;
    padding:8px 16px;
    border-radius: var(--border_radius);
    font-weight:bold;
    line-height:1em;
  }
  .imagelabel {
    width: 64px;
    height: 64px;
  }
  .imagelabel img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  @media(max-width:767px) {
    .label {
      padding:8px 12px;
      font-size:12px;
    }
  }
  /* end label */
  /* price */
  .price__disclaimer {
    font-size:.7em;
  }
  .price__old {
    text-decoration: line-through;
  }
  .price__new {
    font-size:2em;
  }
  .price {
    display:flex;
    gap:8px;
    flex-direction:column;
  }
  /* end price */

  /* shortcuts */
  .shortcut {
    background: var(--accent_light);
    padding: 24px;
    display:flex;
    align-items:center;
    flex-direction:column;
    gap:12px;
    border-radius: var(--border_radius_big);
  }
  .shortcut__icon {
    color: var(--accent);
    font-size:4em;
    display:flex;
  }
  .shortcuts-row {
    margin:-12px;
  }
  .shortcuts-col {
    padding:12px;
  }
  /* end shortcuts */

  /* Slider navigation */
  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid var(--grey_border);
    transition: all .2s ease-in-out;
    font-size:24px;
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    outline:none;
  }
  .owl-carousel .owl-nav button.owl-next  {
    left:auto; 
    right:0;
    transform: translate(50%, -50%);
  }
  .owl-carousel .owl-nav button.disabled {
    opacity:0;
  }
  /* End slider navigation */

  @media (max-width:767px) {
    .app-style-slider {
      margin-right:-30%;
    }
    .slider-wrap {
      overflow:hidden;
    }
  }

  /* Category */
  .category {
    padding:24px;
    border-radius: var(--border_radius_big);
    background: var(--grey_block);
    display:block;
  }
  .category--white {
    background:#fff;
  }
  .category__image {
    border-radius: var(--border_radius_big);
  }
  .category__image img {
    width:100%;
  }
  .category__title {
    font-size: var(--font_h4);
    margin-top:16px;
  }
  /* End category */

  /* Tabs */
  .tab-page {
    display:none;
  }
  .tab-page--active {
    display:block;
  }
  a.tab {
    padding:8px 16px;
    border: 1px solid var(--grey_border);
    display:inline-flex;
    border-radius: var(--border_radius);
  }
  a.tab--active,
  a.tab--active:active,
  a.tab--active:focus {
    border:2px solid var(--accent);
    font-weight:bold;
    color: var(--accent);
    background-color: var(--accent_light);
  }
  /* End tabs */

  /* Cart */
  .cart {
    display:flex;
    align-items:center;
    gap:16px;
  }
  .cart .btn {
    flex-grow: 10;
    padding:0;
  }
  @media(max-width:767px) {
    .cart {
      gap:8px;
    }
    
  	.category__image img {
    max-width:34px;
  	}
  }
  /* End cart */

  /* quantity */
  .quantity {
    display: flex;
    border-radius: var(--border_radius);
    display:inline-flex;
  }
  .quantity__input {
    width: var(--btn_height);
    height: var(--btn_height);
    padding: 0;
    background: transparent;
    padding: 0px 16px;
    padding-right:0;
    font-weight:bold;
  }
  .quantity__change {
      display: flex;
      flex-direction: column;
  }
  .quantity__change a {
      display: flex;
      width: calc(var(--btn_height) / 2);
      height: calc(var(--btn_height) / 2);
      align-items: center;
      justify-content: center;
      font-weight: bold;
  }
  
  /* end quantity */

  /* standard-select */
  .standard-select select {
      height: var(--input_height);
    padding: 0px var(--input_padding);
    outline: none;
    border-radius: var(--border_radius);
    font-size: 1em;
    background: var(--input_bg);
    border:  var(--input_border);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    color:inherit;
  }

  .standard-select {
    background:#fff;
  }
  .standard-select select {
    background:transparent;
    position:relative;
    z-index:2;
    padding-right:var(--input_height);
    width:100%;
  }

  .standard-select {
    position:relative;
  }

  .standard-select i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.4em;
    height: var(--input_height);
    width: var(--input_height);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }

  .standard-input:focus {
      border-color: var(--accent_orange);
  }
  @media(max-width:767px) {
    .quantity-select .standard-select select {
      height: var(--btn_height);
      width: auto;
      /* padding-left: 10px;
      padding-right: calc(var(--input_height) / 2); */
    }
    .quantity-select .standard-select i {
        width: calc(var(--input_height) / 3 * 2);
    }
    .standard-select select {
      padding-right:calc(var(--input_height) / 3 * 2);
    }
  }
  /* end standard-select */
  /* stock */
  .stock {
    display:flex;
    align-items:center;
    gap:4px;
    font-weight:bold;
  }
  .stock--green {
    color: var(--green);
  }
  .stock--red {
    color: var(--red);
  }
  /* end stock */

  /* article */
  .article {
    background: var(--grey_block);
    padding: 24px;
    border-radius: var(--border_radius);
    gap:16px;
  }

  .article--regular .article__info {
    margin-top:16px;
  }

  .article--headline {
      padding: 32px;
      border-radius: var(--border_radius_big);
      display:flex;
      flex-direction: row;
      align-items:center;
      gap: 32px;
  }

  .article--headline .article__image img {
      border-radius: var(--border_radius_big);
  }

  .article__image img {
      border-radius: var(--border_radius);
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .article__image {
    width:100%;
    aspect-ratio: 320/220;
  }

  .article--headline .article__image {
      width: 30%;
      min-width:200px;
      aspect-ratio: 2/3;
  }

  .article__date {
      text-transform: uppercase;
      font-weight: bold;
      color: var(--gray);
      margin-bottom: 8px;
  }

  .article--headline .article__title {
      font-size: var(--font_h3);
  }

  .article__title {
    font-size: var(--font_h4);
}

  .article__cta {
      color: var(--accent);
      margin-top: 16px;
  }

  @media(max-width:767px) {
    .article__image {
      min-width:100px;
    }
    .article--headline .article__image,
    .article--headline .article__image img {
      width: 100%;
      aspect-ratio: 3 / 2;
    }
    .article--headline {
      padding:24px;
      gap:16px;
      flex-direction:column;
      align-items:flex-start;
    }
    .article__date {
      margin-bottom:4px;
    }
    .article__cta {
      margin-top:8px;
    }
  }
  /* end article */

  /* regular-grid */
  .reg-row {
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
  }
  .reg-col {
    padding: 12px;
  }
  /* end regular-grid */

  /* timer */
  .timer {
      display: flex;
      gap: 16px;
  }

  .timer__box {
      padding: 16px 8px;
      min-width: 80px;
      background: #fff;
      display: flex;
      align-items: center;
      flex-direction: column;
      border-radius: var(--border_radius_big);
  }

  .timer--dark .timer__box {
    background: rgba(0,0,0,.9);
  }

  .timer__label {
      font-size: .8em;
      font-weight: bold;
      text-transform: uppercase;
      color: var(--gray);
  }

  .timer--dark .timer__label {
    color:#fff;
    opacity:.7;
  }

  .timer__digit {
      color: var(--accent);
  }

  /* end timer */

  /* gui */
body .gui-input,
body .gui-text {
  height: var(--input_height);
  padding: 0px var(--input_padding);
  outline: none;
  border-radius: var(--border_radius);
  font-size: 1em;
  background: var(--input_bg);
  border: var(--input_border);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

body .gui-text {
  min-height: calc(var(--input_height) * 3);
  padding: var(--input_padding);
}

body .gui-input input,
body .gui-text textarea {
  height: 100%;
  padding: 0;
}

body .gui-text textarea {
  min-width:100%;
  max-width:100%;
  min-height:100%;
  max-height:100%;
}

body .gui-form label {
  font-weight: 500;
  margin-bottom: 4px;
}

body .gui-page-title {
  margin-bottom: var(--title_featured_spacing);
  font-size: var(--title_featured_title);
  font-weight: bold;
  color: var(--black);
}

body .gui-block-title {
  border: none;
  padding: 0;
  background: transparent;
  margin-bottom: 8px;
  font-family: var(--font_family_heading);
  font-size: var(--font_h3);
}

body .gui-block-content {
  padding: 0;
}

body .gui-block.gui-margin {
  border: none;
}

body .gui {
  line-height: var(--line_height);
}

body .gui-block-subcontent {
  line-height: inherit;
}


body .gui-block-subtitle,
body .gui-block-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
}

body .gui-block-subtitle a,
body .gui-block-title a {
  text-decoration: underline;
  color: var(--accent);
  font-size: var(--font_base_small);
  font-family: var(--font_family_body);
}

body .gui-block {
  border: none;
}

body .gui-block-linklist li {
  border-bottom: 1px solid var(--grey_border);
}

body .gui-required {
  color: var(--red);
}

body .gui-input-phone-number {
  align-items: center;
  display: flex;
}

body .gui-input-phone-number .gui-input-phone-number-code-wrapper {
  position: relative;
  height: auto;
  width: auto;
  white-space: nowrap;
  margin: 0;
  margin-right: var(--input_padding);
  display:flex;
  gap:4px;
}

body .gui-input-phone-number #gui-form-details-phone-number {
  padding: 0;
}

body .gui-input-phone-number .gui-input-phone-number-code-flag {
  position: unset;
  /* width:auto; */
}

body .gui-input-phone-number .gui-input-phone-number-code-placeholder {
  position: unset;
  width:auto;
}

body .gui-select {
  font-size:1em;
  position:relative;
}

body .gui-select:after {
  content: "\ea4a";
  font-family: boxicons!important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  display: inline-block;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4em;
  position: absolute;
  right: 0;
  top: 0;
  width:var(--input_height);
  height:var(--input_height);
  display: flex;
  align-items: center;
  justify-content: center;
}

body .gui-select select {
  height: var(--input_height);
  padding: 0px var(--input_padding);
  outline: none;
  border-radius: var(--border_radius);
  font-size: 1em;
  background: var(--input_bg);
  border: var(--input_border);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  position: relative;
  z-index: 2;
  padding-right: var(--input_height);
  color: var(--black);
}

.gui-input.gui-focus, .gui-text.gui-focus {
  border-color: var(--accent);
}

.gui-block-linklist li.gui-active a {
  color:var(--accent);
}

.gui-input input, .gui-text textarea {
  color: var(--black);
}

body .gui a.gui-button-small {
  font-family: var(--font_family_heading);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: var(--btn_height);
  padding: 0px var(--btn_padding);
  background: var(--accent);
  color: #fff;
  font-weight: bold;
  gap: 8px;
  font-size: var(--btn_font_size);
  border-radius: var(--border_radius);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border: none;
}

body .gui-buttons {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
  gap:16px;
}

body  .gui-buttons .gui-right {
  margin:0;
}

body .gui-buttons .gui-clear {
  display: none;
}

.gui-account-cart {
  display:none;
}
/* end gui */


/* messages */
.message {
  padding: 20px 24px;
  background: rgba(0,0,0,.05);
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
}

.message i {
  font-size: 1.5em;
}

.message--warning {
  background: var(--orange_light);
}

.message--warning i,
.message--warning strong {
  color: var(--orange);
}

.message--info {
  background: var(--blue_light);
}

.message--info i,
.message--info strong {
  color: var(--blue);
}

.message--success {
  background: var(--green_light);
}

.message--success i,
.message--success strong {
  color: var(--green);
}
/* end messages */

/* Brands */
#section-brands .section-header {
  display: flex; 
  align-items: flex-end;
}

.brand {
  display: flex;
  align-items: center;

  padding:10% 20%;

  background: #FFF;
  transition: background 150ms ease;

  border-radius: calc(var(--border_radius) * 2);
}

.brand img {
  width:100%;
  mix-blend-mode: multiply;
  aspect-ratio: 250/200;
}

.brand:hover {
  background: rgba(256,256,256,0.5);
  transition: background 150ms ease;
}
/* end brands */

/* mega menu */
.megamenu {
  position: absolute;
  left: 0;
  top: 100%;
  color: var(--black);
  width: 100%;
  background: #fff;
  z-index: 999;
  padding: 32px 0px;
  display:none;
}

.megamenu__overlay {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,.3);
  top:100%;
  opacity:0;
  visibility:hidden;
  transition: all .2s ease-in-out;
  z-index: 99;
}

.megamenu__overlay.active {
  opacity:1;
  visibility:visible;
}

.megamenu__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap:64px;
}

.megamenu__product {
  width:240px;
}

.megamenu__left {
  flex-grow:10;
}

.megamenu__menus {
  margin:-12px;
}

.megamenu__menu {
  padding:12px;
}

.megamenu__menu li:nth-child(n+2) {
  color: var(--gray);
}
.megamenu__menu li:hover {
  color: var(--accent);
}
.megamenu__menu li:nth-child(2) {
  margin-top:4px;
}
/* end mega menu */

/* textimage */
.textimage {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
}

.textimage__col--image {
  max-width: 600px;
}

.textimage__col--image img {
  width: 100%;
  border-radius: var(--border_radius_big);
}

.textimage__col--text .btn {
  width:auto;
  display:inline-flex;
  margin-top:24px;
}

.textimage__col--text .general-content ul {
  padding-left:0;
}

.textimage__col--text .general-content ul li:before {
  display:none;
}

.textimage__col--text .general-content ul li {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.textimage__col--text .general-content ul li i {
  color: var(--green);
  font-size:1.5em;
}

@media(max-width:991px) {
  .textimage {
    flex-direction:column;
    align-items:flex-start;
    gap:32px;
  }
  .textimage__col--image {
    width:100%;
    max-width:100%;
    order:1;
  }
  .textimage__col--text {
    order:2;
  }
}
/* textimage */

/* Downloads */
.downloads {
  display: flex;
  flex-wrap:wrap;
  gap: 24px;
}

.download {
  max-width: 160px;
}

.download__image img {
  width: 100%;
}

.download__button {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.download__button .btn {
  margin: 0;
}
/* end downloads */

/* person */
.person a,
.person a:hover {
  text-decoration:underline;
  color: var(--accent);
}

.person__image {
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 1;
}
.person__image img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
  width: 140px !important;
  height: 140px !important;
  border: 4px solid #fff;
  position: relative;
  z-index: 1;
}

.person__info {
  display:flex;
  flex-direction: column;
  gap:12px;
  padding: 32px;
  padding-top:16px;
  background: var(--grey_block);
  border-radius: 0 0 var(--border_radius_big) var(--border_radius_big);
}

.person__image::after {
  content: '';
  display: block;
  position: absolute;
  height: 50%;
  width: 100%;
  bottom: 0;
  background: var(--grey_block);
  z-index: 0;
  border-radius: var(--border_radius_big) var(--border_radius_big) 0 0;
}

.person__label {
  font-weight:bold;
}

.person__name {
  font-size: 1.2em;
  text-align:center;
}

.person__role {
  opacity: .7;
  text-align:center;
}

/* .person__quote {
  font-size:14px;
} */
/* end person */

/* tile */
.tile {
  padding:16px 24px;
  background: var(--grey_block);
  display:block;
  border-radius: var(--border_radius);
}
.tile-slider .owl-stage {
  display:flex;
  white-space:nowrap;
}
/* end tile */

@media(min-width: 992px){
.footer-col .footer-reviews{
  display: block !important;
}
}

#header .main-menu .main-nav li{
  transition: background-color 0.3s ease-in-out
}
#header .main-menu .main-nav li a{
  position: relative;
  font-weight: 600;
}
#header .main-menu .main-nav li a::before{
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    outline: none;
    position: relative;
    position: absolute;
    text-decoration: none;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.455,.03,.515,.955);
    transition: -webkit-transform .2s cubic-bezier(.455,.03,.515,.955);
    transition: transform .2s cubic-bezier(.455,.03,.515,.955);
    transition: transform .2s cubic-bezier(.455,.03,.515,.955), -webkit-transform .2s cubic-bezier(.455,.03,.515,.955);
    width: 100%;
}
#header .main-menu .main-nav li a:hover::before{
  transform: scaleX(1);
}
#header .main-menu .main-nav li.sale a:hover{
  transition: 0.2s ease-in-out;
  filter: brightness(90%);
}
#header .main-menu .main-nav li.sale a:hover::before{
  transform: scaleX(0);
  
}
@media(max-width: 767px){
  #header .search-wrap-mobile form input{
    border: 2px solid var(--accent);
    padding: 0px 15px;
  }
  #header .open-menu{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #header .open-menu div{
    font-size: 14px;
  }
}
@media(min-width: 992px){
  .hidden-lg{
    display: none;
  }
  
}
@media(max-width: 992px){
  .hidden-xs{
    display: none !important;
  }
  .category-grid-mobile{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
 
  .categories-mobile-homepage{
    margin-right: 0px;
  }
  .category-grid-mobile .category{
    padding: 0px;
    display: flex;
    align-items: center;
    min-height: 70px;
  }
  .category-grid-mobile .category .category__title{
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    padding: 10px;
    margin-top: 0px;
  	width: calc(100% - 60px);
  } 
  .category-grid-mobile .category .icon{
    font-size: 60px;
    
  }
  .category-grid-mobile .category__image{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    text-align: center;
    width: 60px;
    height: 100%;
    background-size: cover;
    padding-left: 8px;
  }
  
/*   .category-grid-mobile .category__image img {
  	width: 50px !important;
    height: auto !important;
    object-fit: cover;
  } */
}

/* Begin feedback styling */

/* Price tooltip productpage */
.question-icon{
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent);
  margin-left: 5px;
  cursor: pointer;
}

.question-icon i{
  color: #fff;
}

.tooltip-wrap{
  position: relative;
  display: inline-block;
}

.tooltip-wrap .tooltiptext{
  visibility: hidden;
  max-width: 200px;
  width: 200px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  padding: 4px;
  border-radius: 3px;
  position: absolute;
  z-index: 100;
  opacity: 1;
  font-size: 12px;
}

.tooltip-wrap:hover .tooltiptext {
  visibility: visible;
}

/* Blocks homepage */
@media(min-width: 767px){
  .app-style-slider.mobile{
    display: none;
  }
}
@media(max-width: 767px){
  .app-style-slider.desktop{
    display: none;
  }
  .app-style-slider.mobile{
    margin-right: 0;
  }
  .app-style-slider.mobile .shortcuts-slider{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .app-style-slider.mobile .shortcut__title{
    text-align: center;
  }
  .app-style-slider.mobile .shortcut.hidden {
    display: none;
  }
  .app-style-slider.mobile .shortcut.visible{
    display: flex !important;
  }
  .button-wrap .shortcut-btn{
    margin-top: 20px;
    color: #fff !important;
  }
  
  #footer .main-footer .logo img {
  	height: auto !important;
    width: 80vw;
    max-width: 300px;
  }
}

/* .sidebar-hide{
  display: none;
  transition: height 0.5s ease;
}


.sidebar__title{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sidebar__title i{
  transition: transform .2s ease-in-out;
}
.sidebar__title.active i{
  transform: rotate(180deg);

}  */


.footer-col .section-reviews .reviews-title .title{
  font-size: 20px;
}
.footer-col .section-reviews .reviews-title .title .subtitle{
  font-size: 14px;
}
.footer-col .section-reviews .reviews-title{
  gap: 0px;
}

#header .main-menu .main-nav li a {
	line-height: 100%;
}

/* Added cart popup */
.overlay-popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

#added-cart-popup {
  display: none;
  width: 100%;
  max-width: 1100px;
  padding: 50px;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 40px 8px rgba(0, 0, 0, .08);
  box-shadow: 0 2px 40px 8px rgba(0, 0, 0, .08);
}

#added-cart-popup .inner {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
}

#added-cart-popup .inner .title h3 {
  margin-top: 0 !important;
  margin-bottom: 30px;
  font-weight: 800;
  font-size: 26px;
}

#added-cart-popup .added-product .image-wrap {
  max-width: 200px;
  width: 30%;	
}

#added-cart-popup .added-product .image-wrap img {
  width: 100%;
}

#added-cart-popup .added-product {
  display: flex;
  gap: 32px;
  width: 100%;
}

#added-cart-popup .product-details {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#added-cart-popup .current-product {
  width: 70%;
  display: flex;
  gap: 20px;
}

#added-cart-popup .buttons {
  width: 30%;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

#added-cart-popup .buttons .btn {
  width: 100%;
}

#added-cart-popup .buttons .btn-continue {
  background: transparent;
  border: solid 2px #000;
  color: #000;
}

#added-cart-popup .product-details .brand {
  color: #8a8a8a;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  padding: 0;
}

#added-cart-popup .product-details .title h4 {
  font-size: 16px;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 4px;
}

#added-cart-popup .product-details .price {
  font-size: 18px;
  font-weight: 800;
  color: #8a8a8a;
}

#added-cart-popup .related-products {
  width: 100%;
  padding-top: 32px;
}

#added-cart-popup .related-products .title {
  font-weight: 800;
  font-size: 26px;
}

#added-cart-popup .related-products .image-wrap img {
  width: 100%;
}

#added-cart-popup .related-products {
	padding-top: 24px;
}

#added-cart-popup .related-products .popup-products {
	gap: 18px;
}

#added-cart-popup .related-products .popup-products .product {
	width: calc(33% - 10px);
}

.live-message#added-to-cart {
  display: none !important;
}

@media (max-width: 992px){
  #added-cart-popup {
    max-width: 94vw;
  }

  #added-cart-popup .added-product {
    flex-direction: column;
  }

  #added-cart-popup .buttons { 
    flex-direction: row;
    width: 100%;
  }
  
  #added-cart-popup .related-products .popup-products .product:nth-child(3) {
  	display: none;
  }
  
  #added-cart-popup .related-products .popup-products .product {
    width: calc(50% - 12px);
	}
}

@media (max-width: 768px){    
  #added-cart-popup {
    padding: 24px;
  }

  #added-cart-popup .related-products .product:nth-child(3) {
    display: none;
  }
}

@media (max-width: 500px){    
  #added-cart-popup .buttons { 
    flex-direction: column;
    width: 100%;
  }

  #added-cart-popup .product-details .title h4,
  #added-cart-popup .product-details .price {
    font-size: 18px;
  }

  #added-cart-popup .related-products .title, 
  #added-cart-popup .inner .title h3 {
    font-size: 20px;
  }

  #added-cart-popup .current-product {
    width: 100%;
  }

  #added-cart-popup .related-products {
    width: 100%;
    padding-top: 24px;
  }

}

.sm-hidden {
	display: none;
}

.cartproduct .standard-select {
	width: fit-content;
}