@charset "UTF-8";
@font-face {
  font-family: 'DrukCy-Bold';
  src: url("fonts/Druk-Bold-Web.woff2") format("woff2"), url("fonts/Druk-Bold-Web.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'DrukWideBold';
  src: url("fonts/DrukWide-Super-Web.woff2") format("woff2"), url("fonts/DrukWide-Super-Web.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'WorkSans-Regular';
  src: url("fonts/WorkSans-Regular.woff2") format("woff2"), url("fonts/WorkSans-Regular.woff") format("woff"), url("fonts/WorkSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'WorkSans-Bold';
  src: url("fonts/WorkSans-Bold.woff2") format("woff2"), url("fonts/WorkSans-Bold.woff") format("woff"), url("fonts/WorkSans-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Recoleta-Medium';
  src: url("fonts/Recoleta-Medium.woff2") format("woff2"), url("fonts/Recoleta-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Recoleta-SemiBold';
  src: url("fonts/Recoleta-SemiBold.woff2") format("woff2"), url("fonts/Recoleta-SemiBold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

body {
  font-family: 'WorkSans-Regular', 'Open Sans', sans-serif;
  font-weight: 400;
  color: #333745;
  font-size: 12px;
  line-height: 20px;
  width: 100%; }

.cf:before, .cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

h1, h2, h3, h4, h5, h6 {
  color: #444; }

/* default font size */
.fa {
  font-size: 14px; }

/* Override the bootstrap defaults */
h1 {
  font-size: 33px; }

h2 {
  font-size: 27px; }

h3 {
  font-size: 21px; }

h4 {
  font-size: 15px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 10.2px; }

a {
  color: #000; }

a:hover {
  color: #999999; }

legend {
  font-size: 18px;
  padding: 7px 0px; }

label {
  font-size: 12px;
  font-weight: normal; }

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
  font-size: 12px; }

.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
  font-size: 12px; }

.input-group .input-group-addon {
  font-size: 14px;
  height: 30px; }

/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
  display: inline; }

.nav-tabs {
  margin-bottom: 15px; }

div.required .control-label:before {
  content: '* ';
  color: #F00;
  font-weight: bold; }

#content-overlay {
  background: rgba(250, 250, 250, 0.45);
  z-index: 11;
  position: absolute;
  width: 100%;
  height: 100%;
  display: none; }

/* Gradent to all drop down menus */
/*.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}*/
header.sticky {
  position: fixed;
  z-index: 12;
  background: #fff;
  width: 100%;
  box-shadow: 0px 1px 20px -3px rgba(0, 0, 0, 0.33);
  top: 0; }

/* top */
/* #top {

    min-height: 40px;
    padding-top:16px;

    .btn-link{
        padding-left: 0;
    }

    .btn-link, .btn-link:focus, .btn-link:hover, li, a, a:hover {
        color: #111;
        text-decoration: none;
    }
    .list-inline{
        margin-left: 0;
        &>li{
            padding-left: 0;
            padding-right: 16px;
            &:last-of-type{
                padding-right: 0;
            }
        }
    }
    .container div{
        padding-left: 0;
        padding-right: 0;
    }


    #logo img{
        width: 260px;
        height: 24px;
        margin: 0 auto;
        text-align: center;
    }

}
*/
.display-none {
  display: none !important; }

header {
  transition: 0.4s top cubic-bezier(0.3, 0.73, 0.3, 0.74);
  top: -159px; }

header div.header .top-links {
  width: 100%;
  display: inline-block;
  font-weight: 600;
  font-family: "WorkSans-Bold";
  font-style: normal;
  font-size: 12px;
  text-transform: none; }

header div.header .top-links a {
  color: #444349; }

header div.header .top-links a:hover {
  color: black;
  text-decoration: none; }

header div.header .top-links .left-bar,
header div.header .top-links .right-bar {
  width: 50%;
  float: left;
  height: 40px;
  line-height: 40px; }

#logo {
  height: 60px; }

#logo a {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
  overflow: hidden; }

#logo a img {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  height: auto; }

/* search */
#search {
  position: relative;
  height: 40px; }

#search .button-search, #searchmodal .button-search {
  cursor: pointer;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: transparent;
  float: left;
  position: absolute;
  color: #CCCCCC;
  transition: color 0.2s, background-color 0.2s;
  z-index: 9;
  height: 100%;
  border-radius: 50%;
  border-right-style: solid;
  transition: color 0.2s, background-color 0.2s;
  width: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

#search .button-search i,
#searchmodal .button-search i {
  position: relative;
  font-style: normal;
  vertical-align: middle;
  font-size: 22px;
  color: #383838; }

#search input,
#searchmodal input {
  float: left;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-color: white;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  padding-left: 50px;
  font-size: 13px;
  color: #333745;
  box-shadow: none;
  font-weight: normal !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-style: normal !important;
  font-size: 15px !important;
  text-transform: none !important;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  background-color: transparent;
  min-height: 40px;
  box-shadow: none; }

/*
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
	text-shadow: 0 1px 0 #FFF;
} */
/* cart */
ul.ui-autocomplete {
  width: 318px;
  max-height: 240px;
  background-color: #fff;
  overflow: auto;
  box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.25);
  z-index: 21;
  display: block; }

ul.ui-autocomplete li.ui-menu-item {
  border-bottom: 1px solid #f4f4f4;
  border-bottom-color: #f4f4f4;
  border-bottom-style: solid;
  height: auto;
  padding: 12px 8px 8px 8px;
  color: #45738f;
  cursor: pointer;
  border-color: #e4e4e4;
  display: block;
  float: left;
  width: 100%; }

ul.ui-autocomplete li.ui-menu-item:hover {
  background-color: #f4f4f4;
  color: #000; }

ul.ui-autocomplete li.ui-menu-item a {
  display: block;
  float: left; }

ul.ui-autocomplete li.ui-menu-item a:hover {
  color: #000; }

ul.ui-autocomplete li.ui-menu-item img {
  float: left;
  margin-right: 5px; }

ul.ui-autocomplete li.ui-menu-item span {
  display: inline-block;
  float: left; }

#cart-area span.pull-left-aside {
  float: right;
  padding-right: 40px;
  font-size: 15px;
  line-height: 21px;
  margin-top: 5px; }

#cart {
  width: 100%;
  float: right; }
  #cart .shopping-cart-disabled {
    pointer-events: none; }
    #cart .shopping-cart-disabled #cart-total {
      display: none; }
  #cart .fa {
    height: 24px;
    vertical-align: middle;
    position: absolute;
    right: 8px; }
    #cart .fa:before {
      content: ""; }
    #cart .fa.fa-stores {
      background: url("../image/icons/body-shop-icons-thick_map.svg") 0 0 no-repeat;
      width: 17px; }
      #cart .fa.fa-stores:hover {
        background: url("../image/icons/body-shop-icons_map_filled.svg") 0 0 no-repeat; }
    #cart .fa.fa-home {
      background: url("../image/icons/body-shop-icons_tbs_at_home.svg") 0 0 no-repeat;
      width: 25px; }
      #cart .fa.fa-home:hover {
        background: url("../image/icons/body-shop-icons_tbs_at_home_filled.svg") 0 0 no-repeat; }
    #cart .fa.fa-care {
      background: url("../image/icons/body-shop-icons-thick_help.svg") 0 0 no-repeat;
      width: 24px; }
      #cart .fa.fa-care:hover {
        background: url("../image/icons/body-shop-icons_help_filled.svg") 0 0 no-repeat; }
    #cart .fa.fa-user {
      background: url("../image/icons/body-shop-icons-thick_sign_in.svg") 0 0 no-repeat;
      width: 29px; }
      #cart .fa.fa-user:hover {
        background: url("../image/icons/body-shop-icons_sign_in_filled.svg") 0 0 no-repeat; }
    #cart .fa.fa-heart {
      background: url("../image/icons/body-shop-icons-thick_wishlist.svg") 0 0 no-repeat;
      width: 31px; }
      #cart .fa.fa-heart:hover {
        background: url("../image/icons/body-shop-icons_wishlist_filled.svg") 0 0 no-repeat; }
    #cart .fa.fa-shopping-cart {
      background: url("../image/icons/body-shop-icons-thick_bag.svg") 0 0 no-repeat;
      width: 24px; }
      #cart .fa.fa-shopping-cart:hover {
        background: url("../image/icons/body-shop-icons_bag_filled.svg") 0 0 no-repeat; }
    #cart .fa.fa-shopping-cart-disabled {
      background: url("../image/icons/body-shop-iconsthick_bag_disabled.svg") 0 0 no-repeat;
      width: 24px; }
  #cart > a {
    position: relative;
    float: right; }
  #cart #cart-total {
    display: block;
    border-radius: 15px;
    width: 25px;
    height: 25px;
    background: #111;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 11px;
    padding: 4px 5px 5px 6px;
    text-align: center;
    line-height: 15px;
    border: 2px solid #fff;
    z-index: 12;
    font-size: 10px; }
  #cart .dropdown-menu {
    background: #eee;
    z-index: 1001;
    min-width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    background: #fff;
    width: 420px;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.3);
    transition: opacity 1s ease-out;
    opacity: 0; }
    #cart .dropdown-menu .popup-subtotal {
      background: #111;
      position: relative; }
      #cart .dropdown-menu .popup-subtotal span {
        float: left;
        width: 85%;
        color: #fff;
        height: 66px;
        line-height: 66px;
        padding-left: 10px;
        letter-spacing: .5px; }
      #cart .dropdown-menu .popup-subtotal .close-popup-link {
        margin: 0 auto;
        display: inline-block;
        line-height: 66px;
        width: 18px;
        position: absolute;
        top: 24px;
        right: 24px;
        padding: 0; }
        #cart .dropdown-menu .popup-subtotal .close-popup-link .close-popup-icon {
          width: 100%;
          height: auto;
          display: block; }
    #cart .dropdown-menu .popup-wrapper {
      border: 2px solid #e1e1e1;
      display: block; }
      #cart .dropdown-menu .popup-wrapper .popup-arrow-down,
      #cart .dropdown-menu .popup-wrapper .popup-arrow-up {
        width: 100%;
        height: 24px;
        line-height: 24px;
        background: #e1e1e1;
        display: block; }
        #cart .dropdown-menu .popup-wrapper .popup-arrow-down a,
        #cart .dropdown-menu .popup-wrapper .popup-arrow-up a {
          display: block;
          width: 100%;
          height: 24px;
          text-align: center; }
    #cart .dropdown-menu .popup-just-added {
      display: none;
      border: 2px solid #e1e1e1; }
      #cart .dropdown-menu .popup-just-added .popup-msg {
        clear: both;
        background: #e1e1e1;
        line-height: 66px;
        height: 66px;
        width: 100%;
        font-family: 'WorkSans-Regular', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        margin: 0;
        padding: 0;
        text-transform: uppercase; }
      #cart .dropdown-menu .popup-just-added .popup-prod-wrapper {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e1e1e1; }
        #cart .dropdown-menu .popup-just-added .popup-prod-wrapper span {
          display: table-cell;
          padding: 8px;
          line-height: 1.42857143;
          vertical-align: top; }
    #cart .dropdown-menu .popup-buttons-wrapper {
      padding: 24px 24px 14px;
      background: #fff; }
      #cart .dropdown-menu .popup-buttons-wrapper .btn {
        background-color: #111;
        color: #fff;
        border: #111;
        font-size: 14px;
        padding: 25px 60px;
        width: 100%;
        display: block;
        font-family: "WorkSans-Bold";
        font-weight: 700;
        margin-bottom: 12px;
        text-transform: uppercase; }
      #cart .dropdown-menu .popup-buttons-wrapper .button-secondary {
        background-color: #fff;
        color: #000;
        border: 1px solid; }
  #cart .verticalCarouselGroup {
    display: table;
    width: 100%;
    max-width: 100%; }
    #cart .verticalCarouselGroup > div {
      display: table-row; }
      #cart .verticalCarouselGroup > div:nth-of-type(odd) {
        background-color: #f9f9f9; }
      #cart .verticalCarouselGroup > div > span {
        display: table-cell;
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: middle;
        border-top: 1px solid #ddd; }
        #cart .verticalCarouselGroup > div > span.text-left,
        #cart .verticalCarouselGroup > div > span > .text-left {
          max-width: 230px; }
        #cart .verticalCarouselGroup > div > span:nth-of-type(1) {
          width: 15%; }
        #cart .verticalCarouselGroup > div > span:nth-of-type(3) {
          width: 26%; }
        #cart .verticalCarouselGroup > div > span:nth-of-type(4) {
          width: 10%; }
        #cart .verticalCarouselGroup > div > span .btn.decrease,
        #cart .verticalCarouselGroup > div > span .btn.increase {
          padding: 0;
          background-color: transparent;
          box-shadow: none; }
        #cart .verticalCarouselGroup > div > span input.product-quantity {
          padding: 0; }
  #cart .vc_goUp.isDisabled,
  #cart .vc_goDown.isDisabled {
    opacity: 1; }

#cart.open > .dropdown-menu {
  opacity: 1; }

.icon-down,
.icon-down-white,
.icon-left,
.icon-right,
.icon-up,
.icon-up-white {
  display: inline-block;
  width: 16px;
  height: 16px; }

.icon-up {
  background: url(../image/icons/icon-arrow-up.svg) center center no-repeat;
  background-size: 16px; }

.isDisabled .icon-up {
  background: url(../image/icons/icon-arrow-up-white.svg);
  background-size: 16px; }

.icon-down {
  background: url(../image/icons/icon-arrow-down.svg) center center no-repeat;
  background-size: 16px; }

.isDisabled .icon-down {
  background: url(../image/icons/icon-arrow-down-white.svg);
  background-size: 16px; }

#cart .dropdown-menu table {
  margin-bottom: 10px; }

@media (max-width: 478px) {
  #cart .dropdown-menu li > div {
    min-width: 100%; } }

#cart .dropdown-menu li p {
  margin: 20px 0; }

/* menu */
#category_list {
  position: relative;
  padding-top: 11px;
  padding-bottom: 2px; }
  #category_list div.col-md-10, #category_list div.navbar-collapse {
    padding: 0;
    position: static; }
  #category_list .col-md-2 {
    padding: 0; }
    #category_list .col-md-2 #search {
      text-align: right;
      padding: 0;
      margin: 0;
      text-transform: none;
      position: relative;
      margin-top: -3px; }
      #category_list .col-md-2 #search .wrapper-search-bar {
        border: 1px solid #000;
        padding: 5px 10px;
        display: inline-block;
        position: relative;
        padding-right: 13px; }
        #category_list .col-md-2 #search .wrapper-search-bar a {
          text-decoration: none;
          color: inherit; }
          #category_list .col-md-2 #search .wrapper-search-bar a:focus {
            outline: none; }
          #category_list .col-md-2 #search .wrapper-search-bar a .place-holder-text {
            display: inline-block;
            text-align: left;
            margin: 0;
            padding: 0 72px 0 0;
            line-height: normal;
            position: relative;
            font-size: 12px;
            color: #b9b9b9; }
          #category_list .col-md-2 #search .wrapper-search-bar a .icon-header-search {
            background-image: url("../image/icons/icon-search.svg");
            background-size: 12px 12px;
            background-repeat: no-repeat;
            width: 12px;
            height: 12px;
            display: inline-block;
            padding-right: 13px; }
      #category_list .col-md-2 #search input {
        border: none; }

#menu {
  margin-bottom: 0;
  min-height: 40px;
  position: static;
  border: 0;
  border-radius: 0px; }
  #menu .nav {
    width: 100%;
    float: none;
    display: table;
    table-layout: auto;
    position: relative; }
    #menu .nav > li {
      font-family: "WorkSans-Regular";
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .0625em;
      color: #111;
      position: static;
      display: table-cell;
      float: none;
      text-align: center; }
      #menu .nav > li a {
        color: inherit; }
    #menu .nav > li {
      text-transform: uppercase;
      cursor: pointer;
      /* padding-right:45px;
            min-height: 40px; */ }
      #menu .nav > li:last-of-type {
        padding-right: 0; }
      #menu .nav > li > a {
        padding: 0px;
        font-weight: 700;
        font-family: "WorkSans-Regular";
        font-style: normal;
        font-size: 15px;
        text-transform: uppercase;
        color: #444349;
        line-height: 40px;
        border-bottom: 2px solid #fff; }
        #menu .nav > li > a:first-of-type {
          padding-left: 0; }
  #menu .nav > li > a:hover {
    background-color: #fff;
    text-decoration: none;
    color: black; }
  @media (min-width: 761px) {
    #menu .nav > li > a:hover,
    #menu .nav > li > a:focus,
    #menu .nav > li.shown > a {
      border-bottom: 2px solid #111;
      background-color: #fff; } }
  #menu .dropdown-menu {
    width: 100%;
    margin-left: 0 !important;
    padding: 0;
    padding-bottom: 0;
    top: 42px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    z-index: 20;
    cursor: auto; }
    #menu .dropdown-menu .dropdown-border {
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border-right: 1px solid #e1e1e1;
      background: #fff;
      -webkit-box-shadow: 0 6px 7px -3px rgba(0, 0, 0, 0.6);
      box-shadow: 0 6px 7px -3px rgba(0, 0, 0, 0.6); }
  #menu .dropdown-inner {
    /*        display: table;
        ul {
            display: table-cell;
        }*/
    padding: 24px 0;
    margin: 0 auto;
    max-width: 1064px; }
    #menu .dropdown-inner .column {
      width: 244px; }
      #menu .dropdown-inner .column li.heading a {
        text-transform: uppercase;
        font-size: 14px;
        font-family: "WorkSans-Regular";
        font-weight: bold;
        text-decoration: none; }
        #menu .dropdown-inner .column li.heading a:hover {
          color: #2d2d2d; }
      #menu .dropdown-inner .column li.heading:not(:first-child) {
        padding-top: 20px; }
      #menu .dropdown-inner .column li a {
        color: #2d2d2d;
        font-size: 12px;
        font-family: 'WorkSans-Regular',sans-serif;
        text-transform: none;
        font-weight: 400; }
        #menu .dropdown-inner .column li a:hover {
          color: #7d7d7d; }
    #menu .dropdown-inner .banners {
      display: block;
      width: 330px;
      overflow: hidden;
      font-family: "WorkSans-Regular";
      font-weight: 400;
      letter-spacing: .5px; }
      #menu .dropdown-inner .banners li {
        width: 100%;
        position: relative;
        display: inline-block;
        zoom: 1;
        text-align: left;
        letter-spacing: .0625em;
        vertical-align: top; }
      #menu .dropdown-inner .banners .banner-link {
        padding-bottom: 3px;
        text-decoration: none;
        font-size: 1.143em;
        line-height: 1em;
        display: block;
        margin-bottom: 7px; }
        #menu .dropdown-inner .banners .banner-link:last-of-type {
          margin-bottom: 0; }
      #menu .dropdown-inner .banners img {
        display: block;
        width: 100%; }
  @media (max-width: 767px) {
    #menu .mobile-plus {
      width: 40px;
      height: 40px;
      line-height: 35px;
      font-size: 25px;
      font-weight: bold;
      top: 0;
      right: 0;
      position: absolute;
      text-align: center;
      cursor: pointer;
      color: white;
      background-color: #4f5660;
      border-left-width: 0;
      border-style: none;
      border-color: inherit; }
    #menu .mobile-plus::after {
      content: "+"; }
    #menu .mobile-plus.minus::after {
      content: "-"; } }
  @media (max-width: 1170px) {
    #menu ul.navbar-nav .dropdown-inner {
      max-width: 100%;
      padding: 24px; }
    #menu ul.navbar-nav .dropdown-inner .page-links {
      width: 66%; }
    #menu ul.navbar-nav .dropdown-inner .column {
      width: 33%; }
    #menu ul.navbar-nav .dropdown-inner .banners {
      width: 33%; } }
  #menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px; }
    #menu .see-all:hover, #menu .see-all:focus {
      text-decoration: none;
      color: #ffffff;
      background-color: #229ac8;
      background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
      background-repeat: repeat-x; }
  #menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    display: none !important; }
  #menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: right;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a; }
    #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
      color: #ffffff;
      background-color: #229ac8; }

@media (min-width: 768px) {
  #menu .dropdown:hover .dropdown-menu {
    display: block; } }

@media (max-width: 767px) {
  #menu {
    border-radius: 4px; }
  #menu div.dropdown-inner > ul.list-unstyled {
    display: block; }
  #menu div.dropdown-menu {
    margin-left: 0 !important;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.1); }
  #menu .dropdown-inner {
    display: block; }
  #menu .dropdown-inner a {
    width: 100%;
    color: #fff; }
  #menu .dropdown-menu a:hover,
  #menu .dropdown-menu ul li a:hover {
    background: rgba(0, 0, 0, 0.1); }
  #menu ul.navbar-nav .dropdown-inner .page-links {
    float: none;
    width: 100%; }
  #menu .see-all {
    margin-top: 0;
    border: none;
    border-radius: 0;
    color: #fff; } }

/* content */
#content {
  min-height: 600px;
  font-size: 14px; }

/* footer */
footer {
  margin-top: 30px;
  background-color: #ffffff;
  color: #111111;
  padding: 0 15px; }
  footer .newsletter {
    padding: 10px 10%;
    width: 100%;
    background-color: #F3F3F3;
    margin-bottom: 40px;
    position: relative; }
    footer .newsletter button[type="submit"] {
      height: 50px;
      line-height: 50px;
      margin: 0; }
    footer .newsletter input[type="email"] {
      height: 50px;
      line-height: 50px;
      font-size: 14px;
      border-radius: 0;
      padding-top: 0;
      padding-bottom: 0; }
      footer .newsletter input[type="email"]:invalid {
        outline: 0; }
    footer .newsletter .newsletter-text {
      text-transform: uppercase;
      letter-spacing: 0.5px; }
    footer .newsletter .response-message {
      display: none; }
    footer .newsletter.has-response {
      background-color: transparent; }
      footer .newsletter.has-response > form {
        display: none; }
      footer .newsletter.has-response .response-message {
        display: block; }
        footer .newsletter.has-response .response-message .alert {
          padding-right: 35px;
          margin: 0;
          padding-top: 9px;
          padding-bottom: 9px; }

footer .container {
  width: 1272px;
  padding: 48px 0;
  border-top: 1px solid #e1e1e1;
  font-family: 'WorkSans-Regular', sans-serif;
  font-size: 15px;
  line-height: 21px;
  font-weight: 700; }

footer .container .footer-columns,
footer .container .row {
  width: 65%;
  height: auto;
  display: inline-block;
  float: left; }

footer .container .footer-columns .col-1,
footer .container .footer-columns .col-2,
footer .container .footer-columns .col-3,
footer .container .footer-columns .col-4 {
  width: 50%;
  float: left;
  padding: 0 15px 0 0; }

footer hr {
  border-top: none;
  border-bottom: 1px solid #666; }

footer a {
  color: #111; }

footer a:hover {
  color: #111;
  text-decoration: underline; }

footer h5 {
  font-family: 'WorkSans-Regular', sans-serif;
  font-size: 15px;
  line-height: 21px;
  font-weight: 700; }

.footer-region-3 {
  width: auto !important;
  display: inline-block;
  background-color: transparent;
  float: right; }

footer .container .powered {
  margin: 30px 0 0 0; }

.join-text {
  line-height: 60px;
  float: left;
  padding-left: 375px;
  padding-right: 5%;
  font-size: 17px;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

.footer-region-3 .social-icon-bar {
  float: right;
  padding: 13px 0 !important;
  width: auto; }

.social-icon-bar ul {
  margin: 44px 0 0;
  width: 100%; }

.footer-region-3 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left; }

.social-icon-bar li {
  display: inline-block;
  margin-right: 31px; }

footer .social-icon-bar li {
  height: 30px;
  width: 30px; }

.social-icon-bar li:last-child {
  margin-right: 0; }

.footer-region-3 a {
  display: block; }

.footer-region-3 .svg {
  display: block;
  margin: 0 auto; }

.social-icon {
  width: 30px;
  height: 30px;
  text-decoration: none;
  color: #111; }

.footer-region-3 .payment-info {
  float: right;
  width: 170px;
  margin-right: 55px; }

.footer-region-3 .payment-info div.heading-line {
  margin: 30px 0 10px;
  border-bottom: 1px solid #ccc;
  display: block;
  width: 100%; }

.country_selector {
  -webkit-appearance: button;
  -moz-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 30px;
  -moz-padding-end: 30px;
  -webkit-padding-start: 15px;
  -moz-padding-start: 15px;
  background-color: transparent;
  background-image: url("../image/icons/icon-arrow-down.svg");
  background-position: left 15px center;
  background-repeat: no-repeat;
  border: 0 solid transparent;
  border-radius: 0;
  color: #111;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  background-size: 16px;
  font-family: 'WorkSans-Regular',sans-serif;
  font-weight: 600;
  padding: 13px 30px 14px 40px;
  height: 100%;
  font-size: 16px;
  font-style: normal;
  text-transform: uppercase;
  cursor: pointer; }

.select-country-wrapper {
  width: 100%;
  max-width: 220px;
  padding: 0;
  clear: none;
  display: inline-block; }

/* alert */
.alert {
  padding: 8px 14px 8px 14px; }

/* breadcrumb */
.breadcrumb {
  margin: 0;
  padding: 8px 0;
  background: transparent; }

.breadcrumb i {
  font-size: 15px; }

.breadcrumb > li {
  text-shadow: 0 1px 0 #FFF;
  padding: 0 0 0 3px;
  position: relative;
  white-space: nowrap; }

.breadcrumb > li + li:before {
  content: '';
  padding: 0; }

.breadcrumb > li:after {
  content: '';
  display: block;
  position: absolute;
  top: -3px;
  right: -5px;
  width: 20px;
  height: 26px;
  background: transparent;
  /*	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
*/ }

.breadcrumb > li a {
  font-size: 12px;
  color: #7d7d7d; }

.breadcrumb > li a:after {
  content: " / ";
  padding-left: 5px; }

.breadcrumb > li:last-child a {
  color: #111; }

.breadcrumb > li:last-child a:after {
  content: ""; }

.pagination {
  margin: 0; }

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.pagination > li > a,
.pagination > li > span {
  border-radius: 0px;
  color: #000; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination > li > a:hover,
.pagination > li > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #000;
  border-color: #000;
  cursor: pointer; }

/* buttons */
.buttons {
  margin: 1em 0; }

.btn {
  padding: 7.5px 12px;
  font-size: 12px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.btn-xs {
  font-size: 9px; }

.btn-sm {
  font-size: 10.2px; }

.btn-lg {
  padding: 10px 16px;
  font-size: 15px; }

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
  font-size: 12px; }

.btn-group > .btn-xs {
  font-size: 9px; }

.btn-group > .btn-sm {
  font-size: 10.2px; }

.btn-group > .btn-lg {
  font-size: 15px; }

.btn-default {
  color: #777;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #e7e7e7;
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
  border-color: #dddddd #dddddd #b3b3b3 #b7b7b7; }

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border-color: #1f90bb #1f90bb #145e7a; }

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  background-color: #1f90bb;
  background-position: 0 -15px; }

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704; }

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); }

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420; }

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); }

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038; }

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); }

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #df5c39;
  background-image: linear-gradient(to bottom, #e06342, #dc512c);
  background-repeat: repeat-x;
  border-color: #dc512c #dc512c #a2371a; }

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  background-image: none;
  background-color: #df5c39; }

.btn-link {
  border-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  color: #23A1D1;
  border-radius: 0; }

.btn-link, .btn-link:active, .btn-link[disabled] {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  box-shadow: none; }

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000; }

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  background-color: #222222;
  background-image: linear-gradient(to bottom, #333333, #111111); }

/* list group */
.list-group a {
  border: 1px solid #DDDDDD;
  color: #888888;
  padding: 8px 12px; }

.list-group a.active, .list-group a.active:hover, .list-group a:hover {
  color: #444444;
  background: #eeeeee;
  border: 1px solid #DDDDDD;
  text-shadow: 0 1px 0 #FFF; }

/* carousel */
div.swiper-viewport {
  border: none;
  border-radius: 0;
  box-shadow: none; }
  div.swiper-viewport:hover .swiper-button-prev,
  div.swiper-viewport:hover .swiper-button-next {
    opacity: 1; }
  div.swiper-viewport .swiper-pager div {
    opacity: 1;
    width: 50px;
    height: 50px;
    text-shadow: none;
    transition: none;
    background-size: 50px;
    background-repeat: no-repeat; }
    div.swiper-viewport .swiper-pager div:before {
      content: none; }
    div.swiper-viewport .swiper-pager div.swiper-button-prev, div.swiper-viewport .swiper-pager div.swiper-button-next {
      text-align: center; }
      div.swiper-viewport .swiper-pager div.swiper-button-prev:before, div.swiper-viewport .swiper-pager div.swiper-button-next:before {
        font-size: 30px;
        font-family: "slick";
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        color: #004236;
        opacity: 1; }
      div.swiper-viewport .swiper-pager div.swiper-button-prev:hover:before, div.swiper-viewport .swiper-pager div.swiper-button-next:hover:before {
        color: #d6ce4b; }
    div.swiper-viewport .swiper-pager div.swiper-button-prev {
      left: 10px; }
      div.swiper-viewport .swiper-pager div.swiper-button-prev:before {
        content: "←"; }
    div.swiper-viewport .swiper-pager div.swiper-button-next {
      right: 10px; }
      div.swiper-viewport .swiper-pager div.swiper-button-next:before {
        content: "→"; }
  div.swiper-viewport .swiper-pagination {
    bottom: 0;
    padding: 24px 0; }
    div.swiper-viewport .swiper-pagination .swiper-pagination-bullet {
      background-color: transparent;
      width: 12px;
      height: 12px;
      border-radius: 6px;
      border: 2px solid #fff;
      box-shadow: none; }
      div.swiper-viewport .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fff; }

.carousel-caption {
  color: #FFFFFF;
  text-shadow: 0 1px 0 #000000; }

.carousel-control .icon-prev:before {
  content: '\f053';
  font-family: FontAwesome; }

.carousel-control .icon-next:before {
  content: '\f054';
  font-family: FontAwesome; }

/* product list */
#product-category .main-page-content {
  padding-bottom: 24px;
  /* border-bottom: 1px solid #e1e1e1; */
  text-align: center;
  font-size: 14px;
  line-height: 22px; }

#product-category .main-page-content p {
  border-bottom: 1px solid #111;
  position: static !important;
  padding: 8px; }

#product-category .main-page-content h2 {
  font-family: "WorkSans-Regular";
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 48px;
  line-height: 48px;
  padding-bottom: 24px;
  color: #000; }

.product-thumb,
.product-list .product-thumb {
  border: none;
  margin-bottom: 50px;
  overflow: auto;
  position: relative; }

.product-thumb .image {
  text-align: center; }

.product-thumb .image a {
  display: block;
  min-height: 177px; }

.product-thumb .image a:hover {
  opacity: 0.8; }

.product-thumb .image img {
  margin-left: auto;
  margin-right: auto; }

.product-thumb .image {
  float: none; }

.product-thumb .image img.badge-img,
.product-thumb .image img.badge-img-2 {
  position: absolute;
  top: 0;
  left: 0; }

.product-thumb .image img.badge-img.right,
.product-thumb .image img.badge-img-2.right {
  position: absolute;
  top: 0;
  right: 0;
  left: auto; }

.product-thumb .image img.badge-img-2,
.product-thumb .image img.badge-img-2.right {
  top: 90px; }

@media (min-width: 768px) {
  footer .newsletter > form {
    display: flex;
    align-items: center; }
  footer .newsletter .form-group.signup {
    margin-left: auto;
    width: 40%; }
    footer .newsletter .form-group.signup .input-group.signup > .input-group-btn {
      width: 1%; }
  .product-list .product-thumb .image {
    float: left;
    padding: 0 15px; } }

.product-list .product-thumb .image {
  width: 200px;
  float: left; }

.product-thumb h4,
.product-list .product-thumb h4 {
  font-weight: bold;
  text-align: center;
  font-family: "WorkSans-Bold";
  font-style: normal;
  font-weight: 700;
  margin-top: 20px; }

.product-list .product-thumb h4 {
  text-align: left; }

.product-thumb h4 a,
.product-list .product-thumb h4 a {
  color: #000; }

.product-thumb .caption {
  padding: 0 20px;
  text-align: center; }

.product-list .product-thumb .caption {
  text-align: left; }

.product-thumb .caption p.description {
  display: none; }

.product-list .product-thumb .caption p.description {
  display: block;
  text-align: left; }

.product-list .product-thumb .caption {
  margin-left: 230px; }

.product-grid.col-xs-6,
.product-grid.col-sm-6,
.product-grid.col-md-4,
.product-grid.col-lg-4 {
  float: none;
  display: inline-block; }

@media (max-width: 1200px) {
  .product-grid .product-thumb .caption {
    /* min-height: 210px; */
    padding: 0 10px; } }

@media (max-width: 767px) {
  .product-grid .product-thumb .caption {
    min-height: 0;
    margin-left: 0;
    padding: 0 10px; }
  .product-grid .product-thumb .caption {
    min-height: 0; }
  .product-grid.col-xs-6 {
    padding: 0;
    width: 49%; }
  /*    .product-grid.col-xs-6 .product-thumb h4,
    .product-grid.col-xs-6 .product-list .product-thumb h4 {
        height: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
*/ }

.product-list .caption h4 {
  display: table; }

.product-list .caption h4 a {
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: 1px solid #E4E4E4;
  display: inline-block;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  color: #383838; }

.product-list .price {
  font-weight: bold;
  text-align: left;
  padding: 8px 0;
  font-size: 16px;
  display: inline-block; }

.product-list .description {
  padding: 0 0 12px 0;
  color: #5F6874;
  font-size: 14px;
  line-height: 20px; }

.product-list .product-thumb .button-group button.add {
  border-radius: 2px;
  padding: 0 15px;
  line-height: 35px;
  background-color: #383838;
  font-weight: 700;
  font-family: "WorkSans-Regular";
  font-style: normal;
  font-size: 18px;
  text-transform: uppercase;
  color: white; }

.product-thumb .rating {
  padding-bottom: 10px; }

.rating .fa-stack {
  font-size: 6px; }

.rating .fa-star-o {
  color: #999;
  font-size: 15px; }

.rating .fa-star {
  color: #000;
  font-size: 15px; }

.rating .fa-star + .fa-star-o {
  color: #E69500; }

.rating a.reviews,
.rating a.write-review {
  padding: 0 0 0 10px;
  font-family: "WorkSans-Regular";
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
  letter-spacing: 1px;
  color: inherit; }

.rating a.reviews:hover,
.rating a.write-review:hover {
  text-decoration: underline; }

.product-list .rating {
  margin-bottom: 20px; }

h2.price {
  margin: 0; }

.product-thumb .price {
  color: #444; }

.product-thumb .price-new {
  font-weight: 600;
  color: #ff4233; }

.product-thumb .price-old {
  color: #999;
  text-decoration: line-through;
  margin-left: 10px; }

.product-thumb .price-tax {
  color: #999;
  font-size: 12px;
  display: block; }

.product-thumb .button-group {
  overflow: auto;
  position: relative;
  text-align: center; }

.product-list .product-thumb .button-group {
  overflow: auto;
  position: relative;
  text-align: left;
  margin-left: 230px;
  padding: 0 20px; }

.product-thumb .button-group-inner {
  display: inline-block;
  padding-right: 68px;
  text-align: center;
  position: relative; }

.product-list .product-thumb .button-group-inner {
  text-align: left; }

@media (max-width: 767px) {
  .product-list .product-thumb .button-group {
    border-left: none; }
  .product-thumb .button-group-inner {
    padding-right: 48px; } }

.product-thumb .button-group button.add {
  text-decoration: none;
  font-family: "WorkSans-Regular";
  font-style: normal;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 14px;
  text-transform: uppercase;
  background: 0;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  border: 2px solid #111;
  color: #111;
  min-height: 48px;
  padding: 13.5px 15px; }

.product-thumb .button-group button + button {
  width: 20%;
  border-left: 1px solid #ddd; }

.product-thumb .button-group button.add:hover {
  color: #fff;
  background-color: #111;
  text-decoration: none;
  cursor: pointer; }

.product-thumb .button-group .wish-wrapper {
  position: absolute;
  display: inline-block;
  top: 50%;
  margin-top: -17px;
  right: 0; }

.product-thumb .button-group .wish-wrapper .wish {
  border: 0;
  background: none;
  background-size: auto auto;
  background-size: 36px; }

.product-thumb .button-group .wish-wrapper .wish .fa.fa-heart {
  background: url("../image/icons/body-shop-icons-thick_wishlist.svg") 0 0 no-repeat;
  width: 38px; }

.product-thumb .button-group .wish-wrapper .wish .fa {
  height: 38px;
  vertical-align: middle; }

.product-thumb .button-group .wish-wrapper .wish .fa::before {
  content: ""; }

@media (max-width: 767px) {
  .product-thumb .button-group .wish-wrapper .wish .fa.fa-heart {
    width: 26px; } }

.thumbnails {
  overflow: auto;
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0; }

.thumbnails > img {
  width: 100%; }

.image-additional a {
  margin-bottom: 20px;
  display: inline-block;
  width: auto; }

.image-additional {
  max-width: 78px; }

.thumbnails .image-additional {
  width: 100%;
  max-width: 100%;
  display: block;
  text-align: center; }

.image-general-container,
.image-additional-container {
  width: 100%;
  height: 100%; }
  .image-general-container .thumbnail,
  .image-additional-container .thumbnail {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .image-general-container .yt-video > .fa-play-circle-o,
  .image-additional-container .yt-video > .fa-play-circle-o {
    font-size: 8em;
    color: #b1c0ce;
    pointer-events: none;
    opacity: 0.6; }
  .image-general-container .swiper-slide.yt-video > .fa-play-circle-o,
  .image-additional-container .swiper-slide.yt-video > .fa-play-circle-o {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.image-additional-container,
.related-image-container {
  padding: 0 30px; }
  .image-additional-container .swiper-button-next,
  .related-image-container .swiper-button-next {
    right: 30px;
    background-image: url(../image/icons/icon-carousel-arrow-right.svg); }
    .image-additional-container .swiper-button-next:before,
    .related-image-container .swiper-button-next:before {
      content: ''; }
    .image-additional-container .swiper-button-next.swiper-button-disabled,
    .related-image-container .swiper-button-next.swiper-button-disabled {
      cursor: default; }
  .image-additional-container .swiper-button-prev,
  .related-image-container .swiper-button-prev {
    left: -30px;
    background-image: url(../image/icons/icon-carousel-arrow-left.svg); }
    .image-additional-container .swiper-button-prev:before,
    .related-image-container .swiper-button-prev:before {
      content: ''; }
    .image-additional-container .swiper-button-prev.swiper-button-disabled,
    .related-image-container .swiper-button-prev.swiper-button-disabled {
      cursor: default; }

.image-additional-container .swiper-slide-active img {
  border: 1px solid #111; }

.image-additional-container .yt-video > .fa-play-circle-o {
  font-size: 2.5em; }

@media (max-width: 640px) {
  .image-additional-container {
    display: none; } }

.product-info {
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 22px; }

.product-info > div {
  width: 50%;
  float: left; }

.product-info .right {
  padding-left: 20px; }

.thumbnail {
  border: none; }

#product-product .heading-title {
  text-align: left;
  font-weight: 700;
  font-family: "WorkSans-Regular";
  font-style: normal;
  font-size: 26px;
  text-transform: none;
  color: black;
  padding: 10px; }

#product {
  padding: 10px 0; }

.product-info .right .description {
  display: block; }

.product-info .right > div > div,
.product-info .right > div > div > div,
.product-info .right > div > ul {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 10px; }

.product-options > div,
.product-options > ul,
.skin-11 .right .heading-title {
  /* margin-bottom: 15px; */ }

.product-info .right .description span {
  padding-right: 3px; }

.product-info .right .price .price-new, .product-info .right .price .product-price, .product-info .right .price li.price-new, .product-info .right .price li.product-price {
  font-weight: 400;
  font-family: "WorkSans-Regular";
  font-style: normal;
  font-size: 34px;
  text-transform: none; }

.product-info .right .price-tax {
  display: none; }

.product-info .right > div > .price {
  background-color: rgba(0, 0, 0, 0);
  padding: 0px;
  display: block;
  padding: 0 10px; }

.product-info .right .cart {
  display: block;
  float: left;
  width: 100%; }

.product-info .right .cart .qty {
  width: 34%;
  display: block;
  float: left;
  height: 40px;
  margin-right: 8px;
  overflow: hidden; }

.product-info .right .cart .journal-stepper {
  width: 30%;
  color: white;
  background-color: #A9B8C0;
  text-align: center;
  height: 100%;
  float: left;
  line-height: 37px;
  font-size: 25px;
  font-style: normal;
  font-weight: bold;
  transition: all 0.2s;
  display: inline-block;
  text-decoration: none; }

.product-info .right .cart .journal-stepper {
  color: white;
  background-color: black; }

.product-info .right .cart .journal-stepper:hover {
  color: white;
  background-color: #383838; }

.product-info .right .cart input[name="quantity"] {
  float: left;
  width: 40%;
  line-height: 38px;
  height: 100%;
  text-align: center;
  margin: 0;
  border: 0;
  padding: 5px 10px;
  transition: all 0.2s;
  font-size: 13px;
  min-height: 35px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08); }

.product-info .right .cart .text-qty {
  width: 50%;
  font-weight: bold;
  display: none;
  height: 100%;
  line-height: 40px;
  text-align: center;
  float: left; }

.button {
  cursor: pointer;
  font-size: 14px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;
  padding: 0 12px;
  border: 0;
  line-height: 32px;
  background-color: transparent;
  display: inline-block;
  -webkit-appearance: none;
  text-align: center;
  position: relative; }

.product-info .right .cart .button {
  position: relative;
  line-height: 40px;
  min-height: 40px;
  font-size: 15px;
  display: inline-block;
  width: 63%;
  float: right;
  cursor: pointer; }

#button-cart,
.product-info .right .cart .button.enquiry-button {
  font-weight: 700;
  font-family: "WorkSans-Bold";
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: white;
  text-decoration: none; }

#button-cart,
.product-info .right .cart .button.enquiry-button,
.quickview #more-details {
  border-width: 0px;
  border-style: solid;
  background-color: black; }

#button-cart:hover, .product-info .right .cart .button.enquiry-button:hover,
.quickview #more-details:hover,
button#button-review:hover,
button.general-button:hover,
.quicklinks-menu .link-primary:hover {
  background-color: #383838; }

.product-info .right .cart .button .button-cart-text::before {
  margin-right: 8px;
  line-height: 100%; }

.product-info .right .cart .button .button-cart-text::after {
  line-height: 100%;
  margin-left: 8px; }

#button-cart .button-cart-text::after {
  display: none; }

#button-cart.button-disable:not(.button-nwa-duplicate),
.product-thumb .button-group button.add.button-disable:not(.button-nwa-duplicate) {
  opacity: .4;
  pointer-events: none;
  cursor: default; }

.product-info .right .wishlist-compare {
  background-color: #fff;
  padding: 0; }

.product-info .right .wishlist-compare .links {
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  padding: 2px 0 4px 0; }

.product-info .right .wishlist-compare .links a:first-of-type {
  display: inline-block; }

.product-info .right .wishlist-compare .links a {
  padding-left: 15px;
  border: none;
  color: #428bca;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  transition: all 0.2s;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 14px;
  text-transform: none;
  color: #444349;
  cursor: pointer; }

.product-info .right .wishlist-compare .links a + a {
  display: none; }

.product-info .right .journal-custom-tab,
.product-info .right .journal-custom-tab p,
.product-info .right .journal-custom-tab p span {
  font-weight: 600;
  font-family: "WorkSans-Bold";
  font-style: normal;
  font-size: 14px;
  text-transform: none; }

.product-info .right .journal-custom-tab ul {
  padding-left: 14px;
  list-style: disc; }

.size-selector,
.color-selector {
  display: block;
  width: 100%; }

.size-selector ul,
.color-selector ul {
  list-style: none;
  margin: 0;
  padding: 0 !important;
  display: inline-block; }

.size-selector ul li,
.color-selector ul li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }

.size-selector .color_item {
  background-color: #383838;
  border: solid 2px black;
  background: none;
  border-radius: 0px;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  font-family: "WorkSans-Bold";
  text-transform: uppercase;
  color: black;
  background: white;
  margin: 2px 0;
  padding: 0 10px;
  line-height: 35px;
  text-decoration: none;
  width: 86px;
  text-align: center;
  display: block; }

.size-selector .color_item.active {
  color: white;
  background: black; }

.size-selector .title,
.color-selector .title {
  margin: 0 0 .5rem;
  display: block;
  font-family: "WorkSans-Regular";
  text-transform: uppercase; }

.color-selector span.color-block {
  width: 38px;
  height: 38px;
  display: block;
  font-size: 8px;
  line-height: 10px; }

.color-selector span.color-block.active {
  border: solid black 3px; }

.color-selector .selected-color {
  width: 86px;
  height: 38px;
  display: block;
  float: left;
  margin-right: 10px; }

.color-selector .selected-color-info {
  float: left;
  line-height: 20px; }

.color-selector .selected {
  float: left;
  width: 100%;
  display: block; }

.accessibility {
  position: absolute;
  left: -10000px;
  top: auto;
  width: .0625rem;
  height: .0625rem;
  overflow: hidden; }

.tab-content > .tab-pane {
  display: block; }

.tab-content > .tab-pane .fa {
  font-size: 12px; }

.tab-content > .tab-pane .fa-stack {
  width: 12px; }

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: none; }

.table-bordered {
  border-bottom: 1px solid #ddd; }

.quicklinks-menu {
  height: 66px;
  float: left;
  width: 100%;
  margin-bottom: 20px; }

.quicklinks-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 66px;
  font-size: 0;
  display: table;
  table-layout: fixed; }

.quicklinks-menu li {
  width: 50%;
  max-width: 50%; }

.quicklinks-menu li:first-child {
  border-left: none; }

.quicklinks-menu li {
  display: table-cell;
  height: 66px; }

.quicklinks-menu li:only-child {
  display: block;
  margin: 0 auto; }

.quicklinks-menu .link-primary {
  font-style: normal;
  font-size: 14px;
  padding: 0 6px;
  min-width: 66px;
  background: #111;
  vertical-align: middle;
  border-radius: 0;
  padding-bottom: .1875rem;
  color: #fff;
  font-family: 'WorkSans-Bold';
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background-clip: padding-box;
  border-color: transparent;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  height: 66px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out; }

.quick-links-button {
  text-align: center;
  padding: 24px 0;
  display: block; }

.quicklinks-content {
  font-family: 'WorkSans-Bold';
  font-weight: 600;
  margin: 40px 0; }

.quicklinks-content h2 {
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center; }

.quicklinks-content > div {
  padding-bottom: 30px;
  border-bottom: solid #e1e1e1 1px;
  margin-bottom: 30px; }

button#button-review,
button.general-button {
  border: none;
  background: none;
  border-radius: 0px;
  font-style: normal;
  text-transform: uppercase;
  color: white;
  background: black; }

button#list-view,
button#grid-view {
  border: 0;
  box-shadow: none;
  background: none;
  color: #adadad; }

button#list-view.active,
button#grid-view.active,
button#list-view:hover,
button#grid-view:hover {
  color: #000000; }

button#list-view .fa,
button#grid-view .fa {
  font-size: 20px; }

label.input-group-addon {
  border: 0;
  box-shadow: none;
  background: none; }

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  border-radius: 0px; }

.category-info {
  display: table;
  width: 100%;
  overflow: hidden; }

.container-cat {
  position: relative;
  text-align: center; }

img {
  max-width: 100%;
  height: auto; }

.promo-description-bg-main {
  text-align: center;
  margin: 0 auto 0;
  padding: 0 0 24px 0;
  background: white;
  position: relative;
  width: 100%;
  color: black; }

.promo-description-title-main {
  font-weight: 700;
  font-family: "WorkSans-Regular";
  font-style: normal;
  font-size: 36px;
  color: black;
  display: none; }

.promo-description-text-main {
  font-weight: 400;
  font-family: "WorkSans-Regular";
  font-style: normal;
  font-size: 16px;
  color: black; }

.promo-description-bg-main p {
  border: 0 !important; }

.category-list::before {
  display: none;
  margin-bottom: 0;
  content: "";
  font-size: 16px;
  margin-bottom: 10px;
  display: block; }

.category-list {
  position: relative;
  margin-top: 10px; }

.category-list > ul {
  margin: 0;
  padding: 10px; }

.category-list > ul > li {
  color: #000;
  position: relative;
  display: inline-block;
  padding: 2px 5px; }

.category-list > ul > li::after {
  position: absolute;
  content: "\2022";
  font-size: 26px;
  line-height: 23px; }

.category-list > ul > li:last-child::after {
  position: absolute;
  content: ""; }

.category-list ul li a {
  font-weight: 600;
  font-family: "WorkSans-Bold";
  font-style: normal;
  font-size: 16px;
  text-transform: none;
  color: #333745; }

.category-list > ul > li > a {
  padding: 0 6px 0 0;
  transition: all 0.2s; }

.category-list ul li a:hover {
  color: #7d7d7d; }

@media (min-width: 1200px) {
  #content .col-lg-2:nth-child(6n+1),
  #content .col-lg-3:nth-child(4n+1),
  #content .col-lg-4:nth-child(3n+1),
  #content .col-lg-6:nth-child(2n+1) {
    clear: left; }
  .product-grid.col-lg-4 {
    width: 33%; }
  .product-grid.col-lg-3 {
    width: 24.6%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  #content .col-md-2:nth-child(6n+1),
  #content .col-md-3:nth-child(4n+1),
  #content .col-md-4:nth-child(3n+1),
  #content .col-md-6:nth-child(2n+1) {
    clear: left; }
  .product-grid.col-md-4 {
    width: 33%; }
  .product-grid.col-md-3 {
    width: 24.6%; } }

@media (min-width: 768px) and (max-width: 991px) {
  #content .col-sm-2:nth-child(6n+1),
  #content .col-sm-3:nth-child(4n+1),
  #content .col-sm-4:nth-child(3n+1),
  #content .col-sm-6:nth-child(2n+1) {
    clear: left; }
  .product-grid.col-sm-6 {
    width: 49%; }
  .product-grid.col-sm-4 {
    width: 32.9%; } }

/* fixed colum left + content + right*/
@media (min-width: 768px) {
  #column-left .product-layout .col-md-3 {
    width: 100%; }
  #column-left + #content .product-layout .col-md-3 {
    width: 50%; }
  #column-left + #content + #column-right .product-layout .col-md-3 {
    width: 100%; }
  #content + #column-right .product-layout .col-md-3 {
    width: 100%; } }

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
  width: 100%; }

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
  min-width: 50px; }

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  background-image: none;
  background-color: #df5c39; }

.container {
  width: 1302px; }

.well {
  min-height: 20px;
  padding: 19px 0;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none; }

.well .login-wrap {
  min-height: 200px; }

.well h2,
#account-register legend {
  text-align: left;
  font-weight: 400;
  font-family: "WorkSans-Regular";
  font-style: normal;
  font-size: 18px;
  text-transform: none;
  color: #444349;
  border: none;
  border-bottom: 1px dotted #cccccc;
  padding-top: 7px;
  padding-bottom: 7px; }

.well hr {
  height: 1px;
  display: block;
  width: 100%;
  border: 0;
  margin: 0;
  margin-bottom: 14px;
  margin-top: 4px;
  background-color: #cccccc; }

.well p:first-of-type {
  font-size: 15px;
  margin-top: 7px; }

.well .form-control,
#account-register .form-control {
  -webkit-appearance: none;
  background: white;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #EEEEEE;
  padding: 5px 10px;
  width: 100%;
  transition: all 0.2s;
  font-size: 13px;
  min-height: 35px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
  margin-bottom: 11px; }

.well label {
  display: block;
  margin-top: 18px;
  margin-bottom: 0; }

.well a.forgotten-link {
  position: relative;
  top: 7px;
  font-size: 13px;
  text-decoration: underline;
  display: block;
  color: #383838; }

.well a.forgotten-link:hover {
  color: #7d7d7d; }

.btn-primary,
.btn-primary:active,
.btn-default,
.btn-default:active {
  margin: 2px 0;
  border-radius: 2px;
  padding: 0 15px;
  line-height: 35px;
  background-color: #383838;
  font-weight: 700;
  font-family: "WorkSans-Bold";
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: white;
  border: #383838;
  background-image: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;
  cursor: pointer;
  border: 0;
  display: inline-block;
  text-align: center;
  position: relative; }

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-default:hover,
.btn-default:focus {
  background-color: #999999;
  border-color: #999999;
  color: #fff; }

#account-register {
  font-size: 14px;
  font-weight: 400; }

#account-register h1 {
  font-weight: 400;
  font-family: "WorkSans-Regular";
  font-style: normal;
  font-size: 22px;
  text-transform: none;
  color: #2a2b2e;
  text-align: left;
  border-color: #cccccc;
  line-height: 40px;
  min-height: 40px;
  margin: 0 0 20px 0; }

#account-register a {
  color: black;
  text-decoration: underline; }

#account-register a:hover {
  color: #999999; }

#account-register .form-horizontal .control-label {
  width: 12%;
  text-align: left;
  font-size: 14px;
  font-weight: 700; }

#account-register .form-horizontal .control-label + div {
  width: 88%; }

#dsl_popup #dsl_form.form-horizontal .control-label {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  padding-top: 5px; }
  #dsl_popup #dsl_form.form-horizontal .control-label.help {
    width: 100%; }
  #dsl_popup #dsl_form.form-horizontal .control-label.col-sm-4 {
    width: 33.33333333%; }
    #dsl_popup #dsl_form.form-horizontal .control-label.col-sm-4 + div.col-sm-8 {
      width: 66.66666667%; }
    #dsl_popup #dsl_form.form-horizontal .control-label.col-sm-4 + div {
      width: auto; }
      #dsl_popup #dsl_form.form-horizontal .control-label.col-sm-4 + div.date input {
        padding: 6px 12px;
        margin-bottom: 0; }

#dsl_popup #dsl_form.form-horizontal .radio {
  padding-top: 0; }

#account-register .buttons {
  overflow: hidden;
  padding: 15px 0;
  line-height: 30px;
  margin: 20px 0 20px 0;
  border-width: 1px;
  border-radius: 2px;
  border-style: dotted;
  border-color: #cccccc;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px; }

#account-register .buttons .pull-right {
  float: right;
  text-align: right; }

#account-register span.error, .text-danger {
  display: inline-block;
  background-color: #EA2E49;
  color: white;
  padding: 3px 4px 2px 4px;
  font-size: 12px;
  position: relative; }

#account-register .has-error .control-label {
  color: inherit; }

.to-scroll .product-layout {
  clear: none !important;
  padding: 0 !important; }

.to-scroll .slick-prev::before,
.to-scroll .slick-next::before {
  color: #000; }

.dropdown-menu > li > a.close-popup-link:focus, .dropdown-menu > li > a.close-popup-link:hover {
  background-color: transparent; }

.vd-button {
  border: none !important;
  background: none !important;
  border-radius: 0px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 18px !important;
  font-family: "WorkSans-Regular" !important;
  text-transform: uppercase !important;
  color: white !important;
  background: black !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
  cursor: pointer !important;
  display: inline-block !important;
  text-align: center !important;
  position: relative !important; }

.vd-button:hover {
  background-color: #383838 !important; }

/* Checkout */
#d_quickcheckout .lybc_heading {
  font-size: 12px; }
  #d_quickcheckout .lybc_heading .fa {
    display: none; }

#d_quickcheckout #shipping_method_list .input-group {
  margin-top: 10px;
  margin-bottom: 10px; }
  #d_quickcheckout #shipping_method_list .input-group .input-group-addon {
    border-color: transparent;
    background-color: transparent;
    padding-left: 0;
    width: 20px;
    vertical-align: middle; }
  #d_quickcheckout #shipping_method_list .input-group .input-group-btn .btn {
    height: 34px; }
    #d_quickcheckout #shipping_method_list .input-group .input-group-btn .btn .fa {
      vertical-align: middle; }

#d_quickcheckout .panel-title {
  padding: 7px 0 7px 10px;
  border-bottom-width: 0px;
  border-style: solid;
  text-align: left;
  background-color: #444349;
  font-weight: 400;
  font-family: "WorkSans-Regular";
  font-style: normal;
  font-size: 15px !important;
  text-transform: none;
  color: white !important;
  margin-bottom: 5px !important; }

#d_quickcheckout .btn-primary {
  background-color: #000000 !important; }

#d_quickcheckout .btn-primary:hover,
#d_quickcheckout .btn-primary:active,
#d_quickcheckout .btn-primary.active,
#d_quickcheckout .btn-primary.disabled,
#d_quickcheckout .btn-primary[disabled],
#d_quickcheckout .btn-default.active,
#d_quickcheckout .btn-default.focus,
#d_quickcheckout .btn-default:active,
#d_quickcheckout .btn-default:focus,
#d_quickcheckout .btn-default:hover,
#d_quickcheckout .open > .dropdown-toggle.btn-default {
  background-color: #383838 !important;
  color: #ffffff !important;
  text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
  text-transform: uppercase;
  border-color: #383838 !important;
  box-shadow: none !important; }

#d_quickcheckout .panel,
#d_quickcheckout .form-control {
  border-radius: 0px !important; }

#d_quickcheckout .panel-heading,
#d_quickcheckout .panel-body {
  padding: 6px 10px 8px !important;
  background-color: #fafafa !important; }

#d_quickcheckout .panel-heading {
  border-bottom: 0 !important;
  padding: 8px 10px 0px 10px !important; }

#d_quickcheckout .panel-title {
  border: 0 !important;
  margin: 0 !important; }

#d_quickcheckout .form-group {
  margin-bottom: 10px !important; }

#d_quickcheckout .btn-group > .btn-group > .btn,
#d_quickcheckout .btn-group > .btn-group > .dropdown-toggle {
  border-radius: 0 !important; }

#d_quickcheckout .btn-default {
  background-image: none !important;
  border-color: #e4e4e4 !important;
  background-color: #ffffff !important; }

#d_quickcheckout a {
  color: #000 !important; }

#d_quickcheckout .form-control:focus {
  box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  border-color: inherit !important; }

#d_quickcheckout .btn-primary {
  margin: 2px 0 !important;
  border-radius: 2px !important;
  background-color: #000000 !important;
  font-weight: 400 !important;
  font-family: "WorkSans-Regular" !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  color: white !important;
  background-image: none !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
  cursor: pointer !important;
  display: inline-block !important;
  text-align: center !important;
  position: relative !important;
  box-shadow: none !important;
  border-color: transparent !important; }

#d_quickcheckout #qc_confirm_order.btn-primary {
  font-weight: 700 !important; }

#d_quickcheckout #qc_confirm_order.btn-primary:hover {
  background-color: #383838 !important; }

#d_quickcheckout .text-danger {
  color: #ffffff !important; }

#d_quickcheckout #payment_address_address_1_input .control-label {
  text-align: left; }
  #d_quickcheckout #payment_address_address_1_input .control-label .text span {
    font-size: 11px; }

@media screen and (max-width: 1200px) and (min-width: 992px) {
  #d_quickcheckout #payment_address_address_1_input .control-label .text span {
    font-size: 9px; } }

.overflow-block {
  position: relative; }

.overflow-block .block-inner {
  position: absolute !important;
  bottom: -20px !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  width: 92% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: 0 !important;
  right: 0 !important;
  padding: 20px !important; }

.caption-block .block-inner > .block-content {
  position: absolute;
  bottom: 15px;
  background: rgba(17, 17, 17, 0.5);
  padding: 24px;
  color: #fff;
  width: 100%; }

.caption-block,
.block-inner,
.block-inner > .block-content,
.block-inner > .block-content > .block-child {
  margin-bottom: 0 !important; }

.block-content p {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

@media (max-width: 991px) {
  .block-container.reverse > .block-content.child {
    display: flex;
    flex-direction: column-reverse; }
  .no-padding {
    padding: 0 !important; } }

/* All Ingredients grid starts */
.main-inner {
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box; }

ul {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0; }

.square-grid {
  font-size: 0;
  line-height: 0; }

.square-grid .image-box img {
  opacity: 0;
  transition: opacity 1s ease;
  width: 100%;
  height: auto; }

.square-grid .loaded img {
  opacity: 1; }

.square-grid .square-grid-link {
  display: block;
  text-decoration: none;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }

.square-grid .content-box {
  text-transform: uppercase; }

.square-grid .content-box .square-grid-title {
  font-family: arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  padding-top: 16px;
  line-height: 18px;
  margin: 0; }

.square-grid .content-box p {
  font-family: arial;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  margin: 6px 0 0;
  font-size: 14px;
  letter-spacing: 1px; }

@media (max-width: 641px) {
  .no-promo-product {
    border-bottom: 24px solid #fff; }
  .square-grid li {
    border-top: 1px solid #000;
    position: relative;
    background-image: url(../image/icon-arrow-right.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    background-size: 16px 20px;
    padding-right: 12px;
    padding-left: 72px;
    background-color: #fff; }
  .square-grid li:last-child {
    border-bottom: 1px solid #000; }
  .square-grid .image-box {
    width: 72px;
    height: 72px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -36px;
    left: 0;
    bottom: 0; }
  .square-grid .content-box {
    margin-left: 24px;
    padding-right: 16px;
    display: inline-block;
    vertical-align: top;
    min-height: 72px; }
  .square-grid .content-box p {
    margin-top: 3px;
    margin-bottom: 12px; }
  .square-grid .content-box {
    background: none !important; } }

@media (min-width: 641px) {
  .all-ingredients .main-content {
    padding: 0; }
  .all-ingredients .breadcrumb ul {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 8px; }
  .square-grid-header {
    font-size: 36px;
    border-top: 0 none; }
  .square-grid .square-grid-link {
    transition: top 3s;
    bottom: 100%; }
  .square-grid .content-box {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    transition: height .5s ease; }
  .square-grid .content-box .center-content-a {
    display: table;
    width: 100%;
    text-align: center;
    height: 100%;
    vertical-align: middle; }
  .square-grid .content-box .center-content-a:focus {
    border: 0; }
  .square-grid .content-box .center-content-b {
    display: table-cell;
    height: 100%;
    vertical-align: middle; }
  .square-grid .content-box .square-grid-title {
    font-size: 26px;
    line-height: 1em;
    padding: 0 24px; }
  .square-grid .content-box .square-grid-title, .square-grid .content-box p {
    color: #fff;
    display: none; }
  .square-grid li {
    display: inline-block;
    width: 33.33333333%;
    position: relative;
    padding-bottom: 33.33333333%;
    height: 0;
    text-align: center;
    overflow: hidden; }
  .square-grid .image-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }

.square-grid li:focus .content-box .square-grid-title, .square-grid li:focus .content-box p, .square-grid li:hover .content-box .square-grid-title, .square-grid li:hover .content-box p, .square-grid-link:focus + .content-box .square-grid-title, .square-grid-link:focus + .content-box p, .touch .square-grid li:focus .content-box .square-grid-title, .touch .square-grid li:focus .content-box p {
  display: block; }

@media (min-width: 641px) and (min-width: 1024px) and (max-width: 1180px) {
  .square-grid .content-box .square-grid-title {
    font-size: 24px; } }

.square-grid li:focus .square-grid-link, .square-grid li:hover .square-grid-link {
  bottom: 0;
  height: 100%;
  opacity: 0;
  z-index: 5; }

.square-grid li:focus .content-box, .square-grid li:hover .content-box {
  height: 50%; }

.touch .square-grid li:focus .square-grid-link {
  top: 0;
  height: 100%;
  opacity: 0;
  z-index: 5; }

.square-grid-link:focus + .content-box, .touch .square-grid li:focus .content-box {
  height: 50%;
  border: 0; }

@media (min-width: 1025px) {
  .square-grid li {
    width: 25%;
    padding-bottom: 25%; } }

@media (min-width: 641px) {
  .ingredient-aloe-vera .content-box *, .ingredient-seaweed .content-box *, .ingredient-vanilla .content-box * {
    color: #111; } }

/* All Ingredients Grid ends */
.center-logo {
  margin: 0 auto;
  display: block; }

/* Responsive rules */
@media only screen and (max-width: 1280px) {
  .container {
    width: 100%; }
  footer .container {
    width: 100%; }
  .slick-prev {
    left: 10px;
    z-index: 9999; }
  .slick-next {
    right: 10px;
    z-index: 9999; }
  .promo-description-bg-main {
    padding: 0; }
  .overflow-block,
  .caption-block {
    display: none; } }

@media only screen and (max-width: 960px) {
  #menu .dropdown-inner {
    padding: 24px 12px; } }

@media only screen and (max-width: 767px) {
  body {
    overflow-y: auto; }
  body.open-menu {
    overflow-y: hidden; }
  .container {
    padding: 0; }
  #cart-area #cart {
    width: 90%; }
  .is_sticky #cart-area span.pull-left-aside {
    margin-top: 5px; }
  .is_sticky #cart > a {
    margin-top: 5px; }
  #cart-area.is_sticky,
  #menu.is_sticky {
    position: fixed;
    top: 0;
    z-index: 9998;
    background-color: #ffffff;
    margin-top: 0; }
  .center-links #cart-area.is_sticky {
    z-index: 9999;
    background-color: transparent;
    width: 80%;
    right: 0; }
  #menu.is_sticky {
    box-shadow: 0px 1px 20px -3px rgba(0, 0, 0, 0.33); }
  #menu {
    float: left;
    width: 100%;
    display: block;
    height: auto;
    line-height: 39px;
    text-transform: uppercase;
    width: 100%;
    padding-left: 0px;
    cursor: pointer;
    font-weight: 400;
    font-family: "WorkSans-Regular";
    font-style: normal;
    font-size: 16px;
    text-transform: uppercase;
    color: #444349;
    background-color: #e4e4e4;
    border-radius: 0; }
  .mobile-trigger::before {
    content: "\e618";
    color: inherit;
    margin-right: 10px;
    font-size: 23px;
    float: left; }
  #menu .btn-navbar,
  #menu .btn-navbar:active,
  #menu .btn-navbar:focus {
    text-decoration: none;
    font-family: "WorkSans-Regular";
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 14px;
    text-transform: uppercase;
    background: 0;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    border-radius: 0px;
    box-shadow: none;
    color: #111;
    min-height: 42px;
    padding: 0 0 0 10px;
    margin: 0;
    float: left;
    width: 100%; }
  #menu .btn-navbar:hover {
    background-color: transparent;
    color: #111; }
  #menu .btn-navbar .fa {
    font-size: 24px;
    float: left;
    color: #004236; }
  .navbar-nav {
    background-color: white;
    border: none;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #333745;
    display: block !important;
    font-family: "WorkSans-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
    margin: 0;
    max-height: calc(100vh - 176px);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    position: relative;
    table-layout: auto;
    text-transform: none;
    width: 100%;
    -moz-text-size-adjust: none; }
  .is_sticky .navbar-nav {
    max-height: calc(100vh - 32px); }
  #menu .nav > li > a:hover,
  #menu .nav > li.open > a {
    border-bottom: none; }
  #menu .nav > li,
  #menu .nav > li:hover {
    min-width: 40px;
    color: white;
    position: relative;
    display: inline-block;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #333745;
    transition: all 0.2s !important;
    color: #ffffff;
    text-align: left;
    background-color: #444349; }
  #menu .nav > li > a,
  #menu .nav > li > a:first-of-type,
  #menu .nav > li > a:hover {
    color: #ffffff;
    padding-left: 10px;
    background-color: #444349; }
  #menu .dropdown-menu {
    height: 0;
    opacity: 0;
    top: 0;
    padding-bottom: 0; }
  #menu .nav > li.active div.dropdown-menu,
  #menu .nav > li.opened div.dropdown-menu {
    display: block;
    height: auto;
    opacity: 1;
    padding-bottom: 0; }
  #menu div.dropdown-inner > ul.list-unstyled {
    display: none; }
  #menu .dropdown-inner .column {
    width: 100%; }
  #menu .dropdown-inner .column li a {
    font-size: 14px; }
  #menu .dropdown-inner .column li {
    padding: 5px 0; }
  #menu .dropdown-menu {
    position: relative; }
  #menu ul.navbar-nav .dropdown-inner .column {
    width: 50%; }
  #menu ul.navbar-nav .dropdown-inner .column.total-cols-1 {
    width: 100%; }
  #menu .nav > li > a:hover,
  #menu .nav > li.open > a {
    border-bottom: 2px solid #fff; }
  #category_list {
    padding: 0; }
  header div.header .top-links .left-bar {
    display: none; }
  header div.header .top-links .right-bar {
    width: 100%;
    text-align: center; }
  header div.header .top-links .right-bar .pull-right {
    float: none !important; }
  .center-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0; }
  .center-links #search {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
    padding: 0; }
  .center-links #logo {
    height: 50px !important;
    width: 100%; }
  .center-links #cart-area {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: 50%;
    padding: 0;
    padding-right: 15px;
    position: relative;
    height: 40px; }
  #cart {
    padding-top: 5px; }
  #top .list-inline {
    display: none; }
  #top .container div {
    text-align: center; }
  #top-links .list-inline {
    float: none !important;
    display: block; }
  #top #logo img {
    width: 70%;
    height: auto;
    margin: 20px auto; }
  .join-text {
    float: none;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 0; }
  .breadcrumb {
    padding-left: 10px; }
  .row {
    width: 100%;
    margin: 0; }
  .footer-region-3 .social-icon-bar {
    float: left;
    padding: 13px 0 !important;
    width: 100%;
    text-align: center;
    margin-top: 30px; }
  .social-icon-bar li:last-child {
    float: none; }
  .button-group button.add span.hidden-xs {
    display: block !important; }
  .button-group button.add {
    width: inherit; }
  .product-info .left,
  .product-info .right {
    width: 100%; }
  .product-filter {
    height: 80px;
    position: relative; }
  .product-filter .limit {
    top: 5px;
    position: absolute;
    right: -5px; }
  .product-filter > div {
    float: right;
    height: 40px;
    line-height: 38px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
  .product-filter .display label,
  .product-filter .sort label,
  .product-filter .limit label {
    display: none; }
  .product-filter .display {
    float: left;
    padding-left: 5px; }
  .product-filter .limit {
    top: 5px;
    position: absolute;
    right: 0px;
    width: auto; }
  .product-filter .sort {
    max-width: 100%;
    right: 0;
    width: 100%;
    bottom: 0; }
  .product-filter .sort select {
    width: 100%;
    background: #f4f4f4;
    padding: 2px 0;
    margin: 5px 0;
    max-width: 100%; }
  .product-filter .form-group {
    margin-bottom: 0;
    width: 100%; }
  .main-products {
    padding-top: 20px; }
  footer .container .footer-columns,
  footer .container .row {
    display: block;
    padding-left: 0;
    width: 70%;
    margin: 0 auto;
    float: none; }
  footer .container .footer-region-3 {
    display: block;
    float: none; }
  #d_quickcheckout .row,
  #d_quickcheckout .form-horizontal .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  #d_quickcheckout .col-lg-1,
  #d_quickcheckout .col-lg-10,
  #d_quickcheckout .col-lg-11,
  #d_quickcheckout .col-lg-12,
  #d_quickcheckout .col-lg-2,
  #d_quickcheckout .col-lg-3,
  #d_quickcheckout .col-lg-4,
  #d_quickcheckout .col-lg-5,
  #d_quickcheckout .col-lg-6,
  #d_quickcheckout .col-lg-7,
  #d_quickcheckout .col-lg-8,
  #d_quickcheckout .col-lg-9,
  #d_quickcheckout .col-md-1,
  #d_quickcheckout .col-md-10,
  #d_quickcheckout .col-md-11,
  #d_quickcheckout .col-md-12,
  #d_quickcheckout .col-md-2,
  #d_quickcheckout .col-md-3,
  #d_quickcheckout .col-md-4,
  #d_quickcheckout .col-md-5,
  #d_quickcheckout .col-md-6,
  #d_quickcheckout .col-md-7,
  #d_quickcheckout .col-md-8,
  #d_quickcheckout .col-md-9,
  #d_quickcheckout .col-sm-1,
  #d_quickcheckout .col-sm-10,
  #d_quickcheckout .col-sm-11,
  #d_quickcheckout .col-sm-12,
  #d_quickcheckout .col-sm-2,
  #d_quickcheckout .col-sm-3,
  #d_quickcheckout .col-sm-4,
  #d_quickcheckout .col-sm-5,
  #d_quickcheckout .col-sm-6,
  #d_quickcheckout .col-sm-7,
  #d_quickcheckout .col-sm-8,
  #d_quickcheckout .col-sm-9,
  #d_quickcheckout .col-xs-1,
  #d_quickcheckout .col-xs-10,
  #d_quickcheckout .col-xs-11,
  #d_quickcheckout .col-xs-12,
  #d_quickcheckout .col-xs-2,
  #d_quickcheckout .col-xs-3,
  #d_quickcheckout .col-xs-4,
  #d_quickcheckout .col-xs-5,
  #d_quickcheckout .col-xs-6,
  #d_quickcheckout .col-xs-7,
  #d_quickcheckout .col-xs-8,
  #d_quickcheckout .col-xs-9 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .footer-region-3 .payment-info {
    float: none;
    width: 228px;
    margin: 0 auto; }
  .select-country-wrapper {
    display: block;
    float: none;
    margin: 0 auto; }
  #product-product .quicklinks-menu .link-primary {
    line-height: 66px;
    text-align: center; }
    #product-product .quicklinks-menu .link-primary .quick-links-button {
      display: inline-block;
      padding: 0;
      line-height: 20px;
      vertical-align: middle; } }

@media only screen and (max-width: 510px) {
  li#quicklink-li-section-delivery .quick-links-button {
    padding: 12px 0; }
  div.swiper-viewport .swiper-pagination {
    padding: 5px 0; } }

@media only screen and (max-width: 470px) {
  .product-info .right div.quantities-per-store {
    padding: 15px 0; }
  .center-links #search {
    width: 100%; }
  #menu {
    width: 100%;
    margin-top: -40px;
    z-index: 3;
    background-color: transparent; }
  .navbar-header {
    width: 50%; }
  .center-links #cart-area {
    width: 100%;
    height: 40px; }
  #cart > a {
    position: absolute;
    float: right;
    width: 90%;
    z-index: 5;
    right: 0; }
  .product-list .product-thumb .image {
    width: 100%; }
  .product-list .product-thumb .caption {
    margin-left: 0; }
  .product-list .product-thumb .button-group {
    margin-left: 0; }
  .product-info .right {
    padding-left: 0; }
  .product-info .right > div > div,
  .product-info .right > div > div > div,
  .product-info .right > div > ul {
    padding: 0; }
  .product-info .right .cart .qty {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px; }
  .product-info .right .cart .button {
    width: 100%; }
  .quicklinks-menu .link-primary {
    font-size: 12px;
    line-height: 20px; }
  footer .container .footer-columns .col-1,
  footer .container .footer-columns .col-2,
  footer .container .footer-columns .col-3,
  footer .container .footer-columns .col-4 {
    width: 100%;
    display: inline-block;
    float: none;
    text-align: center; }
  footer .container .powered {
    width: 100%;
    text-align: center;
    margin-left: 0; }
  table.qc-cart thead {
    display: none; }
  table.qc-cart td.qc-image {
    display: none; }
  table.qc-cart td.qc-name {
    width: 60%;
    font-size: 14px; }
  table.qc-cart td.qc-quantity {
    width: 10%; }
  table.qc-cart td.qc-total {
    width: 30%; } }

aside#column-left {
  font-size: 14px;
  color: #111; }
  aside#column-left .panel {
    border: none; }
  aside#column-left .panel-default > .panel-heading {
    color: #111;
    background-color: #e1e1e1;
    border: 2px solid #e1e1e1;
    border-radius: 0;
    padding: 0 24px;
    height: 48px;
    line-height: 48px; }
  aside#column-left #aside-filter {
    border: 2px solid #e1e1e1; }
    aside#column-left #aside-filter .filter-items-wrapper a.list-group-item {
      color: inherit;
      background-color: #f7f7f7;
      border: none;
      text-shadow: none;
      font-style: normal;
      font-weight: 700;
      padding: 0 24px;
      height: 66px;
      line-height: 66px;
      border: none;
      white-space: normal; }
    aside#column-left #aside-filter .filter-items-wrapper a:hover, aside#column-left #aside-filter .filter-items-wrapper .checkbox:hover {
      background-color: #e4e4e4;
      cursor: pointer; }
    aside#column-left #aside-filter .filter-items-wrapper div.list-group-item {
      border: none;
      white-space: normal;
      padding: 12px 0; }
      aside#column-left #aside-filter .filter-items-wrapper div.list-group-item .checkbox {
        padding: 12px 24px;
        margin: 0; }
        aside#column-left #aside-filter .filter-items-wrapper div.list-group-item .checkbox label {
          position: relative;
          font-size: 14px;
          font-weight: 300;
          padding-left: 40px;
          line-height: 20px; }
          aside#column-left #aside-filter .filter-items-wrapper div.list-group-item .checkbox label:before {
            content: '';
            cursor: pointer;
            width: 14px;
            height: 14px;
            background: 0 0;
            border: 2px solid #111;
            top: 3px;
            left: 0;
            margin-top: 0;
            position: absolute; }
        aside#column-left #aside-filter .filter-items-wrapper div.list-group-item .checkbox.show_more_button label:before, aside#column-left #aside-filter .filter-items-wrapper div.list-group-item .checkbox.show_less_button label:before {
          content: none; }
        aside#column-left #aside-filter .filter-items-wrapper div.list-group-item .checkbox input[type=checkbox]:checked + label:before {
          background-color: #111; }
        aside#column-left #aside-filter .filter-items-wrapper div.list-group-item .checkbox input {
          display: none; }
    aside#column-left #aside-filter .filter-items-wrapper .ui-accordion-header-icon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 17px; }

.notification_bar {
  font-family: "WorkSans-Regular";
  font-size: 14px;
  background-color: #c4e4f9;
  width: 100%;
  display: none;
  position: fixed;
  bottom: 0px;
  z-index: 10000;
  text-align: center; }
  .notification_bar.before-header {
    position: static; }
  .notification_bar p {
    padding: 25px 15px;
    margin: 0 auto;
    max-width: 1302px; }
    .notification_bar p .text {
      line-height: 25px; }
  .notification_bar .learn_more,
  .notification_bar .agree {
    background-color: #383838;
    color: #fff;
    padding: 7px 10px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block; }
  .notification_bar .learn_more {
    margin-left: 20px;
    margin-right: 10px; }

@media only screen and (max-width: 650px) {
  .notification_bar p .text {
    width: 100%;
    display: block;
    padding-bottom: 15px; }
  .notification_bar p .learn_more {
    margin-bottom: 20px; } }

#bg_overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .5;
  z-index: 100001;
  background-color: #000;
  display: none; }

#lybc_banner {
  position: fixed;
  opacity: 0;
  top: 0;
  left: 50%;
  transform: scale(0.5) translate(-50%, -100%);
  transition: 1s;
  background-color: transparent;
  z-index: 100002;
  display: none;
  max-width: 800px;
  width: 95%; }
  #lybc_banner.top-trans {
    transform: scale(1) translate(-50%, -50%);
    opacity: 1;
    top: 50%; }
  #lybc_banner .close-x {
    position: absolute;
    top: -25px;
    right: 10px;
    color: #fff;
    opacity: .65;
    cursor: pointer;
    font-size: 18px; }
  #lybc_banner .close-x:hover {
    opacity: 1; }

#fe-announcements .inner-wrapper {
  text-align: center;
  padding: 3px 0; }

#fe-announcements .announcement {
  /*text-align:initial;*/
  display: inline-block; }
  #fe-announcements .announcement * {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0; }

.special-products.slick-initialized .slick-slide,
.latest-products.slick-initialized .slick-slide,
.featured-products.slick-initialized .slick-slide,
.bestseller-products.slick-initialized .slick-slide {
  display: inline-block; }

.special-products .slick-slide,
.latest-products .slick-slide,
.featured-products .slick-slide,
.bestseller-products .slick-slide {
  float: none; }

#product-product .related-image-container .swiper-slide {
  -webkit-align-self: flex-end;
  align-self: flex-end; }

.product-layout .product-thumb .image,
.related-image-container .product-thumb .image {
  position: relative; }
  .product-layout .product-thumb .image .badges-right-container,
  .related-image-container .product-thumb .image .badges-right-container {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    max-width: 54px !important; }
    .product-layout .product-thumb .image .badges-right-container .product-badge,
    .related-image-container .product-thumb .image .badges-right-container .product-badge {
      display: block;
      width: 100%; }

.main-products .product-layout[data-category-banner="1"] {
  vertical-align: top; }

@media (max-width: 490px) {
  .product-layout .product-thumb .image .badges-right-container,
  .related-image-container .product-thumb .image .badges-right-container {
    max-width: 23% !important; } }

@media (min-width: 470px) {
  .product-layout.product-list .product-thumb .image .badges-right-container {
    max-width: 20% !important; }
  .main-products .product-layout[data-category-banner="1"].product-list .image {
    width: 100%; }
    .main-products .product-layout[data-category-banner="1"].product-list .image a {
      min-height: 0; } }

.product-info .image-general-container .badges-right-container {
  position: absolute;
  right: 0;
  top: 0;
  width: 30%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 5;
  max-width: 54px !important; }
  .product-info .image-general-container .badges-right-container .product-badge {
    display: block;
    width: 100%; }

.badges-right-container.left {
  right: auto;
  left: 0; }
  .badges-right-container.left .product-badge.css-badge {
    height: 54px;
    background-color: #ce1111;
    color: #fff;
    border-radius: 50%;
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    font-weight: bold; }

.stock_level_text_alert {
  background-color: #EA2727;
  color: #FDEAEA;
  padding: 0 5px;
  display: inline-block;
  line-height: 30px;
  height: 30px; }

.dsl_google_button {
  background-color: #fff !important; }
  .dsl_google_button:hover {
    background-color: #f7f3f3 !important; }

.dsl-icon.google_icon {
  background-image: url("/catalog/view/theme/thebodyshop/stylesheet/d_social_login/icons/google.svg") !important; }

.swiper-viewport .video-slide {
  background-color: #000;
  pointer-events: none;
  width: 100%;
  overflow: hidden; }
  .swiper-viewport .video-slide video {
    height: 100%;
    width: 100%; }
    .swiper-viewport .video-slide video.scale-up {
      object-fit: cover; }

.container form:not(#form-review) fieldset.captcha > legend {
  display: none; }

.container #form-review fieldset.captcha .form-group label {
  display: none; }

#common-home #content > h3 {
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  margin: 30px 0; }

body.full_height {
  height: auto !important; }

@media only screen and (max-width: 767px) {
  .main-products .cdtDays,
  .main-products .cdtHrs,
  .main-products .cdtMins,
  .main-products .cdtSecs,
  .related-image-container .cdtDays,
  .related-image-container .cdtHrs,
  .related-image-container .cdtMins,
  .related-image-container .cdtSecs,
  .slick-slider .cdtDays,
  .slick-slider .cdtHrs,
  .slick-slider .cdtMins,
  .slick-slider .cdtSecs {
    width: 20px;
    min-width: auto;
    margin: 0 1px;
    vertical-align: middle; }
    .main-products .cdtDays div:first-child,
    .main-products .cdtHrs div:first-child,
    .main-products .cdtMins div:first-child,
    .main-products .cdtSecs div:first-child,
    .related-image-container .cdtDays div:first-child,
    .related-image-container .cdtHrs div:first-child,
    .related-image-container .cdtMins div:first-child,
    .related-image-container .cdtSecs div:first-child,
    .slick-slider .cdtDays div:first-child,
    .slick-slider .cdtHrs div:first-child,
    .slick-slider .cdtMins div:first-child,
    .slick-slider .cdtSecs div:first-child {
      min-width: 20px;
      height: 20px;
      line-height: 20px; }
      .main-products .cdtDays div:first-child span,
      .main-products .cdtHrs div:first-child span,
      .main-products .cdtMins div:first-child span,
      .main-products .cdtSecs div:first-child span,
      .related-image-container .cdtDays div:first-child span,
      .related-image-container .cdtHrs div:first-child span,
      .related-image-container .cdtMins div:first-child span,
      .related-image-container .cdtSecs div:first-child span,
      .slick-slider .cdtDays div:first-child span,
      .slick-slider .cdtHrs div:first-child span,
      .slick-slider .cdtMins div:first-child span,
      .slick-slider .cdtSecs div:first-child span {
        line-height: 18px;
        font-size: 13px !important; }
    .main-products .cdtDays div:last-child,
    .main-products .cdtHrs div:last-child,
    .main-products .cdtMins div:last-child,
    .main-products .cdtSecs div:last-child,
    .related-image-container .cdtDays div:last-child,
    .related-image-container .cdtHrs div:last-child,
    .related-image-container .cdtMins div:last-child,
    .related-image-container .cdtSecs div:last-child,
    .slick-slider .cdtDays div:last-child,
    .slick-slider .cdtHrs div:last-child,
    .slick-slider .cdtMins div:last-child,
    .slick-slider .cdtSecs div:last-child {
      display: none; }
  .main-products .cdtSeparator1,
  .main-products .cdtSeparator2,
  .main-products .cdtSeparator3,
  .related-image-container .cdtSeparator1,
  .related-image-container .cdtSeparator2,
  .related-image-container .cdtSeparator3,
  .slick-slider .cdtSeparator1,
  .slick-slider .cdtSeparator2,
  .slick-slider .cdtSeparator3 {
    line-height: 18px;
    font-size: 13px !important; }
  .badges-right-container.left .product-badge.css-badge {
    line-height: 0;
    padding-top: 100%;
    height: auto;
    position: relative; }
    .badges-right-container.left .product-badge.css-badge span {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 0; } }

@media only screen and (max-width: 500px) {
  .badges-right-container.left .product-badge.css-badge span {
    font-size: calc(100vw * 0.04); } }

.quantities-group {
  margin: 0; }
  .quantities-group a.quantities-per-store {
    margin-left: 50px; }

div.quantities-per-store {
  display: none; }
  div.quantities-per-store tbody > tr > td:first-child {
    padding-right: 50px; }

div.NWA_popover {
  z-index: 11; }

@media only screen and (max-width: 600px) {
  div.NWA_popover {
    z-index: 1041; } }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

#pickup-service-store-name_input .input-group {
  width: 100%; }

body {
  font-family: 'WorkSans-Regular','Open Sans', sans-serif;
  font-weight: normal;
  line-height: 1.6; }
  body.relative {
    position: relative !important; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5 {
  line-height: 1.2; }

h3 {
  color: #004236;
  text-align: left;
  font-family: 'Recoleta-Medium';
  font-size: 32px;
  font-weight: bold;
  margin: 30px 0; }

.btn, .btn:active, .btn:focus, .btn:active:focus,
#button-cart, .product-info .right .cart .button.enquiry-button,
.quickview #more-details, button#button-review, button.general-button, .btn-info,
.econt-shipping-show, #confirm_wrap button.btn-primary,
#login_form #button_login.btn-primary, .vd-button-container button.vd-button,
#sticky_btn .add-to-cart, #information-information .btn {
  font-family: 'WorkSans-Regular';
  background-color: #004236;
  color: #fff;
  padding: 8px 20px;
  font-size: 16px;
  outline: none;
  line-height: 24px;
  background-image: none;
  border: none;
  border-radius: 0;
  font-weight: normal !important; }
  .btn:hover, .btn:active:hover, .btn:focus:hover, .btn:active:focus:hover,
  #button-cart:hover, .product-info .right .cart .button.enquiry-button:hover,
  .quickview #more-details:hover, button#button-review:hover, button.general-button:hover, .btn-info:hover,
  .econt-shipping-show:hover, #confirm_wrap button.btn-primary:hover,
  #login_form #button_login.btn-primary:hover, .vd-button-container button.vd-button:hover,
  #sticky_btn .add-to-cart:hover, #information-information .btn:hover {
    background-color: #d6ce4b;
    color: #004236;
    text-decoration: none; }
    .btn:hover svg, .btn:active:hover svg, .btn:focus:hover svg, .btn:active:focus:hover svg,
    #button-cart:hover svg, .product-info .right .cart .button.enquiry-button:hover svg,
    .quickview #more-details:hover svg, button#button-review:hover svg, button.general-button:hover svg, .btn-info:hover svg,
    .econt-shipping-show:hover svg, #confirm_wrap button.btn-primary:hover svg,
    #login_form #button_login.btn-primary:hover svg, .vd-button-container button.vd-button:hover svg,
    #sticky_btn .add-to-cart:hover svg, #information-information .btn:hover svg {
      fill: #004236; }
  .btn:focus, .btn:active:focus, .btn:focus:focus, .btn:active:focus:focus,
  #button-cart:focus, .product-info .right .cart .button.enquiry-button:focus,
  .quickview #more-details:focus, button#button-review:focus, button.general-button:focus, .btn-info:focus,
  .econt-shipping-show:focus, #confirm_wrap button.btn-primary:focus,
  #login_form #button_login.btn-primary:focus, .vd-button-container button.vd-button:focus,
  #sticky_btn .add-to-cart:focus, #information-information .btn:focus {
    border: none;
    outline: none; }
  .btn svg, .btn:active svg, .btn:focus svg, .btn:active:focus svg,
  #button-cart svg, .product-info .right .cart .button.enquiry-button svg,
  .quickview #more-details svg, button#button-review svg, button.general-button svg, .btn-info svg,
  .econt-shipping-show svg, #confirm_wrap button.btn-primary svg,
  #login_form #button_login.btn-primary svg, .vd-button-container button.vd-button svg,
  #sticky_btn .add-to-cart svg, #information-information .btn svg {
    fill: #fff;
    vertical-align: middle; }
  .btn[disabled], .btn:active[disabled], .btn:focus[disabled], .btn:active:focus[disabled],
  #button-cart[disabled], .product-info .right .cart .button.enquiry-button[disabled],
  .quickview #more-details[disabled], button#button-review[disabled], button.general-button[disabled], .btn-info[disabled],
  .econt-shipping-show[disabled], #confirm_wrap button.btn-primary[disabled],
  #login_form #button_login.btn-primary[disabled], .vd-button-container button.vd-button[disabled],
  #sticky_btn .add-to-cart[disabled], #information-information .btn[disabled] {
    background-color: #d6ce4b;
    color: #626262;
    pointer-events: none; }
    .btn[disabled] svg, .btn:active[disabled] svg, .btn:focus[disabled] svg, .btn:active:focus[disabled] svg,
    #button-cart[disabled] svg, .product-info .right .cart .button.enquiry-button[disabled] svg,
    .quickview #more-details[disabled] svg, button#button-review[disabled] svg, button.general-button[disabled] svg, .btn-info[disabled] svg,
    .econt-shipping-show[disabled] svg, #confirm_wrap button.btn-primary[disabled] svg,
    #login_form #button_login.btn-primary[disabled] svg, .vd-button-container button.vd-button[disabled] svg,
    #sticky_btn .add-to-cart[disabled] svg, #information-information .btn[disabled] svg {
      fill: #626262; }
    .btn[disabled]:hover, .btn:active[disabled]:hover, .btn:focus[disabled]:hover, .btn:active:focus[disabled]:hover,
    #button-cart[disabled]:hover, .product-info .right .cart .button.enquiry-button[disabled]:hover,
    .quickview #more-details[disabled]:hover, button#button-review[disabled]:hover, button.general-button[disabled]:hover, .btn-info[disabled]:hover,
    .econt-shipping-show[disabled]:hover, #confirm_wrap button.btn-primary[disabled]:hover,
    #login_form #button_login.btn-primary[disabled]:hover, .vd-button-container button.vd-button[disabled]:hover,
    #sticky_btn .add-to-cart[disabled]:hover, #information-information .btn[disabled]:hover {
      background-color: #d6ce4b;
      color: #626262;
      cursor: not-allowed; }
      .btn[disabled]:hover svg, .btn:active[disabled]:hover svg, .btn:focus[disabled]:hover svg, .btn:active:focus[disabled]:hover svg,
      #button-cart[disabled]:hover svg, .product-info .right .cart .button.enquiry-button[disabled]:hover svg,
      .quickview #more-details[disabled]:hover svg, button#button-review[disabled]:hover svg, button.general-button[disabled]:hover svg, .btn-info[disabled]:hover svg,
      .econt-shipping-show[disabled]:hover svg, #confirm_wrap button.btn-primary[disabled]:hover svg,
      #login_form #button_login.btn-primary[disabled]:hover svg, .vd-button-container button.vd-button[disabled]:hover svg,
      #sticky_btn .add-to-cart[disabled]:hover svg, #information-information .btn[disabled]:hover svg {
        fill: #626262; }

#sticky_btn .add-to-cart {
  padding-left: 35px;
  padding-right: 35px;
  font-size: 20px; }

.btn-danger {
  color: #fff;
  background-color: #d9534f; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:active:focus {
    color: #fff;
    background-color: #c9302c; }

.fa {
  width: 26px;
  height: 26px;
  color: #ffffff; }
  .fa::before {
    content: ''; }
  .fa:hover {
    color: #004236; }

.fa-heart {
  background: url(../image/icons/header-thick_wishlist.svg) center no-repeat; }
  .fa-heart:hover {
    background-image: url(../image/icons/header-filled_wishlist.svg); }

.added .fa-heart {
  background-image: url(../image/icons/header-filled_wishlist.svg); }

.fa-star {
  background: url(../image/icons/star-filled.svg) center/26px no-repeat; }

.fa-star-o {
  background: url(../image/icons/star.svg) center/26px no-repeat; }

.fa-shopping-cart {
  background: url(../image/icons/body-shop-icons-thick_bag.svg) center/26px no-repeat; }
  .fa-shopping-cart:hover {
    background: url(../image/icons/body-shop-icons-thick_bag-hover.svg) center/26px no-repeat; }

.fa-times,
.fa-reply {
  background: url(../image/icons/hicks.svg) center/18px no-repeat; }

.fa-eye:before {
  content: "\f06e";
  font-size: 24px; }

.fa-chevron-right:before {
  content: "\f054";
  font-size: 24px; }

.fa-chevron-down {
  background: url(../image/icons/icon-arrow-down.svg) center/18px no-repeat; }
  .fa-chevron-down:hover {
    background-image: url(../image/icons/icon-arrow-down-hover.svg); }

.fa-chevron-up {
  background: url(../image/icons/icon-arrow-up.svg) center/18px no-repeat; }
  .fa-chevron-up:hover {
    background-image: url(../image/icons/icon-arrow-up-hover.svg); }

.fa-check:before {
  content: "\f00c"; }

.fa-calendar:before {
  content: "\f073";
  font-size: 21px; }

.fa-exclamation-circle:before {
  content: "\f06a";
  font-size: 21px;
  color: #a94442; }

.fa-user {
  background: url(../image/icons/body-shop-icons-thick_sign_in.svg) center no-repeat; }
  .fa-user:hover, .fa-user.logged {
    background-image: url(../image/icons/body-shop-icons_sign_in_filled.svg); }

.fa-angle-right:before {
  content: "\f105"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-th:before {
  content: "\f00a"; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9"; }

.no-border {
  border: none; }
  .no-border .vd-image-caption-container {
    border: none; }

.select-styled {
  font-family: 'WorkSans-Regular';
  font-size: 16px;
  background-color: #f8f3e8;
  color: #004236;
  line-height: 24px;
  padding: 8px 20px; }
  .select-styled:hover {
    background-color: #f8f3e8;
    color: #004236; }
  .select-styled::after {
    border-color: #004236 transparent transparent transparent; }
  .select-styled.active {
    background-color: #f8f3e8; }
    .select-styled.active::after {
      border-color: transparent transparent #004236 transparent; }

.select-options {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  font-family: 'WorkSans-Regular';
  z-index: 1;
  top: 0; }
  .select-options li {
    background-color: #004236;
    border-bottom: 1px solid #f8f3e8;
    text-indent: 0;
    padding: 12px 10px; }
    .select-options li:hover {
      background-color: #d6ce4b;
      color: #004236; }

input.form-control:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background-color: #f8f3e8 !important;
  -webkit-text-fill-color: #004236 !important;
  -webkit-box-shadow: 0 0 0 30px #f8f3e8 inset !important; }

input[type="radio"] {
  position: relative !important;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #004236;
  width: 24px !important;
  height: 24px !important;
  margin-top: 0;
  flex-shrink: 0;
  top: 6px;
  margin-right: 5px; }
  input[type="radio"]::after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: transparent; }
  input[type="radio"]:focus {
    border-color: #004236 !important;
    outline: none !important; }
  input[type="radio"]:checked {
    border-color: #004236; }
    input[type="radio"]:checked:focus {
      border-color: #004236 !important; }
    input[type="radio"]:checked::after {
      background-color: #004236;
      top: 4px;
      left: 4px; }

input[type="checkbox"] {
  position: relative;
  width: 22px !important;
  height: 22px !important;
  top: 5px; }
  input[type="checkbox"]:checked::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border: 1px solid #004236;
    background-color: #fff;
    border-radius: 2px; }
  input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px;
    height: 20px;
    background: #004236;
    -webkit-mask-image: url(../image/tick.svg);
    mask-image: url(../image/tick.svg);
    mask-type: luminance;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-type: luminance; }

.container > .alert.alert-dismissible {
  margin-top: 40px; }

.g-recaptcha-text {
  font-size: 7px; }

.grecaptcha-badge {
  visibility: hidden; }

#content-overlay {
  background-color: #004236;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 12; }

.breadcrumb li {
  text-shadow: none;
  white-space: break-spaces; }
  .breadcrumb li a {
    font-family: 'WorkSans-Regular';
    font-size: 14px;
    color: #004236; }
  .breadcrumb li:last-child a {
    font-family: 'WorkSans-Regular';
    color: #004236; }

#fe-announcements {
  width: 100%;
  padding: 0;
  font-size: 14px; }
  #fe-announcements a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid white;
    line-height: 1.3; }
    #fe-announcements a:hover {
      color: #d6ce4b;
      border-bottom: 1px solid transparent; }

.alert {
  margin-bottom: 0;
  position: relative; }

.alert-dismissable .close, .alert-dismissible .close {
  top: 0;
  right: 0; }

.product-layout .product-thumb .image .badges-right-container,
.related-image-container .product-thumb .image .badges-right-container {
  padding-top: 10px;
  padding-bottom: 10px;
  left: 10px;
  right: auto;
  width: 45%;
  max-width: 138px !important; }

.rev-select {
  width: 275px; }

header {
  background-color: #fff;
  color: #004236;
  z-index: 13;
  position: relative;
  top: 0; }
  header.sticky {
    background-color: #fff;
    z-index: 13; }
  header .center-links {
    padding-top: 5px; }
    header .center-links #top-links {
      padding-top: 15px; }
      header .center-links #top-links a {
        color: #004236;
        font-size: 15px;
        font-family: 'WorkSans-Regular';
        line-height: 15px;
        vertical-align: middle; }
      header .center-links #top-links li {
        vertical-align: middle; }
      header .center-links #top-links li.dropdown ul li a {
        color: #004236; }
        header .center-links #top-links li.dropdown ul li a:hover {
          background-color: transparent; }
  header #wishlist-total {
    position: relative; }
    header #wishlist-total span {
      background-color: #004236;
      color: #fff;
      border: 2px solid #004236;
      display: block;
      border-radius: 15px;
      width: 25px;
      height: 25px;
      padding: 4px 5px 5px 6px;
      text-align: center;
      line-height: 15px;
      font-size: 10px;
      position: absolute;
      top: 0;
      right: -4px; }
  header #menu .nav > li:hover {
    border-bottom: 2px solid #004236; }
  header #menu .nav > li > a {
    color: #004236;
    border: none;
    font-family: 'WorkSans-Regular';
    line-height: 35px;
    letter-spacing: normal;
    font-size: 14px; }
  header #menu .nav > li > a:hover, header #menu .nav > li > a:focus, header #menu .nav > li.shown > a {
    border: none;
    background-color: transparent; }
  header #search {
    padding-top: 12px; }
    header #search .fa-search ~ input:hover {
      background-image: url(../image/icons/header-filled_search.svg); }
    header #search .fa-search {
      background: url(../image/icons/header-tick_search.svg) center no-repeat; }
      header #search .fa-search:hover {
        background-image: url(../image/icons/header-filled_search.svg); }
    header #search input {
      color: #004236;
      border: none;
      font-family: 'WorkSans-Regular' !important; }
      header #search input:focus {
        border: none;
        outline: none; }
      header #search input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #004236;
        opacity: 1;
        /* Firefox */ }
      header #search input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #004236; }
      header #search input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #004236; }
    header #search .button-search i {
      color: #004236; }
  header #menu .fa-bars:hover {
    color: #004236; }
  header #menu .dropdown-border {
    padding: 10px 0; }
  header #menu .dropdown-inner {
    max-width: 1272px;
    max-height: calc(100vh - 320px);
    overflow-y: scroll;
    padding-left: 30px;
    padding-right: 20px; }
    header #menu .dropdown-inner .column {
      padding-right: 20px; }
      header #menu .dropdown-inner .column li {
        line-height: 1.2; }
        header #menu .dropdown-inner .column li:not(.heading) {
          padding: 5px 0;
          line-height: 1.4; }
        header #menu .dropdown-inner .column li a {
          color: #004236;
          font-size: 16px;
          font-family: 'WorkSans-Regular'; }
          header #menu .dropdown-inner .column li a:hover {
            color: #004236; }
        header #menu .dropdown-inner .column li.heading a {
          font-family: 'Recoleta-Medium';
          font-size: 20px;
          font-weight: 400; }
        header #menu .dropdown-inner .column li.heading + li {
          padding-top: 15px; }
        header #menu .dropdown-inner .column li.heading {
          padding-bottom: 10px;
          border-bottom: 1px solid #004236; }
  header #menu .nav {
    position: static; }
  header #menu .dropdown-menu {
    top: 113px; }
  header #category_list {
    position: static; }
  header #header-phone {
    font-size: 15px;
    padding-top: 15px; }
    header #header-phone a {
      color: #fff; }
      header #header-phone a:hover {
        text-decoration: underline;
        color: #d6ce4b; }

#logo a img {
  max-width: 220px; }

#cart {
  float: none; }
  #cart .img-thumbnail {
    padding: 0;
    border: none; }
  #cart .pull-left-aside {
    display: none; }
  #cart .fa {
    position: static; }
  #cart a {
    color: #fff; }
  #cart #cart-total {
    background-color: #004236;
    color: #fff;
    border-color: #004236; }
  #cart .fa.fa-shopping-cart, #cart .fa.fa-shopping-cart-disabled {
    width: 31px; }
  #cart .dropdown-menu {
    box-shadow: 2px 0 4px 2px rgba(0, 66, 54, 0.25);
    top: 115%; }
    #cart .dropdown-menu a:focus {
      outline: none; }
    #cart .dropdown-menu .popup-buttons-wrapper .btn {
      background-color: #004236;
      border-color: #004236;
      font-size: 16px;
      font-family: 'WorkSans-Regular'; }
      #cart .dropdown-menu .popup-buttons-wrapper .btn:hover {
        background-color: #d6ce4b;
        color: #004236;
        border-color: #d6ce4b; }
    #cart .dropdown-menu .popup-subtotal {
      background-color: #fff; }
      #cart .dropdown-menu .popup-subtotal span {
        color: #004236; }
      #cart .dropdown-menu .popup-subtotal .close-popup-link {
        top: 0; }
        #cart .dropdown-menu .popup-subtotal .close-popup-link svg {
          fill: #004236; }
    #cart .dropdown-menu .popup-wrapper {
      border: none; }
      #cart .dropdown-menu .popup-wrapper .popup-arrow-down, #cart .dropdown-menu .popup-wrapper .popup-arrow-up {
        background-color: #004236; }
        #cart .dropdown-menu .popup-wrapper .popup-arrow-down a, #cart .dropdown-menu .popup-wrapper .popup-arrow-up a {
          border-left: 2px solid #fff;
          border-right: 2px solid #fff; }
        #cart .dropdown-menu .popup-wrapper .popup-arrow-down a:hover:not(.isDisabled), #cart .dropdown-menu .popup-wrapper .popup-arrow-up a:hover:not(.isDisabled) {
          background-color: #d6ce4b; }
          #cart .dropdown-menu .popup-wrapper .popup-arrow-down a:hover:not(.isDisabled) .icon-down, #cart .dropdown-menu .popup-wrapper .popup-arrow-up a:hover:not(.isDisabled) .icon-down {
            background-image: url(../image/icons/icon-arrow-down.svg); }
          #cart .dropdown-menu .popup-wrapper .popup-arrow-down a:hover:not(.isDisabled) .icon-up, #cart .dropdown-menu .popup-wrapper .popup-arrow-up a:hover:not(.isDisabled) .icon-up {
            background-image: url(../image/icons/icon-arrow-up.svg); }
        #cart .dropdown-menu .popup-wrapper .popup-arrow-down a:focus, #cart .dropdown-menu .popup-wrapper .popup-arrow-up a:focus {
          outline-color: #004236; }
        #cart .dropdown-menu .popup-wrapper .popup-arrow-down .icon-down, #cart .dropdown-menu .popup-wrapper .popup-arrow-up .icon-down {
          background-image: url(../image/icons/icon-arrow-down-white.svg); }
        #cart .dropdown-menu .popup-wrapper .popup-arrow-down .icon-up, #cart .dropdown-menu .popup-wrapper .popup-arrow-up .icon-up {
          background-image: url(../image/icons/icon-arrow-up-white.svg); }
      #cart .dropdown-menu .popup-wrapper .verticalCarouselGroup a, #cart .dropdown-menu .popup-wrapper .verticalCarouselGroup .text-left {
        color: #004236; }
      #cart .dropdown-menu .popup-wrapper .verticalCarouselGroup .text-right {
        color: #212738; }
      #cart .dropdown-menu .popup-wrapper .verticalCarouselGroup .text-right {
        color: #004236; }
    #cart .dropdown-menu .popup-just-added .popup-msg {
      color: #004236;
      background: transparent; }
    #cart .dropdown-menu .popup-just-added .button-secondary {
      color: #fff; }
    #cart .dropdown-menu .popup-just-added .popup-prod-wrapper {
      border: none; }
      #cart .dropdown-menu .popup-just-added .popup-prod-wrapper .text-left a {
        color: #004236; }
      #cart .dropdown-menu .popup-just-added .popup-prod-wrapper .text-center {
        color: #212738; }

.notification_bar {
  color: #fff;
  background-color: #3a857e; }
  .notification_bar .learn_more, .notification_bar .agree {
    background-color: #004236; }
    .notification_bar .learn_more:hover, .notification_bar .agree:hover {
      background-color: #d6ce4b;
      color: #004236; }

#menu .btn-navbar, #menu .btn-navbar:active, #menu .btn-navbar:focus, #menu .btn-navbar:hover {
  color: #004236; }

/** FOOTER **/
footer {
  background-color: #fff;
  color: #004236;
  margin-top: 0; }
  footer .container {
    border-top: none;
    font-family: 'WorkSans-Regular';
    font-weight: normal;
    line-height: 1.6; }
    footer .container.chk #second-row {
      padding-top: 0; }
      footer .container.chk #second-row a:hover {
        color: #d6ce4b; }
      footer .container.chk #second-row #logo_icon {
        width: 100%;
        text-align: center;
        padding-right: 0; }
    footer .container a, footer .container h5 {
      color: #004236; }
    footer .container h5 {
      font-family: DrukWideBold; }
    footer .container .select-styled::after {
      border-color: #004236 transparent transparent transparent; }
    footer .container .select-styled {
      background-color: transparent;
      color: #004236;
      font-family: 'WorkSans-Bold';
      border-bottom: 2px solid #004236; }
      footer .container .select-styled.active::after {
        border-color: transparent transparent #004236 transparent; }
      footer .container .select-styled:active, footer .container .select-styled.active {
        background-color: transparent;
        color: #004236; }
    footer .container .select-options {
      background-color: #fff;
      color: #004236;
      overflow-y: scroll;
      max-height: 235px;
      bottom: 0;
      top: auto;
      font-family: 'WorkSans-Bold';
      border: 1px solid #004236; }
      footer .container .select-options li:hover {
        background-color: #f8f3e8;
        color: #004236; }
      footer .container .select-options li {
        background-color: #fff;
        border-top: 1px solid #f8f3e8; }
        footer .container .select-options li:first-of-type {
          border: none; }
    footer .container .powered {
      width: 60%;
      text-align: center;
      font-size: 11px;
      margin-left: 20%; }
      footer .container .powered a {
        text-decoration: underline; }
        footer .container .powered a:hover {
          cursor: pointer; }
    footer .container .footer-columns li {
      font-size: 16px; }
  footer .footer-region-3 {
    float: left;
    width: 33.3333% !important; }
    footer .footer-region-3 .payment-info {
      float: none;
      display: block;
      margin-bottom: 20px;
      max-width: 195px;
      width: 100%; }
  footer #second-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    padding: 40px 0 10px; }
    footer #second-row .newsletter {
      margin: 0;
      background: none;
      padding: 0;
      width: 33.3333%;
      display: none; }
      footer #second-row .newsletter > form {
        display: block; }
      footer #second-row .newsletter .form-inline .form-group {
        display: block; }
      footer #second-row .newsletter .form-group.signup {
        width: 100%;
        margin-left: 0; }
      footer #second-row .newsletter button.general-button {
        background-color: #004236;
        color: #fff;
        width: 110px;
        line-height: 44px; }
        footer #second-row .newsletter button.general-button:hover {
          background-color: #d6ce4b; }
          footer #second-row .newsletter button.general-button:hover .fa {
            color: #004236; }
      footer #second-row .newsletter input {
        background: #fff;
        color: #004236;
        border: 1px solid #004236;
        height: 50px; }
    footer #second-row #logo_icon {
      width: 50%;
      text-align: right;
      padding-right: 40px;
      line-height: 13px; }
      footer #second-row #logo_icon svg {
        fill: #004236; }
    footer #second-row .social-icon-bar {
      width: 50%; }
      footer #second-row .social-icon-bar ul {
        margin: 0; }

/*** Sliders ***/
.swiper-container .swiper-pager {
  width: 100%;
  position: absolute;
  top: 30%;
  line-height: 45px;
  z-index: 1; }
  .swiper-container .swiper-pager > div {
    width: 30px;
    height: 30px;
    text-shadow: none;
    transition: none;
    background-size: 30px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .swiper-container .swiper-pager > div::before {
      font-family: "slick";
      font-size: 30px;
      line-height: 1;
      color: #fff;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .swiper-container .swiper-pager > div.swiper-button-disabled {
      cursor: unset; }
      .swiper-container .swiper-pager > div.swiper-button-disabled::before {
        color: transparent; }
  .swiper-container .swiper-pager .mws-next, .swiper-container .swiper-pager .hys-next {
    right: 10px; }
    .swiper-container .swiper-pager .mws-next::before, .swiper-container .swiper-pager .hys-next::before {
      content: "→"; }
    .swiper-container .swiper-pager .mws-next:hover, .swiper-container .swiper-pager .hys-next:hover {
      cursor: pointer; }
  .swiper-container .swiper-pager .mws-prev, .swiper-container .swiper-pager .hys-prev {
    left: 10px; }
    .swiper-container .swiper-pager .mws-prev::before, .swiper-container .swiper-pager .hys-prev::before {
      content: "←"; }
    .swiper-container .swiper-pager .mws-prev:hover, .swiper-container .swiper-pager .hys-prev:hover {
      cursor: pointer; }

.swiper-container.swiper-container-horizontal > .swiper-scrollbar {
  width: 80%;
  background: rgba(0, 66, 54, 0.2);
  height: 3px; }
  .swiper-container.swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
    background: #004236; }

.swiper-container .swiper-slide a {
  text-decoration: none;
  color: inherit; }
  .swiper-container .swiper-slide a:hover {
    text-decoration: none;
    color: inherit; }

.mws .swiper-container.swiper-container-horizontal > .swiper-scrollbar {
  background: rgba(245, 236, 230, 0.2); }
  .mws .swiper-container.swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
    background: #f8f3e8; }

.product-thumb {
  padding-right: 20px; }
  .product-thumb .button-group {
    text-align: left;
    width: 100%; }
    .product-thumb .button-group button.add {
      width: 100%;
      border: none;
      background-color: #004236;
      color: #fff;
      font-size: 16px;
      text-transform: none;
      font-family: 'WorkSans-Regular';
      padding: 0;
      font-weight: normal; }
      .product-thumb .button-group button.add:hover {
        background-color: #d6ce4b;
        color: #004236; }
      .product-thumb .button-group button.add:focus {
        outline: none; }
    .product-thumb .button-group .wish-wrapper {
      right: 10px;
      display: block;
      top: 50%;
      transform: translateY(-50%);
      margin: 0; }
      .product-thumb .button-group .wish-wrapper .wish {
        padding: 0; }
        .product-thumb .button-group .wish-wrapper .wish .fa.fa-heart {
          width: 22px;
          height: 22px; }
        .product-thumb .button-group .wish-wrapper .wish:hover .fa.fa-heart {
          background-image: url("../image/icons/body-shop-icons_wishlist_filled.svg"); }
        .product-thumb .button-group .wish-wrapper .wish:focus {
          outline: none; }
  .product-thumb .button-group-inner {
    text-align: left;
    width: 100%;
    padding-right: 40px; }
  .product-thumb .price {
    font-family: 'WorkSans-Bold';
    font-size: 20px;
    color: #004236;
    text-align: left;
    margin-bottom: 15px; }
  .product-thumb .caption {
    padding: 0; }

.product-thumb h4, .product-list .product-thumb h4 {
  font-family: 'WorkSans-Regular';
  font-size: 16px;
  margin-bottom: 40px;
  text-align: left;
  min-height: 51px; }
  .product-thumb h4 a, .product-list .product-thumb h4 a {
    color: #004236; }
    .product-thumb h4 a:hover, .product-list .product-thumb h4 a:hover {
      color: #3a857e; }

.to-scroll .slick-prev:not(.slick-disabled):hover::before, .to-scroll .slick-next:not(.slick-disabled):hover::before {
  color: #d6ce4b; }

.to-scroll .slick-prev::before, .to-scroll .slick-next::before {
  color: #004236;
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
  color: #626262; }

.image-additional-container .swiper-button-next:hover,
.related-image-container .swiper-button-next:hover {
  background-image: url(../image/icons/icon-carousel-arrow-right-hover.svg); }

.image-additional-container .swiper-button-prev:hover,
.related-image-container .swiper-button-prev:hover {
  background-image: url(../image/icons/icon-carousel-arrow-left-hover.svg); }

/*** Category ***/
#product-category {
  position: relative;
  padding-bottom: 30px; }
  #product-category .breadcrumb {
    position: absolute;
    top: 0;
    z-index: 11; }
  #product-category .promo-description-text-main > .block-parent:not(.top):not(.caption-block) {
    padding-top: 50px; }
  #product-category .promo-description-text-main form #sortable > .block-parent:first-of-type:not(.top) {
    padding-top: 50px; }
  #product-category .promo-description-text-main form #sortable > .container {
    margin-right: auto;
    width: 1302px;
    padding: 15px; }
  #product-category .promo-description-text-main .block-container.container {
    padding-left: 15px;
    padding-right: 15px; }
  #product-category .promo-description-text-main .top .child > .col-md-6:first-of-type {
    padding: 50px 0; }
    #product-category .promo-description-text-main .top .child > .col-md-6:first-of-type > div {
      width: 651px;
      margin-left: auto;
      padding-left: 15px;
      padding-right: 80px; }
  #product-category .promo-description-text-main .block-content {
    color: #004236; }
    #product-category .promo-description-text-main .block-content h1 {
      font-size: 40px;
      color: #004236;
      font-family: 'Recoleta-Medium';
      margin-top: 0; }
    #product-category .promo-description-text-main .block-content a {
      font-family: 'WorkSans-Bold';
      color: #004236;
      border-bottom: 1px solid #004236; }
      #product-category .promo-description-text-main .block-content a:hover {
        text-decoration: underline;
        border: none; }
  #product-category .main-products {
    display: flex;
    flex-wrap: wrap; }
    #product-category .main-products .product-grid .product-thumb {
      height: calc(100% - 50px);
      display: flex;
      flex-wrap: wrap; }
    #product-category .main-products .product-grid .banner {
      height: 100%; }
      #product-category .main-products .product-grid .banner a {
        height: 100%;
        display: -webkit-box; }
      #product-category .main-products .product-grid .banner img {
        height: 100%;
        object-fit: cover; }
    #product-category .main-products .product-grid .info {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      #product-category .main-products .product-grid .info .caption {
        align-self: flex-start; }
      #product-category .main-products .product-grid .info .button-group {
        align-self: flex-end; }
  #product-category div.pgn .pagination {
    padding-top: 6px; }
  #product-category div.pgn > div:nth-of-type(2) {
    vertical-align: middle;
    line-height: 48px; }
  #product-category div.pgn .btn {
    padding: 12px 50px; }

#product-category .product-layout h4, #product-search .product-layout h4 {
  margin-bottom: 5px; }

#product-category .product-layout .rating, #product-search .product-layout .rating {
  text-align: left; }
  #product-category .product-layout .rating .fa-stack, #product-search .product-layout .rating .fa-stack {
    font-size: 10px; }
  #product-category .product-layout .rating .fa-star, #product-search .product-layout .rating .fa-star {
    color: #3a857e;
    font-size: 20px; }
  #product-category .product-layout .rating .fa-star-o, #product-search .product-layout .rating .fa-star-o {
    color: #d3d6db;
    font-size: 20px; }

#product-category .product-layout .price, #product-search .product-layout .price {
  margin-top: 40px; }

#product-category .product-layout.product-list .product-thumb .button-group, #product-search .product-layout.product-list .product-thumb .button-group {
  width: auto;
  padding: 0; }
  #product-category .product-layout.product-list .product-thumb .button-group button.add, #product-search .product-layout.product-list .product-thumb .button-group button.add {
    background-color: #004236;
    color: #fff;
    border: none;
    font-size: 16px;
    text-transform: none;
    font-family: 'WorkSans-Regular';
    padding: 0;
    width: 200px; }
    #product-category .product-layout.product-list .product-thumb .button-group button.add:hover, #product-search .product-layout.product-list .product-thumb .button-group button.add:hover {
      background-color: #d6ce4b;
      color: #004236; }

#product-category .product-layout.product-list .product-thumb .button-group-inner, #product-search .product-layout.product-list .product-thumb .button-group-inner {
  width: auto; }

.pagination > li > a, .pagination > li > span {
  background-color: #004236;
  color: #fff; }
  .pagination > li > a :hover, .pagination > li > span :hover {
    background-color: #d6ce4b;
    color: #004236; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  color: #004236;
  background-color: #f8f3e8;
  border-color: #f8f3e8; }

.pagination > li > a:hover, .pagination > li > span:hover {
  background-color: #d6ce4b;
  color: #004236;
  border-color: #d6ce4b; }

/** Filters **/
aside#column-left #aside-filter {
  border: none; }

#left_column {
  position: relative; }
  #left_column #column-left {
    width: calc(100% - 30px);
    color: #004236;
    border: 1px solid #004236;
    position: absolute;
    background: white;
    z-index: 12;
    padding: 50px 30px 30px 70px;
    display: none;
    top: 65px; }
    #left_column #column-left::before {
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      background-color: #fff;
      border-left: 1px solid #004236;
      border-top: 1px solid #004236;
      transform: rotate(45deg);
      position: absolute;
      top: -16px; }
    #left_column #column-left .close_btn {
      width: 18px;
      height: 18px;
      position: absolute;
      right: 20px;
      top: 20px; }
      #left_column #column-left .close_btn:hover {
        cursor: pointer; }
    #left_column #column-left .list-group > div:last-of-type .list-group-item {
      border: none; }
    #left_column #column-left h4 {
      font-size: 18px;
      text-transform: capitalize;
      font-family: 'WorkSans-Bold';
      color: #004236;
      padding-top: 15px; }
    #left_column #column-left .list-group-item {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      border-radius: 0;
      border-bottom: 1px solid #004236;
      padding: 15px 0; }
      #left_column #column-left .list-group-item label {
        font-size: 16px; }
      #left_column #column-left .list-group-item .checkbox {
        margin: 0;
        padding: 0 !important;
        padding-right: 20px !important; }
        #left_column #column-left .list-group-item .checkbox:hover {
          background-color: transparent !important; }
        #left_column #column-left .list-group-item .checkbox input {
          position: static;
          margin: 0;
          width: 24px;
          height: 24px;
          border-color: #004236;
          border-radius: 0;
          display: inline-block !important; }
          #left_column #column-left .list-group-item .checkbox input:checked ~ .chkb {
            width: 24px;
            height: 24px;
            border: 1px solid #004236;
            border-radius: 2px;
            font-size: 12px;
            line-height: 24px;
            position: absolute;
            background: #fff url(../image/icons/tick.svg) center no-repeat;
            background-size: 24px;
            display: block;
            top: 0; }
        #left_column #column-left .list-group-item .checkbox .chkb {
          display: none; }
        #left_column #column-left .list-group-item .checkbox label {
          margin: 0;
          padding: 0;
          padding-left: 10px !important;
          vertical-align: super; }
          #left_column #column-left .list-group-item .checkbox label::before {
            display: none; }

button#list-view,
button#grid-view {
  color: #e5e5e5;
  font-size: 24px;
  line-height: 30px;
  width: 46px;
  height: 46px; }
  button#list-view .fa,
  button#grid-view .fa {
    color: inherit; }

button#list-view.active,
button#grid-view.active,
button#list-view:hover,
button#grid-view:hover {
  color: #004236;
  padding: 5px 10px;
  outline: none; }
  button#list-view.active .fa,
  button#grid-view.active .fa,
  button#list-view:hover .fa,
  button#grid-view:hover .fa {
    color: inherit; }

.close_btn {
  color: #004236; }

.limit .rev-select {
  width: auto;
  min-width: 80px; }

/** Page details **/
#product-product {
  color: #004236; }
  #product-product .heading-title {
    font-size: 32px;
    font-family: 'Recoleta-Medium';
    color: #004236;
    margin-bottom: 0; }
  #product-product .rating {
    font-family: 'WorkSans-Bold';
    font-size: 16px;
    display: flex;
    flex-wrap: wrap; }
    #product-product .rating a.write-review {
      font-family: 'WorkSans-Bold';
      color: #004236;
      border-bottom: 1px solid rgba(0, 66, 54, 0.4);
      line-height: 1.4rem;
      font-size: 16px; }
      #product-product .rating a.write-review:hover {
        text-decoration: none;
        color: #3a857e;
        border-bottom: 1px solid transparent; }
    #product-product .rating a.reviews {
      text-decoration: none;
      margin-bottom: 10px; }
    #product-product .rating > div {
      display: flex;
      flex-direction: column; }
      #product-product .rating > div:first-of-type {
        padding-right: 20px; }
      #product-product .rating > div div {
        margin-top: auto; }
    #product-product .rating .user_review {
      width: calc(100% - 177px); }
      #product-product .rating .user_review p {
        font-family: 'Recoleta-Medium';
        word-break: break-word; }
      #product-product .rating .user_review .write-review {
        padding: 0; }
  #product-product .product-info {
    line-height: 1.6; }
    #product-product .product-info .left {
      width: 58%; }
    #product-product .product-info .right {
      width: 42%;
      padding-left: 0; }
      #product-product .product-info .right .cart .journal-stepper {
        background-color: #004236; }
        #product-product .product-info .right .cart .journal-stepper:hover {
          background-color: #d6ce4b;
          color: #004236; }
      #product-product .product-info .right .cart .qty {
        width: 135px; }
      #product-product .product-info .right .cart input[name="quantity"] {
        border: 1px solid #004236;
        color: #aaa;
        width: 32%;
        margin: 0 4%; }
        #product-product .product-info .right .cart input[name="quantity"]:focus {
          outline-color: #004236; }
      #product-product .product-info .right .cart .button {
        width: 172px;
        float: left; }
      #product-product .product-info .right .cart .wishlist-compare {
        width: auto;
        float: left; }
        #product-product .product-info .right .cart .wishlist-compare .links {
          line-height: 47px;
          height: 40px;
          padding: 0; }
          #product-product .product-info .right .cart .wishlist-compare .links a:first-of-type {
            display: inline;
            vertical-align: text-bottom;
            font-size: 16px;
            line-height: 23px; }
            #product-product .product-info .right .cart .wishlist-compare .links a:first-of-type i {
              margin-right: 5px; }
        #product-product .product-info .right .cart .wishlist-compare .fa-heart {
          vertical-align: middle;
          background: url(../image/icons/body-shop-icons-thick_wishlist.svg) center no-repeat; }
          #product-product .product-info .right .cart .wishlist-compare .fa-heart:hover {
            background-image: url(../image/icons/body-shop-icons_wishlist_filled.svg); }
        #product-product .product-info .right .cart .wishlist-compare .added .fa-heart {
          background-image: url(../image/icons/body-shop-icons_wishlist_filled.svg); }
  #product-product .thumbnails {
    display: flex;
    flex-wrap: wrap; }
    #product-product .thumbnails .image-general-container {
      width: calc(100% - 173px);
      margin-right: 25px; }
      #product-product .thumbnails .image-general-container img {
        width: 100%;
        height: auto; }
      #product-product .thumbnails .image-general-container .badges-right-container {
        padding-top: 20px;
        padding-bottom: 20px;
        left: 20px;
        right: auto;
        width: 45%;
        max-width: 138px !important; }
    #product-product .thumbnails .image-additional-container {
      width: 148px;
      position: relative;
      padding: 40px 0;
      padding-right: 63px; }
      #product-product .thumbnails .image-additional-container .swiper-container {
        max-height: 650px;
        min-height: 650px; }
        #product-product .thumbnails .image-additional-container .swiper-container .swiper-slide-active img {
          border-color: #3a857e; }
      #product-product .thumbnails .image-additional-container .swiper-pager {
        position: static; }
        #product-product .thumbnails .image-additional-container .swiper-pager .swiper-button-prev {
          top: 22px;
          left: 26px;
          background-image: url(../image/icons/icon-arrow-up.svg); }
          #product-product .thumbnails .image-additional-container .swiper-pager .swiper-button-prev :hover {
            background-image: url(../image/icons/icon-arrow-up-hover.svg); }
        #product-product .thumbnails .image-additional-container .swiper-pager .swiper-button-next {
          left: 26px;
          bottom: 0;
          top: auto;
          background-image: url(../image/icons/icon-arrow-down.svg); }
          #product-product .thumbnails .image-additional-container .swiper-pager .swiper-button-next :hover {
            background-image: url(../image/icons/icon-arrow-down-hover.svg); }
  #product-product #product-detail-accordion {
    color: #004236; }
    #product-product #product-detail-accordion > li {
      border-top: 1px solid #004236;
      padding: 15px 0; }
      #product-product #product-detail-accordion > li div, #product-product #product-detail-accordion > li p {
        font-family: 'WorkSans-Regular';
        font-size: 16px;
        font-weight: normal; }
      #product-product #product-detail-accordion > li:last-of-type {
        border-bottom: 1px solid #004236; }
      #product-product #product-detail-accordion > li .label-acc {
        font-family: 'WorkSans-Regular';
        font-size: 18px;
        position: relative; }
        #product-product #product-detail-accordion > li .label-acc::after {
          content: "";
          height: 20px;
          width: 20px;
          background: url(../image/icons/plus.svg) center no-repeat;
          background-size: 20px;
          position: absolute;
          right: 20px;
          display: block;
          top: 0; }
        #product-product #product-detail-accordion > li .label-acc.active::after {
          background-image: url(../image/icons/minus.svg); }
        #product-product #product-detail-accordion > li .label-acc:hover {
          cursor: pointer; }
      #product-product #product-detail-accordion > li .text-acc {
        padding-top: 30px;
        display: none; }
        #product-product #product-detail-accordion > li .text-acc ul, #product-product #product-detail-accordion > li .text-acc ol {
          margin-left: 30px; }
  #product-product .size-selector .title {
    font-family: 'WorkSans-Regular';
    font-size: 18px;
    margin-bottom: 25px; }
  #product-product .size-selector .color_item {
    background-color: #f8f3e8;
    border: none;
    color: #004236;
    font-family: 'WorkSans-Regular';
    font-weight: normal;
    font-size: 16px; }
    #product-product .size-selector .color_item:hover:not(.active) {
      background-color: #d6ce4b;
      color: #004236; }
    #product-product .size-selector .color_item.active {
      color: #fff;
      background-color: #004236; }
  #product-product .price {
    position: relative; }
    #product-product .price .product-price, #product-product .price h2 {
      font-size: 32px;
      font-family: 'WorkSans-Bold';
      margin: 0; }
    #product-product .price h2 {
      color: #ff4233; }
    #product-product .price .take_me {
      position: absolute;
      top: 0;
      left: 90px;
      color: #ff4233; }
  #product-product #section-how-to-use {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f5ece6;
    color: #004236;
    font-size: 16px;
    font-family: 'WorkSans-Regular'; }
    #product-product #section-how-to-use h2 {
      font-family: 'Recoleta-Medium';
      font-size: 28px;
      color: #004236;
      font-weight: 700; }
    #product-product #section-how-to-use ol, #product-product #section-how-to-use ul {
      padding-left: 20px; }
    #product-product #section-how-to-use a {
      font-family: 'WorkSans-Bold';
      color: #004236;
      border-bottom: 1px solid #004236; }
      #product-product #section-how-to-use a:hover {
        color: #004236;
        border-bottom: none; }
    #product-product #section-how-to-use .row {
      display: flex;
      flex-wrap: wrap;
      min-height: 465px;
      align-items: center; }
      #product-product #section-how-to-use .row [class^="col-"] {
        float: none; }
    #product-product #section-how-to-use .left-side {
      padding-right: 180px; }
    #product-product #section-how-to-use iframe {
      min-height: 430px; }
    #product-product #section-how-to-use video, #product-product #section-how-to-use img, #product-product #section-how-to-use iframe {
      width: 100%;
      height: 100%; }
    #product-product #section-how-to-use .video {
      position: relative; }
      #product-product #section-how-to-use .video .left-side {
        padding-right: 0px; }
      #product-product #section-how-to-use .video .col-md-6 {
        width: 100%; }
        #product-product #section-how-to-use .video .col-md-6:nth-of-type(2) {
          position: absolute;
          width: 100%;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0; }
        #product-product #section-how-to-use .video .col-md-6:first-of-type {
          z-index: 1; }
      #product-product #section-how-to-use .video .left-side {
        padding-left: calc( (100% - 1272px) / 2 + 6%);
        padding-right: calc( (100% - 1272px) / 2 + 6%); }
      #product-product #section-how-to-use .video video, #product-product #section-how-to-use .video img, #product-product #section-how-to-use .video iframe {
        object-fit: cover; }
      #product-product #section-how-to-use .video iframe {
        min-height: none; }
    #product-product #section-how-to-use .text .col-md-6:not(.left-side) {
      display: none; }
    #product-product #section-how-to-use .text .left-side {
      width: 100%;
      padding-left: calc( (100% - 1272px) / 2 + 6%);
      padding-right: calc( (100% - 1272px) / 2 + 6%); }
  #product-product #section-reviews {
    background-color: #f5ece6;
    color: #004236;
    padding-top: 30px;
    padding-bottom: 30px; }
    #product-product #section-reviews input {
      background-color: #fff;
      border: none; }
    #product-product #section-reviews textarea {
      border: none;
      border-radius: 0; }
    #product-product #section-reviews input[type=radio] {
      height: auto; }
    #product-product #section-reviews label {
      height: auto;
      line-height: 22px; }
  #product-product .related-image-container {
    padding: 0;
    margin: 0 30px; }
  #product-product .swiper-holder {
    position: relative; }
    #product-product .swiper-holder .swiper-button-next, #product-product .swiper-holder .swiper-button-prev {
      left: auto;
      right: -6px; }
      #product-product .swiper-holder .swiper-button-next::before, #product-product .swiper-holder .swiper-button-prev::before {
        content: "→";
        color: #004236;
        font-family: "slick";
        font-size: 20px; }
      #product-product .swiper-holder .swiper-button-next:hover::before, #product-product .swiper-holder .swiper-button-prev:hover::before {
        color: #d6ce4b; }
      #product-product .swiper-holder .swiper-button-next.swiper-button-disabled, #product-product .swiper-holder .swiper-button-prev.swiper-button-disabled {
        opacity: 1; }
        #product-product .swiper-holder .swiper-button-next.swiper-button-disabled::before, #product-product .swiper-holder .swiper-button-prev.swiper-button-disabled::before {
          color: #626262; }
    #product-product .swiper-holder .swiper-button-prev {
      right: auto;
      left: 0; }
      #product-product .swiper-holder .swiper-button-prev::before {
        content: "←"; }
  #product-product .image-additional-container .swiper-wrapper {
    margin-top: calc(-300% + 5px); }
  #product-product .content-bottom {
    background-color: #004236;
    color: #f8f3e8;
    font-weight: normal;
    font-size: 16px;
    font-family: 'WorkSans-Regular'; }
    #product-product .content-bottom h3 {
      font-family: 'Recoleta-Medium';
      font-size: 28px;
      color: #f8f3e8; }
  #product-product #form-review h2 {
    font-family: 'Recoleta-Medium';
    color: #004236;
    font-size: 28px; }
  #product-product #form-review label, #product-product #form-review legend {
    font-size: 16px;
    font-family: 'WorkSans-Bold';
    color: #004236; }
  #product-product #form-review legend {
    height: auto;
    line-height: 38px;
    width: auto;
    text-align: left;
    float: left;
    border: none;
    padding: 0; }
    #product-product #form-review legend::after {
      clear: both; }
  #product-product #form-review .help-block {
    color: #004236; }
  #product-product #form-review #review .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent; }
  #product-product #form-review #review .review-author {
    color: #3a857e;
    font-family: 'WorkSans-Regular';
    font-size: 15px;
    border-bottom: 2px solid rgba(0, 66, 54, 0.2);
    padding-bottom: 7px; }
  #product-product #form-review #review .review-date {
    font-family: 'WorkSans-Regular';
    font-size: 15px;
    color: #004236;
    padding-top: 7px; }
    #product-product #form-review #review .review-date label {
      font-family: 'WorkSans-Regular'; }
  #product-product #form-review #review table {
    border-bottom: 2px solid rgba(0, 66, 54, 0.2); }
    #product-product #form-review #review table td {
      padding-top: 60px; }
      #product-product #form-review #review table td:nth-of-type(2) {
        padding: 30px 0 30px 20px; }
      #product-product #form-review #review table td .review-rating {
        padding-bottom: 30px; }
      #product-product #form-review #review table td .fa {
        width: 20px;
        height: 20px;
        background-size: 20px;
        margin-right: 5px; }
      #product-product #form-review #review table td p {
        font-size: 16px;
        font-family: 'WorkSans-Regular'; }
  #product-product #product_sticky {
    position: fixed;
    bottom: 0;
    background-color: #f8f3e8;
    font-size: 16px;
    font-family: 'WorkSans-Regular';
    width: 100%;
    z-index: 11;
    padding: 16px 0; }
    #product-product #product_sticky .product-price, #product-product #product_sticky h2 {
      margin: 0;
      font-size: 16px;
      font-family: 'WorkSans-Bold'; }
    #product-product #product_sticky h2 {
      color: #ff4233;
      display: inline-block; }
  #product-product #product-articles {
    background-color: #004236; }
    #product-product #product-articles > div:nth-of-type(2) {
      top: -20px;
      padding-bottom: 10px; }
    #product-product #product-articles .block-parent {
      position: relative;
      padding-right: calc( (100% - 1272px) / 2);
      padding-left: calc( (100% - 1272px) / 2); }
      #product-product #product-articles .block-parent h3 {
        font-size: 16px;
        font-family: WorkSans-Regular;
        font-weight: 700; }
      #product-product #product-articles .block-parent h2 {
        font-size: 40px;
        font-weight: 400;
        font-family: 'DrukCy-Bold'; }
      #product-product #product-articles .block-parent p {
        font-size: 16px;
        line-height: 28px; }
      #product-product #product-articles .block-parent .vd-image-size-responsive {
        width: auto; }
        #product-product #product-articles .block-parent .vd-image-size-responsive .vd-image {
          width: auto; }
          #product-product #product-articles .block-parent .vd-image-size-responsive .vd-image img {
            max-width: 100%;
            height: 712px;
            width: auto; }
      #product-product #product-articles .block-parent .img-absolute {
        position: static; }
        #product-product #product-articles .block-parent .img-absolute .vd-image {
          width: 250px;
          height: 250px;
          overflow: hidden;
          position: absolute;
          right: 35px;
          z-index: 10;
          bottom: -210px; }
          #product-product #product-articles .block-parent .img-absolute .vd-image img {
            max-width: 100%;
            max-height: 100%;
            object-fit: cover; }
      #product-product #product-articles .block-parent .text {
        padding: 48px 8%; }
      #product-product #product-articles .block-parent .text-img > .block-content {
        padding-top: 60px;
        max-width: calc(100% - 360px); }
      #product-product #product-articles .block-parent .vd-image-size-original {
        max-width: 90%; }
      #product-product #product-articles .block-parent .vd-button {
        background-color: transparent !important;
        border: 1px solid #f8f3e8 !important;
        text-transform: none !important; }
        #product-product #product-articles .block-parent .vd-button:hover {
          background-color: #00352b !important;
          border: 1px solid #004236 !important; }

.top-three-attributes {
  padding-top: 0;
  padding-bottom: 0; }
  .top-three-attributes span {
    font-family: 'WorkSans-Regular';
    font-size: 16px;
    text-transform: uppercase; }
    .top-three-attributes span:after {
      content: "·";
      display: inline-block;
      margin: auto 10px;
      font-size: 30px;
      line-height: 1rem;
      transform: translateY(25%); }
    .top-three-attributes span:last-of-type::after {
      content: none; }

@media only screen and (max-width: 1230px) and (min-width: 992px) {
  #product-product .product-info .right .cart .wishlist-compare {
    padding-top: 10px;
    width: 100%; }
  .product-info .right .wishlist-compare .links {
    text-align: left; }
    .product-info .right .wishlist-compare .links a {
      padding-left: 0; } }

@media only screen and (max-width: 550px) {
  #product-product .product-info .right .cart .wishlist-compare {
    padding-top: 10px;
    width: 100%; }
  .product-info .right .wishlist-compare .links {
    text-align: left; }
    .product-info .right .wishlist-compare .links a {
      padding-left: 0; } }

/** Login Page**/
select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
  font-size: 16px; }

legend {
  color: #004236;
  font-family: 'WorkSans-Regular';
  font-size: 28px; }

.form-horizontal .control-label {
  color: #004236;
  font-size: 16px;
  padding-top: 0;
  vertical-align: bottom;
  height: 53px;
  line-height: 68px; }

.form-horizontal .control-label[for=input-comment] {
  line-height: 18px;
  height: auto; }

.radio {
  padding: 0; }
  .radio label {
    height: 30px;
    line-height: 38px;
    font-size: 16px; }
    .radio label input {
      height: 30px; }

label.radio-inline {
  height: 53px;
  line-height: 55px;
  font-size: 16px; }
  label.radio-inline input[type=radio] {
    top: auto;
    bottom: 12px;
    height: auto;
    margin: 0;
    left: 0; }

div.container .form-group input {
  background-color: #f8f3e8;
  height: 53px;
  padding: 16px 16px 0 16px;
  border: none;
  border-radius: 0;
  outline: none;
  font-size: 16px;
  color: #004236;
  box-shadow: none; }
  div.container .form-group input:focus {
    border: 1px solid #004236; }

div.container .form-group .date .btn {
  margin: 0;
  height: 53px;
  margin-bottom: 10px; }
  div.container .form-group .date .btn:hover .fa-calendar:before {
    color: #004236; }

div.container .form-group .date .fa-calendar:before {
  content: "\f073";
  color: #fff; }

#account-edit .form-group input[type=radio] {
  height: 30px; }

div.bootstrap-datetimepicker-widget {
  color: #004236; }
  div.bootstrap-datetimepicker-widget thead tr:first-child th:hover,
  div.bootstrap-datetimepicker-widget td.day:hover,
  div.bootstrap-datetimepicker-widget td.hour:hover,
  div.bootstrap-datetimepicker-widget td.minute:hover,
  div.bootstrap-datetimepicker-widget td.second:hover {
    background-color: #d6ce4b; }
  div.bootstrap-datetimepicker-widget td.active,
  div.bootstrap-datetimepicker-widget td.active:hover {
    background-color: #f8f3e8;
    color: #004236; }
  div.bootstrap-datetimepicker-widget td span.active,
  div.bootstrap-datetimepicker-widget td span.active:hover {
    background-color: #f8f3e8;
    color: #004236; }
  div.bootstrap-datetimepicker-widget td span:hover {
    background-color: #d6ce4b; }

table.table {
  background-color: #f4f4f4;
  margin-top: 30px; }
  table.table thead tr {
    font-family: 'WorkSans-Regular'; }
  table.table > tbody > tr > td,
  table.table > tbody > tr > th,
  table.table > thead > tr > td,
  table.table > thead > tr > th {
    padding: 30px 15px 0; }
  table.table > tbody > tr:last-of-type > td,
  table.table > tfoot > tr:last-of-type > td {
    padding-bottom: 30px; }
  table.table > tfoot > tr > td,
  table.table > tfoot > tr > th {
    padding: 10px 15px 0; }
  table.table a:not(.btn) {
    color: #004236; }
    table.table a:not(.btn):hover {
      color: #004236; }

#d_social_login {
  color: #004236;
  font-family: 'WorkSans-Regular';
  font-size: 16px; }

.well {
  font-family: 'WorkSans-Regular';
  font-size: 16px;
  color: #004236; }
  .well h2 {
    font-family: 'WorkSans-Regular';
    color: #004236;
    font-size: 28px; }
  .well a.forgotten-link {
    font-size: 16px;
    text-decoration: none; }
    .well a.forgotten-link:hover {
      text-decoration: underline;
      color: #004236; }
  .well .login-wrap {
    min-height: 212px; }
    .well .login-wrap a {
      color: #004236; }
    .well .login-wrap a:hover {
      color: #004236; }

#content {
  font-size: 16px;
  color: #004236; }
  #content h2 {
    font-family: 'WorkSans-Regular';
    color: #004236;
    font-size: 28px; }

#account-edit,
#account-password,
#account-address,
#account-wishlist,
#common-success {
  padding-bottom: 30px; }

#account-account {
  padding-bottom: 30px; }
  #account-account ul li a {
    color: #004236; }
    #account-account ul li a:hover {
      color: #004236; }

#account-address .form-horizontal {
  padding-top: 30px; }

#account-address .select-styled {
  height: 53px;
  padding-top: 22px; }
  #account-address .select-styled::after {
    top: auto;
    bottom: 7px; }

#account-address .select-options {
  max-height: 230px;
  overflow-y: scroll; }

#account-register h2 {
  font-size: 34px; }

#account-register .form-horizontal .control-label {
  width: 20%;
  line-height: 2; }
  #account-register .form-horizontal .control-label + div {
    width: 79%; }

#account-register .form-group .radio {
  padding-top: 0; }
  #account-register .form-group .radio label {
    line-height: 30px; }
    #account-register .form-group .radio label input {
      height: 24px; }

#account-register .form-control {
  background-color: #f8f3e8 !important;
  border-color: #f8f3e8; }
  #account-register .form-control:focus {
    outline: none;
    border: 1px solid #004236; }

#account-login h2 {
  font-size: 34px; }

#account-return textarea {
  background-color: #f8f3e8;
  border: none;
  outline: none;
  box-shadow: none; }
  #account-return textarea:focus {
    border: 1px solid #004236; }

#account-return .radio-inline input {
  top: 5px; }

/*** Checkout **/
#d_quickcheckout {
  color: #004236;
  font-size: 16px; }
  #d_quickcheckout #login_view label, #d_quickcheckout #login_view #login_button_popup {
    color: #004236 !important;
    font-family: 'WorkSans-Regular' !important;
    background-color: transparent !important;
    border: none;
    padding: 0;
    text-align: center;
    line-height: 20px;
    height: auto;
    text-transform: uppercase;
    font-size: 16px;
    white-space: normal;
    text-shadow: none; }
    #d_quickcheckout #login_view label.active, #d_quickcheckout #login_view #login_button_popup.active {
      font-family: 'WorkSans-Bold' !important;
      background-color: transparent !important;
      font-weight: normal;
      text-shadow: none; }
    #d_quickcheckout #login_view label:hover, #d_quickcheckout #login_view #login_button_popup:hover {
      background-color: transparent  !important;
      font-family: 'WorkSans-Regular' !important;
      font-weight: normal;
      text-shadow: none; }
      #d_quickcheckout #login_view label:hover.active, #d_quickcheckout #login_view #login_button_popup:hover.active {
        font-family: 'WorkSans-Bold' !important;
        text-shadow: none; }
  #d_quickcheckout #login_view .btn-group {
    border-left: 4px solid #f0f0f0;
    height: 60px;
    background-color: #e5e5e5; }
    #d_quickcheckout #login_view .btn-group.active {
      background-color: #fff;
      border-top: 2px solid #004236; }
      #d_quickcheckout #login_view .btn-group.active label, #d_quickcheckout #login_view .btn-group.active #login_button_popup {
        font-family: 'WorkSans-Bold'; }
    #d_quickcheckout #login_view .btn-group:hover {
      background-color: #fff;
      font-family: 'WorkSans-Regular';
      font-weight: normal;
      cursor: pointer; }
      #d_quickcheckout #login_view .btn-group:hover label, #d_quickcheckout #login_view .btn-group:hover #login_button_popup {
        font-family: 'WorkSans-Regular';
        font-weight: normal; }
      #d_quickcheckout #login_view .btn-group:hover.active label, #d_quickcheckout #login_view .btn-group:hover.active #login_button_popup {
        font-family: 'WorkSans-Bold'; }
    #d_quickcheckout #login_view .btn-group:first-of-type {
      border-left: none; }
  #d_quickcheckout #login_view .modal-content {
    color: #004236; }
    #d_quickcheckout #login_view .modal-content .modal-header .close {
      color: #004236;
      opacity: 1;
      font-size: 30px; }
    #d_quickcheckout #login_view .modal-content .modal-title {
      font-family: 'WorkSans-Bold';
      font-size: 16px;
      text-transform: uppercase;
      color: #004236; }
    #d_quickcheckout #login_view .modal-content .fa-user {
      background: url(../image/icons/body-shop-icons-thick_sign_in_gr.svg) center no-repeat; }
      #d_quickcheckout #login_view .modal-content .fa-user:hover {
        background-image: url(../image/icons/body-shop-icons-thick_sign_in_gr.svg); }
    #d_quickcheckout #login_view .modal-content input[type="password"] {
      margin-bottom: 10px; }
    #d_quickcheckout #login_view .modal-content #remeber_password {
      color: #004236 !important;
      text-decoration: underline;
      font-family: 'WorkSans-Bold'; }
      #d_quickcheckout #login_view .modal-content #remeber_password .fa-angle-right {
        color: #004236; }
      #d_quickcheckout #login_view .modal-content #remeber_password:hover {
        text-decoration: none;
        color: #3a857e !important; }
    #d_quickcheckout #login_view .modal-content #login_form .row > div:last-of-type {
      text-align: center; }
    #d_quickcheckout #login_view .modal-content #login_form input {
      height: 50px;
      font-size: 16px;
      border: none;
      background: #f8f3e8; }
      #d_quickcheckout #login_view .modal-content #login_form input:focus {
        border: none;
        outline: none; }
    #d_quickcheckout #login_view .modal-content #button_login {
      background-color: #004236 !important;
      font-family: 'WorkSans-Regular' !important;
      width: auto;
      height: 50px;
      min-width: 110px; }
      #d_quickcheckout #login_view .modal-content #button_login:hover {
        background-color: #d6ce4b !important;
        color: #004236 !important; }
  #d_quickcheckout .panel .panel-body {
    border: none;
    background-color: #fff !important;
    font-size: 16px; }
    #d_quickcheckout .panel .panel-body .control-label {
      padding: 0;
      height: auto;
      vertical-align: middle;
      font-size: 16px;
      color: #004236;
      font-family: 'WorkSans-Regular';
      line-height: 20px;
      text-align: left; }
    #d_quickcheckout .panel .panel-body a {
      color: #004236 !important;
      font-family: 'WorkSans-Bold';
      text-decoration: underline; }
      #d_quickcheckout .panel .panel-body a:hover {
        text-decoration: none;
        color: #3a857e !important; }
  #d_quickcheckout .panel .panel-heading {
    background-color: #fff !important; }
  #d_quickcheckout .panel .panel-title, #d_quickcheckout .panel #payment_address_heading_heading {
    font-family: 'WorkSans-Bold';
    background-color: #fff !important;
    font-size: 16px !important;
    color: #004236 !important;
    line-height: 40px;
    text-transform: uppercase;
    padding: 0; }
  #d_quickcheckout .panel select.form-control,
  #d_quickcheckout .panel textarea.form-control,
  #d_quickcheckout .panel input[type="text"].form-control,
  #d_quickcheckout .panel input[type="password"].form-control,
  #d_quickcheckout .panel input[type="datetime"].form-control,
  #d_quickcheckout .panel input[type="datetime-local"].form-control,
  #d_quickcheckout .panel input[type="date"].form-control,
  #d_quickcheckout .panel input[type="month"].form-control,
  #d_quickcheckout .panel input[type="time"].form-control,
  #d_quickcheckout .panel input[type="week"].form-control,
  #d_quickcheckout .panel input[type="number"].form-control,
  #d_quickcheckout .panel input[type="email"].form-control,
  #d_quickcheckout .panel input[type="url"].form-control,
  #d_quickcheckout .panel input[type="search"].form-control,
  #d_quickcheckout .panel input[type="tel"].form-control,
  #d_quickcheckout .panel input[type="color"].form-control {
    font-size: 16px;
    color: #004236;
    background-color: #f8f3e8;
    border: none;
    height: 40px;
    box-shadow: none; }
    #d_quickcheckout .panel select.form-control:focus,
    #d_quickcheckout .panel textarea.form-control:focus,
    #d_quickcheckout .panel input[type="text"].form-control:focus,
    #d_quickcheckout .panel input[type="password"].form-control:focus,
    #d_quickcheckout .panel input[type="datetime"].form-control:focus,
    #d_quickcheckout .panel input[type="datetime-local"].form-control:focus,
    #d_quickcheckout .panel input[type="date"].form-control:focus,
    #d_quickcheckout .panel input[type="month"].form-control:focus,
    #d_quickcheckout .panel input[type="time"].form-control:focus,
    #d_quickcheckout .panel input[type="week"].form-control:focus,
    #d_quickcheckout .panel input[type="number"].form-control:focus,
    #d_quickcheckout .panel input[type="email"].form-control:focus,
    #d_quickcheckout .panel input[type="url"].form-control:focus,
    #d_quickcheckout .panel input[type="search"].form-control:focus,
    #d_quickcheckout .panel input[type="tel"].form-control:focus,
    #d_quickcheckout .panel input[type="color"].form-control:focus {
      outline: none; }
  #d_quickcheckout .panel input[type="checkbox"] {
    height: auto; }
  #d_quickcheckout .panel #shipping_method_list .text {
    font-size: 16px;
    font-family: 'WorkSans-Regular'; }
  #d_quickcheckout .panel #shipping_method_list .econt-shipping-show {
    font-weight: normal;
    background-color: #004236;
    padding: 8px 20px;
    border-radius: 0;
    box-shadow: none; }
    #d_quickcheckout .panel #shipping_method_list .econt-shipping-show:hover {
      background-color: #d6ce4b; }
  #d_quickcheckout .panel #payment_method_list label {
    font-size: 1px;
    font-family: 'WorkSans-Regular';
    line-height: 30px;
    visibility: hidden;
    padding-left: 24px; }
    #d_quickcheckout .panel #payment_method_list label input, #d_quickcheckout .panel #payment_method_list label img {
      visibility: visible;
      vertical-align: middle; }
    #d_quickcheckout .panel #payment_method_list label input {
      top: -3px;
      margin-left: -24px;
      margin-right: 10px; }
  #d_quickcheckout .panel #payment_address_form .col-xs-7 .radio {
    padding-top: 0; }
    #d_quickcheckout .panel #payment_address_form .col-xs-7 .radio label {
      height: 20px;
      line-height: 20px;
      font-size: 16px; }
      #d_quickcheckout .panel #payment_address_form .col-xs-7 .radio label input {
        height: 20px;
        margin: 0;
        left: 0; }
  #d_quickcheckout .panel #payment_address_form label[type='button'] {
    height: 40px;
    border: none;
    box-shadow: none;
    background-color: #004236 !important;
    color: #fff;
    border-radius: 0; }
    #d_quickcheckout .panel #payment_address_form label[type='button']:hover {
      background-color: #d6ce4b !important;
      color: #004236; }
  #d_quickcheckout #cart_view .panel-heading .icon .fa-shopping-cart {
    background: none; }
    #d_quickcheckout #cart_view .panel-heading .icon .fa-shopping-cart:hover {
      background: none; }
  #d_quickcheckout #cart_view table .qc-name a {
    font-size: 16px;
    font-family: 'WorkSans-Regular';
    text-decoration: none; }
    #d_quickcheckout #cart_view table .qc-name a:hover {
      color: #004236 !important; }
  #d_quickcheckout #cart_view table .qc-quantity .btn {
    color: #fff;
    height: 40px;
    line-height: 28px;
    border: none; }
  #d_quickcheckout #cart_view table .qc-quantity .btn-primary {
    background: none !important;
    padding: 0;
    height: 26px;
    margin: 0 3px !important; }
    #d_quickcheckout #cart_view table .qc-quantity .btn-primary:focus {
      border: none;
      outline: none; }
  #d_quickcheckout #cart_view .form-horizontal .form-group {
    margin: 0; }
  #d_quickcheckout #cart_view .form-horizontal .row {
    margin: 0; }
  #d_quickcheckout #cart_view .form-horizontal .btn-primary {
    height: 40px;
    background-color: #004236 !important;
    border: none;
    border-radius: 0 !important;
    line-height: 25px; }
    #d_quickcheckout #cart_view .form-horizontal .btn-primary:hover {
      background-color: #d6ce4b !important;
      color: #004236; }
  #d_quickcheckout #cart_view .form-horizontal .free-delivery-amount span {
    border-top: 1px solid #efefef;
    padding-top: 17px;
    margin-top: 10px;
    color: #3a857e; }
  #d_quickcheckout #confirm_wrap {
    text-align: center; }
    #d_quickcheckout #confirm_wrap #confirm_form {
      text-align: left; }
    #d_quickcheckout #confirm_wrap h2 {
      color: #004236;
      font-family: 'Recoleta-Medium'; }
    #d_quickcheckout #confirm_wrap .btn-primary {
      font-family: 'WorkSans-Regular' !important;
      font-weight: normal !important;
      background-color: #004236 !important;
      text-shadow: none;
      width: auto;
      min-width: 300px;
      height: 50px; }
      #d_quickcheckout #confirm_wrap .btn-primary:hover {
        background-color: #d6ce4b !important;
        color: #004236 !important; }

.left-side,
div.block-container div.block-container.left-side,
div.block-container.left-side {
  padding-left: calc( (100% - 1272px) / 2); }

.right-side,
div.block-container div.block-container.right-side,
div.block-container.right-side {
  padding-right: calc( (100% - 1272px) / 2); }

.flex-block > div.child {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.flex-two > div.child {
  display: flex;
  flex-wrap: wrap; }
  .flex-two > div.child > .block-inner > .block-content {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: baseline; }
    .flex-two > div.child > .block-inner > .block-content div:last-of-type {
      align-self: end; }

@media only screen and (max-width: 992px) {
  div#common-home div.block-parent.flex-two div.block-inner.block-container {
    padding-right: 15px; } }

#d_quickcheckout .panel .panel-body label[for=confirm_agree_phone_call].control-label {
  padding-left: 10px; }

#d_quickcheckout #confirm_agree_phone_call_input {
  display: none; }

/*** Home **/
#common-home #content > .swiper-viewport:first-child .swiper-container {
  padding-bottom: 0; }

#common-home #content > .swiper-viewport:first-child .swiper-slide img {
  object-fit: cover; }

#common-home #content > h3 {
  text-align: left; }

#common-home .swiper-viewport {
  margin-bottom: 80px; }
  #common-home .swiper-viewport img {
    width: 100%; }

#common-home .carousell {
  width: 1302px;
  padding: 0 15px;
  margin: 0 auto; }

#common-home .block-container.container {
  padding: 0 15px; }

#common-home .block-content h2 {
  font-family: 'Recoleta-Medium';
  font-weight: 700;
  font-size: 28px; }

#common-home .block-content h3 {
  font-family: 'DrukCy-Bold';
  font-weight: 400;
  font-size: 32px; }

#common-home .block-content h2 {
  color: inherit; }

#common-home .text-con h2 {
  font-family: 'DrukCy-Bold';
  font-weight: 400;
  font-size: 40px;
  color: inherit;
  margin-top: 10px; }

#common-home .text-con h3 {
  font-family: 'WorkSans-Regular';
  font-size: 16px;
  font-weight: 400;
  color: inherit; }

#common-home .text-con a {
  font-family: 'Recoleta-SemiBold';
  text-decoration: underline; }
  #common-home .text-con a:hover {
    text-decoration: none; }

#common-home .btn-invert button.vd-button {
  background-color: #d6ce4b !important;
  color: #004236 !important; }
  #common-home .btn-invert button.vd-button:hover {
    color: #fff !important;
    background-color: #00352b !important; }

#common-home button.vd-button {
  font-family: 'WorkSans-Regular' !important;
  background-color: #004236 !important;
  font-size: 16px !important;
  text-transform: none !important; }
  #common-home button.vd-button:hover {
    background-color: #d6ce4b !important;
    color: #004236 !important; }

/** Information **/
input::placeholder, textarea::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #004236;
  opacity: 1;
  /* Firefox */ }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #004236; }

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #004236; }

#information-information h1, #information-contact h1, #information-sitemap h1, #account-voucher h1 {
  font-family: 'DrukCy-Bold';
  font-size: 96px;
  font-weight: 400;
  text-align: inherit;
  color: inherit; }

#information-information h2, #information-contact h2, #information-sitemap h2, #account-voucher h2 {
  font-family: 'Recoleta-Medium';
  font-size: 32px;
  font-weight: 700;
  text-align: inherit;
  color: inherit;
  padding-top: 40px;
  padding-bottom: 40px;
  margin: 0; }

#information-information .heading h2, #information-contact .heading h2, #information-sitemap .heading h2, #account-voucher .heading h2 {
  font-size: 28px;
  font-family: 'WorkSans-Regular'; }

#information-information h3, #information-contact h3, #information-sitemap h3, #account-voucher h3 {
  font-family: 'DrukCy-Bold';
  font-size: 40px;
  font-weight: 400;
  text-align: inherit; }

#information-information h4, #information-contact h4, #information-sitemap h4, #account-voucher h4 {
  font-size: 20px;
  font-family: 'WorkSans-Regular';
  font-weight: 400;
  text-align: inherit;
  color: inherit; }

#information-information .breadcrumb, #information-contact .breadcrumb, #information-sitemap .breadcrumb, #account-voucher .breadcrumb {
  position: absolute;
  z-index: 11; }

#information-information #content .block-parent:first-of-type:not(.top), #information-contact #content .block-parent:first-of-type:not(.top), #information-sitemap #content .block-parent:first-of-type:not(.top), #account-voucher #content .block-parent:first-of-type:not(.top) {
  padding-top: 50px; }

#information-information .btn-invert button.vd-button, #information-contact .btn-invert button.vd-button, #information-sitemap .btn-invert button.vd-button, #account-voucher .btn-invert button.vd-button {
  background-color: #d6ce4b !important;
  color: #004236 !important; }
  #information-information .btn-invert button.vd-button:hover, #information-contact .btn-invert button.vd-button:hover, #information-sitemap .btn-invert button.vd-button:hover, #account-voucher .btn-invert button.vd-button:hover {
    color: #fff !important;
    background-color: #00352b !important; }

#information-information button.vd-button, #information-contact button.vd-button, #information-sitemap button.vd-button, #account-voucher button.vd-button {
  font-family: 'WorkSans-Regular' !important;
  background-color: #004236 !important;
  font-size: 16px !important;
  text-transform: none !important; }
  #information-information button.vd-button:hover, #information-contact button.vd-button:hover, #information-sitemap button.vd-button:hover, #account-voucher button.vd-button:hover {
    background-color: #d6ce4b !important;
    color: #004236 !important; }

#information-information .block-content a, #information-contact .block-content a, #information-sitemap .block-content a, #account-voucher .block-content a {
  color: #3a857e; }

#information-information input[type='file'], #information-contact input[type='file'], #information-sitemap input[type='file'], #account-voucher input[type='file'] {
  background-color: transparent;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0; }

#information-information textarea, #information-contact textarea, #information-sitemap textarea, #account-voucher textarea {
  background-color: #f8f3e8;
  border: none;
  box-shadow: none;
  border-radius: 0; }
  #information-information textarea:focus, #information-contact textarea:focus, #information-sitemap textarea:focus, #account-voucher textarea:focus {
    border: 1px solid #004236; }

#information-information .form-horizontal .control-label, #information-contact .form-horizontal .control-label, #information-sitemap .form-horizontal .control-label, #account-voucher .form-horizontal .control-label {
  width: 28%;
  text-align: left; }
  #information-information .form-horizontal .control-label + div, #information-contact .form-horizontal .control-label + div, #information-sitemap .form-horizontal .control-label + div, #account-voucher .form-horizontal .control-label + div {
    width: 72%; }

#information-contact h2 {
  padding-top: 15px;
  padding-bottom: 0; }

#information-contact textarea {
  background: #f8f3e8;
  border: none; }
  #information-contact textarea:focus {
    border: 1px solid #004236;
    outline: none;
    box-shadow: none; }

#information-contact .captcha label {
  display: none; }

#information-information div.block-container.container {
  padding-left: 15px;
  padding-right: 15px; }

#information-sitemap {
  padding-bottom: 50px; }
  #information-sitemap h1 {
    text-align: left;
    padding: 30px 0; }
  #information-sitemap a {
    color: #3a857e; }

#common-success h2, #common-success p {
  text-align: left; }

#common-success a:not(.btn) {
  color: #3a857e; }

/** Search **/
#product-search .checkbox-inline {
  line-height: 40px;
  padding-left: 25px; }
  #product-search .checkbox-inline input {
    margin-left: -25px; }

/** Error Page **/
#error-not-found #content {
  text-align: center; }
  #error-not-found #content h1 {
    font-family: WorkSans-Bold;
    font-size: 16px; }

/** Scrool**/
header #menu .dropdown-inner::-webkit-scrollbar-track,
.navbar-nav::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #cae0dd; }

header #menu .dropdown-inner::-webkit-scrollbar,
.navbar-nav::-webkit-scrollbar {
  width: 6px;
  background-color: #cae0dd; }

header #menu .dropdown-inner::-webkit-scrollbar-thumb,
.navbar-nav::-webkit-scrollbar-thumb {
  background-color: #004236; }

/** refer friend **/
.copy {
  padding-top: 40px;
  position: relative; }
  .copy input {
    width: 100%;
    text-align: center; }
  .copy button {
    position: absolute;
    font-size: 13px;
    width: 100px;
    line-height: 40px;
    padding: 2px 0;
    right: 6px;
    bottom: 0px;
    color: #004236;
    background-color: #f8f3e8;
    border: none; }
    .copy button:hover, .copy button:focus {
      background-color: #d6ce4b;
      color: #004236; }
  .copy .info {
    display: none;
    position: absolute;
    color: #f8f3e8;
    font-size: 12px;
    background-color: #000;
    padding: 5px;
    right: 8px;
    top: 0; }
    .copy .info::after {
      content: "";
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #000;
      bottom: -9px;
      position: absolute;
      right: 23px; }

#refer-friend {
  display: flex;
  height: auto;
  width: 846px;
  margin: auto;
  background: #004236; }
  #refer-friend > div {
    width: 50%; }
  #refer-friend .text {
    padding: 30px 39px 10px; }
  #refer-friend h1 {
    color: #f8f3e8;
    font-size: 38px;
    font-family: 'DrukCy-Bold';
    font-weight: 400;
    text-align: center; }
  #refer-friend p {
    text-align: center;
    color: #f8f3e8;
    font-size: 16px; }
  #refer-friend input:not(.btn) {
    height: 45px;
    line-height: 1.2em;
    background-color: transparent;
    border: 2px solid #f8f3e8;
    border-radius: 0;
    -webkit-text-fill-color: #f8f3e8;
    font-size: 15px;
    padding-left: 15px;
    font-weight: unset; }
  #refer-friend legend {
    font-size: 18px;
    font-family: 'Georgia Regular';
    color: #f8f3e8; }
  #refer-friend .captcha label {
    width: 100%;
    color: #f8f3e8;
    text-align: left; }
  #refer-friend .information-notice {
    font-size: 10px;
    color: #f8f3e8;
    text-align: center; }
  #refer-friend .buttons {
    padding-top: 20px; }
  #refer-friend input.btn {
    background-color: #f8f3e8;
    color: #004236;
    width: 100%;
    font-family: 'WorkSans-Regular'; }
  #refer-friend .mobile {
    display: none; }
  #refer-friend .desctop {
    display: inline;
    object-fit: cover;
    height: 100%;
    width: auto; }

#refertoget-refertoget h1 {
  font-family: 'DrukCy-Bold';
  font-size: 61px;
  font-weight: 400;
  text-align: inherit;
  color: inherit; }

#refertoget-refertoget textarea {
  background-color: #f8f3e8;
  border: none;
  outline: none;
  box-shadow: none; }
  #refertoget-refertoget textarea:focus {
    border: 1px solid #004236; }

#refertoget-refertoget label {
  width: 90px;
  font-weight: 700; }

#refertoget-refertoget label[for='input-enquiry'] {
  vertical-align: top; }

#refertoget-refertoget label + input {
  width: calc(100% - 95px);
  display: inline-block; }

#refertoget-refertoget textarea {
  width: calc(100% - 95px);
  display: inline-block; }

#refertoget-refertoget .copy-link {
  background-color: #004236;
  color: #f8f3e8; }
  #refertoget-refertoget .copy-link input {
    background: transparent;
    border: none;
    color: #f8f3e8;
    width: calc(100% - 130px);
    max-width: 80%;
    padding-left: 20px;
    text-overflow: ellipsis; }
    #refertoget-refertoget .copy-link input:focus, #refertoget-refertoget .copy-link input:focus-visible {
      border: none;
      outline: none; }
  #refertoget-refertoget .copy-link button {
    bottom: -23px;
    line-height: 50px; }
  #refertoget-refertoget .copy-link p {
    padding: 20px 20px;
    margin: 0;
    color: rgba(248, 243, 232, 0.7);
    font-size: 14px; }

#refertoget-refertoget .alert {
  font-size: 20px; }

#check-voucher-balance #input-voucher-code {
  width: 325px; }

.slick-prev, .slick-next {
  height: 30px;
  width: 30px; }
  .slick-prev::before, .slick-next::before {
    font-size: 30px; }

.slick-prev {
  left: -30px; }

.slick-next {
  right: -30px; }

@media only screen and (max-width: 1340px) {
  .container, footer .container, #common-home .carousell {
    width: 100%; }
  .slick-prev {
    left: 10px;
    z-index: 1; }
  .slick-prev, .slick-next {
    top: 45%; }
  .slick-next {
    right: 10px;
    z-index: 0; }
  #product-product #section-how-to-use .video .left-side, #product-product #section-how-to-use .text .left-side {
    padding-left: 8%;
    padding-right: 8%; } }

@media only screen and (max-width: 1320px) {
  .left-side {
    padding-left: 15px; }
  .right-side {
    padding-right: 15px; } }

@media only screen and (max-width: 1280px) {
  #product-category .promo-description-text-main .top .child > .col-md-6:first-of-type > div {
    width: 100%; }
  div.block-container div.block-container.left-side, div.block-container.left-side {
    padding-left: 15px; }
  div.block-container div.block-container.right-side, div.block-container.right-side {
    padding-right: 15px; }
  .slick-prev, .slick-next {
    top: 45%; }
  header #menu .dropdown-inner {
    width: calc(100% - 30px); }
  #product-product #section-how-to-use .text-img .text-body {
    padding-left: 15px; }
  #product-product #section-how-to-use .left-side {
    padding-right: 100px; } }

@media only screen and (max-width: 1020px) {
  footer .chk #second-row {
    padding-bottom: 0; }
  footer #second-row {
    border: none;
    padding-bottom: 30px; }
    footer #second-row .newsletter, footer #second-row #logo_icon, footer #second-row .social-icon-bar {
      width: 50%; }
    footer #second-row .social-icon-bar {
      padding-top: 30px; }
      footer #second-row .social-icon-bar .yCmsContentSlot {
        display: flex;
        flex-wrap: wrap; }
        footer #second-row .social-icon-bar .yCmsContentSlot li {
          margin: 0;
          flex-grow: 1; }
    footer #second-row #logo_icon {
      text-align: center;
      padding-right: 0;
      padding-top: 30px; }
  footer .container .powered {
    width: 90%;
    margin-left: 5%; }
  html body {
    height: auto !important; }
  #information-information h1,
  #information-contact h1,
  #information-sitemap h1 {
    font-size: 62px; }
  #information-information h3,
  #information-contact h3,
  #information-sitemap h3 {
    font-size: 36px; }
  #information-information h2,
  #information-contact h2,
  #information-sitemap h2 {
    font-size: 28px; }
  .chk .social-icon-bar {
    display: none; } }

@media only screen and (max-width: 992px) {
  #product-category .product-filter .display {
    min-height: 44px;
    line-height: 44px; }
  #product-category .product-filter > div {
    margin-bottom: 15px; }
  #product-category .product-filter .sort label {
    padding-left: 0; }
  #product-category .product-filter #btn-filters {
    width: 100%; }
  #product-product .product-info .left, #product-product .product-info .right {
    width: 100%; }
  #product-product #sticky_btn {
    text-align: center; }
  #information-information div.block-container div.block-container.text-con {
    padding: 50px 15px; }
  div.block-container div.block-container.text-con {
    padding: 50px 15px; }
  div.block-container div.block-container.img-con.left-side {
    padding-left: 0; }
  div.block-container div.block-container.img-con.right-side {
    padding-right: 0; }
  div#common-home div.block-parent div.block-inner.block-container {
    padding-right: 0; }
  div#common-home .vd-image-size-phone-large img, div#common-home .vd-image-size-tablet-large img {
    height: auto !important; }
  div#common-home .vd-image-container.vd-image-align-phone-right > .vd-image-wrapper.vd-image-size-responsive:not(.vd-image-size-tablet-responsive):not(.vd-image-size-phone-responsive), div#common-home .vd-image-container.vd-image-align-tablet-right > .vd-image-wrapper.vd-image-size-responsive:not(.vd-image-size-tablet-responsive):not(.vd-image-size-phone-responsive), div#common-home .vd-image-container.vd-image-align-phone-left > .vd-image-wrapper.vd-image-size-responsive:not(.vd-image-size-tablet-responsive):not(.vd-image-size-phone-responsive), div#common-home .vd-image-container.vd-image-align-tablet-left > .vd-image-wrapper.vd-image-size-responsive:not(.vd-image-size-tablet-responsive):not(.vd-image-size-phone-responsive) {
    width: auto; }
  div#common-home .flex-block.rise-love > div.child > div:nth-of-type(2) {
    order: -1; }
  #account-register .form-horizontal .control-label, #information-information .form-horizontal .control-label, #account-voucher .form-horizontal .control-label {
    width: 35%; }
    #account-register .form-horizontal .control-label + div, #information-information .form-horizontal .control-label + div, #account-voucher .form-horizontal .control-label + div {
      width: 65%; }
  #product-product #product-articles .block-parent .img-absolute .vd-image {
    top: calc(50% - 125px);
    right: 50%; }
  #product-product #product-articles .block-parent .vd-image-size-responsive {
    width: 57%; }
    #product-product #product-articles .block-parent .vd-image-size-responsive .vd-image img {
      width: 100%;
      height: auto; }
  #product-product #product-articles .block-parent .text {
    padding: 48px 15px; }
  #product-product #product-articles .block-parent .vd-image-size-original {
    max-width: 100%;
    width: 100%; }
    #product-product #product-articles .block-parent .vd-image-size-original .vd-image {
      width: 100%; }
    #product-product #product-articles .block-parent .vd-image-size-original img {
      width: 100%;
      height: auto; }
  #product-product #product-articles .block-parent .text-img > .block-content {
    max-width: 100%;
    padding: 48px 15px; }
  #product-product #product-articles > div:nth-of-type(2) {
    position: static; }
  #product-product #section-how-to-use .left-side {
    padding-right: 0px; }
  #product-product #section-how-to-use .video .left-side {
    padding-left: 15px;
    padding-bottom: 40px;
    padding-right: 15px; }
  #product-product #section-how-to-use .video .col-md-6:nth-of-type(2) {
    position: static; }
  #product-product #section-how-to-use .text .left-side {
    padding-left: 15px;
    padding-right: 15px; }
  #refer-friend {
    flex-direction: column-reverse;
    width: 100%;
    height: auto; }
    #refer-friend > div {
      width: 100%; }
    #refer-friend img {
      width: 100%;
      max-height: 35vw;
      object-fit: cover; }
      #refer-friend img.mobile {
        display: inline; }
      #refer-friend img.desctop {
        display: none; } }

@media only screen and (max-width: 767px) {
  .container-fluid .row {
    margin-right: -15px;
    margin-left: -15px;
    width: auto; }
  .product-thumb h4, .product-list .product-thumb h4 {
    min-height: 71px; }
  header .is_sticky {
    position: fixed;
    top: 0;
    z-index: 5;
    margin-top: 0; }
    header .is_sticky #cart > a {
      margin-top: 0; }
  header .header.is_sticky {
    background-color: #fff; }
  header #menu {
    margin-top: -44px;
    z-index: 3;
    background-color: #fff; }
    header #menu.is_sticky {
      height: 55px;
      background-color: transparent;
      pointer-events: none; }
      header #menu.is_sticky .navbar-header {
        margin-top: 11px; }
      header #menu.is_sticky button, header #menu.is_sticky .navbar-collapse {
        pointer-events: all; }
    header #menu .dropdown-menu {
      top: 0;
      max-height: auto;
      overflow-y: visible; }
      header #menu .dropdown-menu a:hover, header #menu .dropdown-menu ul li a:hover {
        background: none; }
    header #menu .dropdown-inner {
      max-height: 100%;
      overflow: auto; }
      header #menu .dropdown-inner .column li.heading a {
        font-size: 18px; }
    header #menu .nav > li, header #menu .nav > li:hover {
      border-bottom: 1px solid #004236;
      background-color: #fff;
      color: #004236; }
    header #menu .nav > li > a, header #menu .nav > li > a:first-of-type, header #menu .nav > li > a:hover, header #menu .nav > li > a:focus, header #menu .nav > li.shown > a {
      background-color: #fff;
      color: #004236; }
    header #menu ul.navbar-nav .dropdown-inner {
      background-color: #f4f4f4;
      color: #004236; }
    header #menu .mobile-plus {
      background-color: transparent;
      color: #004236; }
  header .center-links {
    position: relative; }
    header .center-links #cart-area.is_sticky {
      top: -16px; }
    header .center-links #cart-area #cart {
      width: 100%;
      padding-top: 3px; }
    header .center-links #search {
      width: calc(50% - 80px);
      position: absolute;
      bottom: 3px;
      left: 40px;
      z-index: 3; }
    header .center-links #logo {
      width: calc(50% + 75px);
      padding-right: 0; }
      header .center-links #logo a img {
        width: 150px;
        left: calc(100% - 75px); }
    header .center-links #top-links {
      width: calc(50% - 75px);
      padding: 0;
      padding-right: 10px; }
      header .center-links #top-links .list-inline {
        float: right !important; }
      header .center-links #top-links #cart .dropdown-menu .popup-subtotal .close-popup-link {
        top: 20px; }
      header .center-links #top-links #cart-area {
        width: 31px;
        padding: 0; }
        header .center-links #top-links #cart-area a {
          line-height: 21px; }
      header .center-links #top-links a {
        line-height: 31px; }
  header #menu .btn-navbar, header #menu .btn-navbar:active, header #menu .btn-navbar:focus {
    width: 40px; }
  header #header-phone {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2; }
  .is_sticky .navbar-nav, .navbar-nav {
    max-height: calc(100vh - 128px); }
  footer .container .footer-columns {
    width: 100%; }
  footer .container .footer-region-3 {
    width: auto !important; }
  footer .chk #second-row {
    padding-bottom: 30px; }
    footer .chk #second-row #logo_icon {
      padding-top: 0; }
  footer #second-row .newsletter, footer #second-row #logo_icon, footer #second-row .social-icon-bar {
    width: 100%; }
  footer #second-row #logo_icon {
    padding-top: 30px; }
  footer #second-row .yCmsContentSlot li {
    text-align: center; }
  .product-filter > div {
    display: block;
    height: auto;
    line-height: 20px;
    overflow: visible; }
  .product-filter .display label, .product-filter .sort label, .product-filter .limit label {
    display: table-cell;
    padding-left: 0; }
  .product-filter .sort select {
    padding: 12px 6px 10px;
    margin: 0; }
  .product-filter .limit {
    position: static;
    width: 100%; }
  .product-product .container-fluid > .row {
    margin-left: -15px;
    margin-right: -15px; }
  #product-search #content .row .rev-select {
    margin-top: 15px; }
  .product-grid.col-xs-6 .product-thumb {
    padding-right: 10px; }
  .product-grid.col-xs-6:nth-of-type(2n) .product-thumb {
    padding-right: 0;
    padding-left: 10px; }
  #product-product #product-articles .block-parent .img-absolute .vd-image {
    width: 150px;
    height: 150px;
    top: calc(50% - 75px); }
  #account-register .form-horizontal .control-label, #information-information .form-horizontal .control-label, #account-voucher .form-horizontal .control-label {
    width: 100%; }
    #account-register .form-horizontal .control-label + div, #information-information .form-horizontal .control-label + div, #account-voucher .form-horizontal .control-label + div {
      width: 100%; }
  #information-information form.container {
    padding: 15px; }
  #refertoget-refertoget label + input, #refertoget-refertoget textarea {
    display: block;
    width: 100%; } }

@media only screen and (max-width: 640px) {
  #product-product .thumbnails .image-additional-container {
    display: none; }
  #product-product .thumbnails .image-general-container {
    width: 100%;
    margin: 0; } }

@media only screen and (max-width: 600px) {
  footer .container .footer-columns .col-1, footer .container .footer-columns .col-2 {
    width: 100%;
    padding: 20px 0 0;
    text-align: center; }
  .slick-prev, .slick-next {
    top: 40%; } }

@media only screen and (max-width: 500px) {
  #menu ul.navbar-nav .dropdown-inner .column {
    width: 100%;
    padding-right: 0; }
  #left_column #column-left {
    padding-left: 15px;
    padding-right: 15px; }
  aside#column-left #aside-filter .filter-items-wrapper div.list-group-item .checkbox {
    width: 100%;
    margin-bottom: 5px; }
    aside#column-left #aside-filter .filter-items-wrapper div.list-group-item .checkbox input {
      vertical-align: top; }
    aside#column-left #aside-filter .filter-items-wrapper div.list-group-item .checkbox label {
      width: calc(100% - 28px); }
  .product-info .right > div > div,
  .product-info .right > div > ul {
    padding: 10px 0; }
  #cart ul.dropdown-menu {
    max-width: 90vw; }
    #cart ul.dropdown-menu .popup-buttons-wrapper .btn {
      padding: 25px 10px; }
  #cart-area.is_sticky #cart .dropdown-menu {
    left: 0; }
  .copy input {
    text-align: left; }
  .display-block-below-500px {
    display: block !important; }
  .display-table-below-500px {
    display: table !important; }
  header #menu.is_sticky {
    top: -3px; }
    header #menu.is_sticky .navbar-header {
      height: 100%;
      margin-top: 0;
      position: relative; }
    header #menu.is_sticky .btn-navbar {
      position: absolute;
      bottom: 0;
      float: none; } }

@media (max-width: 470px) {
  .product-layout.product-list .product-thumb .image .badges-right-container {
    max-width: 27% !important;
    left: 10px; }
  .product-layout.product-list .product-thumb .image img {
    width: 100%; }
  .product-layout.product-list .product-thumb h4 {
    padding-top: 20px; }
  #product-product .product-info .right .cart #button-cart {
    width: 100%; }
  #product-product .product-info .right .cart .qty {
    width: 100%; } }

@media only screen and (max-width: 420px) {
  .product-filter .display label, .product-filter .sort label, .product-filter .limit label {
    display: none; }
  #product-category .product-layout .rating .fa-stack, #product-search .product-layout .rating .fa-stack {
    width: 17px;
    height: 17px; }
    #product-category .product-layout .rating .fa-stack .fa-star, #product-category .product-layout .rating .fa-stack .fa-star-o, #product-search .product-layout .rating .fa-stack .fa-star, #product-search .product-layout .rating .fa-stack .fa-star-o {
      width: 17px;
      height: 17px;
      background-size: 17px; }
  #product-category .product-layout .price, #product-search .product-layout .price {
    margin-top: 20px; }
  #left_column #column-left {
    padding-left: 15px;
    padding-right: 15px; }
  .is_sticky .navbar-nav, .navbar-nav {
    max-height: calc(100vh - 176px); }
  .is_sticky #search {
    display: none; }
  #product-product .rating .user_review {
    width: 100%;
    padding-top: 20px; } }

@media only screen and (min-width: 470px) {
  .product-layout.product-list .product-thumb .image .badges-right-container {
    max-width: 30% !important;
    left: 5px; } }

@media only screen and (min-width: 501px) {
  .display-block-not-below-500px {
    display: block !important; }
  .display-table-not-below-500px {
    display: table !important; } }

@media only screen and (min-width: 768px) {
  .product-layout.product-list .product-thumb .image .badges-right-container {
    left: 20px; } }

p.vouchers-terms {
  margin-bottom: 15px !important;
  font-size: 85%; }
  p.vouchers-terms + ul {
    list-style-type: disc;
    padding-left: 40px;
    font-size: 85%; }

.fa-spinner {
  width: 1.28571429em;
  font-size: 10rem;
  height: auto;
  color: #000; }
  .fa-spinner::before {
    content: "\f110" !important; }

#cart .vc_container,
#cart .verticalCarouselGroup {
  position: relative; }

#cart .loader-overlay {
  position: absolute;
  background-color: #004236;
  opacity: 0.4;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: none;
  align-items: center;
  justify-content: center;
  margin-left: 2px;
  margin-right: 2px; }
  #cart .loader-overlay > .fa-spinner {
    color: #fff;
    width: auto;
    height: auto; }

#cart .verticalCarousel .isDisabled {
  pointer-events: none; }

#cart .verticalCarousel .popup-arrow-down,
#cart .verticalCarousel .popup-arrow-up {
  cursor: not-allowed; }

#cart input.product-quantity {
  -moz-appearance: textfield; }
  #cart input.product-quantity::-webkit-outer-spin-button, #cart input.product-quantity::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

#modalMessage {
  position: absolute;
  max-width: 250px;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  display: none; }
  #modalMessage.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb; }

@media only screen and (max-width: 600px) {
  #modalMessage {
    top: 60px;
    left: 10%;
    position: fixed;
    z-index: 1041;
    max-width: 80%; } }

div.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .caption .cart .btn-cart {
  padding-left: 0;
  padding-right: 0; }

div.block-crossupsell-wrapper {
  z-index: 14; }

ul.social-icons {
  padding-top: 30px; }
  ul.social-icons li {
    display: inline-block;
    margin-right: 20px; }
    ul.social-icons li:last-of-type {
      margin-right: 0; }

.modal-dialog .modal-body .container {
  width: 100%; }

.container.faq-accordion .block-container {
  display: block; }

.container.faq-accordion .block-section.accordion {
  border-bottom: 1px solid #004236; }
  .container.faq-accordion .block-section.accordion:not(.active) {
    max-height: 100%; }
  .container.faq-accordion .block-section.accordion .fa:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px; }
  .container.faq-accordion .block-section.accordion .fa-minus:before {
    background: url(../image/icons/chevron-arrow-up-circle.svg); }
  .container.faq-accordion .block-section.accordion .fa-plus:before {
    background: url(../image/icons/chevron-arrow-down-circle.svg); }
  .container.faq-accordion .block-section.accordion > .vd-panel-heading {
    background: none;
    border: none;
    height: 100%; }
    .container.faq-accordion .block-section.accordion > .vd-panel-heading > h4.vd-panel-title > a.section-heading > i {
      left: 0; }
    .container.faq-accordion .block-section.accordion > .vd-panel-heading > h4.vd-panel-title > a.section-heading > .title {
      font-size: 1em;
      color: #004236;
      line-height: 1em; }
  .container.faq-accordion .block-section.accordion > .vd-panel-body {
    border: none;
    color: #004236; }

.container.range > .block-content.child {
  display: flex;
  flex-wrap: wrap; }
  .container.range > .block-content.child > .block-inner {
    padding-bottom: 20px; }
  .container.range > .block-content.child .block-container.col-md-4 {
    width: 31%;
    margin-right: 3.5%; }
    .container.range > .block-content.child .block-container.col-md-4:nth-child(3n+3) {
      margin: 0; }

@media only screen and (max-width: 992px) {
  .container.range > .block-content.child > .block-inner {
    padding-bottom: 30px; }
  .container.range > .block-content.child .block-container.col-sm-6 {
    width: 48%;
    margin-right: 0; }
    .container.range > .block-content.child .block-container.col-sm-6:nth-child(odd) {
      margin-right: 4%; } }

#searchmodal {
  background: rgba(0, 0, 0, 0.3); }
  #searchmodal .modal-content {
    border-radius: 0; }
  #searchmodal .modal-header {
    border: none;
    padding: 20px; }
    #searchmodal .modal-header .close {
      color: #004236;
      opacity: 1; }
  #searchmodal .modal-body {
    padding: 0 20px 20px 20px; }
    #searchmodal .modal-body .button-search {
      float: none;
      height: auto;
      top: 50px; }
      #searchmodal .modal-body .button-search .fa-search {
        background: url(../image/icons/header-tick_search_gr.svg) center no-repeat; }
        #searchmodal .modal-body .button-search .fa-search ~ input:hover {
          background-image: url(../image/icons/header-filled_search_gr.svg); }
        #searchmodal .modal-body .button-search .fa-search:hover {
          background-image: url(../image/icons/header-filled_search_gr.svg); }
    #searchmodal .modal-body input {
      float: none;
      border-bottom: 1px solid #004236; }
      #searchmodal .modal-body input:focus-visible {
        outline: none; }
    #searchmodal .modal-body ul.ui-autocomplete {
      max-width: 100%;
      max-height: 100%; }

@media only screen and (max-width: 500px) {
  header .center-links #search {
    width: 40px; }
    header .center-links #search input {
      display: none; }
    header .center-links #search .button-search {
      width: 40px; }
  header .center-links #logo {
    width: calc(50% + 50px); }
  header .center-links #top-links {
    width: calc(50% - 50px); } }

#shopsMapHolder, #embededShopsMapHolder {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 13;
  background: white;
  display: flex; }
  #shopsMapHolder #googleMap, #embededShopsMapHolder #googleMap {
    width: calc(100% - 472px);
    height: 100%; }
    #shopsMapHolder #googleMap i.fa, #embededShopsMapHolder #googleMap i.fa {
      position: relative;
      left: calc(50% - 40px);
      top: calc(50% - 50px); }
  #shopsMapHolder #shops, #embededShopsMapHolder #shops {
    width: 472px;
    height: 100%;
    padding: 20px;
    font-size: 16px; }
    #shopsMapHolder #shops button, #embededShopsMapHolder #shops button {
      width: 48px;
      height: 48px;
      border: none;
      background: none; }
    #shopsMapHolder #shops #shopsHeader, #embededShopsMapHolder #shops #shopsHeader {
      display: flex;
      padding: 20px 0; }
      #shopsMapHolder #shops #shopsHeader h4, #embededShopsMapHolder #shops #shopsHeader h4 {
        margin: 0;
        width: calc(100% - 48px);
        text-align: center;
        line-height: 48px;
        text-transform: uppercase; }
    #shopsMapHolder #shops #shopsWrapper, #embededShopsMapHolder #shops #shopsWrapper {
      overflow-y: auto;
      height: calc(100vh - 115px); }
      #shopsMapHolder #shops #shopsWrapper h3, #embededShopsMapHolder #shops #shopsWrapper h3 {
        margin-top: 25px;
        margin-bottom: 10px;
        font-size: 25px; }
      #shopsMapHolder #shops #shopsWrapper #shopsContainer, #embededShopsMapHolder #shops #shopsWrapper #shopsContainer {
        padding-top: 20px; }
      #shopsMapHolder #shops #shopsWrapper #prod-title, #embededShopsMapHolder #shops #shopsWrapper #prod-title {
        padding-bottom: 10px; }

#embededShopsMapHolder {
  position: static;
  width: 100%;
  height: 600px; }
  #embededShopsMapHolder #shops #shopsWrapper {
    height: calc(100% - 90px); }

#place-autocomplete-input :host {
  background-color: aqua; }

@media only screen and (max-width: 767px) {
  #googleMap {
    display: none; }
  #shops {
    width: 100%;
    max-width: 420px; } }

.instagram-links .block-inner.col-md-7 > .block-content > .block-child:nth-child(-n + 3), .tiktok-links .block-inner.col-md-7 > .block-content > .block-child:nth-child(-n + 3) {
  margin-bottom: 10px !important; }

.instagram-links > .block-content, .tiktok-links > .block-content {
  display: flex; }
  .instagram-links > .block-content .col-md-5, .tiktok-links > .block-content .col-md-5 {
    width: calc(2 * 100% / 5); }
  .instagram-links > .block-content .col-md-7, .tiktok-links > .block-content .col-md-7 {
    width: calc(100%/5 * 3); }
    .instagram-links > .block-content .col-md-7 > .block-content, .tiktok-links > .block-content .col-md-7 > .block-content {
      display: flex;
      flex-wrap: wrap;
      height: 100%;
      align-content: space-between; }
      .instagram-links > .block-content .col-md-7 > .block-content .block-child, .tiktok-links > .block-content .col-md-7 > .block-content .block-child {
        width: calc(100% / 3 - 10px); }
  .instagram-links > .block-content .block-content.child:hover, .tiktok-links > .block-content .block-content.child:hover {
    cursor: pointer; }
    .instagram-links > .block-content .block-content.child:hover a::after, .tiktok-links > .block-content .block-content.child:hover a::after {
      content: '';
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      opacity: 0.8;
      background: url(../image/icons/instagram-svgrepo-com.svg) #fff center/20% no-repeat; }

.tiktok-links > .block-content .block-content.child:hover a::after {
  background-image: url(../image/icons/tiktok.svg); }

@media only screen and (max-width: 767px) {
  .instagram-links > .block-content, .tiktok-links > .block-content {
    flex-wrap: wrap; }
    .instagram-links > .block-content .col-md-5, .tiktok-links > .block-content .col-md-5 {
      width: 100%;
      margin-bottom: 10px !important; }
    .instagram-links > .block-content .col-md-7, .tiktok-links > .block-content .col-md-7 {
      width: 100%; }
      .instagram-links > .block-content .col-md-7 > .block-content .block-child, .tiktok-links > .block-content .col-md-7 > .block-content .block-child {
        width: calc(50% - 10px); } }

#form-review input[name="rating"] {
  background: transparent !important;
  appearance: none;
  width: 24px !important;
  padding: 0; }
  #form-review input[name="rating"]::after {
    background: url(../image/icons/star.svg) center/24px no-repeat;
    top: 0;
    left: 0;
    border-radius: 0;
    width: 24px;
    height: 24px; }
  #form-review input[name="rating"]:checked::after {
    background-image: url(../image/icons/star-filled.svg);
    top: 0;
    left: 0; }
  #form-review input[name="rating"]:hover {
    cursor: pointer; }

@media only screen and (max-width: 520px) {
  #product-product #form-review legend {
    width: 100%;
    margin: 0; }
  #product-product #form-review .captcha .g-recaptcha > div {
    height: 145px !important; } }

.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .caption div.cart {
  opacity: 1; }

/*# sourceMappingURL=stylesheet.css.map */