/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
/*---- VARIABLES -----*/
/*@brand_color: #21812c;*/
/* ---- utilies ----*/
@media all and (min-width: 1025px) {
  .page-layout-2columns-left .column.main {
    width: calc(100% - 328px);
    padding-left: 20px;
  }
  .page-layout-2columns-left .sidebar-main {
    width: 328px;
    position: relative;
    padding-right: 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .page-layout-2columns-left .column.main {
    width: calc(100% - 206px);
    padding-left: 10px;
  }
  .page-layout-2columns-left .sidebar-main {
    width: 206px;
    position: relative;
    padding-right: 0;
  }
}
._keyfocus *:focus,
input:focus,
textarea:focus,
select:focus {
  box-shadow: none !important;
  outline: none !important;
  border: 1px solid black;
}
a,
a:visited,
a:active {
  color: #084171;
}
a.action,
a.action.primary,
button.action,
button.action.primary,
.action.update.primary,
.cart-container .form-cart .action.continue,
label.action.primary,
.action.viewcart,
.action.viewcart:visited {
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 35px;
  max-width: 100%;
  font-size: 14px;
  white-space: nowrap;
  line-height: 38px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  transition: 0.3s all ease-in-out;
  background-color: #084171;
  color: #fff;
  border: 1px solid #084171;
  border-radius: 4px;
}
a.action:hover,
a.action.primary:hover,
button.action:hover,
button.action.primary:hover,
.action.update.primary:hover,
.cart-container .form-cart .action.continue:hover,
label.action.primary:hover,
a.action:active,
a.action.primary:active,
button.action:active,
button.action.primary:active,
.action.update.primary:active,
.cart-container .form-cart .action.continue:active,
label.action.primary:active,
a.action:focus,
a.action.primary:focus,
button.action:focus,
button.action.primary:focus,
.action.update.primary:focus,
.cart-container .form-cart .action.continue:focus,
label.action.primary:focus,
.action.viewcart:hover {
  color: #fff;
  color: #084171;
  background-color: #fff;
  border: 1px solid #084171;
}
a.action:visited,
a.action.primary:visited,
button.action:visited,
button.action.primary:visited,
.action.update.primary:visited,
.cart-container .form-cart .action.continue:visited,
label.action.primary:visited {
  color: #fff;
}
a.action:visited:hover,
a.action.primary:visited:hover,
button.action:visited:hover,
button.action.primary:visited:hover,
.action.update.primary:visited:hover,
.cart-container .form-cart .action.continue:visited:hover,
label.action.primary:visited:hover {
  color: #084171;
}
.cart-container .form-cart .action.cart-update:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 32px;
  line-height: 16px;
  color: inherit;
  content: '\e603';
  font-family: 'icons-blank-theme';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
a.action.secondary,
button.action.secondary,
.secondary .action,
.action.change-password {
  background-color: #fff;
  color: #084171;
  border: 1px solid #084171;
  border-radius: 4px;
}
a.action.secondary:hover,
button.action.secondary:hover,
a.action.secondary:active,
button.action.secondary:active,
a.action.secondary:focus,
button.action.secondary:focus,
.secondary .action:hover,
.action.change-password:hover,
.secondary .action:focus,
.action.change-password:focus,
.secondary .action:focus,
.action.change-password:focus {
  color: #fff;
  background-color: #084171;
  border: 1px solid #084171;
}
a.action.secondary:visited,
button.action.secondary:visited,
.secondary .action:visited,
.action.change-password:visited {
  color: #084171;
}
.action.personalise {
  background-color: red;
  border-color: red;
  color: white;
}
.action.personalise:hover {
  background-color: #c40505;
  border-color: #c40505;
  color: white;
}
.action.personalise:visited {
  background-color: red;
  border-color: red;
  color: white;
}
.product-personalise.addtocart_disabled a.action.secondary.personalise {
  padding: 5px 35px !important;
}
a.action.delete {
  padding: 0 10px;
  background-color: transparent;
}
.minicart-items .action.edit,
.minicart-items .action.delete {
  background-color: transparent;
  border: none;
}
.minicart-items .action.edit:before,
.minicart-items .action.delete:before {
  color: #000000;
}
.minicart-items .action.edit:hover,
.minicart-items .action.delete:hover,
.minicart-items .action.edit:active,
.minicart-items .action.delete:active,
.minicart-items .action.edit:focus,
.minicart-items .action.delete:focus {
  background-color: transparent;
}
.minicart-items .action.edit:hover:before,
.minicart-items .action.delete:hover:before,
.minicart-items .action.edit:active:before,
.minicart-items .action.delete:active:before,
.minicart-items .action.edit:focus:before,
.minicart-items .action.delete:focus:before {
  color: #000000;
}
@media all and (min-width: 768px) and (max-width: 1100px) {
  .login-container .fieldset > .field > .control {
    width: 85%;
  }
}
.page-title-wrapper .page-title {
  position: relative;
  width: 100%;
  margin: 25px 0 30px 0;
  flex-basis: 100%;
  text-align: center;
}
.page-title-wrapper .page-title span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  /* outline: 10px solid white; */
  color: #282828;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 auto;
  background-color: #fff;
  z-index: 2;
  padding: 0 15px;
}
@media all and (max-width: 1024px) {
  .page-title-wrapper .page-title span {
    font-size: 20px;
  }
}
@media all and (max-width: 767px) {
  .page-title-wrapper .page-title span {
    padding: 0 5px;
  }
}
.page-title-wrapper .page-title:after {
  position: absolute;
  left: 0;
  width: 100%;
  right: 0;
  height: 6px;
  background-color: #084171;
  content: '';
  display: block;
  top: 50%;
  margin: -7px auto 0 auto;
  z-index: 1;
}
@media all and (max-width: 767px) {
  .page-title-wrapper .page-title:after {
    margin: -3px auto 0 auto;
    height: 4px;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .page-title-wrapper .page-title:after {
    margin: -13px auto 0 auto;
    height: 4px;
  }
}
a:visited,
.alink:visited {
  color: #084171;
}
.fieldset > .field.choice:before,
.fieldset > .field.no-label:before {
  width: 0;
  padding: 0;
}
.fieldset .legend {
  margin-left: 0;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  width: 100%;
}
.fieldset > .field:not(.choice) {
  position: relative;
  /* > .label {
        text-align: left;
        width: 100%;
        float: none;
        margin-bottom: 3px;
      }*/
}
.fieldset > .field > .label {
  text-align: left !important;
  width: 100% !important;
  float: none !important;
  margin-bottom: 3px;
  font-weight: 700 !important;
}
.fieldset > .field.choice > label {
  float: left;
}
.modal-header,
.modal-footer {
  border: none;
}
.modal-content {
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.button {
  background: white;
  border: none;
  border-radius: 0;
}
.modal-popup .modal-inner-wrap {
  width: 50%;
}
@media all and (max-width: 549px) {
  .modal-popup .modal-inner-wrap {
    width: 80%;
  }
}
a:active,
.alink:active {
  text-decoration: none;
}
* {
  box-sizing: border-box;
  font-family: 'Kumbh Sans';
}
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/kumbhsans/KumbhSans-Bold.ttf') format('ttf');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
a:hover {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}
a.underlined {
  text-decoration: underline;
}
a.underlined:hover {
  text-decoration: none;
}
input::focus {
  box-shadow: 0 0 3px rgba(40, 40, 40, 0.2);
  outline: none;
}
/*----- HEADER -----*/
.navs-overlay {
  background: black;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  position: fixed;
  z-index: 10;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.navs-overlay.visible {
  opacity: 0.5;
  visibility: visible;
}
.over-header {
  position: relative;
  background-color: #084171;
  color: #fff;
  z-index: 12;
}
.over-header ul.links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 20px;
  margin: 0;
  max-width: 800px;
  margin: 0 auto;
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .over-header ul.links {
    padding-left: 60px;
  }
}
.over-header ul.links li {
  margin: 0;
  list-style: none;
}
.over-header ul.links li + li {
  margin-left: 10px;
}
.over-header ul.links li svg {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  content: '';
  height: 22px;
  width: 22px;
  fill: #fff;
}
.over-header ul.links a {
  color: #fff;
  position: relative;
}
.over-header ul.links a:hover {
  color: #fff;
  text-decoration: underline;
}
.over-header ul.links a span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 100%;
  padding-left: 5px;
}
.over-header ul.links .store-tel,
.over-header ul.links .store-email {
  position: relative;
  font-size: 0;
}
.over-header ul.links .store-tel a svg,
.over-header ul.links .store-email a svg {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 0 0;
  content: '';
  height: 22px;
  width: 22px;
  fill: #fff;
  top: 0;
}
.over-header ul.links .store-tel a:hover svg,
.over-header ul.links .store-email a:hover svg {
  top: -2px;
  transition: all 0.3s;
  fill: #fff;
}
.over-header .container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
  width: 100%;
}
.over-header .container > div {
  width: 50%;
}
@media all and (max-width: 767px) {
  .over-header .container > div {
    width: 100%;
  }
}
.over-header .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.over-header .header.links {
  margin: 0;
}
.over-header .header.links .delivery-link {
  margin-right: 15px;
}
.over-header .header.links li > a span {
  color: #ffffff;
}
.over-header p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  line-height: 1.2;
  padding: 12px 5px;
  text-align: center;
}
#maincontent .over-header {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.header.content {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header.content:after,
.header.content:before {
  content: none;
}
@media all and (min-width: 767px) and (max-width: 1024px) {
  .header.content {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .header.content {
    padding-bottom: 5px;
  }
}
@media all and (max-width: 767px) {
  .header.content {
    justify-content: flex-start;
    padding-bottom: 15px;
  }
}
.header.content > * {
  float: none;
}
.header.content .block-search {
  width: 100%;
  max-width: 40%;
  padding-left: 0;
  z-index: 100;
}
@media all and (min-width: 767px) and (max-width: 1024px) {
  .header.content .block-search {
    flex-basis: calc(100% - 216px);
    width: calc(100% - 216px);
    order: 4;
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.header.content .block-search .block-content {
  max-width: 80%;
  margin: 0 auto;
}
.header.content .block-search #algolia-searchbox .magnifying-glass {
  position: absolute;
  bottom: 13px;
  right: 10px;
  width: 16px;
  height: 16px;
  display: block;
  background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='search' class='svg-inline--fa fa-search fa-w-16 ' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23b5b5b5' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'%3E%3C/path%3E%3C/svg%3E") no-repeat center right / 16px;
}
.header.content .block-search input {
  height: 44px;
  line-height: 44px;
  background: #ededed;
  border: none;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding-left: 20px;
}
.header.content .minicart-wrapper {
  flex-basis: auto;
}
@media all and (min-width: 767px) and (max-width: 1024px) {
  .header.content .minicart-wrapper {
    order: 3;
  }
}
.header.content .logo {
  width: 25%;
  max-width: none;
  margin: 0;
  position: relative;
  top: 5px;
}
@media all and (max-width: 767px) {
  .header.content .logo {
    display: block;
    max-width: 85px;
    margin-top: -5px;
    margin-left: 40px;
    position: relative;
    left: 0px;
    top: 11px;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .header.content .logo {
    order: 1;
    flex-basis: 216px;
    position: absolute;
    top: auto;
    left: 60px;
  }
}
.header.content .logo img {
  width: 100%;
  max-width: 150px;
}
@media all and (max-width: 767px) {
  .header.content .logo img {
    width: 120px;
  }
}
.header.content .header.links {
  width: 35%;
}
.header.content .block-search .action.search {
  background: #084171;
  right: -1px;
  border-radius: 0;
  width: 42px;
  padding: 0;
  height: auto;
  line-height: 42px;
}
.header.content .block-search .action.search:before {
  color: #fff;
  line-height: 42px;
  font-size: 28px;
}
.header.links {
  position: relative;
  padding: 0;
  margin: 0 0 0 40px;
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
@media all and (min-width: 767px) and (max-width: 1024px) {
  .header.links {
    order: 2;
    margin: 0;
    justify-content: flex-end;
  }
}
@media all and (max-width: 767px) {
  .header.links {
    margin: 0 0 0 10px;
    position: absolute;
    right: 10px;
    top: 10px;
  }
}
.header.links > li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 0;
}
@media all and (max-width: 767px) {
  .header.links > li.delivery-link {
    display: none;
  }
}
.header.links > li > a {
  color: #000;
  font-size: 13px;
  position: relative;
  line-height: 24px;
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .header.links > li > a {
    white-space: nowrap;
  }
}
.header.links > li > a span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 24px;
  color: #000;
}
@media all and (max-width: 767px) {
  .header.links > li > a span {
    display: block;
  }
}
.header.links > li > a:before {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 24px;
  width: 25px;
  content: '';
  background-image: url(../images/sprite.png);
}
.header.links > li > a svg {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 24px;
  width: 25px;
}
.header.links > li > a:hover svg {
  fill: #084171;
}
.header.links > li > a:hover span {
  color: #084171;
}
.header.links li.delivery-link a:before {
  background-position: 1px 5px;
}
.header.links li.contact-link a:before {
  background-position: 1px -31px;
}
.header.links li.account-link a:before {
  content: none;
}
.header.links li.delivery-link a:hover:before {
  background-position: -44px 5px;
}
.header.links li.contact-link a:hover:before {
  background-position: -44px -31px;
}
.header.links li.account-link a.logout_link {
  position: relative;
  display: block;
  text-align: center;
}
@media all and (max-width: 549px) {
  .header.links li.account-link a.logout_link {
    top: -8px;
  }
}
.header.links li.account-link a.logout_link:before {
  display: none;
}
.header.links li.account-link a.logout_link .logout.mobile-only {
  display: none;
}
@media all and (max-width: 767px) {
  .header.links li.account-link a.logout_link .logout.mobile-only {
    display: block;
  }
}
.minicart-wrapper .action.showcart:before {
  content: none;
}
.minicart-wrapper .action.showcart svg {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 24px;
  width: 25px;
  stroke: #000;
}
.minicart-wrapper .action.showcart:hover svg {
  stroke: #084171;
}
.minicart-wrapper .action.showcart:hover .title {
  color: #084171;
}
.minicart-wrapper .action.showcart .title {
  color: #000;
  font-size: 13px;
  line-height: 24px;
}
@media all and (max-width: 767px) {
  .minicart-wrapper .action.showcart .title {
    display: block;
  }
}
@media all and (min-width: 768px) {
  .minicart-wrapper .action.showcart .title {
    display: inline-block;
  }
}
.page-header {
  border: none;
  z-index: 101;
  background: #ffffff;
}
.page-header.sticky {
  /*   padding-top: 100px;*/
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.02);
}
.page-header.sticky .header.content {
  max-width: none;
  background: #fff;
  z-index: 999;
  box-shadow: none !important;
}
.page-header.sticky .header.content .logo img {
  max-width: 120px;
  position: relative;
  top: -4px;
}
@media all and (max-width: 1240px) {
  .page-header.sticky .header.content {
    padding: 5px 20px ;
  }
}
@media all and (max-width: 767px) {
  .page-header {
    margin-bottom: 10px;
  }
  .page-header.sticky .header.content {
    padding: 5px 20px 20px 20px;
  }
}
@media all and (min-width: 768px) and (min-width: 1024px) {
  .page-header {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 1025px) {
  .page-header {
    margin-bottom: 0;
  }
}
.page-header .header.panel {
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
}
.page-header .panel.wrapper {
  margin-bottom: 0;
  box-shadow: none;
  margin: 0;
  border: none;
}
a.level-top {
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  color: #000;
  padding: 0;
  background: transparent;
  z-index: 2;
  white-space: nowrap;
}
@media all and (min-width: 1025px) and (max-width: 1200px) {
  a.level-top {
    font-size: 12px;
  }
}
.level0.nav-7 a.level-top:after {
  display: none;
}
.nav-sections {
  position: relative;
  padding: 15px 0 14px;
  background: #fff;
  z-index: 100;
}
.nav-sections:before {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  right: 20px;
  width: auto;
  border-top: 1px solid #dbdbdb;
}
.nav-sections:before {
  bottom: 0;
  top: auto;
}
.nav-sections:after {
  bottom: 0;
}
.navigation {
  background: transparent;
  z-index: 12;
}
@media all and (min-width: 1025px) {
  .navigation {
    margin-top: -5px;
  }
  .navigation ul {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    background: transparent;
  }
}
/*--  IE  styles --*/
@media all and (min-width: 1025px) {
  html[data-useragent='ie'] .navigation ul {
    display: table;
  }
  html[data-useragent='ie'] .navigation li.level0 {
    display: table-cell;
  }
}
/*------------------*/
.page-main #algolia-autocomplete-container {
  top: -59px;
}
.page-main #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .aa-suggestion .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-price {
  color: #d20000;
}
.page-main #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products #autocomplete-products-footer {
  background-color: #fff;
  border: 2px solid #084171;
  margin-bottom: 20px;
  width: 65%;
  left: 33%;
}
@media all and (min-width: 768px) {
  .navigation .navigation {
    padding: 0 20px;
    text-align: left;
    z-index: 11;
    background: transparent;
  }
}
@media all and (min-width: 1025px) {
  .navigation li.level0 {
    background: #fff;
    text-align: center;
    padding: 0;
  }
  .navigation.hovered li.level0 {
    background: transparent;
  }
  .navigation.hovered li.level0:hover {
    background: #fff;
  }
}
.navigation li.level0.parent:hover a:after {
  background-color: transparent;
}
.navigation li.level0.parent.nav-7:hover > a {
  color: #ff0000;
}
.navigation li.level0.parent.nav-7:hover > .level-top span:not(.ui-menu-icon) {
  border-bottom: 2px solid #ff0000;
  color: #ff0000;
}
.navigation li.level0.parent.nav-7:hover {
  border-bottom: none;
}
@media all and (max-width: 1024px) {
  .navigation li.level0.parent,
  .navigation li.level0.parent:hover {
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
  }
  .navigation li.level0 {
    border: none;
    border-bottom: 1px solid #a1a1a1;
  }
}
.navigation .level0 > .level-top span:not(.ui-menu-icon) {
  padding: 5px 0;
  border-bottom: 2px solid transparent;
}
@media all and (min-width: 1025px) {
  .navigation .level0:hover > .level-top span:not(.ui-menu-icon),
  .navigation .level0.active > .level-top span:not(.ui-menu-icon),
  .navigation .level0.has-active > .level-top span:not(.ui-menu-icon) {
    color: #084171;
  }
  .navigation .level0:hover {
    border-bottom: 2px solid #084171;
  }
}
ul.submenu {
  text-align: left;
}
ul.submenu.level0 {
  padding: 0 20px;
}
ul.submenu.level1 {
  display: block !important;
  position: static !important;
}
ul.submenu li {
  position: relative;
  margin-bottom: 2px;
  padding: 0;
}
ul.submenu li.level1 {
  display: inline-block;
  padding: 0 20px 0 0;
  margin-bottom: 15px;
  vertical-align: top;
  overflow: hidden;
}
@media all and (max-width: 600px) {
  ul.submenu li.level1 {
    padding: 0;
  }
}
@media all and (min-width: 991px) {
  ul.submenu li.level1 {
    float: left;
    width: calc(100% / 6);
  }
}
.navigation li.level1 > a {
  border-bottom: 1px solid #a1a1a1;
}
.navigation .level0 .submenu a {
  font-size: 15px;
  color: #333;
  font-weight: 600;
  line-height: 17px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  white-space: nowrap;
}
@media all and (max-width: 1024px) {
  .navigation .level0 .submenu a {
    font-size: 14px;
    line-height: 16px;
  }
}
.navigation .level0 .submenu a:hover {
  text-decoration: underline;
}
.navigation .level0 .submenu a span:not(.ui-icon) {
  white-space: normal;
}
.navigation .level0 li.level2 > a {
  font-size: 14px;
  color: #333;
  font-weight: 500;
  line-height: 100%;
  padding: 5px 0;
}
@media all and (max-width: 1024px) {
  .navigation .level0 li.level2 > a {
    font-size: 12px;
    line-height: 14px;
  }
}
.navigation .level0 .submenu {
  box-shadow: none;
  border: none;
  padding: 6px 0 8px 0;
}
@media all and (min-width: 768px) {
  .navigation .level0 .submenu {
    min-width: 100%;
    width: calc(100% + 2px);
    /* left: -1px !important;*/
  }
}
@media all and (min-width: 1025px) {
  .navigation .level0 .submenu {
    top: 42px !important;
    width: auto;
  }
}
.navigation .level0.submenu {
  padding-top: 45px !important;
}
.navigation .level0.submenu:after {
  background: #dbdbdb;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 25px;
  bottom: auto;
  width: 100%;
  height: 1px;
}
@media all and (min-width: 1025px) {
  .navigation .level0.nav-6 > .submenu,
  .navigation .level0.nav-7 > .submenu {
    left: auto !important;
    right: -1px;
  }
}
@media (min-width: 1025px) {
  .navigation.hovered .level0.parent:hover > .submenu {
    display: block;
  }
  .navigation:not(.hovered) .level0.parent > .submenu {
    display: none !important;
  }
}
.navigation .level0 .submenu.level0:before {
  display: block;
  content: "";
  background: #fff;
  width: 100vw;
  left: 50%;
  top: 0;
  bottom: 0;
  position: absolute;
  transform: translateX(-50%);
}
@media all and (min-width: 768px) {
  .navigation .level0 .submenu.level0 {
    /* border-top: none;*/
    max-width: 100%;
    width: 100%;
    left: 50% !important;
    transform: translateX(-50%);
    padding: 15px 0 8px 0;
  }
}
@media (max-width: 1024px) {
  .level1.parent > a:after {
    position: relative;
    left: 3px;
    top: 0px;
    display: inline-block;
    vertical-align: top;
    width: 0;
    height: 0;
    content: '';
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    margin: 8px 0 0 5px;
    border-color: #084171 transparent transparent transparent;
  }
}
@media all and (max-width: 1024px) {
  .level2.parent > a:after,
  .level3.parent > a:after {
    position: relative;
    left: 3px;
    top: 0px;
    display: inline-block;
    vertical-align: top;
    width: 0;
    height: 0;
    content: '';
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    margin: 8px 0 0 5px;
    border-color: #084171 transparent transparent transparent;
  }
}
.level0.last a {
  color: #ff0000;
  border-right: 1px solid transparent !important;
}
.level0.last a:after {
  display: none;
}
@media all and (min-width: 768px) {
  .top-search-in-navs {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .header.content .block-search {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .mobile-title {
    display: block;
    font-size: 11px;
  }
}
@media all and (min-width: 1024px) {
  .mobile-title {
    display: none !important;
  }
}
@media all and (max-width: 1023px) {
  .screen-title {
    display: none !important;
  }
}
.nav-sections-item-content {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .header.links > li {
    margin-right: 15px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
  }
  .header.links > li > a {
    font-size: 11px;
    display: block;
  }
  .block-search .label {
    display: none;
  }
  .top-search-in-navs .block-search .action.search {
    display: block;
    position: absolute;
    right: 19px;
    border-radius: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    background: #084171;
    height: 42px;
    line-height: 42px;
    padding: 0;
    border: none;
  }
  .top-search-in-navs .block-search .action.search:before {
    color: #fff;
    margin-top: 4px;
    margin-left: 2px;
    font-size: 23px;
    line-height: 18px;
    height: 23px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e615';
    font-family: 'icons-blank-theme';
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
  .top-search-in-navs .block-search .action.search span {
    display: none;
  }
  .block-search input {
    position: static;
    font-size: 11px;
    margin: 0;
    height: 42px;
    line-height: 42px;
  }
  .block-search .control {
    border: none;
    clear: both;
    margin: 0 0px -1px;
    padding: 0;
  }
  .field.search {
    position: relative;
  }
  .top-search-in-navs {
    padding: 0 19px;
    position: relative;
    margin: 0 0 28px;
  }
  .navigation .level0 .submenu {
    border: none;
  }
  .navigation .parent .level-top:after {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .minicart-wrapper .action.showcart .counter.qty {
    position: relative;
    top: 0px;
    left: 0;
  }
}
@media all and (max-width: 767px) {
  .minicart-wrapper .action.showcart .counter.qty {
    position: absolute;
    right: -9px;
    top: -4px;
  }
}
.breadcrumbs {
  margin-bottom: 12px;
  margin-top: 12px;
  padding: 0;
}
.breadcrumbs .items > li a,
.breadcrumbs .items > li strong {
  font-size: 15px;
  line-height: 100%;
  color: #000;
  text-transform: capitalize;
}
.breadcrumbs .items > li a {
  color: #696969;
}
.breadcrumbs .items > li a:hover {
  color: #000;
  text-decoration: none;
}
.breadcrumbs .items > li strong {
  color: #242424;
}
.breadcrumbs .item a::after {
  content: '/';
  font-size: 15px;
  margin: 0 10px;
}
.breadcrumbs .item::after {
  display: none !important;
}
@media all and (max-width: 767px) {
  .breadcrumbs {
    display: none;
  }
}
@media all and (max-width: 1024px) {
  .action.nav-toggle span {
    display: block;
    font-size: 11px;
    text-align: center;
    color: #000;
    width: auto;
    clip: rect(auto, auto, auto, auto);
    height: auto;
    position: relative;
    z-index: 2;
  }
  .action.nav-toggle .line {
    margin-bottom: 5px;
    background-color: #000;
    width: 30px;
    height: 4px;
    margin: 0 0 5px 0;
    position: relative;
  }
  .nav-toggle:before {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .action.nav-toggle .line {
    background-color: #fff;
  }
  .action.nav-toggle span:last-child {
    color: white;
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
    margin: -3px 0 0 0;
    display: none;
  }
  .nav-toggle {
    position: absolute;
    top: -31px;
  }
}
/*----- FOOTER -----*/
.page-footer {
  background-color: #084171;
  color: #fff;
  position: relative;
}
.footer.content {
  position: relative;
  width: 100%;
  border: none;
  margin-top: 0;
  padding-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
@media all and (max-width: 767px) {
  .footer.content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.footer.content .footer-column {
  position: relative;
}
@media all and (max-width: 767px) {
  .footer.content .footer-column {
    width: 100%;
    flex-basis: 100% !important;
    text-align: left;
  }
}
@media all and (min-width: 767px) and (max-width: 991px) {
  .footer.content .footer-column {
    flex-basis: 50% !important;
    margin-bottom: 20px;
    text-align: left;
    padding-left: 20px;
  }
}
.footer.content .footer-column:after {
  position: absolute;
  height: 74%;
  content: '';
  width: 1px;
  background-color: #fff;
  display: inline-block;
  top: 0;
  right: 0;
}
@media all and (max-width: 991px) {
  .footer.content .footer-column:after {
    width: 100%;
    height: 1px;
    position: relative;
    margin: 17px 0;
  }
}
@media all and (min-width: 767px) and (max-width: 991px) {
  .footer.content .footer-column.footer-help-menu:after {
    display: none;
  }
}
.footer.content .footer-column.footer-contact-info:after {
  display: none;
}
.footer-column {
  flex-basis: 27%;
  text-align: center;
}
.footer-column h4 {
  font-weight: 700;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 100%;
  margin: 0px 0 25px 0;
}
.footer-column.footer-base-menu {
  flex-basis: 17%;
  text-align: left;
}
.page-footer .copyright {
  display: block;
  width: 100%;
  position: relative;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 37px;
}
.footer-nav {
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.footer-nav li {
  position: relative;
  line-height: 100%;
  margin: 0 0 5px 0;
}
.footer-nav li a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  opacity: 1;
}
@media all and (max-width: 767px) {
  .footer-nav li a {
    font-size: 14px;
  }
}
.footer-nav li a:after {
  display: inline-block;
  vertical-align: top;
  position: relative;
  content: '';
  height: 4px;
  width: 4px;
  margin: 0 0 0 5px;
  transform: rotate(-45deg);
  transform-origin: center center;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  left: 0;
  top: 6px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.footer-nav li a:hover {
  opacity: 0.7;
}
.footer-nav li a:hover:after {
  left: 3px;
}
.footer-social-media {
  margin-top: -24px;
}
@media all and (max-width: 767px) {
  .footer-social-media {
    margin-top: 0;
  }
}
@media all and (min-width: 767px) and (max-width: 991px) {
  .footer-social-media {
    padding-left: 20px;
  }
}
.footer-social-media h4 {
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  margin: 0 20px 0 0;
  font-size: 14px;
  line-height: 27px;
}
.footer-social-media ul {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.footer-social-media ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px 0 0;
}
.footer-social-media ul li a {
  display: block;
  height: 27px;
  width: 27px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/media_icons.png);
  background-color: #000000;
}
.footer-social-media ul li a:hover {
  background-color: #084171;
}
.footer-social-media ul li.facebook a {
  background-position: 0 0;
}
.footer-social-media ul li.twitter a {
  background-position: -35px 0;
}
.footer-social-media ul li.linkedin a {
  background-position: -70px 0;
}
.footer-social-media ul li.pinterest a {
  background-position: -104px 0;
}
.footer-social-media ul li.blog a {
  background-position: -137px 0;
}
.footer-social-media ul li.instagram a {
  background-image: url(../images/instagram.png);
  background-size: 27px;
}
.footer-social-media ul li.tiktok a {
  background-image: url(../images/tiktok.png);
  background-size: 27px;
}
.footer.content .footer-social-media ul > li {
  margin: 0 3px 0 0;
}
.footer-contact-info {
  flex-basis: 29%;
}
@media all and (max-width: 991px) {
  .footer-contact-info {
    margin-bottom: 35px;
  }
}
.footer-contact-info:after {
  display: none;
}
.footer-contact-info .footer-nav li a:after {
  display: none;
}
.footer-contact-info li {
  position: relative;
}
.footer-contact-info a {
  color: #fff;
  position: relative;
  padding-left: 27px;
  line-height: 25px;
}
.footer-contact-info a span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 100%;
  padding-left: 5px;
}
.footer-contact-info a svg {
  position: absolute;
  left: 0;
  top: 2px;
  display: inline-block;
  vertical-align: top;
  content: '';
  height: 22px;
  width: 22px;
  fill: #fff;
}
.footer-contact-info a:hover svg {
  fill: #fff;
}
.footer-contact-info .store-tel {
  margin-bottom: 10px;
}
.footer-contact-info .store-email {
  margin-bottom: 22px;
}
.footer-contact-info .store-location svg path {
  fill: #fff;
}
.footer-contact-info .store-location a:hover svg path {
  fill: #084171;
}
/*----- HOMEPAGE ------*/
@media all and (max-width: 767px) {
  .cms-index-index .columns .column.main {
    padding-bottom: 0;
  }
}
.page-wrapper {
  overflow: hidden;
}
.page-wrapper > .page-bottom {
  padding: 0;
  max-width: 100%;
  width: 100%;
}
.home-popular-categories {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 40px;
}
@media all and (max-width: 1024px) {
  .home-popular-categories {
    margin-top: 0;
  }
}
.home-popular-categories .item {
  display: inline-block;
  position: relative;
  width: 33.3333%;
  padding: 0.75rem;
  /* order: 4;*/
  /* &:nth-child(2) {
            order: 0
        }

        &:nth-child(3) {
            order: 1
        }

        &:nth-child(4) {
            order: 2
        }*/
}
@media all and (min-width: 768px) {
  .home-popular-categories .item:nth-of-type(3n) {
    margin-right: 0;
  }
}
.home-popular-categories .item .card {
  background-color: #fff;
  -moz-border-radius: .25rem;
  border-radius: 0.25rem;
  -moz-box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.02);
  box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.02);
  color: #4a4a4a;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s;
}
.home-popular-categories .item .card:hover {
  transform: translateY(-4px);
}
.home-popular-categories .item .card-image {
  position: relative;
}
.home-popular-categories .item .card-image a {
  display: block;
  width: 100%;
  /* height: 240px;*/
  height: 400px;
}
@media all and (max-width: 767px) {
  .home-popular-categories .item .card-image a {
    height: auto;
    text-align: center;
  }
}
.home-popular-categories .item .card-image a img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 767px) {
  .home-popular-categories .item .card-image a img {
    position: relative;
    object-fit: cover;
    width: 50%;
    height: auto;
    margin: 0 auto;
  }
}
.home-popular-categories .item .card-content {
  position: relative;
  background: #fff;
  text-align: center;
  padding: 1.5rem;
}
.home-popular-categories .item .heading {
  margin: 0;
  color: #363636;
  text-transform: capitalize;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.125;
}
@media all and (max-width: 767px) {
  .home-popular-categories .item .heading {
    font-size: 16px;
  }
}
.home-popular-categories .item .subtitle {
  margin-top: 0;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 400;
}
@media all and (min-width: 769px) {
  .aa-Panel {
    left: 50% !important;
    transform: translateX(-50%);
    right: auto !important;
  }
}
.aa-InputWrapperPrefix {
  height: 0;
}
#algoliaAutocomplete {
  height: 44px;
}
#algoliaAutocomplete .aa-SubmitButton {
  top: 5px;
}
.section-title {
  position: relative;
  width: 100%;
  margin: 25px 0 30px 0;
  flex-basis: 100%;
  text-align: center;
}
.section-title span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  /*outline: 10px solid white;*/
  color: #000000;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 auto;
  background-color: #fff;
  z-index: 2;
  padding: 0 15px;
}
@media all and (max-width: 767px) {
  .section-title span {
    font-size: 18px;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .section-title span {
    font-size: 24px;
  }
}
.section-title:after {
  position: absolute;
  left: 0;
  width: 100%;
  right: 0;
  height: 3px;
  background-color: #084171;
  content: '';
  display: block;
  top: 50%;
  margin: -3px auto 0 auto;
  z-index: 1;
  border-radius: 3px;
}
@media all and (max-width: 767px) {
  .section-title:after {
    height: 4px;
    margin: -2px auto 0 auto;
  }
}
@media all and (max-width: 767px) {
  .home-popular-categories .section-title {
    margin-bottom: 10px;
  }
}
.home-delivery {
  background-color: #000000;
  color: #fff;
  position: relative;
  width: 100%;
  padding: 10px 0;
}
@media all and (max-width: 767px) {
  .home-delivery {
    margin-bottom: 8px;
  }
}
.home-delivery .section-title {
  max-width: 1600px;
  padding: 15px 20px;
  margin: 0 auto;
}
.home-delivery .section-title span {
  color: #fff;
  background-color: #000000;
}
.home-delivery .section-title:after {
  background: #fff;
  width: calc(100% - 40px);
}
.home-delivery .col_1 {
  flex-basis: 50%;
  padding-left: 70px;
  position: relative;
}
@media all and (max-width: 767px) {
  .home-delivery .col_1 {
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
}
.home-delivery .col_1:before {
  background: url('../images/Flag_of_the_United_Kingdom.svg') no-repeat center center;
}
.home-delivery .col_1:after {
  height: 70%;
  position: absolute;
  right: 0;
  top: 50%;
  background-color: #535353;
  content: '';
  width: 2px;
  display: block;
  transform: translateY(-50%);
}
@media all and (max-width: 767px) {
  .home-delivery .col_1:after {
    position: absolute;
    width: 100%;
    height: 4px;
    transform: none;
    bottom: 0;
    margin: 0;
    top: auto;
  }
}
.home-delivery .col_2 {
  flex-basis: 50%;
  padding-left: 165px;
  position: relative;
}
.home-delivery .col_2:before {
  background: url('../images/Flag_of_Europe.svg') no-repeat center center;
}
@media all and (max-width: 767px) {
  .home-delivery .col_1,
  .home-delivery .col_2 {
    width: 100%;
    flex-basis: 100%;
    padding-left: 70px;
  }
}
.home-delivery .col_1:before,
.home-delivery .col_2:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  width: 45px;
  display: inline-block;
  vertical-align: top;
  content: '';
  background-size: cover;
}
.home-delivery .col_1 p,
.home-delivery .col_2 p {
  width: 70%;
  font-size: 12px;
  font-weight: 600;
  color: #7a7a7a;
}
@media all and (max-width: 767px) {
  .home-delivery .col_1 p,
  .home-delivery .col_2 p {
    width: 100%;
    font-size: 14px;
  }
}
.home-delivery .col_2:before {
  left: 100px;
}
@media all and (max-width: 767px) {
  .home-delivery .col_2:before {
    left: 0;
  }
}
.home-delivery .content {
  max-width: 1600px;
  padding: 0 20px;
  display: flex;
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .home-delivery .content {
    flex-wrap: wrap;
  }
}
.home-delivery .content .title {
  display: block;
  width: 100%;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 15px;
}
.home-info-tabs {
  position: relative;
  width: 100%;
  margin: 49px 0 0 0;
}
.home-info-tabs .wrapper {
  max-width: 1600px;
  padding: 0 20px;
  margin: 0 auto;
}
.home-info-tabs p,
.home-info-tabs span,
.home-info-tabs a {
  color: #393939;
  font-size: 14px;
  line-height: 24px;
}
.home-info-tabs p {
  margin-bottom: 25px;
}
.home-info-tabs h3 {
  font-size: 14px;
  font-weight: 700;
  color: #393939;
  margin: 5px 0 5px 0;
}
.home-info-tabs h3.heading {
  font-size: 18px;
  margin: 10px 0 30px 0;
}
.home-info-tabs .show_more_button {
  color: #084171;
  font-weight: 700;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  text-decoration: underline;
  margin: 0 0 0 15px;
}
.home-info-tabs .show_more_button:after {
  position: relative;
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  margin: 8px 0 0 5px;
  border-color: #084171 transparent transparent transparent;
}
.home-info-tabs .show_more_button.showed:before {
  content: 'Hide';
}
.home-info-tabs .show_more_button:before {
  text-decoration: underline;
  content: 'Read all';
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.before-tabs-text {
  margin: 0 0 42px 0;
  position: relative;
}
.before-tabs-text p {
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
ul.tabNavigation {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.tabNavigation.in-initial-state > li:nth-of-type(1) {
  border: 1px solid #a5a5a5;
  border-bottom: none;
  background: #fff;
}
ul.tabNavigation.in-initial-state > li:nth-of-type(1) a {
  color: #393939;
}
ul.tabNavigation.in-initial-state > li:nth-of-type(1):after {
  opacity: 1;
}
ul.tabNavigation > li {
  background: transparent;
  position: relative;
  top: -1px;
  opacity: 1;
  display: block;
  width: 100%;
  border-top: 1px solid #a5a5a5;
  border-bottom: 0;
  margin: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
ul.tabNavigation > li:last-child {
  border-bottom: 1px solid #a5a5a5;
}
ul.tabNavigation > li > a {
  color: #393939;
  line-height: 32px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  display: block;
  padding: 7px 32px;
  position: relative;
  width: 100%;
}
ul.tabNavigation > li > a:after {
  position: absolute;
  top: 20px;
  height: 2px;
  left: auto;
  right: 20px;
  width: 15px;
  background: #084171;
  display: block;
  content: '';
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
ul.tabNavigation > li > a:before {
  position: absolute;
  top: 13px;
  height: 15px;
  left: auto;
  right: 27px;
  width: 2px;
  background: #084171;
  display: block;
  content: '';
  opacity: 1;
}
ul.tabNavigation > li.active a:before {
  opacity: 0;
}
ul.tabNavigation > li a:focus {
  outline: 0;
}
.tabs .tab-content {
  padding: 30px 32px;
  background: #FFF;
  border: none;
  margin: -1px 0px 0px;
  display: block;
  position: relative;
  /*  > .expandable {
        visibility: hidden;
        opacity: 0;
        display: none;
        .transition();
         &.expanded {
           visibility: visible;
           display: block;
           opacity: 1;
           .transition();
         }
       }*/
}
.tabs .tab-content iframe {
  max-width: 100%;
}
div.tabs div h2 {
  margin-top: 0;
}
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.brands-slider {
  max-width: 1600px;
  overflow: hidden;
  padding: 20px;
  white-space: nowrap;
  position: relative;
  margin: 35px auto 25px auto;
}
.brands-slider:before,
.brands-slider:after {
  position: absolute;
  top: 0;
  width: 150px;
  height: 100%;
  content: "";
  z-index: 2;
}
.brands-slider:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
}
.brands-slider:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
.brands-slider #brands_list_slider {
  display: inline-flex;
  animation: 35s slide infinite linear;
  padding: 0;
  animation-fill-mode: both;
  transform: translateX(0);
  animation-direction: revert;
}
.brands-slider #brands_list_slider li {
  display: inline-block;
  list-style: none;
  margin: 0 20px;
}
.brands-slider #brands_list_slider a {
  display: block;
  pointer-events: none;
}
.brands-slider #brands_list_slider img {
  height: 100px;
  max-width: 200px;
  object-fit: contain;
}
.gift-grid {
  position: relative;
}
.gift-grid .bx-wrapper {
  width: 100% !important;
  margin: 0 auto;
}
@media (max-width: 1300px) {
  .gift-grid .bx-wrapper {
    width: calc(100% - 40px) !important;
  }
}
.brands-list-controls,
.gift-list-controls {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}
.brands-list-controls span,
.gift-list-controls span {
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  height: 36px;
  width: 22px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
}
.brands-list-controls span.item-left,
.gift-list-controls span.item-left {
  left: 0;
  background-position: 0 -298px;
}
@media (max-width: 1300px) {
  .brands-list-controls span.item-left,
  .gift-list-controls span.item-left {
    left: 10px;
  }
}
.brands-list-controls span.item-right,
.gift-list-controls span.item-right {
  right: 0;
  background-position: -57px -298px;
}
@media (max-width: 1300px) {
  .brands-list-controls span.item-right,
  .gift-list-controls span.item-right {
    right: 10px;
  }
}
.brands-list-controls span a,
.gift-list-controls span a {
  display: block;
  height: 100%;
  width: 100%;
}
.gift-list-controls span.item-left {
  left: -40px;
}
@media (max-width: 1300px) {
  .gift-list-controls span.item-left {
    left: 0;
  }
}
.gift-list-controls span.item-right {
  right: -40px;
}
@media (max-width: 1300px) {
  .gift-list-controls span.item-right {
    right: 0;
  }
}
@media all and (min-width: 992px) and (max-width: 1024px) {
  .home-popular-categories .item a .heading {
    font-size: 24px;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .home-popular-categories .item {
    font-size: 18px;
  }
}
@media all and (max-width: 767px) {
  .home-popular-categories .item {
    /*  width: 100%;*/
    width: 50%;
    margin-right: 0;
  }
}
@media all and (min-width: 1025px) {
  .home-page-products .products {
    margin-top: 45px;
  }
  .home-page-products .section-title {
    margin-top: 40px;
  }
}
.top-panel {
  background: #000;
  color: #fff;
  padding: 15px;
}
.top-panel .items {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0 70px;
}
.top-panel .items span {
  width: auto;
  display: block;
  vertical-align: top;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
  position: relative;
  text-transform: uppercase;
  text-align: center;
}
.top-panel .items span.central {
  width: 20%;
  padding: 0 20px;
}
.top-panel .items span.central:after,
.top-panel .items span.central:before {
  position: absolute;
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #fff;
  content: '';
  top: 50%;
  transform: translateY(-50%);
}
.top-panel .items span.central:after {
  right: -4px;
}
.top-panel .items span.central:before {
  left: -4px;
}
.top-panel p {
  font-size: 18px;
  margin: 0;
  text-align: center;
  position: relative;
  margin-top: 20px;
}
.top-panel p:before {
  position: relative;
  display: block;
  content: '';
  height: 1px;
  width: 50%;
  margin: 0 auto;
  background-color: #565656;
  margin-bottom: 15px;
}
@media all and (max-width: 767px) {
  .top-panel .items {
    padding: 0;
    flex-direction: column;
    justify-content: center;
  }
  .top-panel .items span {
    font-size: 12px;
    width: 100%;
    margin-bottom: 10px;
  }
  .top-panel .items span.central {
    width: 100%;
    padding: 15px;
  }
  .top-panel .items span.central:after {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    top: auto;
    height: 5px;
    width: 5px;
  }
  .top-panel .items span.central:before {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 5px;
    width: 5px;
  }
  .top-panel {
    padding: 10px 15px;
  }
  .top-panel p {
    margin-top: 5px;
    font-size: 12px;
  }
  .top-panel p:before {
    margin-bottom: 10px;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .top-panel .items span {
    font-size: 14px;
  }
}
@media all and (min-width: 992px) and (max-width: 1024px) {
  .top-panel .items span {
    font-size: 20px;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .top-panel .items {
    padding: 0 10px;
  }
  .top-panel p {
    font-size: 14px;
  }
}
.cms-home .homepage-top-slider {
  position: relative;
  width: 100vw !important;
  left: 50%;
  transform: translateX(-50%);
}
.homepage-top-slider .flex-direction-nav {
  display: none;
}
.homepage-top-slider .flexslider .slides img {
  height: auto !important;
  width: 100%;
  margin: 0 auto;
}
.homepage-top-slider .flex-control-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  position: absolute;
  text-align: center;
  bottom: 20px;
  line-height: 100%;
}
@media all and (max-width: 1023px) {
  .homepage-top-slider .flex-control-nav {
    bottom: 10px;
  }
}
.homepage-top-slider .flex-control-paging li a {
  height: 17px;
  width: 17px;
  background: rgba(255, 255, 255, 0.7);
}
@media all and (max-width: 1023px) {
  .homepage-top-slider .flex-control-paging li a {
    height: 10px;
    width: 10px;
  }
}
.homepage-top-slider .flex-control-paging li a.flex-active,
.homepage-top-slider .flex-control-paging li a:hover {
  background: #ffffff;
}
.homepage-top-slider .flex-control-nav li {
  margin: 0 3px;
}
.header.content .switcher-currency {
  flex-basis: auto;
  margin: 2px 0 0 35px;
}
@media all and (max-width: 767px) {
  .header.content .switcher-currency {
    display: none;
  }
}
@media all and (min-width: 1025px) and (max-width: 1024px) {
  .header.content .switcher-currency {
    margin: 2px 0 0 0;
    position: absolute;
    left: 235px;
  }
}
.header.content .switcher-currency .switcher-option a:before {
  content: none;
}
.switcher-dropdown {
  margin: 0;
  list-style: none;
  white-space: nowrap;
  padding: 0;
}
.switcher-dropdown li {
  display: inline-block;
  vertical-align: top;
  height: 22px;
  margin: 0 10px 0 0;
  width: 22px;
  border-radius: 50%;
}
.switcher-dropdown li.currency-GBP a svg {
  fill: #000;
}
.switcher-dropdown li.currency-GBP:hover a svg,
.switcher-dropdown li.currency-GBP.active a svg {
  fill: #084171;
}
.switcher-dropdown li.currency-EUR a svg {
  stroke: #000;
}
.switcher-dropdown li.currency-EUR:hover a svg,
.switcher-dropdown li.currency-EUR.active a svg {
  stroke: #084171;
}
.switcher-dropdown li a {
  display: block;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  width: 100%;
  height: 100%;
}
#switcher-currency-nav {
  display: none;
}
.action.tocompare,
.action.towishlist {
  background: transparent;
}
.product-reviews-summary .reviews-actions,
.product-reviews-summary .rating-summary {
  display: inline-block;
  vertical-align: top;
}
.cart-container .checkout-methods-items .action.primary {
  font-size: 14px;
  padding-left: 0;
  padding-right: 0;
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .cart-container .checkout-methods-items .action.primary {
    font-size: 12px;
  }
  .cart-summary {
    width: 27%;
  }
  .cart-container .form-cart {
    width: 72%;
  }
}
/*----- brands page ------*/
.brands_main_title {
  background: #084171;
  width: 100%;
  position: relative;
  text-align: left;
  margin-bottom: 20px;
  padding: 10px 15px;
  font-size: 22px;
}
.brands_main_title span {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#brands-unlimited-full {
  list-style: none;
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
  padding: 0;
}
#brands-unlimited-full > li {
  float: left;
  width: 16.66666667%;
  margin: 0;
  list-style: none;
  padding: 0 0 0 15px;
  box-sizing: border-box;
}
#brands-unlimited-full > li:nth-child(6n+1) {
  clear: both;
  padding-left: 0;
}
@media all and (max-width: 1023px) {
  #brands-unlimited-full > li {
    width: 25%;
  }
  #brands-unlimited-full > li:nth-child(6n+1) {
    clear: none;
    padding-left: 10px;
  }
  #brands-unlimited-full > li .pages .item {
    margin-right: 2px;
  }
  #brands-unlimited-full > li:nth-child(4n+1) {
    clear: both;
  }
}
@media all and (max-width: 767px) {
  #brands-unlimited-full > li {
    width: 33.333%;
  }
  #brands-unlimited-full > li:nth-child(4n+1) {
    clear: none;
  }
  #brands-unlimited-full > li:nth-child(3n+1) {
    clear: both;
  }
}
@media all and (max-width: 620px) {
  #brands-unlimited-full > li {
    width: 50%;
  }
  #brands-unlimited-full > li:nth-child(3n+1) {
    clear: none;
  }
  #brands-unlimited-full > li:nth-child(2n+1) {
    clear: both;
    padding-left: 0;
  }
}
#brands-unlimited-full h3 {
  font-weight: 400;
  line-height: 1.42857143;
  font-size: 1.4rem;
  margin-top: 0;
  margin-bottom: 0;
}
#brands-unlimited-full li p {
  font-weight: 600;
  line-height: 1.1;
  margin-top: 2rem;
  font-size: 30px;
  color: #4e4e4e;
  margin-bottom: 10px;
  padding: 0;
}
#brands-unlimited-full ul {
  list-style: none;
  padding: 0;
}
#brands-unlimited-full > li li {
  margin-left: 0;
  position: relative;
}
#brands-unlimited-full > li li:hover a {
  text-decoration: none;
}
#brands-unlimited-full > li a {
  color: #4e4e4e;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#brands-unlimited-full > li a:hover {
  color: #084171;
  text-decoration: none;
  font-weight: 600;
}
@media all and (max-width: 767px) {
  .brands_main_title {
    margin: 0 -25px;
    width: auto;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .brands_main_title {
    margin: 0 -30px;
    width: auto;
  }
}
.pages .action {
  background: transparent;
  border: none;
  line-height: 20px;
}
.pages .action:hover {
  background: transparent;
}
.pages .action:hover:before {
  color: #084171;
}
.table-order-items .col.name a {
  display: block;
  margin-right: 15px;
}
.table-order-items .col.name dl.item-options {
  display: block;
  float: left;
}
.table-order-items .col.name .custom-image {
  display: block;
  float: none;
  text-align: left;
  padding-left: 80px;
  clear: both;
}
.order-items.table-wrapper .col.sku {
  text-align: right;
}
.order-details-items .table-order-items .product-item-name {
  font-weight: 700;
  text-transform: uppercase;
}
.block-order-details-view .block-title {
  padding-top: 15px;
}
.catalogsearch-result-index .columns {
  display: flex;
}
.catalogsearch-result-index.page-layout-2columns-left .column.main {
  order: 2;
  width: 100%;
}
.catalogsearch-result-index.page-layout-2columns-left .sidebar-main {
  order: 1;
  width: 100%;
}
.price-container + .note,
.price-container .note,
.price-container .per-box {
  color: black;
  font-weight: 400;
  font-size: 13px;
}
@media all and (max-width: 767px) {
  .cart-container {
    display: flex;
    flex-direction: column-reverse;
  }
  .cart-container .cart-summary {
    margin-top: 15px;
  }
}
.catalog-product-view .page.messages {
  margin: 0 auto;
  z-index: 150;
  padding: 0;
  font-size: 20px;
  max-width: 50%;
  min-width: 250px;
}
@media all and (max-width: 815px) {
  .catalog-product-view .page.messages {
    max-width: 100%;
  }
}
.catalog-product-view .page.messages div[role="alert"] {
  padding: 30px;
}
.catalog-product-view .page.messages .message.success {
  font-size: 20px;
  padding-left: 60px;
  background: #084171;
  color: #fff;
}
.catalog-product-view .page.messages .message.success a {
  color: #fff;
  text-decoration: underline;
}
.catalog-product-view .page.messages .message.success a:hover {
  text-decoration: none;
}
.catalog-product-view .page.messages .message.success > *:first-child:before {
  vertical-align: top;
  top: 0;
  font-size: 50px;
  line-height: 50px;
  width: 60px;
  margin: 0;
  color: #fff;
}
input#paypal_express + label {
  position: relative;
}
input#paypal_express + label:before {
  background-image: url(../images/paypal.svg);
  content: '';
  height: 25px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100px;
  -webkit-background-size: contain;
  background-size: 100px 100px;
  background-repeat: no-repeat;
  background-position: center center;
  top: -6px;
  margin: 0 10px 0 0;
}
input#paypal_express + label .action-help {
  display: none;
}
#headerGarland {
  display: none;
}
#playAnimationCheckbox input {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
#playAnimationCheckbox div {
  position: fixed;
  bottom: 25px;
  right: 20px;
  width: 65px;
  height: 65px;
  padding: 17px 0;
  background: radial-gradient(circle at 45px 20px, #68d977, #084171);
  color: #fff;
  font-size: 10px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
@media all and (max-width: 1440px) {
  #playAnimationCheckbox div {
    width: 45px;
    height: 45px;
    padding: 10px 0;
    font-size: 8px;
  }
}
#playAnimationCheckbox div:hover {
  background: #084171;
}
#playAnimationCheckbox div span {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1;
}
@media all and (max-width: 1440px) {
  #playAnimationCheckbox div span {
    font-size: 13px;
  }
}
#playAnimationCheckbox div .stop {
  display: none;
}
body.new-year-theme #headerGarland {
  display: block;
  height: 140px;
  background-size: 30%;
  background-repeat: repeat-x;
}
@media all and (max-width: 1440px) {
  body.new-year-theme #headerGarland {
    height: 80px;
    background-size: 300px;
  }
}
body.new-year-theme #playAnimationCheckbox .stop {
  display: block;
}
body.new-year-theme #playAnimationCheckbox .play {
  display: none;
}
body.new-year-theme #playAnimationCheckbox p {
  background: radial-gradient(circle at 45px 20px, #ff9a9a, #d20000);
  z-index: 10;
}
body.new-year-theme #playAnimationCheckbox p:hover {
  background: #d20000;
}
body.new-year-theme .header.content .logo {
  background-image: url('../images/new_year/logo_2.jpg');
  background-size: contain;
  background-repeat: no-repeat;
}
body.new-year-theme .header.content .logo img {
  opacity: 0;
  height: 50px;
}
body.new-year-theme .section-title span,
body.new-year-theme .page-title-wrapper .page-title span {
  position: relative;
  padding: 0 100px;
}
body.new-year-theme .section-title span:after,
body.new-year-theme .page-title-wrapper .page-title span:after,
body.new-year-theme .section-title span:before,
body.new-year-theme .page-title-wrapper .page-title span:before {
  content: '';
  position: absolute;
  top: -15px;
  display: block;
  width: 60px;
  height: 60px;
  background-image: url('../images/new_year/sock.png');
  background-size: contain;
  background-repeat: no-repeat;
}
@media all and (max-width: 767px) {
  body.new-year-theme .section-title span:after,
  body.new-year-theme .page-title-wrapper .page-title span:after,
  body.new-year-theme .section-title span:before,
  body.new-year-theme .page-title-wrapper .page-title span:before {
    width: 40px;
    height: 40px;
  }
}
@media all and (max-width: 767px) {
  body.new-year-theme .section-title span:after,
  body.new-year-theme .page-title-wrapper .page-title span:after,
  body.new-year-theme .section-title span:before,
  body.new-year-theme .page-title-wrapper .page-title span:before {
    top: 0;
  }
}
body.new-year-theme .section-title span:after,
body.new-year-theme .page-title-wrapper .page-title span:after {
  right: 25px;
  transform: scale(-1, 1);
}
body.new-year-theme .section-title span:before,
body.new-year-theme .page-title-wrapper .page-title span:before {
  left: 25px;
}
body.new-year-theme .home-page-products .section-title span:after,
body.new-year-theme .home-delivery .section-title span:after,
body.new-year-theme .home-page-products .page-title-wrapper .page-title span:after,
body.new-year-theme .home-delivery .page-title-wrapper .page-title span:after,
body.new-year-theme .home-page-products .section-title span:before,
body.new-year-theme .home-delivery .section-title span:before,
body.new-year-theme .home-page-products .page-title-wrapper .page-title span:before,
body.new-year-theme .home-delivery .page-title-wrapper .page-title span:before {
  background-image: url('../images/new_year/candy.svg');
}
body.new-year-theme .home-page-products .section-title span:after,
body.new-year-theme .home-delivery .section-title span:after {
  transform: rotate(45deg);
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  body.new-year-theme .nav-toggle {
    top: -111px;
  }
}
.header.links #switcher-currency {
  display: none;
}
.page-layout-1column.cms-index-index .page-main {
  max-width: 1600px;
}
.crossPopup .minicart-items .product-item-pricing {
  float: left;
  margin-top: 5px;
}
.crossPopup .minicart-items .btn {
  float: left;
  clear: right;
  margin: 10px 0 0 0;
}
#remember-me-box .tooltip.wrapper .tooltip.toggle {
  white-space: nowrap;
}
.glide--swipeable {
  width: 100% !important;
}
.yotpo-item {
  max-width: 100%;
}
.checkout-agreements .checkout-agreement .action.action-show {
  padding: 0 30px 0 10px;
}
.terms-conditions-checkbox input {
  position: absolute;
  height: 0;
  width: 0;
}
.terms-conditions-checkbox button {
  padding: 0 30px 0 10px;
}
.terms-conditions-checkbox button span {
  text-wrap: balance;
}
.terms-conditions-checkbox button i {
  display: inline-block;
  position: relative;
  background-color: #084171;
  color: white;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  position: absolute;
  right: 10px;
  top: 10px;
}
@media all and (max-width: 500px) {
  .magestore-bannerslider-standard.homepage-top-slider {
    min-height: 175px;
  }
}
@media all and (min-width: 501px) and (max-width: 1024px) {
  .magestore-bannerslider-standard.homepage-top-slider {
    min-height: 220px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1200px) {
  .magestore-bannerslider-standard.homepage-top-slider {
    min-height: 350px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1420px) {
  .magestore-bannerslider-standard.homepage-top-slider {
    min-height: 375px;
  }
}
@media all and (min-width: 1421px) {
  .magestore-bannerslider-standard.homepage-top-slider {
    min-height: 680px;
  }
}
.page-print .logo {
  display: block;
  float: none;
  text-align: left;
}
@media print {
  * {
    -webkit-filter: none !important;
    background: transparent !important;
    color: #000000 !important;
    filter: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline !important;
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  .table-wrapper table {
    width: 100%;
    table-layout: fixed;
  }
  .table-wrapper table td {
    width: auto;
  }
  .table-wrapper table > tfoot > tr:first-child {
    border-top: 1px solid #999999;
  }
  .box,
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 1cm;
  }
  .block-content,
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  .block-content {
    page-break-before: avoid;
  }
  .block-title,
  h2,
  h3 {
    page-break-after: avoid;
  }
  .nav-toggle {
    display: none !important;
  }
  .sidebar,
  .nav-sections,
  .header.content > *[class],
  .panel.wrapper > *[class],
  .footer.content > *[class] {
    display: none;
  }
  .logo,
  .footer .copyright {
    display: block !important;
    margin: 10px 0;
  }
  .order-details-items .order-items .order-gift-message:not(.expanded-content) {
    height: auto;
    visibility: visible;
  }
  .column.main {
    float: none !important;
    width: 100% !important;
  }
  .breadcrumbs {
    margin: 0 auto;
    text-align: right;
  }
  .footer.content {
    padding: 0;
  }
  .hidden-print {
    display: none !important;
  }
}