﻿@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?aznbw");
  src: url("../fonts/icomoon.eot?aznbw#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?aznbw") format("truetype"), url("../fonts/icomoon.woff?aznbw") format("woff"), url("fonts/icomoon.svg?aznbw#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-bsy-refresh:before {
  content: "\e926"; }

.icon-bsy-padlock:before {
  content: "\e920"; }

.icon-bsy-star:before {
  content: "\e921"; }

.icon-bsy-parcel:before {
  content: "\e922"; }

.icon-bsy-shopping-bag:before {
  content: "\e923"; }

.icon-bsy-location:before {
  content: "\e924"; }

.icon-bsy-package-box:before {
  content: "\e925"; }

.icon-bsy-down-arrow:before {
  content: "\e91f"; }

.icon-bsy-check:before {
  content: "\e91e"; }

.icon-bsy-plus:before {
  content: "\e91d"; }

.icon-bsy-editing:before {
  content: "\e91b"; }

.icon-bsy-trash:before {
  content: "\e91c"; }

.icon-bsy-google:before {
  content: "\e91a"; }

.icon-bsy-up-arrows:before {
  content: "\e919"; }

.icon-bsy-prev:before {
  content: "\e917"; }

.icon-bsy-next:before {
  content: "\e918"; }

.icon-bsy-phone:before {
  content: "\e915"; }

.icon-bsy-mail:before {
  content: "\e916"; }

.icon-bsy-youtube:before {
  content: "\e913"; }

.icon-bsy-telegram:before {
  content: "\e90b"; }

.icon-bsy-messenger:before {
  content: "\e90c"; }

.icon-bsy-twitter:before {
  content: "\e90e"; }

.icon-bsy-whatsapp:before {
  content: "\e90f"; }

.icon-bsy-linkedin:before {
  content: "\e910"; }

.icon-bsy-instagram:before {
  content: "\e911"; }

.icon-bsy-facebook:before {
  content: "\e912"; }

.icon-bsy-layers:before {
  content: "\e914"; }

.icon-bsy-log-in:before {
  content: "\e908"; }

.icon-bsy-add-user:before {
  content: "\e909"; }

.icon-bsy-log-out:before {
  content: "\e90a"; }

.icon-bsy-search:before {
  content: "\e90d"; }

.icon-bsy-currency:before {
  content: "\e900"; }

.icon-bsy-uk:before {
  content: "\e901"; }

.icon-bsy-tr:before {
  content: "\e902"; }

.icon-bsy-love:before {
  content: "\e903"; }

.icon-bsy-user:before {
  content: "\e904"; }

.icon-bsy-shopping-cart:before {
  content: "\e905"; }

.icon-bsy-menu:before {
  content: "\e906"; }

.icon-bsy-home:before {
  content: "\e907"; }

body {
  font-family: "Roboto", sans-serif; }

.header {
  width: 100% !important;
  background: #67B26F;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #4ca2cd, #67B26F);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #01E45D, #3675DC, #BC1E2D, #FA9427); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
  .header .header-upper {
    border: none !important; }
  .header .header-lower {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 88%;
    padding: 20px 0 18px;
    margin: 0 auto;
    z-index: 1000;
    position: unset; }
    .header .header-lower .header-logo {
      width: 20%; }
      .header .header-lower .header-logo a img {
        width: 89%; }
    .header .header-lower .header-selectors-wrapper {
      float: right !important; }
      .header .header-lower .header-selectors-wrapper select {
        border: unset !important;
        background-color: unset !important;
        color: #ffffff; }
        .header .header-lower .header_menu_container {
          width: 60%;
        }
        .header .header-lower .header-links-wrapper {
          width: 20%;
        }
        .header .header-lower .header-links-wrapper .header-links {
          width: 100%;
          /* background-color: #333; */
        }
        .header .header-lower .header-links-wrapper .header-links ul {
          
        }
        .header .header-lower .header_menu_container .menu-items-list {
          
        }
        .header .header-lower .header_menu_container .menu-items-list li {
          display: inline-block;
          margin-right: 10px;
        }
        .header .header-lower .header_menu_container .menu-items-list li:last-child {
          margin-right: 0;
        }
        .header .header-lower .header_menu_container .menu-items-list li a {
          position: relative;
          text-transform: uppercase;
          font-size: 15px;
          /* font-weight: 500; */
          padding: 8px 5px;
          /* background-color: #a80; */
          color: #fff;
          transition: all .15s;
	  font-weight: bold;
        }
        @media all and (max-width: 1168px) {
          .header .header-lower {
            width: 98%;
          }
        }
        @media all and (max-width: 1100px) {
          .header .header-lower .header_menu_container .menu-items-list li a {
            font-size: 14px;
          }
        }
        .header .header-lower .header_menu_container .menu-items-list li a:after {
          position: absolute;
          content: '';
          top: 75%;
          left: 5px;
          width: 0;
          height: 2px;
          background: #fff;  
          transition: all .15s;
        }
        .header .header-lower .header_menu_container .menu-items-list li a:hover {
          color: #ddd;
          transition: all .15s;
        }
        .header .header-lower .header_menu_container .menu-items-list li a:hover::after {
          width: calc(100% - 10px);
          transition: all .15s;
        }
        
        .header .header-lower .menu {
          /* background: #333; */
        }
        .header .header-lower .header-selectors-wrapper select option {
          color: #ffffff;
          background-color: #041e42; }
        .header .header-lower .header-selectors-wrapper select:focus-visible {
          outline: unset !important; }
    .header .header-lower .header-links ul .if-logout-wrapper .myaccount-wrapper a {
      padding: 5px 0; }
      .header .header-lower .header-links ul .if-logout-wrapper .myaccount-wrapper a .span-wrapper {
        line-height: 1;
        text-align: left; }
      .header .header-lower .header-links ul .if-logout-wrapper .myaccount-wrapper a:hover {
        color: #99ddd7;}
    .header .header-lower .header-links ul .if-logout-wrapper .if-logout {
      position: absolute;
      background-color: #fff;
      top: 55px;
      left: 26px;
      border-radius: 5px;
      box-shadow: 3px 3px 7px #444;
      width: 196px; }
      .header .header-lower .header-links ul .if-logout-wrapper .if-logout .log-in {
        padding: 5px; }
        .header .header-lower .header-links ul .if-logout-wrapper .if-logout .log-in a {
          background-color: #99ddd7;
          color: #444;
          text-align: center;
          border-radius: 5px;
          width: 100%;
          line-height: 3;
          display: block; }
      .header .header-lower .header-links ul .if-logout-wrapper .if-logout .register {
        padding: 5px; }
        .header .header-lower .header-links ul .if-logout-wrapper .if-logout .register a {
          color: #1b1b1b;
          text-align: center;
          border-radius: 5px;
          width: 100%;
          line-height: 3;
          border: 1px solid #e2e2e2;
          display: block; }
      .header .header-lower .header-links ul .if-logout-wrapper .if-logout li {
        display: none;
        text-align: left;
        margin: 5px 12px;
        height: unset; }
        .header .header-lower .header-links ul .if-logout-wrapper .if-logout li:after {
          content: " ";
          bottom: 100%;
          left: 50%;
          border: solid transparent;
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(255, 255, 255, 0);
          border-bottom-color: #ffffff;
          border-width: 8px;
          margin-left: -8px; }
    .header .header-lower .header-links ul .if-logout-wrapper:hover .if-logout > li {
      display: block; }
    .header .header-lower .header-links ul li {
      margin: 0 6px; }
      .header .header-lower .header-links ul li a {
        font-family: "Roboto", sans-serif, icomoon !important;
        display: flex; }
        .header .header-lower .header-links ul li a:before {
          color: #fff;
          display: inline-block;
          font-size: 19px;
          width: 32px;
          height: 25px;
          margin: 0 auto; }
      .header .header-lower .header-links ul li ul li a {
        display: unset; }
    .header .header-lower .header-links #topcartlink {
      background-color: unset !important;
      padding: 0 6px; }
      .header .header-lower .header-links #topcartlink a {
        padding: 0;
        background: unset; }
    .header .header-lower .header-links a {
      color: #444444;
    font-weight: bold; }
      .header .header-lower .header-links a:hover {
        color: #99ddd7;}
    .header .header-lower .header-links .header-links-dropdown {
      position: relative;
      display: inline-block; }
      .header .header-lower .header-links .header-links-dropdown .user-border-item {
        border: 1px solid #e2e2e2;
        border-radius: 5px;
        padding: 0 12px; }
        .header .header-lower .header-links .header-links-dropdown ul li a:before {
            color: #1b1b1b;
        } 
      .header .header-lower .header-links .header-links-dropdown ul {
        display: none;
        position: absolute;
        background-color: #fff;
        box-shadow: 2px 2px 10px #0e0e0e;
        left: -55px;
        z-index: 1;
        border-radius: 5px;
        box-shadow: 3px 3px 7px #444;
        width: 220px;
        padding: 10px 0;
        }
        .header .header-lower .header-links .header-links-dropdown ul:after {
          content: " ";
          bottom: 100%;
          left: 50%;
          border: solid transparent;
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(255, 255, 255, 0);
          border-bottom-color: #ffffff;
          border-width: 8px;
          margin-left: -8px; }
        .header .header-lower .header-links .header-links-dropdown ul li {
          display: block;
          height: unset;
          text-align: left;
          padding: 1px 12px; }
          .header .header-lower .header-links .header-links-dropdown ul li a {
            color: #1b1b1b;
            font-size: 12px;
            line-height: 1.7; }
            .header .header-lower .header-links .header-links-dropdown ul li a:before {
              font-size: 17px; }
            .header .header-lower .header-links .header-links-dropdown ul li a:hover {
              color: #99ddd7;
              transition: .2s; }
        .header .header-lower .header-links .header-links-dropdown ul .customer-fullname {
          font-size: 15px;
          color: #99ddd7;
          font-weight: bold;
          margin-bottom: 10px; }
        .header .header-lower .header-links .header-links-dropdown ul .customer-info a:before {
          content: "\e904"; }
        .header .header-lower .header-links .header-links-dropdown ul .customer-addresses a:before {
          content: "\e924"; }
        .header .header-lower .header-links .header-links-dropdown ul .customer-orders a:before {
          content: "\e925"; }
        .header .header-lower .header-links .header-links-dropdown ul .downloadable-products a:before {
          font-family: "Font Awesome 5 Pro";
          font-weight: 300;
          content: "\f019"; }
        .header .header-lower .header-links .header-links-dropdown ul .back-in-stock-subscriptions a:before {
          font-family: "Font Awesome 5 Pro";
          font-weight: 300;
          content: "\f467"; }
        .header .header-lower .header-links .header-links-dropdown ul .reward-points a:before {
          font-weight: 300;
          content: "\e926";
          font-family: "icomoon";
          }
        .header .header-lower .header-links .header-links-dropdown ul .customer-pending-approval-orders a:before {
          content: "\e923"; }
        .header .header-lower .header-links .header-links-dropdown ul .return-requests a:before {
          content: "\e922"; }
        .header .header-lower .header-links .header-links-dropdown ul .change-password a:before {
          content: "\e920"; }
        .header .header-lower .header-links .header-links-dropdown ul .customer-reviews a:before {
          font-family: "Font Awesome 5 Pro";
          font-weight: 300;
          content: "\f005"; }
        .header .header-lower .header-links .header-links-dropdown ul .customer-logout a:before {
          content: "\e90a"; }
      .header .header-lower .header-links .header-links-dropdown:hover ul {
        display: block; }
    .header .header-lower .flyout-cart {
      background-color: #fff;
      width: 300px;
      border-radius: 10px;
      top: 90%; }
      .header .header-lower .flyout-cart .mini-shopping-cart {
        padding: 0; }
        .header .header-lower .flyout-cart .mini-shopping-cart .count {
          font-size: 14px;
          color: #8c8c8c;
          padding: 10px;
          border-bottom: 1px solid #e2e2e2; }
          .header .header-lower .flyout-cart .mini-shopping-cart .count a {
            font-size: 14px;
            font-weight: normal;
            color: #333; }
        .header .header-lower .flyout-cart .mini-shopping-cart .items {
          border-top: unset;
          margin: 0;
          overflow-y: scroll;
          height: 275px; }
          .header .header-lower .flyout-cart .mini-shopping-cart .items .item {
            border-bottom: 1px solid #e2e2e2;
            padding: 10px 10px; }
            .header .header-lower .flyout-cart .mini-shopping-cart .items .item .picture {
              width: 52px;
              border: 1px solid #e2e2e2; }
            .header .header-lower .flyout-cart .mini-shopping-cart .items .item .product .product-left-item {
              float: left;
              width: 100%; }
              .header .header-lower .flyout-cart .mini-shopping-cart .items .item .product .product-left-item .name {
                margin: 0 0 2px; }
                .header .header-lower .flyout-cart .mini-shopping-cart .items .item .product .product-left-item .name a {
                  font-size: 14px;
                  font-weight: normal;
                  color: #333;
                  height: 35px;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2; }
              .header .header-lower .flyout-cart .mini-shopping-cart .items .item .product .product-left-item .price {
                color: #444444;
                font-size: 14px;
                font-weight: bold; }
              .header .header-lower .flyout-cart .mini-shopping-cart .items .item .product .product-left-item .quantity {
                color: #8c8c8c;
                font-size: 14px; }
        .header .header-lower .flyout-cart .mini-shopping-cart .footer-wrapper {
          padding: 20px 12px 12px;
          background-color: #f6f6f6; }
          .header .header-lower .flyout-cart .mini-shopping-cart .footer-wrapper .buttons {
            margin: 0;
            display: flex;
            width: 100%; }
            .header .header-lower .flyout-cart .mini-shopping-cart .footer-wrapper .buttons .shopping-cart-buttons {
              width: 100%;
              margin: 5px; }
              .header .header-lower .flyout-cart .mini-shopping-cart .footer-wrapper .buttons .shopping-cart-buttons button {
                background-color: #99ddd7;
                margin: 4px;
                width: 100%;
                height: 45px;
                color: #444444;
                font-weight: bold;
                border-radius: 5px;
                font-size: 12px;
                padding: 0;
                text-transform: capitalize; }
                .header .header-lower .flyout-cart .mini-shopping-cart .footer-wrapper .buttons .shopping-cart-buttons button:hover {
                transition: .3s;
                background-color: #fff;
                font-weight: bold;
                color: #8c8c8c;
                border: 1px solid #e2e2e2;}
            .header .header-lower .flyout-cart .mini-shopping-cart .footer-wrapper .buttons button {
              background-color: #fff;
              font-weight: bold;
              margin: 8px;
              width: 100%;
              height: 45px;
              color: #8c8c8c;
              border: 1px solid #e2e2e2;
              border-radius: 5px;
              padding: 0;
              font-size: 12px;
              text-transform: capitalize; }
              .header .header-lower .flyout-cart .mini-shopping-cart .footer-wrapper .buttons button:hover {
                background-color: #99ddd7;
                color: #444444;
                transition: .3s; }
    .header .header-lower .search-box {
      width: 50%; }
      .header .header-lower .search-box form {
        width: 100%; }
      .header .header-lower .search-box input {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        padding-left: 20px;
        height: 47px;
        width: calc(100% - 88px); }
        .header .header-lower .search-box input:focus-visible {
          outline: unset; }
      .header .header-lower .search-box button {
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
        background-color: #99ddd7;
        height: 47px;
        min-width: 60px; }
        .header .header-lower .search-box button span {
          font-size: 20px; }

.header-menu {
  width: 100% !important;
  background-color: #e8e8e8;
  margin: 0;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #7a7a7a; }
  .header-menu .top-menu li {
    border: unset;
    font-size: 14px;
    font-weight: 700; }
    .header-menu .top-menu li:hover {
      background-color: #99ddd7;
      transition: .2s; }
    .header-menu .top-menu li a {
      padding: 12px 10px;
      font-size: 14px;
      color: #000; }
      .header-menu .top-menu li a:hover {
        color: #041e42; }
      .header-menu .top-menu li a:before {
        content: unset; }
    .header-menu .top-menu li:hover > .sublist {
      display: flex;
      flex-wrap: wrap;
      width: 80%;
      z-index: 10000;
      left: 10%; }
    .header-menu .top-menu li:focus > .sublist {
      display: flex;
      flex-wrap: wrap;
      width: 80%;
      z-index: 10000; }
    .header-menu .top-menu li .first-level {
      width: 100%;
      text-align: center;
      /*box-shadow: 0 7px 10px rgba(116,116,116,.4);*/
      /*border-radius: 0 0 5px 5px;*/
      border-top: 1px solid #7a7a7a; }
      .header-menu .top-menu li .first-level li {
        margin: 8px;
        flex-basis: 23%; }
        .header-menu .top-menu li .first-level li:hover {
          background-color: unset; }
        .header-menu .top-menu li .first-level li:first-child {
          border: unset; }
        .header-menu .top-menu li .first-level li a {
          font-size: 13px;
          text-align: left;
          padding: 5px 5px;
          background-color: unset !important;
          font-weight: bold;
          border-bottom: 1px solid #e2e2e2;
          transition: .2s; }
          .header-menu .top-menu li .first-level li a:hover {
            background-color: unset;
            color: #99ddd7; }
          .header-menu .top-menu li .first-level li a:focus {
            background-color: unset;
            color: #99ddd7; }
        .header-menu .top-menu li .first-level li .sublist {
          top: unset;
          left: unset !important;
          display: flex;
          position: relative;
          width: auto;
          box-shadow: unset;
          padding: 0;
          flex-wrap: wrap; }
          .header-menu .top-menu li .first-level li .sublist li {
            padding: 0;
            border: unset;
            display: contents; }
            .header-menu .top-menu li .first-level li .sublist li a {
              font-size: 13px;
              text-align: left;
              padding: 5px 2px;
              font-weight: normal;
              border: unset; }
              .header-menu .top-menu li .first-level li .sublist li a:hover {
                background-color: unset;
                color: #99ddd7;
                transition: .2s; }
              .header-menu .top-menu li .first-level li .sublist li a:focus {
                background-color: unset; }
              .header-menu .top-menu li .first-level li .sublist li a::after {
                content: '|'; }
            .header-menu .top-menu li .first-level li .sublist li .sublist {
              display: none; }

.customer-menu-mobile {
  display: none; }
