@charset "utf-8";
@font-face {
  font-family: 'Jost';
  src: url('fonts/Jost/Jost-Light.eot');
  src: url('fonts/Jost/Jost-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Jost/Jost-Light.otf') format('otf'), url('fonts/Jost/Jost-Light.svg#Jost-Light') format('svg'), url('fonts/Jost/Jost-Light.ttf') format('truetype'), url('fonts/Jost/Jost-Light.woff') format('woff'), url('fonts/Jost/Jost-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jost';
  src: url('fonts/Jost/Jost-Regular.eot');
  src: url('fonts/Jost/Jost-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Jost/Jost-Regular.otf') format('otf'), url('fonts/Jost/Jost-Regular.svg#Jost-Regular') format('svg'), url('fonts/Jost/Jost-Regular.ttf') format('truetype'), url('fonts/Jost/Jost-Regular.woff') format('woff'), url('fonts/Jost/Jost-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jost';
  src: url('fonts/Jost/Jost-Bold.eot');
  src: url('fonts/Jost/Jost-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Jost/Jost-Bold.otf') format('otf'), url('fonts/Jost/Jost-Bold.svg#Jost-Bold') format('svg'), url('fonts/Jost/Jost-Bold.ttf') format('truetype'), url('fonts/Jost/Jost-Bold.woff') format('woff'), url('fonts/Jost/Jost-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jost';
  src: url('fonts/Jost/Jost-Black.eot');
  src: url('fonts/Jost/Jost-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Jost/Jost-Black.otf') format('otf'), url('fonts/Jost/Jost-Black.svg#Jost-Black') format('svg'), url('fonts/Jost/Jost-Black.ttf') format('truetype'), url('fonts/Jost/Jost-Black.woff') format('woff'), url('fonts/Jost/Jost-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.jost-lgt {
  font-family: 'Jost';
  font-weight: 300;
  font-style: normal;
}
.jost-reg {
  font-family: 'Jost';
  font-weight: 400;
  font-style: normal;
}
.jost-bold {
  font-family: 'Jost';
  font-weight: 700;
  font-style: normal;
}
.jost-blk {
  font-family: 'Jost';
  font-weight: 900;
  font-style: normal;
}
.nb {
  border: none !important;
}
.hide {
  display: none;
}
.hideI {
  display: none !important;
}
.only-desktop {
  display: block;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .only-desktop {
    display: none;
  }
}
.only-mobile {
  display: none;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .only-mobile {
    display: block;
  }
}
.only-phone {
  display: none;
}
@media only screen and (max-width: 576px) {
  .only-phone {
    display: block;
  }
}
.d-flex {
  display: flex !important;
}
.box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.no-padding-l {
  padding-left: 0px;
}
.no-padding-r {
  padding-right: 0px;
}
.no-padding-lr {
  padding-left: 0px;
  padding-right: 0px;
}
.no-padding-b {
  padding-bottom: 0px !important;
}
.no-margin-top {
  margin-top: 0px !important;
}
.poppins {
  font-family: 'Poppins', sans-serif;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
*:focus {
  outline: none;
}
.ptop-3 {
  padding-top: 20px;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.pt110 {
  padding-top: 110px !important;
}
.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border-radius: .25rem;
  font-size: 14px;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
body {
  width: 100%;
  color: #474747;
  background: #fff;
  font-family: 'Jost';
  font-weight: 400;
  font-style: normal;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  padding: 0;
  margin: 0;
  font-size: 16px;
}
@media only screen and (max-width: 375px) {
  html,
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul {
    font-size: 12px;
  }
}
img {
  border: none;
  outline: none;
  user-select: none;
}
nav ul,
footer ul,
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 85rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .container {
    width: 100%;
  }
}
.containerMain {
  position: relative;
  width: 85rem;
  display: block;
  margin: 0 auto;
  padding-right: 0px;
  padding-left: 0px;
  max-width: initial;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px),only screen and (min-width: 1025px) and (max-width: 1440px) {
  .containerMain {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.breadCrumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 38px;
  margin-top: 24px;
}
@media only screen and (max-width: 576px) {
  .breadCrumbs {
    padding-left: 0px;
    font-size: 13px;
  }
}
.breadCrumbs a {
  color: #777777;
  margin-right: 12px;
}
@media only screen and (max-width: 576px) {
  .breadCrumbs a {
    margin-bottom: 0px;
  }
}
.breadCrumbs .separator {
  color: #000000;
  margin-right: 12px;
}
@media only screen and (max-width: 576px) {
  .breadCrumbs .separator {
    margin-bottom: 0px;
  }
}
.hamburger {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  font-size: 1.5rem;
  font-family: 'Jost';
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  color: #00544D;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0.3rem 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 1;
}
.hamburger.is-active:hover {
  opacity: 1;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: ;
}
.hamburger-box {
  width: 2rem;
  height: 1rem;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -0.125rem;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 2rem;
  height: 0.125rem;
  background-color: #00544D;
  border-radius: 0.625rem;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -0.5rem;
}
.hamburger-inner::after {
  bottom: -0.5rem;
}
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1);
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header {
    padding: 0 0 1rem 0;
  }
}
header .row1 {
  background: #33A457;
}
header .row1 .container {
  display: flex;
  justify-content: center;
  text-align: center;
  font-family: 'Jost';
  font-weight: 900;
  font-style: normal;
  color: #fff;
  padding: 0.2rem 0 0.2rem 0;
}
header .row1 .container a,
header .row1 .container a:link,
header .row1 .container a:hover,
header .row1 .container a:visited {
  color: #fff;
}
header .row2 {
  padding: 1.5rem 0;
  transition: padding 1s;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 {
    padding: 0 0;
  }
}
header .row2 .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container {
    width: 100%;
    padding: 0 1rem;
  }
}
header .row2 .container .logo {
  display: flex;
  width: 20%;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .logo {
    width: fit-content;
    min-width: 50%;
    padding: 0.5rem 0 0.5rem 0;
  }
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .logo img {
    display: block;
    height: 2rem;
  }
}
header .row2 .container .header-right {
  display: flex;
  width: 80%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right {
    justify-content: space-around;
    padding: 0.5rem 0 0.5rem 0;
  }
}
header .row2 .container .header-right .holder-search {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0.25rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border: 0.0625rem solid #00544D;
  position: relative;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .holder-search {
    display: none;
  }
}
header .row2 .container .header-right .holder-search form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
  width: 18rem;
}
header .row2 .container .header-right .holder-search form input {
  width: 15rem;
  height: 1.5rem;
  margin: 0;
  padding: 0 0.5rem;
  border: 0;
  background: transparent;
  font-family: 'Jost';
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  color: #474747;
}
header .row2 .container .header-right .holder-search form input::placeholder {
  color: #ccc;
}
header .row2 .container .header-right .holder-search form button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #00544D;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 2rem;
  margin: 0;
  margin: padding;
  border: 0;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
header .row2 .container .header-right .holder-search form button img {
  height: 1rem;
}
header .row2 .container .header-right .holder-search form button:hover {
  background: #33A457;
}
header .row2 .container .header-right .holder-login-register {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .holder-login-register {
    padding: 0 0.5rem;
  }
}
header .row2 .container .header-right .holder-login-register .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 2rem;
  margin: 0 1rem 0 0;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0.5rem;
  transition: background 0.3s ease-in, padding 0.3s ease-out, border 0.4s ease-in-out;
  width: 2rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .holder-login-register .icon {
    margin: 0;
  }
}
header .row2 .container .header-right .holder-login-register .icon img {
  transition: height 0.3s ease-in-out;
  height: 2rem;
}
header .row2 .container .header-right .holder-login-register .text {
  color: #474747;
  font-size: 1rem;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .holder-login-register .text {
    display: none;
  }
}
header .row2 .container .header-right .holder-login-register:hover .icon {
  background: #fefefe;
  border: 0.1625rem solid #8FD400;
}
header .row2 .container .header-right .holder-login-register:hover .icon img {
  height: 1.2rem;
}
header .row2 .container .header-right .holder-login-register:hover .text {
  color: #33A457;
}
header .row2 .container .header-right .button-promotions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #0DB02B;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  height: 3rem;
  text-transform: uppercase;
  padding: 0.625rem 0.625rem;
  transition: background 0.3s ease-in-out;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .button-promotions {
    padding: 0.5rem;
    height: auto;
  }
}
header .row2 .container .header-right .button-promotions .icon {
  display: flex;
  margin: 0 0.3rem 0 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .button-promotions .icon {
    margin: 0 0 0 0;
  }
}
header .row2 .container .header-right .button-promotions .icon img {
  height: 2rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .button-promotions .icon img {
    height: 1.5rem;
  }
}
header .row2 .container .header-right .button-promotions .text {
  font-family: 'Jost';
  font-weight: 900;
  font-style: normal;
  color: #fff;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .button-promotions .text {
    display: none;
  }
}
header .row2 .container .header-right .button-promotions:hover {
  background: #77B100;
}
header .row2 .container .header-right .button-client-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  height: 3rem;
  text-transform: uppercase;
  padding: 0.625rem 0.625rem;
}
header .row2 .container .header-right .button-client-card .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 1rem 0 0;
  width: 3rem;
  height: 2rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .button-client-card .icon {
    margin: 0 0 0 0;
  }
}
header .row2 .container .header-right .button-client-card .icon img {
  height: 2rem;
}
header .row2 .container .header-right .button-client-card .text {
  display: flex;
  flex-direction: column;
  line-height: 1rem;
  color: #474747;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .button-client-card .text {
    display: none;
  }
}
header .row2 .container .header-right .button-client-card .text span {
  font-family: 'Jost';
  font-weight: 900;
  font-style: normal;
}
header .row2 .container .header-right .button-client-card:hover .text {
  color: #33A457;
}
header .row2 .container .header-right .button-cart {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  height: 3rem;
  text-transform: uppercase;
  padding: 0.625rem 0.625rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .button-cart {
    padding: 0.625rem 0;
  }
}
header .row2 .container .header-right .button-cart .icon {
  display: flex;
  justify-content: center;
  align-items: end;
  margin: 0 1rem 0 0;
  width: 1.6rem;
  height: 2rem;
  background-image: url(../images/icon-shopping-bag.svg);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .button-cart .icon {
    margin: 0 0.5rem 0 0;
  }
}
header .row2 .container .header-right .button-cart .icon .circle {
  font-size: 0.6875rem;
  background: #FF0000;
  color: #fff;
  height: 1rem;
  width: 1rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0.2rem 0;
}
header .row2 .container .header-right .button-cart .text {
  display: flex;
  flex-direction: row;
  justify-content: baseline;
  align-items: baseline;
  color: #474747;
  font-size: 1.5rem;
  width: fit-content;
  transition: color 0.3s ease-in-out;
  font-family: 'Jost';
  font-weight: 900;
  font-style: normal;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row2 .container .header-right .button-cart .text {
    display: none;
  }
}
header .row2 .container .header-right .button-cart .text span {
  font-size: 1rem;
  margin: 0 0 0 0.5rem;
}
header .row2 .container .header-right .button-cart:hover .text {
  color: #33A457;
}
header .row3 .container {
  flex-direction: column;
}
header .row3 .container .buttonMenu {
  display: none;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container .buttonMenu {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    background: #85C403;
    margin: 0;
    padding: 0;
  }
}
header .row3 .container ul.menu {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu {
    display: none;
    flex-direction: column;
  }
}
header .row3 .container ul.menu li {
  display: flex;
  position: relative;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li {
    flex-direction: column;
  }
}
header .row3 .container ul.menu li a,
header .row3 .container ul.menu li a:link,
header .row3 .container ul.menu li a:hover,
header .row3 .container ul.menu li a:visited {
  display: block;
  position: relative;
  padding: 0.5rem 0.3rem;
  color: #474747;
  height: 2.5rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li a,
  header .row3 .container ul.menu li a:link,
  header .row3 .container ul.menu li a:hover,
  header .row3 .container ul.menu li a:visited {
    padding: 0.5rem 1rem;
    width: 100%;
    text-transform: uppercase;
    border-bottom: 0.0125rem solid #85C403;
  }
}
header .row3 .container ul.menu li a:after,
header .row3 .container ul.menu li a:link:after,
header .row3 .container ul.menu li a:hover:after,
header .row3 .container ul.menu li a:visited:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: #8FD400;
  height: 0;
  transition: height 0.3s ease-in-out;
}
header .row3 .container ul.menu li a:hover,
header .row3 .container ul.menu li a:link:hover,
header .row3 .container ul.menu li a:hover:hover,
header .row3 .container ul.menu li a:visited:hover {
  color: #33A457;
}
header .row3 .container ul.menu li a:hover:after,
header .row3 .container ul.menu li a:link:hover:after,
header .row3 .container ul.menu li a:hover:hover:after,
header .row3 .container ul.menu li a:visited:hover:after {
  height: 0.3rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li:first-child {
    display: none;
  }
}
header .row3 .container ul.menu li:hover ul {
  display: flex;
}
header .row3 .container ul.menu li:hover ul li ul {
  display: none;
}
header .row3 .container ul.menu li.parent {
  position: relative;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li.parent:after {
    display: block;
    position: absolute;
    content: "›";
    right: 0rem;
    top: 0.3rem;
    width: 1rem;
    height: 1rem;
  }
}
header .row3 .container ul.menu li ul {
  display: none;
  position: absolute;
  flex-direction: column;
  border-top: 1rem solid #33A457;
  z-index: 100;
  top: 2.5rem;
  left: -1rem;
  right: -1rem;
  width: 15rem;
  margin: 0;
  background: #fff;
  box-shadow: 0 0 2rem rgba(0,0,0,0.12);
  border-bottom-right-radius: 1rem;
  -webkit-border-bottom-right-radius: 1rem;
  -moz-border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  -webkit-border-bottom-left-radius: 1rem;
  -moz-border-bottom-left-radius: 1rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li ul {
    position: relative;
    width: 100%;
    border-top: 0;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
}
header .row3 .container ul.menu li ul li {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li ul li {
    flex-direction: column;
  }
}
header .row3 .container ul.menu li ul li a,
header .row3 .container ul.menu li ul li a:link,
header .row3 .container ul.menu li ul li a:hover,
header .row3 .container ul.menu li ul li a:visited {
  display: block;
  width: 100%;
  padding: 0.3rem 1rem;
  height: auto;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li ul li a,
  header .row3 .container ul.menu li ul li a:link,
  header .row3 .container ul.menu li ul li a:hover,
  header .row3 .container ul.menu li ul li a:visited {
    padding: 0.3rem 1.5rem;
    background: #699C00;
    color: #fff;
  }
}
header .row3 .container ul.menu li ul li a:after,
header .row3 .container ul.menu li ul li a:link:after,
header .row3 .container ul.menu li ul li a:hover:after,
header .row3 .container ul.menu li ul li a:visited:after {
  display: none;
}
header .row3 .container ul.menu li ul li a:hover,
header .row3 .container ul.menu li ul li a:link:hover,
header .row3 .container ul.menu li ul li a:hover:hover,
header .row3 .container ul.menu li ul li a:visited:hover {
  background: #77B100;
  color: #fff;
}
header .row3 .container ul.menu li ul li:hover ul {
  display: flex;
}
header .row3 .container ul.menu li ul li:hover ul li ul {
  display: none;
}
header .row3 .container ul.menu li ul li:first-child {
  display: flex;
}
header .row3 .container ul.menu li ul li:last-child {
  border-bottom-right-radius: 1rem;
  -webkit-border-bottom-right-radius: 1rem;
  -moz-border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  -webkit-border-bottom-left-radius: 1rem;
  -moz-border-bottom-left-radius: 1rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li ul li:last-child {
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom: 0.5rem solid #8FD400;
  }
}
header .row3 .container ul.menu li ul li:last-child a,
header .row3 .container ul.menu li ul li:last-child a:link,
header .row3 .container ul.menu li ul li:last-child a:hover,
header .row3 .container ul.menu li ul li:last-child a:visited {
  border-bottom-right-radius: 1rem;
  -webkit-border-bottom-right-radius: 1rem;
  -moz-border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  -webkit-border-bottom-left-radius: 1rem;
  -moz-border-bottom-left-radius: 1rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li ul li:last-child a,
  header .row3 .container ul.menu li ul li:last-child a:link,
  header .row3 .container ul.menu li ul li:last-child a:hover,
  header .row3 .container ul.menu li ul li:last-child a:visited {
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
  }
}
header .row3 .container ul.menu li ul li ul {
  display: none;
  padding: 0;
  margin: 0;
  left: 15rem;
  top: -1rem;
  background: #fff;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li ul li ul {
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
}
header .row3 .container ul.menu li ul li ul li a,
header .row3 .container ul.menu li ul li ul li a:link,
header .row3 .container ul.menu li ul li ul li a:hover,
header .row3 .container ul.menu li ul li ul li a:visited {
  background: #fff;
  color: #474747;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li ul li ul li a,
  header .row3 .container ul.menu li ul li ul li a:link,
  header .row3 .container ul.menu li ul li ul li a:hover,
  header .row3 .container ul.menu li ul li ul li a:visited {
    padding: 0.3rem 2rem;
    color: #fff;
    background: #77B100;
  }
}
header .row3 .container ul.menu li ul li ul li:hover ul {
  display: flex;
}
header .row3 .container ul.menu li ul li ul li:hover ul li ul {
  display: none;
}
header .row3 .container ul.menu li ul li ul li:last-child {
  border-bottom-right-radius: 1rem;
  -webkit-border-bottom-right-radius: 1rem;
  -moz-border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  -webkit-border-bottom-left-radius: 1rem;
  -moz-border-bottom-left-radius: 1rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li ul li ul li:last-child {
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom: 0;
  }
}
header .row3 .container ul.menu li ul li ul li:last-child a,
header .row3 .container ul.menu li ul li ul li:last-child a:link,
header .row3 .container ul.menu li ul li ul li:last-child a:hover,
header .row3 .container ul.menu li ul li ul li:last-child a:visited {
  border-bottom-right-radius: 1rem;
  -webkit-border-bottom-right-radius: 1rem;
  -moz-border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  -webkit-border-bottom-left-radius: 1rem;
  -moz-border-bottom-left-radius: 1rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li ul li ul li:last-child a,
  header .row3 .container ul.menu li ul li ul li:last-child a:link,
  header .row3 .container ul.menu li ul li ul li:last-child a:hover,
  header .row3 .container ul.menu li ul li ul li:last-child a:visited {
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
  }
}
header .row3 .container ul.menu li ul li ul li ul li a,
header .row3 .container ul.menu li ul li ul li ul li a:link,
header .row3 .container ul.menu li ul li ul li ul li a:hover,
header .row3 .container ul.menu li ul li ul li ul li a:visited {
  background: #fff;
  color: #474747;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li ul li ul li ul li a,
  header .row3 .container ul.menu li ul li ul li ul li a:link,
  header .row3 .container ul.menu li ul li ul li ul li a:hover,
  header .row3 .container ul.menu li ul li ul li ul li a:visited {
    padding: 0.3rem 2.5rem;
    color: #fff;
    background: #85C403;
  }
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row3 .container ul.menu li ul li ul li ul li:last-child {
    border-bottom: 0;
  }
}
header .row3 .container ul.menu li ul li.parent {
  position: relative;
}
header .row3 .container ul.menu li ul li.parent:after {
  display: block;
  position: absolute;
  content: "›";
  right: 0rem;
  top: 0.3rem;
  width: 1rem;
  height: 1rem;
}
header .row4 {
  display: block;
  width: 100%;
  position: relative;
  z-index: 10;
}
header .row4:before {
  display: block;
  position: absolute;
  content: "";
  height: 1rem;
  width: 100%;
  left: 0;
  right: 0;
  background: #8FD400;
}
header .row4 .container {
  display: flex;
  justify-content: flex-end;
  z-index: 10;
  position: relative;
}
header .row4 .container ul {
  display: flex;
  position: absolute;
  top: 0;
}
header .row4 .container ul li {
  display: block;
  margin: 0 0.0625rem 0 0;
}
header .row4 .container ul li a,
header .row4 .container ul li a:link,
header .row4 .container ul li a:hover,
header .row4 .container ul li a:visited {
  display: flex;
  border-bottom-right-radius: 1rem;
  -webkit-border-bottom-right-radius: 1rem;
  -moz-border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  -webkit-border-bottom-left-radius: 1rem;
  -moz-border-bottom-left-radius: 1rem;
  background: #77B100;
  padding: 1rem 1rem 0rem 1rem;
  font-family: 'Jost';
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  color: #fff;
  transition: padding 0.3s ease-in-out;
}
header .row4 .container ul li a .icon,
header .row4 .container ul li a:link .icon,
header .row4 .container ul li a:hover .icon,
header .row4 .container ul li a:visited .icon {
  display: block;
  margin: 0 0.5rem 0 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row4 .container ul li a .icon,
  header .row4 .container ul li a:link .icon,
  header .row4 .container ul li a:hover .icon,
  header .row4 .container ul li a:visited .icon {
    margin: 0 0 0 0;
  }
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  header .row4 .container ul li a .text,
  header .row4 .container ul li a:link .text,
  header .row4 .container ul li a:hover .text,
  header .row4 .container ul li a:visited .text {
    display: none;
  }
}
header .row4 .container ul li a:hover,
header .row4 .container ul li a:link:hover,
header .row4 .container ul li a:hover:hover,
header .row4 .container ul li a:visited:hover {
  padding: 1.5rem 1rem 0rem 1rem;
}
header .row4 .container ul li:first-child a,
header .row4 .container ul li:first-child a:link,
header .row4 .container ul li:first-child a:hover,
header .row4 .container ul li:first-child a:visited {
  background: #85C403;
}
header .row4 .container ul li:last-child a,
header .row4 .container ul li:last-child a:link,
header .row4 .container ul li:last-child a:hover,
header .row4 .container ul li:last-child a:visited {
  background: #699C00;
}
.slider {
  position: relative;
}
.slider .swiper .swiper-wrapper .swiper-slide picture {
  width: 100%;
}
.slider .swiper .swiper-wrapper .swiper-slide picture img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: auto;
  max-height: 600px;
}
.slider .swiper-pagination-bullet-active {
  background: #00544D;
  height: 1rem;
  width: 1rem;
}
.slider .swiper-horizontal > .swiper-pagination-bullets,
.slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.slider .swiper-pagination-custom,
.slider .swiper-pagination-fraction {
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-categories .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-categories .container {
    flex-direction: column;
  }
}
.top-categories .container .left {
  display: flex;
  flex-direction: column;
  width: 50%;
  text-align: right;
  align-items: flex-end;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 2rem 0 8rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-categories .container .left {
    align-items: center;
    text-align: center;
    width: 80%;
    padding: 0 0 2rem 0;
  }
}
.top-categories .container .left .headings {
  display: flex;
  flex-direction: column;
  line-height: 4rem;
}
.top-categories .container .left .headings .headingLightGreen {
  font-size: 4rem;
  text-transform: uppercase;
  color: #8FD400;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-categories .container .left .headings .headingLightGreen {
    font-size: 2rem;
  }
}
.top-categories .container .left .headings .headingDarkGreen {
  font-size: 6rem;
  text-transform: uppercase;
  color: #00544D;
  font-family: 'Jost';
  font-weight: 700;
  font-style: normal;
  font-weight: 800;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-categories .container .left .headings .headingDarkGreen {
    font-size: 3rem;
  }
}
.top-categories .container .left .slogan {
  display: block;
  text-transform: uppercase;
  margin: 3.5rem 0;
  font-size: 3rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-categories .container .left .slogan {
    font-size: 1.5rem;
    margin: 1.5rem 0;
  }
}
.top-categories .container .left .more {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-family: 'Jost';
  font-weight: 700;
  font-style: normal;
  width: fit-content;
  font-weight: 800;
  background: #8FD400;
  color: #00544D;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.top-categories .container .left .more img {
  display: block;
  margin: 0 0 0 1rem;
}
.top-categories .container .left .more:hover {
  background: #85C403;
  color: #fff;
}
.top-categories .container .right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-categories .container .right {
    width: 100%;
    padding: 1rem;
    justify-content: space-between;
  }
}
.top-categories .container .right .item {
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  width: 13rem;
  height: 13rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 1rem 0.5rem;
  font-size: 1.5rem;
  background: #00544D;
  color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  margin: 0 0 1rem 1rem;
  transition: background 0.3s ease-in-out;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-categories .container .right .item {
    width: 49%;
    height: auto;
    font-size: 1rem;
    margin: 0 0 2% 0;
  }
}
.top-categories .container .right .item svg {
  margin: 0 0 0.5rem 0;
}
.top-categories .container .right .item svg path {
  transition: fill 0.3s ease-in-out;
}
.top-categories .container .right .item:hover {
  background: #8FD400;
}
.top-categories .container .right .item:hover svg path {
  fill: #00544D;
}
.promo-products .container {
  flex-direction: column;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .promo-products .container {
    padding: 0 1rem;
  }
}
.promo-products .container .heading {
  display: block;
  font-size: 2rem;
  color: #00544D;
  position: relative;
  margin: 0 0 3rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .promo-products .container .heading {
    font-size: 1.5rem;
  }
}
.promo-products .container .heading:after {
  display: flex;
  position: absolute;
  content: "";
  width: 20%;
  bottom: -1rem;
  left: 40%;
  right: 40%;
  height: 0.3rem;
  background-color: #8FD400;
}
.promo-products .container .excerpt {
  width: 70%;
  text-align: center;
  margin: 0px auto 2rem auto;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .promo-products .container .excerpt {
    width: 100%;
  }
}
.promo-products .container .products {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .promo-products .container .products {
    flex-direction: column;
  }
}
.promo-products .container .products .item {
  display: block;
  width: 30%;
  margin: 0 1% 1% 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .promo-products .container .products .item {
    width: 100%;
    margin: 0 0 1rem 0;
  }
}
.promo-products .container .products .item picture {
  display: block;
  width: 100%;
  height: auto;
}
.promo-products .container .products .item picture img {
  display: block;
  width: 100%;
  height: auto;
}
.daily-promos {
  background: -webkit-linear-gradient(bottom,#ffffff 50%,#8FD400 50%);
  background: -o-linear-gradient(bottom,#ffffff 50%,#8FD400 50%);
  background: -moz-linear-gradient(bottom,#ffffff 50%,#8FD400 50%);
  background: linear-gradient(to bottom,#ffffff 50%,#8FD400 50%);
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .daily-promos {
    background: -webkit-linear-gradient(bottom,#ffffff 10%,#8FD400 90%);
    background: -o-linear-gradient(bottom,#ffffff 10%,#8FD400 90%);
    background: -moz-linear-gradient(bottom,#ffffff 10%,#8FD400 90%);
    background: linear-gradient(to bottom,#ffffff 10%,#8FD400 90%);
  }
}
.daily-promos .container {
  flex-direction: column;
  padding: 5rem 0;
}
.daily-promos .container .heading {
  display: block;
  font-size: 2rem;
  background-color: #8FD400;
  color: #000;
  text-transform: uppercase;
  font-family: 'Jost';
  font-weight: 700;
  font-style: normal;
  font-weight: 800;
  padding: 0.5rem 2rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  position: relative;
  margin: 0 0 3rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .daily-promos .container .heading {
    font-size: 1rem;
  }
}
.daily-promos .container .products {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 80%;
  flex-wrap: wrap;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .daily-promos .container .products {
    width: 90%;
    flex-direction: column;
  }
}
.daily-promos .container .products .item {
  display: flex;
  flex-direction: column;
  width: 20rem;
  background-color: #fff;
  padding: 1rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  transition: box-shadow 0.3s ease-in-out;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .daily-promos .container .products .item {
    width: 100%;
    margin: 0 0 1rem 0;
  }
}
.daily-promos .container .products .item .image {
  height: 18rem;
  width: 100%;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .daily-promos .container .products .item .image {
    height: 10rem;
  }
}
.daily-promos .container .products .item .image picture {
  display: block;
  width: 100%;
  height: 18rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .daily-promos .container .products .item .image picture {
    height: 10rem;
  }
}
.daily-promos .container .products .item .image picture img {
  display: block;
  width: 100%;
  height: 18rem;
  object-fit: contain;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .daily-promos .container .products .item .image picture img {
    height: 10rem;
  }
}
.daily-promos .container .products .item .name {
  color: #474747;
  font-size: 1rem;
  margin: 0 0 2rem 0;
}
.daily-promos .container .products .item .price-holder {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  margin: 0 0 2rem 0;
}
.daily-promos .container .products .item .price-holder .price {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  color: #DE0000;
  font-size: 1.5rem;
  font-family: 'Jost';
  font-weight: 700;
  font-style: normal;
  font-weight: 800;
  margin: 0 2rem 0 0;
}
.daily-promos .container .products .item .price-holder .price .currency {
  font-size: 1rem;
  color: #474747;
  font-family: 'Jost';
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 0 0.2rem;
}
.daily-promos .container .products .item .price-holder .price-old {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  text-decoration: line-through;
  margin: 0 2rem 0 0;
  color: #474747;
}
.daily-promos .container .products .item .price-holder .price-old .currency {
  font-size: 1rem;
  color: #474747;
  font-family: 'Jost';
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 0 0.2rem;
}
.daily-promos .container .products .item .actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.daily-promos .container .products .item .actions .buy {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #00544D;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.3rem 1rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  transition: background 0.3s ease-in-out;
}
.daily-promos .container .products .item .actions .buy .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 0.3rem 0 0;
}
.daily-promos .container .products .item .actions .favourites {
  display: block;
  background-image: url(../images/icon-favourites.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  height: 1rem;
  width: 1.3rem;
  margin: 0 0.3rem 0 0;
}
.daily-promos .container .products .item:hover {
  box-shadow: 0 0 2rem rgba(0,0,0,0.2);
}
.daily-promos .container .products .item:hover .actions .buy {
  background: #33A457;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-products {
    padding: 0 1%;
  }
}
.top-products .container {
  flex-direction: column;
  padding: 5rem 0;
}
.top-products .container .heading {
  display: block;
  font-size: 2rem;
  color: #00544D;
  position: relative;
  margin: 0 0 3rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-products .container .heading {
    font-size: 1.5rem;
    text-align: center;
  }
}
.top-products .container .heading:after {
  display: flex;
  position: absolute;
  content: "";
  width: 20%;
  bottom: -1rem;
  left: 40%;
  right: 40%;
  height: 0.3rem;
  background-color: #8FD400;
}
.top-products .container .excerpt {
  width: 70%;
  text-align: center;
  margin: 0px auto 2rem auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-products .container .excerpt {
    width: 100%;
    padding: 1rem;
  }
}
.top-products .container .products {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  flex-wrap: wrap;
}
.top-products .container .products .item {
  display: flex;
  flex-direction: column;
  width: 20rem;
  background-color: #fff;
  padding: 1rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  margin: 0 0 1.5rem 0;
  transition: box-shadow 0.3s ease-in-out;
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-products .container .products .item {
    width: 33%;
    margin: 0 0 1% 0;
    border: 0.0625rem solid #ccc;
  }
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px) {
  .top-products .container .products .item {
    width: 49%;
    margin: 0 0 1% 0;
    border: 0.0625rem solid #ccc;
  }
}
.top-products .container .products .item .image {
  height: 18rem;
  width: 100%;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-products .container .products .item .image {
    height: 10rem;
  }
}
.top-products .container .products .item .image picture {
  display: block;
  width: 100%;
  height: 18rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-products .container .products .item .image picture {
    height: 10rem;
  }
}
.top-products .container .products .item .image picture img {
  display: block;
  width: 100%;
  height: 18rem;
  object-fit: contain;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-products .container .products .item .image picture img {
    height: 10rem;
  }
}
.top-products .container .products .item .name {
  color: #474747;
  font-size: 1rem;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-products .container .products .item .name {
    height: 6rem;
    margin: 0 0 1rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.top-products .container .products .item .price-holder {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-products .container .products .item .price-holder {
    flex-direction: column;
    margin: 0 0 1rem 0;
  }
}
.top-products .container .products .item .price-holder .price {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  color: #DE0000;
  font-size: 1.5rem;
  font-family: 'Jost';
  font-weight: 700;
  font-style: normal;
  font-weight: 800;
  margin: 0 2rem 0 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-products .container .products .item .price-holder .price {
    order: 2;
  }
}
.top-products .container .products .item .price-holder .price .currency {
  font-size: 1rem;
  color: #474747;
  font-family: 'Jost';
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 0 0.2rem;
}
.top-products .container .products .item .price-holder .price-old {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  text-decoration: line-through;
  margin: 0 2rem 0 0;
  color: #474747;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-products .container .products .item .price-holder .price-old {
    order: 1;
  }
}
.top-products .container .products .item .price-holder .price-old .currency {
  font-size: 1rem;
  color: #474747;
  font-family: 'Jost';
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 0 0.2rem;
}
.top-products .container .products .item .actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.top-products .container .products .item .actions .buy {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #00544D;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.3rem 1rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  transition: background 0.3s ease-in-out;
}
.top-products .container .products .item .actions .buy .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 0.3rem 0 0;
}
.top-products .container .products .item .actions .favourites {
  display: block;
  background-image: url(../images/icon-favourites.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  height: 1rem;
  width: 1.3rem;
  margin: 0 0.3rem 0 0;
}
.top-products .container .products .item:hover {
  box-shadow: 0 0 2rem rgba(0,0,0,0.2);
}
.top-products .container .products .item:hover .actions .buy {
  background: #33A457;
}
.top-products .container .see-all {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #fff;
  color: #00544D;
  width: 15%;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0.7rem 1rem;
  margin: 2rem 0 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border: 0.0625rem solid #00544D;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .top-products .container .see-all {
    width: 70%;
  }
}
.top-products .container .see-all:hover {
  background: #8FD400;
  color: #fff;
}
.blog {
  padding: 5rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blog {
    padding: 5rem 1rem;
  }
}
.blog .container {
  flex-direction: column;
}
.blog .container .heading {
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
}
.blog .container .excerpt {
  display: block;
  width: 70%;
  text-align: center;
  margin: 0 0 2rem 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blog .container .excerpt {
    width: 100%;
  }
}
.blog .container .articles {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blog .container .articles {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.blog .container .articles .item {
  display: flex;
  flex-direction: column;
  width: 23%;
  text-align: center;
  color: #474747;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blog .container .articles .item {
    width: 100%;
    margin: 0 0 2rem 0;
  }
}
.blog .container .articles .item .title {
  display: block;
  font-weight: 700;
}
.blog .container .see-all {
  display: flex;
  font-weight: 800;
  color: #00544D;
  background: #8FD400;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  margin: 2rem 0 0 0;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
}
footer {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  footer .details .container {
    display: flex;
    flex-direction: column;
  }
}
footer .details .container .payments {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  footer .details .container .payments {
    flex-direction: column;
    margin: 0 0 1rem 0;
  }
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  footer .details .container .payments .icons {
    margin: 0 0 1rem 0;
  }
}
footer .details .container .payments .icons img {
  margin: 0 0 0 1rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  footer .details .container .payments .icons img {
    margin: 0;
    height: 2rem;
  }
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  footer .details .container .ial {
    margin: 0 0 1rem 0;
  }
}
footer .footer {
  display: flex;
  flex-direction: column;
  background-color: #00544D;
  color: #fff;
}
footer .footer .container {
  display: flex;
  flex-direction: column;
  padding: 2rem 0;
}
footer .footer .container .working-time {
  display: flex;
  flex-direction: row;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  footer .footer .container .working-time {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
footer .footer .container .working-time .green {
  color: #8FD400;
  margin: 0 0.5rem 0 0;
}
footer .footer .container .socials {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  footer .footer .container .socials {
    flex-direction: column;
  }
}
footer .footer .container .socials .label {
  display: flex;
  margin: 0 0.5rem 0 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  footer .footer .container .socials .label {
    margin: 0 0 1rem 0;
  }
}
footer .footer .container .socials .icons {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
footer .footer .container .socials .icons a,
footer .footer .container .socials .icons a:link,
footer .footer .container .socials .icons a:hover,
footer .footer .container .socials .icons a:visited {
  display: block;
  margin: 0 0.5rem 0 0;
}
footer .footer .container .socials .icons a img,
footer .footer .container .socials .icons a:link img,
footer .footer .container .socials .icons a:hover img,
footer .footer .container .socials .icons a:visited img {
  display: block;
}
footer .footer .container ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 2rem 0 2rem 0;
  width: 100%;
  flex-wrap: wrap;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  footer .footer .container ul {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
footer .footer .container ul li {
  display: flex;
  margin: 0 1rem 0 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  footer .footer .container ul li {
    margin: 0 0 0.5rem 0;
  }
}
footer .footer .container ul li a,
footer .footer .container ul li a:link,
footer .footer .container ul li a:hover,
footer .footer .container ul li a:visited {
  color: #fff;
  transition: color 0.3s ease-in-out, text-decoration 0.3s ease-in;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  footer .footer .container ul li a,
  footer .footer .container ul li a:link,
  footer .footer .container ul li a:hover,
  footer .footer .container ul li a:visited {
    text-align: center;
  }
}
footer .footer .container ul li a:hover,
footer .footer .container ul li a:link:hover,
footer .footer .container ul li a:hover:hover,
footer .footer .container ul li a:visited:hover {
  color: #8FD400;
  text-decoration: underline;
}
footer .footer .container .web-development {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
footer .footer .container .web-development .text {
  display: block;
  color: #fff;
  font-size: 0.75rem;
}
footer .footer .container .web-development .text a,
footer .footer .container .web-development .text a:link,
footer .footer .container .web-development .text a:hover,
footer .footer .container .web-development .text a:visited {
  color: #fff;
}
.sticky {
  position: fixed !important;
  top: 0px;
  width: 100%;
  z-index: 10000;
  box-shadow: 0 5px 10px -5px rgba(0,0,0,0.3);
  background: #fff;
}
.sticky .row2 {
  padding: 0.8rem 0 0.2rem 0;
  transition: padding 1s;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .sticky .row2 {
    padding: 0 0;
  }
}
.messagesContainer {
  padding-bottom: 60px;
  padding-top: 40px;
}
.messagesContainer .container {
  flex-direction: column;
}
.messagesContainer .container .pageTitle {
  font-size: 48px;
  color: #474747;
  text-transform: uppercase;
  text-align: center;
  font-weight: 300;
  margin-bottom: 20px;
  display: block;
}
.messagesContainer .container .pageTitle i {
  font-size: 44px;
  margin-top: 30px;
  color: #00a650;
  display: inline-block;
  margin-right: 8px;
}
.breadCrumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 38px;
  margin-top: 24px;
}
@media only screen and (max-width: 576px) {
  .breadCrumbs {
    padding-left: 0px;
    font-size: 13px;
  }
}
.breadCrumbs a {
  color: #777777;
  margin-right: 12px;
}
@media only screen and (max-width: 576px) {
  .breadCrumbs a {
    margin-bottom: 0px;
  }
}
.breadCrumbs .separator {
  color: #000000;
  margin-right: 12px;
}
@media only screen and (max-width: 576px) {
  .breadCrumbs .separator {
    margin-bottom: 0px;
  }
}
.catBackgroundGradient+.blogSection {
  padding-bottom: 120px;
}
.catBackgroundGradient+.blogSection .container .articleRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  align-content: space-evenly;
}
.catBackgroundGradient+.blogSection .container .articleRow article {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 23%;
  margin: 10px 1%;
  display: block;
  box-shadow: 0 0 6px #ccc;
}
@media only screen and (max-width: 576px) {
  .catBackgroundGradient+.blogSection .container .articleRow article {
    width: 100%;
    margin-top: 30px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.catBackgroundGradient+.blogSection .container .articleRow article a {
  display: block;
}
.catBackgroundGradient+.blogSection .container .articleRow article a .articleTitle {
  color: #474747;
  font-size: 26px;
  text-transform: uppercase;
  display: block;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}
.catBackgroundGradient+.blogSection .container .articleRow article a .imgContainer {
  display: block;
  text-align: center;
  width: 100%;
  height: 200px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.catBackgroundGradient+.blogSection .container .articleRow article a .excerpt {
  color: #474747;
}
.catBackgroundGradient+.blogSection .container .articleRow article:hover {
  box-shadow: 0 0 6px #A3A3A3;
}
.catBackgroundGradient+.blogSection .container .articleRow article.halfhalf {
  width: 48%;
}
.catBackgroundGradient+.blogSection .container .articleRow article.halfhalf .imgContainer {
  display: block;
  text-align: center;
  width: 100%;
  height: 423px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 576px) {
  .catBackgroundGradient+.blogSection .container .articleRow article.halfhalf .imgContainer {
    height: 200px;
  }
}
@media only screen and (max-width: 576px) {
  .catBackgroundGradient+.blogSection .container .articleRow article.halfhalf {
    width: 100%;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .faqTitle {
    margin-top: -2px !important;
    margin-bottom: 27px !important;
  }
}
.faqContainer {
  background-color: #FFF;
  padding: 24px 40px 32px 40px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .faqContainer {
    padding: 0px;
  }
}
.faqContainer .collapsible {
  background: #FFFFFF;
  cursor: pointer;
  font-size: 24px;
  color: #878787;
  border: none;
  padding-top: 24px;
  padding-bottom: 24px;
  line-height: 32px;
  width: 100%;
  text-align: left;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #ECECEC;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .faqContainer .collapsible {
    font-size: 18px;
    line-height: 24px;
    padding-left: 16px;
    padding-right: 18px;
  }
}
.faqContainer .collapsible:last-of-type {
  border-bottom: none;
}
.faqContainer .active {
  font-size: 24px;
  line-height: 32px;
  color: #212E27;
  border-bottom: none;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .faqContainer .active {
    line-height: 24px;
    font-size: 18px;
  }
}
.faqContainer .collapsible:after {
  content: '';
  width: 26px;
  height: 26px;
  background-image: url(../images/colapse-open.svg);
  background-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  float: right;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .faqContainer .collapsible:after {
    margin-top: 1px;
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
}
.faqContainer .active:after {
  content: "";
  width: 26px;
  height: 26px;
  background-image: url(../images/colapse-close.svg);
  background-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .faqContainer .active:after {
    margin-top: 1px;
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
}
.faqContainer .content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #FFF;
  font-size: 16px;
  line-height: 24px;
  color: #59605F;
  padding-right: 30px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .faqContainer .content {
    padding-right: 0px;
    font-size: 14px;
    line-height: 22px;
    padding-left: 16px;
    padding-right: 18px;
  }
}
.contactsContainer {
  position: relative;
}
.contactsContainer .container {
  padding-top: 48px;
  padding-bottom: 120px;
  flex-direction: column;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsContainer .container {
    padding-top: 30px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.contactsContainer .container .pageTitle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactsContainer .container .pageTitle h1 {
  display: block;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.04em;
  color: #212E27;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsContainer .container .pageTitle h1 {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 24px;
  }
}
.contactsContainer .container h1.pageTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.04em;
  color: #212E27;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsContainer .container h1.pageTitle {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 24px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.contactsContainer .container .contactsRow {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsContainer .container .contactsRow {
    flex-direction: column;
  }
}
.contactsContainer .container .contactsRow .left {
  display: block;
  background: #f7f7f7;
  width: 746px;
  padding: 24px 25px 32px 25px;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .contactsContainer .container .contactsRow .left {
    width: 60%;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsContainer .container .contactsRow .left {
    width: 100%;
    border-radius: 0px;
    padding: 24px 16px 32px 16px;
  }
}
.contactsContainer .container .contactsRow .left .title {
  font-size: 24px;
  line-height: 32px;
  color: #212E27;
  display: block;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsContainer .container .contactsRow .left .title {
    font-size: 18px;
    line-height: 26px;
  }
}
.contactsContainer .container .contactsRow .left .formContainer #contactCustomerSuccess {
  display: none;
}
.contactsContainer .container .contactsRow .left .formContainer form label {
  font-size: 14px;
  line-height: 22px;
  color: #59605F;
  display: block;
  margin-bottom: 8px;
}
.contactsContainer .container .contactsRow .left .formContainer form input {
  width: 100%;
  height: 48px;
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  border: initial;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #59605F;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.contactsContainer .container .contactsRow .left .formContainer form textarea {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.contactsContainer .container .contactsRow .left .formContainer form .mesage {
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  height: 128px;
  resize: none;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 14px;
  color: #59605F;
  border: none;
  width: 100%;
}
.contactsContainer .container .contactsRow .left .formContainer form .inputRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsContainer .container .contactsRow .left .formContainer form .inputRow {
    flex-direction: column;
  }
}
.contactsContainer .container .contactsRow .left .formContainer form .inputRow .inputCol6 {
  padding-left: 8px;
  padding-right: 8px;
  width: 50%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsContainer .container .contactsRow .left .formContainer form .inputRow .inputCol6 {
    width: 100%;
  }
}
.contactsContainer .container .contactsRow .left .formContainer form .inputRow .inputCol12 {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.contactsContainer .container .contactsRow .left .formContainer form .errorField {
  border: 1px solid red;
}
.contactsContainer .container .contactsRow .left .formContainer form .submitBtnHolder {
  display: block;
  position: relative;
}
.contactsContainer .container .contactsRow .left .formContainer form .submitBtnHolder .submitBtn {
  margin-top: 26px;
  border: 1px solid #5BBA52;
  box-sizing: border-box;
  height: 48px;
  padding-left: 32px;
  padding-right: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FBFBFB;
  width: auto;
  cursor: pointer;
  box-shadow: initial;
  background-color: #33A457;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsContainer .container .contactsRow .left .formContainer form .submitBtnHolder .submitBtn {
    width: 100%;
    margin-bottom: 0px;
  }
}
.contactsContainer .container .contactsRow .right {
  background: #FFFFFF;
  width: 525px;
  display: block;
  padding: 24px 40px 32px 40px;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .contactsContainer .container .contactsRow .right {
    width: calc(40% - 24px);
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsContainer .container .contactsRow .right {
    width: 100%;
    border-radius: 0px;
    padding: 24px 16px 8px 16px;
    margin-top: 8px;
  }
}
.contactsContainer .container .contactsRow .right .title {
  font-size: 24px;
  line-height: 32px;
  color: #212E27;
  display: block;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.contactsContainer .container .contactsRow .right .contactBox {
  display: flex;
  flex-direction: row;
  padding-bottom: 24px;
  border-bottom: 1px solid #ECECEC;
  padding-top: 24px;
}
.contactsContainer .container .contactsRow .right .contactBox .emailImg {
  width: 48px;
  height: 48px;
  display: block;
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  background-image: url(../images/contacts-mail.svg);
  background-position: center;
  background-size: 20px;
  border-radius: 50%;
  background-repeat: no-repeat;
}
.contactsContainer .container .contactsRow .right .contactBox .clockImg {
  width: 48px;
  height: 48px;
  display: block;
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  background-image: url(../images/contacts-clock.svg);
  background-position: center;
  background-size: 18px;
  border-radius: 50%;
  background-repeat: no-repeat;
}
.contactsContainer .container .contactsRow .right .contactBox .phoneImg {
  width: 48px;
  height: 48px;
  display: block;
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  background-image: url(../images/contacts-phone.svg);
  background-position: center;
  background-size: 20px;
  border-radius: 50%;
  background-repeat: no-repeat;
}
.contactsContainer .container .contactsRow .right .contactBox .content {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
}
.contactsContainer .container .contactsRow .right .contactBox .content .heading {
  font-size: 18px;
  line-height: 26px;
  color: #59605F;
}
.contactsContainer .container .contactsRow .right .contactBox .content .text {
  font-size: 14px;
  line-height: 22px;
  color: #59605F;
}
.contactsContainer .container .contactsRow .right .contactBox:last-child {
  border-bottom: none;
}
.contactsContainer .container .contactsRow .right .contactBox:first-of-type {
  padding-top: 0px;
}
.aboutUsBackground {
  height: 400px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .aboutUsBackground {
    border-radius: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .aboutUsBackground {
    height: 300px;
  }
}
@media only screen and (max-width: 576px) {
  .aboutUsBackground {
    height: 150px;
    background-size: contain;
  }
}
.aboutUsBackground .logoContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(231,243,240,0.79);
  box-shadow: 0px 20px 25px rgba(0,0,0,0.56);
  width: 392px;
  height: 144px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .aboutUsBackground .logoContainer {
    width: 40%;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.aboutUsBackground .logoContainer img {
  max-width: 100%;
  width: 258px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .aboutUsBackground .logoContainer img {
    width: 70%;
  }
}
.aboutUsContent {
  margin: 48px auto;
  font-size: 16px;
  line-height: 24px;
  display: block;
  color: #59605F;
  max-width: 95%;
  column-count: 2;
  column-gap: 50px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .aboutUsContent {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 24px;
    max-width: initial;
  }
}
@media only screen and (max-width: 576px) {
  .aboutUsContent {
    column-count: 1;
    column-gap: 0px;
  }
}
.aboutUsContent .pr-3 {
  padding-right: 2rem;
}
.aboutUsContent h4 {
  display: block;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  color: #212E27;
  margin-top: 30px;
}
.aboutUsContent .infoGallery {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .aboutUsContent .infoGallery {
    flex-direction: column;
  }
}
.aboutUsContent .infoGallery .item-gallery {
  display: block;
  height: 200px;
  width: 25%;
  padding: 0px 20px 0px 0px;
  margin-top: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .aboutUsContent .infoGallery .item-gallery {
    width: 100%;
    height: auto;
    padding: 0px;
  }
}
.aboutUsContent .infoGallery .item-gallery img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 200px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .aboutUsContent .infoGallery .item-gallery img {
    object-fit: normal;
    height: auto;
  }
}
.aboutUsContent .downloadFiles a,
.aboutUsContent .downloadFiles a:link,
.aboutUsContent .downloadFiles a:hover,
.aboutUsContent .downloadFiles a:visited {
  color: #33A457;
  margin-top: 4px;
  display: inline-block;
}
.pharmaciesContainer {
  background: -moz-linear-gradient(top,#ffffff 0%,#e8e8e8 45%,#e8e8e8 100%);
  background: -webkit-linear-gradient(top,#ffffff 0%,#e8e8e8 45%,#e8e8e8 100%);
  background: linear-gradient(to bottom,#ffffff 0%,#e8e8e8 45%,#e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e8e8e8',GradientType=0);
}
.pharmaciesContainer .pharmacy {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.pharmaciesContainer .pharmacy .leftSide {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  order: 1;
}
@media only screen and (max-width: 576px) {
  .pharmaciesContainer .pharmacy .leftSide .content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.pharmaciesContainer .pharmacy .leftSide .content h2,
.pharmaciesContainer .pharmacy .leftSide .content .header2 {
  font-size: 38px;
  display: block;
  margin-bottom: 8px;
  line-height: 1.2;
}
@media only screen and (max-width: 576px) {
  .pharmaciesContainer .pharmacy .leftSide .content h2,
  .pharmaciesContainer .pharmacy .leftSide .content .header2 {
    font-size: 20px;
  }
}
.pharmaciesContainer .pharmacy .leftSide .content .textIcon {
  font-size: 20px;
  display: block;
  margin-top: 10px;
}
@media only screen and (max-width: 576px) {
  .pharmaciesContainer .pharmacy .leftSide .content .textIcon {
    font-size: 14px;
  }
}
.pharmaciesContainer .pharmacy .leftSide .content .textIcon i {
  margin-right: 6px;
  display: inline-block;
  color: #33A457;
}
.pharmaciesContainer .pharmacy .rightSide {
  width: 50%;
  order: 2;
}
.pharmaciesContainer .pharmacy .rightSide iframe {
  width: 100%;
  display: block;
  height: 400px;
}
@media only screen and (max-width: 576px) {
  .pharmaciesContainer .pharmacy .rightSide iframe {
    height: 300px;
  }
}
.pharmaciesContainer .pharmacy:nth-child(even) .leftSide {
  order: 2;
}
.pharmaciesContainer .pharmacy:nth-child(even) .rightSide {
  order: 1;
}
.animated-modal {
  width: 464px;
  overflow: hidden;
  transform: translateY(-50px);
  transition: all .7s;
}
.animated-modal {
  padding: 48px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .animated-modal {
    background-color: #F9F9F9;
    padding: 64px 16px 24px 16px;
  }
}
.animated-modal h2,
.animated-modal .header2 {
  color: #000;
  font-size: 32px;
  display: block;
  text-align: center;
  position: relative;
  line-height: 1;
  margin-bottom: 57px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .animated-modal h2,
  .animated-modal .header2 {
    font-size: 24px;
    margin-bottom: 42px;
  }
}
.animated-modal h2:after,
.animated-modal .header2:after {
  content: '';
  position: absolute;
  width: 80px;
  height: 1px;
  background-color: #33A457;
  left: calc(50% - 40px);
  display: block;
  bottom: -16px;
}
.animated-modal .reviewContent {
  width: 100%;
  resize: none;
  height: 240px;
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  border: none;
  padding: 13px 16px;
  font-size: 14px;
  color: #212E27;
  margin-bottom: 24px;
}
.animated-modal .fancyBoxContent .inputRow a {
  color: #000;
}
.animated-modal .fancyBoxContent .facebookLogin {
  height: 48px;
  border: 1px solid #33A457;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  color: #59605F;
  margin-bottom: 16px;
  background-image: url(../images/facebook-login.svg);
  background-position: 18px center;
  background-size: 10px;
  background-repeat: no-repeat;
  padding-left: 40px;
  padding-right: 20px;
}
.animated-modal .fancyBoxContent .googleLogin {
  height: 48px;
  border: 1px solid #33A457;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  color: #59605F;
  background-image: url(../images/google-login.svg);
  background-position: 15px center;
  background-size: 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 40px;
  padding-right: 20px;
}
.animated-modal .fancyBoxContent .instruction {
  color: #59605F;
  display: block;
  text-align: center;
  font-size: 16px;
  margin-top: -27px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .animated-modal .fancyBoxContent .instruction {
    margin-top: 38px;
  }
}
.animated-modal .fancyBoxContent .orSeparator {
  display: block;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px;
  position: relative;
}
.animated-modal .fancyBoxContent .orSeparator .text {
  background-color: #FFF;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #A8A8A8;
  display: inline-block;
  position: relative;
  z-index: 10;
}
.animated-modal .fancyBoxContent .orSeparator .line {
  background-color: #33A457;
  height: 1px;
  display: block;
  width: 100%;
  position: absolute;
  top: 12px;
  left: 0px;
  z-index: 1;
}
.animated-modal .fancyBoxContent form input,
.animated-modal .fancyBoxContent form select {
  width: 100%;
  height: 48px;
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  border: initial;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.animated-modal .fancyBoxContent form .inputRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: -8px;
  margin-right: -8px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .animated-modal .fancyBoxContent form .inputRow {
    flex-direction: column;
  }
}
.animated-modal .fancyBoxContent form .inputRow .inputCol6 {
  padding-left: 8px;
  padding-right: 8px;
}
.animated-modal .fancyBoxContent form .inputRow .inputCol4 {
  width: 33.3334%;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .animated-modal .fancyBoxContent form .inputRow .inputCol4 {
    width: 100%;
  }
}
.animated-modal .fancyBoxContent form .inputRow .reviewTitleHolder input {
  font-size: 14px;
  color: #212E27;
}
.animated-modal .fancyBoxContent form .inputRow .inputCol12 {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.animated-modal .fancyBoxContent form .inputRow .inputCol12 .rateText {
  color: #59605F;
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 10px;
  display: block;
}
.animated-modal .fancyBoxContent form .inputRow .inputCol12 .forgotPass {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: -8px;
  margin-bottom: 8px;
}
.animated-modal .fancyBoxContent form .inputRow .inputCol12 .forgotPass a {
  font-size: 12px;
  color: #878787;
}
.animated-modal .fancyBoxContent form .inputRow .inputCol12 textarea {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.animated-modal .fancyBoxContent form .inputRow .inputCol12 label {
  margin-top: 2px;
  display: flex;
  flex-direction: row;
}
.animated-modal .fancyBoxContent form .inputRow .inputCol12 label input {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  margin-top: 5px;
  border-color: #9B9B9B;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .animated-modal .fancyBoxContent form .inputRow .inputCol12 label input {
    min-width: 15px;
  }
}
.animated-modal .fancyBoxContent form .inputRow .inputCol12 label span {
  color: #878787;
  font-size: 14px;
  line-height: 22px;
}
.animated-modal .fancyBoxContent form .inputRow .inputCol12 .submitBtn {
  width: 100%;
  display: block;
  height: 48px;
  background: #33A457;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FFF;
  margin-top: 16px;
  border: none;
  margin-bottom: 24px;
  cursor: pointer;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .animated-modal .fancyBoxContent form .inputRow .inputCol12 .submitBtn {
    margin-bottom: 15px;
  }
}
.animated-modal .fancyBoxContent .loginBox {
  color: #59605F;
  text-align: center;
  font-size: 14px;
  display: block;
  margin-bottom: 32px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .animated-modal .fancyBoxContent .loginBox {
    margin-bottom: 24px;
  }
}
.animated-modal .fancyBoxContent .loginBox a {
  color: #000;
}
.animated-modal .fancyBoxContent .termsBox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .animated-modal .fancyBoxContent .termsBox {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.animated-modal .fancyBoxContent .termsBox a {
  font-size: 12px;
  text-align: center;
  text-decoration-line: underline !important;
  color: #000;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .animated-modal .fancyBoxContent .termsBox a {
    margin-bottom: 8px;
  }
}
.animated-modal .fancyBoxContent .products {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin-top: -20px;
  max-height: 400px;
  overflow-y: scroll;
}
.animated-modal .fancyBoxContent .products li {
  padding-bottom: 24px;
  padding-top: 24px;
  border-bottom: 1px solid #ECECEC;
}
.animated-modal .fancyBoxContent .products li .product {
  display: flex;
  flex-direction: row;
}
.animated-modal .fancyBoxContent .products li .product .productImage {
  position: relative;
  display: block;
  width: 128px;
  height: 128px;
  background-position: center;
  background-size: 110px;
  background-repeat: no-repeat;
  margin-right: 24px;
}
.animated-modal .fancyBoxContent .products li .product .productInfo {
  display: flex;
  flex-direction: column;
  width: 474px;
}
.animated-modal .fancyBoxContent .products li .product .productInfo .prodName {
  font-size: 18px;
  line-height: 26px;
  color: #212E27;
  margin-bottom: 4px;
}
.animated-modal .fancyBoxContent .products li .product .productInfo .prodSubName {
  font-size: 12px;
  line-height: 20px;
  color: #878787;
  margin-bottom: 4px;
}
.animated-modal .fancyBoxContent .products li .product .productInfo .prodPrice {
  font-size: 18px;
  line-height: 26px;
  color: #212E27;
}
.animated-modal .fancyBoxContent .products li .product .productInfo .actionsRow {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.animated-modal .fancyBoxContent .products li .product .productInfo .actionsRow .showProduct {
  background: #33A457;
  border: 1px solid #33A457;
  box-sizing: border-box;
  height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 9px;
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
  width: auto;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000;
}
.animated-modal h2,
.animated-modal p,
.animated-modal .header2 {
  transform: translateY(-50px);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: .4s;
}
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p,
.fancybox-slide--current .animated-modal .header2 {
  transform: translateY(0);
  opacity: 1;
}
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal .header2 {
  transition-delay: .1s;
}
.fancybox-slide--current .animated-modal p {
  transition-delay: .3s;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 5px;
    right: 5px;
    top: 5px;
  }
}
#cardForm .loginBox ul,
#cardForm .loginBox ol {
  list-style: initial;
  padding: 1rem;
  margin: 1rem;
}
#cardForm .loginBox ul li,
#cardForm .loginBox ol li {
  margin-bottom: 10px;
}
#cardForm .loginBox ul li::marker,
#cardForm .loginBox ol li::marker {
  content: '\f09d  ';
  font-size: 0.8em;
  font-family: "Font Awesome 5 Free";
  color: #8FD400;
}
#cardForm .loginBox .submitBtn {
  width: 48%;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  background: #33A457;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FFF;
  margin-top: 16px;
  border: none;
  margin-bottom: 24px;
  cursor: pointer;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  #cardForm .loginBox .submitBtn {
    margin-bottom: 15px;
    width: 100%;
  }
}
.errorMessage {
  display: none;
  color: red;
  font-weight: 500;
  font-size: 0.8rem;
  margin-top: 0px;
  margin-bottom: 10px;
}
.errorMessage2 {
  display: none;
  color: red;
  font-weight: 500;
  font-size: 0.8rem;
}
.successMessage {
  display: none;
  color: ;
  font-weight: 500;
  font-size: 0.8rem;
  margin-top: -10px;
  margin-bottom: 10px;
}
.registerFormCheckbox {
  min-width: 15px;
}
.redBorderIn {
  border: 1px solid red !important;
}
#preloader_billing_city {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 10px;
  display: none;
}
.preloader_billing_city {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 10px;
  display: none;
}
#preloader_delivery_city {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 10px;
  display: none;
}
.preloader_delivery_city {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 10px;
  display: none;
}
#preloader_offices {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 10px;
  display: none;
}
#preloader {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 10px;
  display: none;
}
#preloader2 {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 10px;
  display: none;
}
.profileOverflow {
  overflow: hidden;
  position: relative;
  margin-bottom: 60px;
}
.userWelcome {
  background-color: #FFF;
}
.userWelcome .container {
  flex-direction: column;
}
.userWelcome .container .topRow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 20px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .userWelcome .container .topRow {
    flex-direction: column;
    align-items: center;
  }
}
.userWelcome .container .topRow .welcomeText {
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  color: #212E27;
  padding-right: 15px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .userWelcome .container .topRow .welcomeText {
    font-size: 18px;
    text-align: center;
  }
}
.userWelcome .container .topRow .noteBonusPoints .span {
  color: #ff0000;
}
.mobileProfilePageContainer {
  display: none;
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer {
    display: block;
    padding-top: 8px;
    padding-bottom: 175px;
  }
}
@media only screen and (max-width: 576px) {
  .mobileProfilePageContainer {
    display: block;
    padding-top: 8px;
    padding-bottom: 140px;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder {
    display: block;
    position: relative;
    width: 100%;
  }
}
.mobileProfilePageContainer .profHolder .profOptions {
  display: flex;
  flex-direction: row;
  list-style: none;
  justify-content: center;
  padding-left: 18px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions {
    flex-direction: column;
    padding-left: 0px;
    background-color: #FBFBFB;
  }
}
.mobileProfilePageContainer .profHolder .profOptions .profLi {
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi {
    height: 80px;
    border-bottom: 1px solid #ECECEC;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .profLink {
  position: relative;
  color: #59605F;
  font-size: 14px;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi .profLink {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 16px;
  }
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .profLink .icons {
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  display: block;
  border-radius: 50%;
  margin-right: 16px;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .profLink .icons:before {
  content: '';
  width: 4px;
  height: 100%;
  background: #33A457;
  border-radius: 35px;
  position: absolute;
  left: -40px;
  display: block;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .profLink .iconContainer1 {
  width: 48px;
  height: 48px;
  background-image: url(../images/profile-user-active.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .profLink .iconContainer2 {
  width: 48px;
  height: 48px;
  background-image: url(../images/profile-truck-active.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .profLink .iconContainer3 {
  width: 48px;
  height: 48px;
  background-image: url(../images/profile-location-active.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .profLink .iconContainer4 {
  width: 48px;
  height: 48px;
  background-image: url(../images/profile-card-active.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .profLink .iconContainer5 {
  width: 48px;
  height: 48px;
  background-image: url(../images/profile-email-active.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 17px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi .hasSubProf:after {
    content: '';
    position: absolute;
    right: 8px;
    top: 17px;
    font-size: 16px;
    font-weight: 600;
    display: block;
    width: 8px;
    height: 14px;
    background-image: url(../images/arrow-right.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder {
  display: none;
  position: absolute;
  top: 88px;
  left: 0px;
  width: 100%;
  z-index: 100;
  background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,#ffffff 10%,#ffffff 100%);
  background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#ffffff 10%,#ffffff 100%);
  background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#ffffff 10%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder {
    display: block;
    position: absolute;
    top: -172px;
    left: initial;
    width: 100%;
    margin: 3px 0 0 -16px;
    height: 737px;
    right: 0px;
    background: #FFF;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%,0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    z-index: 2000;
  }
}
@media only screen and (max-width: 576px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder {
    display: block;
    position: absolute;
    top: -200px;
    left: initial;
    width: 100%;
    margin: 3px 0 0 -16px;
    height: 737px;
    right: 0px;
    background: #FFF;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%,0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    z-index: 2000;
  }
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .subprof {
  height: 88px;
  list-style: none;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .subprof {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
  }
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .subprof .subprofLi {
  margin-left: 24px;
  margin-right: 24px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .subprof .subprofLi {
    height: 80px;
    border-bottom: 1px solid #ECECEC;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    display: flex;
    align-items: center;
  }
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .subprof .subprofLi a {
  color: #59605F;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .subprof .subprofLi a {
    font-size: 14px;
    color: #59605F;
    letter-spacing: 0.04em;
    text-transform: initial;
  }
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .subprof .subProfBackBtn {
  font-size: 18px;
  color: #212E27;
  padding-left: 48px;
  background-image: url(../images/arrow-left.svg);
  background-position: 16px center;
  background-repeat: no-repeat;
  background-size: 10px;
  text-transform: uppercase;
  background-color: #FBFBFB;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 24px;
  padding-bottom: 32px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent {
    overflow-y: scroll;
    height: 670px;
  }
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .subtitle {
  font-size: 16px;
  line-height: 22px;
  color: #212E27;
  display: block;
  margin-bottom: 24px;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .subtitle2 {
  font-size: 16px;
  line-height: 22px;
  color: #212E27;
  display: block;
  margin-bottom: 16px;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .grayContainerS {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #f7f7f7;
  height: 110px;
  margin-bottom: 32px;
  padding-top: 16px;
  padding-bottom: 24px;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .grayContainerS .left {
  color: #212E27;
  font-size: 14px;
  margin-bottom: 16px;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .grayContainerS .left .gray {
  color: #A8A8A8;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .grayContainerS .left .green {
  color: #33A457;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .grayContainerS .right .active {
  height: 32px;
  padding-left: 24px;
  padding-right: 24px;
  border: 1px solid #33A457;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #33A457;
  margin-bottom: 0px;
  cursor: pointer;
  background-color: transparent;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .grayContainerS .right .unactive {
  height: 32px;
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 0px;
  cursor: pointer;
  background: #33A457;
  border: 1px solid #33A457;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FBFBFB;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .grayContainerS:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #FBFBFB;
  left: -16px;
  top: 0px;
  width: 16px;
  height: 100%;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .grayContainerS:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #FBFBFB;
  right: -16px;
  top: 0px;
  width: 16px;
  height: 100%;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent label {
  font-size: 14px;
  line-height: 22px;
  color: #59605F;
  display: block;
  margin-bottom: 8px;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent input {
  width: 100%;
  height: 48px;
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  border: initial;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #59605F;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .inputRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .inputRow {
    flex-direction: column;
  }
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .inputRow .inputCol6 {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .inputRow .inputCol8 {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .inputRow .inputCol4 {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .inputRow .inputCol12 {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .submitBtnHolder {
  display: block;
  position: relative;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .submitBtnHolder .submitBtn {
  margin-top: 8px;
  border: 1px solid #33A457;
  box-sizing: border-box;
  height: 48px;
  padding-left: 32px;
  padding-right: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #33A457;
  width: auto;
  cursor: pointer;
  box-shadow: initial;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .submitBtnHolder .submitBtn {
    width: 100%;
  }
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .radio-item {
  display: inline-block;
  position: relative;
  padding: 0px;
  margin: 10px 0 0;
  margin-right: 25px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .radio-item {
    display: block;
    margin-bottom: 16px;
    margin-right: 0px;
  }
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .radio-item input[type='radio'] {
  display: none;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .radio-item label {
  color: #59605F;
  font-size: 14px;
  line-height: 22px;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 3px;
  margin: 0 5px 0 0;
  width: 15px;
  height: 15px;
  border-radius: 11px;
  border: 2px solid #33A457;
  background-color: transparent;
}
.mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 7.5px;
  left: 3px;
  content: " ";
  display: block;
  background: #33A457;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .mobileProfilePageContainer .profHolder .profOptions .profLi .subprofHolder .profContent .radio-item input[type=radio]:checked + label:after {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 8px;
    left: 4px;
  }
}
.profilePageContainer {
  position: relative;
  padding-top: 40px;
  padding-bottom: 0px;
}
.profilePageContainer .container {
  flex-direction: column;
}
.profilePageContainer .container .matTabsBox {
  position: relative;
  display: flex;
  flex-direction: column;
}
.profilePageContainer .container .matTabsBox #holderLeft {
  background: #FBFBFB;
  display: block;
  width: 100%;
  height: auto;
}
.profilePageContainer .container .matTabsBox #holderLeft #material-tabs {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ECECEC;
  justify-content: center;
}
@media only screen and (max-width: 576px) {
  .profilePageContainer .container .matTabsBox #holderLeft #material-tabs {
    flex-direction: column;
  }
}
.profilePageContainer .container .matTabsBox #holderLeft #material-tabs a {
  position: relative;
  border-right: 1px solid #ECECEC;
  height: 96px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #A8A8A8;
  padding-left: 20px;
  padding-right: 20px;
}
.profilePageContainer .container .matTabsBox #holderLeft #material-tabs a .icons {
  position: relative;
  margin-right: 13px;
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.profilePageContainer .container .matTabsBox #holderLeft #material-tabs a .icons i {
  font-size: 22px;
  color: #8FD400;
}
.profilePageContainer .container .matTabsBox #holderLeft #material-tabs .only-mobile {
  display: none;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .profilePageContainer .container .matTabsBox #holderLeft #material-tabs .only-mobile {
    display: flex;
  }
}
.profilePageContainer .container .matTabsBox #holderLeft #material-tabs a:last-child {
  border-right: 0px;
}
.profilePageContainer .container .matTabsBox #holderLeft #material-tabs .active {
  background-color: #FFF;
  font-weight: 500;
  font-size: 16px;
  color: #000;
}
.profilePageContainer .container .matTabsBox #holderLeft #material-tabs .active .icons {
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
}
.profilePageContainer .container .matTabsBox #holderLeft #material-tabs .active .icons i {
  color: #33A457;
}
.profilePageContainer .container .matTabsBox #holderLeft #material-tabs .active:before {
  content: '';
  width: 100%;
  left: 0px;
  height: 3px;
  background: #33A457;
  border-radius: 35px;
  position: absolute;
  top: 94px;
  display: block;
}
.profilePageContainer .container .matTabsBox #holderRight {
  background: #FFF;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .profilePageContainer .container .matTabsBox #holderRight {
    width: 66%;
  }
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content {
  padding: 24px 40px 32px 40px;
  background-color: #e8e8e8;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .title {
  font-size: 24px;
  line-height: 32px;
  color: #212E27;
  display: block;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .subtitle {
  font-size: 18px;
  line-height: 26px;
  color: #212E27;
  display: block;
  margin-bottom: 24px;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .subtitle2 {
  font-size: 18px;
  line-height: 26px;
  color: #212E27;
  display: block;
  margin-bottom: 16px;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .grayContainerS {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #FBFBFB;
  height: 92px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 576px) {
  .profilePageContainer .container .matTabsBox #holderRight .tab-content .grayContainerS {
    flex-direction: column;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .grayContainerS .left {
  color: #212E27;
  font-size: 16px;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .grayContainerS .left .gray {
  color: #A8A8A8;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .grayContainerS .left .green {
  color: #33A457;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .grayContainerS .right .active {
  height: 40px;
  padding-left: 32px;
  padding-right: 32px;
  border: 1px solid #33A457;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 0px;
  cursor: pointer;
  background-color: transparent;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .grayContainerS .right .unactive {
  height: 40px;
  padding-left: 32px;
  padding-right: 32px;
  margin-bottom: 0px;
  cursor: pointer;
  background: #33A457;
  border: 1px solid #33A457;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .grayContainerS:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #FBFBFB;
  left: -40px;
  top: 0px;
  width: 40px;
  height: 100%;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .grayContainerS:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #FBFBFB;
  right: -40px;
  top: 0px;
  width: 40px;
  height: 100%;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content label {
  font-size: 14px;
  line-height: 22px;
  color: #59605F;
  display: block;
  margin-bottom: 8px;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content input {
  width: 100%;
  height: 48px;
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  border: initial;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #59605F;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .inputRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .profilePageContainer .container .matTabsBox #holderRight .tab-content .inputRow {
    flex-direction: column;
  }
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .inputRow .inputCol6 {
  padding-left: 8px;
  padding-right: 8px;
  width: 50%;
}
@media only screen and (max-width: 576px) {
  .profilePageContainer .container .matTabsBox #holderRight .tab-content .inputRow .inputCol6 {
    width: 100%;
  }
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .inputRow .inputCol8 {
  padding-left: 8px;
  padding-right: 8px;
  width: 69%;
}
@media only screen and (max-width: 576px) {
  .profilePageContainer .container .matTabsBox #holderRight .tab-content .inputRow .inputCol8 {
    width: 100%;
  }
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .inputRow .inputCol4 {
  padding-left: 8px;
  padding-right: 8px;
  width: 33.3334%;
}
@media only screen and (max-width: 576px) {
  .profilePageContainer .container .matTabsBox #holderRight .tab-content .inputRow .inputCol4 {
    width: 100%;
  }
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .inputRow .inputCol12 {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .submitBtnHolder {
  display: block;
  position: relative;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .submitBtnHolder .submitBtn {
  margin-top: 8px;
  border: 1px solid #33A457;
  box-sizing: border-box;
  height: 48px;
  padding-left: 32px;
  padding-right: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000;
  width: auto;
  cursor: pointer;
  box-shadow: initial;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .radio-item {
  display: inline-block;
  position: relative;
  padding: 0px;
  margin: 10px 0 0;
  margin-right: 25px;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .radio-item input[type='radio'] {
  display: none;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .radio-item label {
  color: #59605F;
  font-size: 14px;
  line-height: 22px;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 3px;
  margin: 0 5px 0 0;
  width: 15px;
  height: 15px;
  border-radius: 11px;
  border: 2px solid #33A457;
  background-color: transparent;
}
.profilePageContainer .container .matTabsBox #holderRight .tab-content .radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 7.5px;
  left: 3px;
  content: " ";
  display: block;
  background: #33A457;
}
@media only screen and (max-width: 576px) {
  .lastOrdersContainer {
    width: 100%;
    overflow: scroll;
  }
}
.lastOrdersContainer .headingRow {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
}
@media only screen and (max-width: 576px) {
  .lastOrdersContainer .headingRow {
    width: 100%;
    display: none;
  }
}
.lastOrdersContainer .headingRow .orderNumber {
  width: 20%;
  font-size: 18px;
  color: #212E27;
}
.lastOrdersContainer .headingRow .date {
  width: 20%;
  font-size: 18px;
  color: #212E27;
}
.lastOrdersContainer .headingRow .totalPrice {
  width: 20%;
  font-size: 18px;
  color: #212E27;
}
.lastOrdersContainer .headingRow .status {
  width: 20%;
  font-size: 18px;
  color: #212E27;
}
.lastOrdersContainer .headingRow .action {
  width: 20%;
}
.lastOrdersContainer .myList {
  position: relative;
  list-style: none;
}
@media only screen and (max-width: 576px) {
  .lastOrdersContainer .myList {
    width: 100%;
  }
}
.lastOrdersContainer .myList li .orderRow {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 92px;
  align-items: center;
  background-color: #FFF;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .lastOrdersContainer .myList li .orderRow {
    z-index: 10;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li .orderRow {
    height: auto;
    flex-direction: column;
    padding-bottom: 34px;
    padding-top: 22px;
  }
}
@media only screen and (max-width: 576px) {
  .lastOrdersContainer .myList li .orderRow {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.lastOrdersContainer .myList li .orderRow .orderNumber {
  width: 20%;
  color: #212E27;
  font-size: 16px;
  font-weight: bold;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li .orderRow .orderNumber {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.lastOrdersContainer .myList li .orderRow .orderNumber .left {
  font-weight: normal;
}
.lastOrdersContainer .myList li .orderRow .date {
  width: 20%;
  color: #212E27;
  font-size: 16px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li .orderRow .date {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.lastOrdersContainer .myList li .orderRow .date .left {
  font-weight: normal;
}
.lastOrdersContainer .myList li .orderRow .totalPrice {
  width: 20%;
  color: #212E27;
  font-size: 16px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li .orderRow .totalPrice {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.lastOrdersContainer .myList li .orderRow .totalPrice .left {
  font-weight: normal;
}
.lastOrdersContainer .myList li .orderRow .status {
  width: 20%;
  color: #212E27;
  font-size: 16px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li .orderRow .status {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.lastOrdersContainer .myList li .orderRow .status .left {
  font-weight: normal;
}
.lastOrdersContainer .myList li .orderRow .status .green {
  color: #33A457;
}
.lastOrdersContainer .myList li .orderRow .status .red {
  color: #FF005C;
}
.lastOrdersContainer .myList li .orderRow .green {
  color: #33A457;
}
.lastOrdersContainer .myList li .orderRow .red {
  color: #FF005C;
}
.lastOrdersContainer .myList li .orderRow .action {
  width: 20%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li .orderRow .action {
    width: 100%;
    margin-top: 8px;
  }
}
.lastOrdersContainer .myList li .orderRow .action a {
  height: 40px;
  padding-left: 32px;
  padding-right: 32px;
  border: 1px solid #33A457;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 0px;
  cursor: pointer;
  background-color: transparent;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li .orderRow .action a {
    width: 100%;
  }
}
.lastOrdersContainer .myList li:nth-child(odd) .orderRow {
  background-color: #FBFBFB;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li:nth-child(odd) .orderRow {
    background-color: #FFF;
  }
}
.lastOrdersContainer .myList li:nth-child(odd) .orderRow:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #FBFBFB;
  left: -40px;
  top: 0px;
  width: 40px;
  height: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .lastOrdersContainer .myList li:nth-child(odd) .orderRow:before {
    z-index: -1;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li:nth-child(odd) .orderRow:before {
    left: -16px;
    width: 16px;
    background-color: #FFF;
  }
}
.lastOrdersContainer .myList li:nth-child(odd) .orderRow:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #FBFBFB;
  right: -40px;
  top: 0px;
  width: 40px;
  height: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .lastOrdersContainer .myList li:nth-child(odd) .orderRow:after {
    z-index: -1;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li:nth-child(odd) .orderRow:after {
    right: -16px;
    width: 16px;
    background-color: #FFF;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li:nth-child(even) .orderRow {
    background-color: #FBFBFB;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li:nth-child(even) .orderRow:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #FBFBFB;
    top: 0px;
    height: 100%;
    left: -16px;
    width: 16px;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .lastOrdersContainer .myList li:nth-child(even) .orderRow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #FBFBFB;
    top: 0px;
    height: 100%;
    right: -16px;
    width: 16px;
  }
}
.blogPage {
  position: relative;
}
.blogPage .container .newsSection {
  display: block;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 35px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blogPage .container .newsSection {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-top: 15px;
    width: auto;
  }
}
.blogPage .container .newsSection .blog {
  padding-bottom: 45px;
  margin-top: 30px;
}
.blogPage .container .newsSection .blog .blogWrapper {
  display: flex;
  flex-direction: row;
}
.blogPage .container .newsSection .blog .blogWrapper .left {
  width: 70%;
}
.blogPage .container .newsSection .blog .blogWrapper .left .blogRow {
  display: flex;
  flex-direction: row;
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .blogPage .container .newsSection .blog .blogWrapper .left .blogRow {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 576px) {
  .blogPage .container .newsSection .blog .blogWrapper .left .blogRow {
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item {
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
  display: block;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item {
    width: 100%;
  }
}
.blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item .article:hover .image img {
  transform: scale(1.04);
}
.blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item .article {
  display: block;
  position: relative;
  border: 1px solid #8FD400;
}
.blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item .article .name {
  font-size: 16px;
  color: #474747;
  line-height: 1.2;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding: 0px 10px;
  min-height: 3rem;
}
.blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item .article .image {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 215px;
  overflow: hidden;
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item .article .image {
    height: 360px;
  }
}
@media only screen and (max-width: 576px) {
  .blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item .article .image {
    height: auto;
  }
}
.blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item .article .image img {
  object-fit: fill;
  width: 100%;
  transition: transform 0.2s ease-in-out;
  display: block;
}
.blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item .article .date {
  color: #33A457;
  font-size: 14px;
  display: block;
  margin-bottom: 4px;
  padding: 0px 10px;
}
.blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item .article .content {
  position: relative;
  height: 153px;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  padding: 3px 10px;
}
.blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item .article .content .excerpt {
  color: #474747;
  font-size: 14px;
}
.blogPage .container .newsSection .blog .blogWrapper .left .blogRow .item .article .content .fakeLink {
  color: #00a650;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  margin-top: 6px;
}
.blogPage .container .newsSection .blog .blogWrapper .fullWidth {
  width: 100%;
  padding-bottom: 40px;
}
.blogPage .container .newsSection h1 {
  color: #33A457;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: inline-block;
}
.blogPage .container .newsSection .subHeading {
  font-size: 16px;
  color: #9B9B9B;
  margin-left: 6px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blogPage .container .newsSection .subHeading {
    text-align: right;
    display: inline-block;
    font-size: 14px;
  }
}
.blogPage .container .newsSection .description {
  font-size: 17px;
  color: #000000;
  margin-bottom: 18px;
}
.blogPage .container .newsSection .sortByContainer {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  float: right;
  margin-top: -55px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blogPage .container .newsSection .sortByContainer {
    display: none;
  }
}
.blogPage .container .newsSection .sortByContainer .text {
  text-align: left;
  padding-left: 9px;
  padding-right: 4px;
  font-size: 14px;
  color: #33A457;
  display: inline-block;
  position: relative;
  line-height: 24px;
}
.blogPage .container .newsSection .sortByContainer .sortByBox {
  background-color: transparent;
  box-shadow: initial;
}
.blogPage .container .newsSection .sortByContainer .sortByBox .sortBy {
  width: 140px;
  height: 38px;
  display: inline-block;
  box-shadow: initial;
  border-radius: 0px;
  background-color: transparent;
  border: none;
  font-size: 14px;
  color: #33A457;
  border: 1px solid #33A457;
  padding-left: 16px;
}
.blogPage .container .newsSection .sortByContainer .sortByBox .filterBy {
  width: 340px;
  height: 38px;
  display: inline-block;
  box-shadow: initial;
  border-radius: 0px;
  background-color: transparent;
  border: none;
  font-size: 14px;
  color: #FFF;
  padding-left: 16px;
}
.blogPage .container .newsSection .sortByContainer .sortByBox .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: initial;
  height: 35px;
  box-shadow: initial;
}
.blogPage .container .newsSection .sortByContainer .sortByBox .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: initial;
  box-shadow: initial;
  background-color: transparent;
  border: none;
  height: 35px;
  line-height: 35px;
  color: #33A457;
  font-size: 14px;
  border: 1px solid #33A457;
  font-weight: 600;
}
.blogPage .container .newsSection .sortByContainer .sortByBox .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.blogPage .container .newsSection .sortByContainer .sortByBox .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.blogPage .container .newsSection .pagination {
  padding-top: 20px;
  display: flex;
  justify-content: center;
}
.blogPage .container .newsSection .pagination a,
.blogPage .container .newsSection .pagination a:link,
.blogPage .container .newsSection .pagination a:hover,
.blogPage .container .newsSection .pagination a:visited {
  font-size: 20px;
  color: #656565;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
.blogPage .container .newsSection .pagination a.active,
.blogPage .container .newsSection .pagination a:link.active,
.blogPage .container .newsSection .pagination a:hover.active,
.blogPage .container .newsSection .pagination a:visited.active {
  color: #5BBA52;
}
.blogPage .container .newsSection .pagination span {
  font-size: 20px;
  color: #656565;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
.blogPage .container .newsSection .pagination span.active {
  color: #5BBA52;
}
.blogPage .container .newsSection .pagination .arrow {
  color: #FFF;
}
.blogPage .container .newsSection .searchContainer {
  display: inline-block;
  float: right;
  align-items: center;
  justify-content: flex-end;
  width: 560px;
  max-width: 100%;
  margin-bottom: 0px;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blogPage .container .newsSection .searchContainer {
    display: none;
    position: absolute;
    padding: 0;
    left: 0px;
    right: 0px;
    background-color: #fff;
    top: 57px;
    width: 100%;
    z-index: 1000;
  }
}
.blogPage .container .newsSection .searchContainer .searchForm {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blogPage .container .newsSection .searchContainer .searchForm {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.blogPage .container .newsSection .searchContainer .searchForm .inputBox {
  width: 100%;
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blogPage .container .newsSection .searchContainer .searchForm .inputBox {
    width: 100%;
  }
}
.blogPage .container .newsSection .searchContainer .searchForm .inputBox input {
  padding-right: 40px;
  height: 35px;
  text-indent: 10px;
  border: 2px solid ;
  border-radius: 10px;
  padding-right: 25px;
  font-size: 16px;
  width: 100%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blogPage .container .newsSection .searchContainer .searchForm .inputBox input {
    width: 100%;
    height: 36px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
  }
}
.blogPage .container .newsSection .searchContainer .searchForm .inputBox input::placeholder {
  font-size: 16px;
}
.blogPage .container .newsSection .searchContainer .searchForm .inputBox input::-wbekit-input-placeholder {
  font-size: 16px;
}
.blogPage .container .newsSection .searchContainer .searchForm .submitBox {
  width: 35px;
  height: 35px;
  margin-left: -40px;
}
.blogPage .container .newsSection .searchContainer .searchForm .submitBox button {
  border: none;
  height: 100%;
  width: 100%;
  display: block;
  cursor: pointer;
  background: none;
}
.blogPage .container .newsSection .searchContainer .searchForm .submitBox button i {
  font-size: 18px;
  color: #33A457;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper {
  padding-top: 10px;
  position: absolute;
  z-index: 300;
  top: 30px;
  right: 0px;
  width: 100%;
  display: none;
  z-index: 10000;
}
@media only screen and (max-width: 576px) {
  .blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper {
    width: 100%;
    top: 26px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList {
  display: block;
  width: 100%;
  height: auto;
  background-color: #FFF;
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  box-shadow: 0px 8px 12px rgba(0,0,0,0.08);
  padding-bottom: 24px;
  padding-top: 16px;
  border-radius: 10px;
}
@media only screen and (max-width: 576px) {
  .blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList {
    width: 100%;
  }
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .headingRow {
  padding-top: 16px;
  padding-bottom: 9px;
  border-bottom: 1px solid #ECECEC;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .headingRow .headTitle {
  font-size: 18px;
  color: #212E27;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .headingRow .advancedSearch {
  color: #33A457;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .headingRow .headText {
  font-size: 12px;
  color: #59605F;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .products {
  list-style: none;
  flex-direction: column;
  overflow-y: scroll;
  height: 193px;
  border-bottom: 1px solid #ECECEC;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .products li {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 5px;
  padding-left: 24px;
  border-bottom: 1px solid #ECECEC;
  display: flex;
  flex-direction: row;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .products li .productImage {
  overflow: hidden;
  display: block;
  min-width: 64px;
  max-height: 64px;
  min-height: 64px;
  max-width: 64px;
  margin-right: 20px;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .products li .productImage .image {
  height: 64px;
  width: 64px;
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .products li .productInfo {
  display: block;
  margin-right: 20px;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .products li .productInfo .name {
  width: 220px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 14px;
  color: #212E27;
  margin-bottom: 7px;
}
@media only screen and (max-width: 576px) {
  .blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .products li .productInfo .name {
    width: 160px;
  }
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .products li .productInfo .excerpt {
  width: 183px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #878787;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .products li .productPrice {
  font-size: 16px;
  display: block;
  padding-top: 0.5px;
  color: #59605F;
  text-align: right;
  width: 82px;
  font-style: unset !important;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .searchFooter {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 10px;
  padding-left: 24px;
  padding-right: 24px;
}
.blogPage .container .newsSection .searchContainer .searchForm .searchItemsWrapper .searchItemsList .searchFooter .viewAll {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #33A457;
  border-radius: 1px;
  border: none;
  padding-left: 40px;
  padding-right: 40px;
  height: 40px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.searchItemsWrapper {
  padding-top: 10px;
  position: absolute;
  z-index: 300;
  top: 30px;
  right: 0px;
  width: 100%;
  display: none;
  z-index: 10000;
}
@media only screen and (max-width: 576px) {
  .searchItemsWrapper {
    width: 100%;
    top: 26px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.searchItemsWrapper .searchItemsList {
  display: block;
  width: 100%;
  height: auto;
  background-color: #FFF;
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  box-shadow: 0px 8px 12px rgba(0,0,0,0.58);
  padding-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .searchItemsWrapper .searchItemsList {
    width: 100%;
  }
}
.searchItemsWrapper .searchItemsList .headingRow {
  padding-top: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid #ECECEC;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #ECECEC;
}
.searchItemsWrapper .searchItemsList .headingRow .headTitle {
  font-size: 18px;
  color: #212E27;
}
.searchItemsWrapper .searchItemsList .headingRow .advancedSearch {
  color: #33A457;
}
.searchItemsWrapper .searchItemsList .headingRow .headText {
  font-size: 12px;
  color: #59605F;
}
.searchItemsWrapper .searchItemsList .products {
  list-style: none;
  flex-direction: column;
  overflow-y: scroll;
  height: 193px;
  border-bottom: 1px solid #ECECEC;
}
.searchItemsWrapper .searchItemsList .products li {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 5px;
  padding-left: 24px;
  border-bottom: 1px solid #ECECEC;
  display: flex;
  flex-direction: row;
}
.searchItemsWrapper .searchItemsList .products li .productImage {
  overflow: hidden;
  display: block;
  min-width: 60px;
  max-height: 60px;
  min-height: 60px;
  max-width: 60px;
  margin-right: 20px;
}
.searchItemsWrapper .searchItemsList .products li .productImage .image {
  height: 60px;
  width: 60px;
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.searchItemsWrapper .searchItemsList .products li .productInfo {
  display: block;
  margin-right: 20px;
}
.searchItemsWrapper .searchItemsList .products li .productInfo .name {
  width: 173px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 14px;
  color: #212E27;
  margin-bottom: 7px;
  line-height: normal;
}
@media only screen and (max-width: 576px) {
  .searchItemsWrapper .searchItemsList .products li .productInfo .name {
    width: 160px;
  }
}
.searchItemsWrapper .searchItemsList .products li .productInfo .excerpt {
  width: 183px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #878787;
}
.searchItemsWrapper .searchItemsList .products li .productPrice {
  font-size: 16px;
  display: block;
  padding-top: 0.5px;
  color: #59605F;
  text-align: right;
  width: 82px;
  font-style: unset !important;
}
.searchItemsWrapper .searchItemsList .brandsSearch {
  list-style: none;
  flex-direction: column;
  overflow-y: scroll;
  max-height: 93px;
  border-bottom: 1px solid #ECECEC;
}
.searchItemsWrapper .searchItemsList .brandsSearch .name {
  width: 220px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  color: #212E27;
  padding-left: 24px;
}
@media only screen and (max-width: 576px) {
  .searchItemsWrapper .searchItemsList .brandsSearch .name {
    width: 160px;
  }
}
.searchItemsWrapper .searchItemsList .searchFooter {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 10px;
  padding-left: 24px;
  padding-right: 24px;
}
.searchItemsWrapper .searchItemsList .searchFooter .viewAll {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #33A457;
  border-radius: 1px;
  border: none;
  padding-left: 40px;
  padding-right: 40px;
  height: 40px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.searchItemsWrapper #searchBoxViewAllButton {
  width: 100%;
}
.d-block {
  display: block !important;
}
.articleTopContainer {
  position: relative;
}
.articleTopContainer .container {
  text-align: center;
  padding-top: 30px;
  margin-top: 20px;
  flex-direction: column;
}
.articleTopContainer .container h1 {
  font-size: 36px;
  color: #212E27;
  line-height: 1.1em;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .articleTopContainer .container h1 {
    font-size: 22px;
  }
}
.articleTopContainer .container .authorInfo {
  flex-direction: row;
  max-width: 100%;
  display: inline-flex;
  margin: 0 auto;
  margin-bottom: 48px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .articleTopContainer .container .authorInfo {
    margin-bottom: 24px;
  }
}
.articleTopContainer .container .authorInfo .userPic {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: block;
  overflow: hidden;
  margin-right: 16px;
}
.articleTopContainer .container .authorInfo .userPic img {
  width: 100%;
  object-fit: contain;
}
.articleTopContainer .container .authorInfo .userInfo {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.articleTopContainer .container .authorInfo .userInfo .name {
  color: #212E27;
  font-size: 14px;
  font-weight: 500;
}
.articleTopContainer .container .authorInfo .userInfo .date {
  font-size: 12px;
  color: #878787;
}
.articleTopContainer .container .articleWrapper {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 10px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .articleTopContainer .container .articleWrapper {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.articleTopContainer .container .articleWrapper .imgContainer {
  width: 100%;
  height: 400px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .articleTopContainer .container .articleWrapper .imgContainer {
    height: 300px;
  }
}
@media only screen and (max-width: 576px) {
  .articleTopContainer .container .articleWrapper .imgContainer {
    height: 120px;
  }
}
.grayContainer5 {
  position: relative;
}
.grayContainer5 .container {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .grayContainer5 .container {
    padding-top: 0px;
    padding-bottom: 20px;
  }
}
.grayContainer5 .container .articleContent1 {
  padding-left: 30px;
  padding-right: 30px;
  display: block;
  margin: 0 auto;
  text-align: left;
  font-size: 14px;
  line-height: 24px;
  color: #59605F;
}
@media only screen and (max-width: 576px) {
  .grayContainer5 .container .articleContent1 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.grayContainer5 .container .articleContent1 .newDesc {
  max-width: 1024px;
  font-size: 15px;
}
.grayContainer5 .container .articleContent1 .newDesc h2,
.grayContainer5 .container .articleContent1 .newDesc h3,
.grayContainer5 .container .articleContent1 .newDesc h4,
.grayContainer5 .container .articleContent1 .newDesc h5 {
  margin: 1rem 0px;
}
.grayContainer5 .container .articleContent1 .two_cols {
  column-count: 2;
  column-gap: 30px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
@media only screen and (max-width: 576px) {
  .grayContainer5 .container .articleContent1 .two_cols {
    column-count: 1;
    column-gap: 0px;
  }
}
.grayContainer5 .container .articleContent1 .imgContainer {
  float: left;
  padding-right: 20px;
  padding-bottom: 20px;
  display: inline-block;
  width: 400px;
  max-width: 50%;
}
@media only screen and (max-width: 576px) {
  .grayContainer5 .container .articleContent1 .imgContainer {
    float: initial;
    display: block;
    padding-right: 0px;
    width: 100%;
    max-width: initial;
  }
}
.grayContainer5 .container .articleContent1 .imgContainer img {
  max-width: 100%;
  display: block;
}
.grayContainer5 .container .articleContent1 .banner img {
  width: 100% !important;
  height: auto !important;
}
.grayContainer5 .container .articleContent1 .infoGallery {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .grayContainer5 .container .articleContent1 .infoGallery {
    flex-direction: column;
  }
}
.grayContainer5 .container .articleContent1 .infoGallery .item-gallery {
  display: block;
  height: 200px;
  width: 50%;
  padding: 0px 20px 0px 0px;
  margin-top: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .grayContainer5 .container .articleContent1 .infoGallery .item-gallery {
    width: 100%;
    height: auto;
    padding: 0px;
  }
}
.grayContainer5 .container .articleContent1 .infoGallery .item-gallery img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 200px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .grayContainer5 .container .articleContent1 .infoGallery .item-gallery img {
    object-fit: normal;
    height: auto;
  }
}
.grayContainer5 .container .productsRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0px auto;
  margin-top: 40px;
  box-sizing: border-box;
  width: 1316px;
  max-width: 100%;
  justify-content: space-between;
}
.grayContainer5 .container .productsRow .item {
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 576px) {
  .grayContainer5 .container .productsRow .item {
    width: 100%;
  }
}
.grayContainer5 .container .productsRow .item.newProductsItem {
  width: 25%;
}
@media only screen and (max-width: 576px) {
  .grayContainer5 .container .productsRow .item.newProductsItem {
    width: 50%;
  }
}
.grayContainer5 .container .productsRow .item .product:hover {
  box-shadow: 0px 0px 15px #ccc;
}
.grayContainer5 .container .productsRow .item .iconBadge {
  position: absolute;
}
.grayContainer5 .container .productsRow .item .discountPercent {
  right: 0px;
  border: 1px solid #c03;
  color: #c03;
  padding: 5px;
  font-weight: bold;
  right: 5px;
  font-size: 19px;
  line-height: normal;
  text-align: center;
  background: rgba(255,255,255,0.7);
  border-radius: 3px;
}
.grayContainer5 .container .productsRow .item .bestSelling {
  top: 49%;
  left: 66%;
  width: 110px;
  z-index: 1;
}
.grayContainer5 .container .productsRow .item .promoBadge {
  right: 5px;
  top: 15px;
  width: 76px;
  z-index: 1;
}
.grayContainer5 .container .productsRow .item .newBadge {
  top: 0px;
  right: 0px;
  width: 68px;
  z-index: 1;
}
.grayContainer5 .container .productsRow .item .deliveryBadge {
  top: 50%;
  right: 0px;
  width: 128px;
  z-index: 1;
}
.grayContainer5 .container .productsRow .item .product {
  position: relative;
  transition: all 0.25s;
  display: block;
  background-color: #FFF;
  height: 510px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 17px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .grayContainer5 .container .productsRow .item .product {
    height: 420px;
  }
}
.grayContainer5 .container .productsRow .item .product .productName {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 68px;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0px;
  color: #45454d;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .grayContainer5 .container .productsRow .item .product .productName {
    -webkit-line-clamp: 3;
  }
}
.grayContainer5 .container .productsRow .item .product .iconBadge {
  position: absolute;
}
.grayContainer5 .container .productsRow .item .product .discountPercent {
  right: 0px;
  border: 1px solid #c03;
  color: #c03;
  padding: 5px;
  font-weight: bold;
  right: 5px;
  font-size: 19px;
  line-height: normal;
  text-align: center;
  background: rgba(255,255,255,0.7);
  border-radius: 3px;
}
.grayContainer5 .container .productsRow .item .product .bestSelling {
  top: 49%;
  left: 66%;
  width: 110px;
  z-index: 1;
}
.grayContainer5 .container .productsRow .item .product .promoBadge {
  right: 5px;
  top: 15px;
  width: 76px;
  z-index: 1;
}
.grayContainer5 .container .productsRow .item .product .newBadge {
  top: 0px;
  right: 0px;
  width: 68px;
  z-index: 1;
}
.grayContainer5 .container .productsRow .item .product .deliveryBadge {
  top: 50%;
  right: 0px;
  width: 128px;
  z-index: 1;
}
.grayContainer5 .container .productsRow .item .product .productImage {
  display: flex;
  height: 300px;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .grayContainer5 .container .productsRow .item .product .productImage {
    height: 190px;
  }
}
.grayContainer5 .container .productsRow .item .product .productImage img {
  object-fit: contain;
  max-height: 240px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .grayContainer5 .container .productsRow .item .product .productImage img {
    max-width: 100%;
    max-height: 140px;
  }
}
.grayContainer5 .container .productsRow .item .product .priceBrandRow {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  min-height: 30px;
  margin-top: 8px;
}
.grayContainer5 .container .productsRow .item .product .priceBrandRow .productBrand {
  display: block;
}
.grayContainer5 .container .productsRow .item .product .priceBrandRow .productBrand img {
  display: block;
  object-fit: fill;
  max-height: 30px;
  max-width: 60px;
}
@media only screen and (max-width: 576px) {
  .grayContainer5 .container .productsRow .item .product .priceBrandRow .productBrand {
    display: none;
  }
}
.grayContainer5 .container .productsRow .item .product .priceBrandRow .productPrice {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.grayContainer5 .container .productsRow .item .product .priceBrandRow .productPrice .oldPrice {
  position: relative;
  font-size: 1rem;
  color: #bababa;
  line-height: 1;
  margin-right: 8px;
}
.grayContainer5 .container .productsRow .item .product .priceBrandRow .productPrice .oldPrice sup {
  font-size: 0.8rem;
}
.grayContainer5 .container .productsRow .item .product .priceBrandRow .productPrice .oldPrice .currency {
  font-size: 0.8rem;
}
.grayContainer5 .container .productsRow .item .product .priceBrandRow .productPrice .currPrice {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 600;
  color: red;
}
.grayContainer5 .container .productsRow .item .product .priceBrandRow .productPrice .currPrice sup {
  font-size: 0.8rem;
  padding-left: 2px;
}
.grayContainer5 .container .productsRow .item .product .priceBrandRow .productPrice .currPrice .currency {
  font-size: 0.8rem;
}
.grayContainer5 .container .productsRow .item .product .priceBrandRow .productPrice .oldPrice:after {
  content: '';
  width: 108%;
  background-color: #bababa;
  display: block;
  height: 2px;
  position: absolute;
  left: -4px;
  top: 14px;
  transform: rotate(16deg);
}
.grayContainer5 .container .productsRow .item .product .buttonHolder {
  padding-top: 13px;
  display: flex;
  justify-content: center;
}
.grayContainer5 .container .productsRow .item .product .buttonHolder .fakeBtn {
  font-size: 14px;
  color: #FFF;
  display: flex;
  align-items: center;
  padding: 2px 12px;
  background: #33A457;
  border: 2px solid #33A457;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  box-shadow: 0 0 6px #c8c6c6;
}
.grayContainer5 .container .productsRow .item .product .buttonHolder .fakeBtn i {
  color: #FFF;
  margin-right: 8px;
  font-size: 16px;
  transition: color 0.2s ease-in-out;
}
.grayContainer5 .container .productsRow .item .product .buttonHolder .fakeBtn:hover {
  background-color: #FFF;
  color: #33A457;
}
.grayContainer5 .container .productsRow .item .product .buttonHolder .fakeBtn:hover i {
  color: #33A457;
}
.grayContainer5 .container .productsRow .item .productLess {
  height: auto;
}
.grayContainer5 .container .productsRow .item .productLess .productImage {
  display: none;
}
.blog {
  background-color: #f7f7f7;
  position: relative;
}
.blog .container .heading {
  font-size: 38px;
  color: #474747;
  text-transform: uppercase;
  text-align: center;
  padding-top: 40px;
  font-weight: 300;
  padding-bottom: 20px;
}
@media only screen and (max-width: 576px) {
  .blog .container .heading {
    font-size: 30px;
  }
}
.blog .container .subHeading {
  font-size: 16px;
  color: #474747;
  display: block;
  text-align: center;
  margin-bottom: 35px;
  font-weight: 400;
}
.blog .container .blogWrapper {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 576px) {
  .blog .container .blogWrapper {
    flex-direction: column;
  }
}
.blog .container .blogWrapper .left {
  width: 70%;
}
@media only screen and (max-width: 576px) {
  .blog .container .blogWrapper .left {
    width: 100%;
  }
}
.blog .container .blogWrapper .left .blogRow {
  display: flex;
  flex-direction: row;
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .blog .container .blogWrapper .left .blogRow {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 576px) {
  .blog .container .blogWrapper .left .blogRow {
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.blog .container .blogWrapper .left .blogRow .item {
  padding-left: 10px;
  padding-right: 10px;
  width: 33.3334%;
  display: block;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .blog .container .blogWrapper .left .blogRow .item {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .blog .container .blogWrapper .left .blogRow .item {
    width: 100%;
  }
}
.blog .container .blogWrapper .left .blogRow .item .article:hover .image img {
  transform: scale(1.04);
}
.blog .container .blogWrapper .left .blogRow .item .article {
  display: block;
  position: relative;
  border: 1px solid #8FD400;
}
.blog .container .blogWrapper .left .blogRow .item .article .name {
  font-size: 16px;
  color: #474747;
  line-height: 1.2;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding: 0px 10px;
  min-height: 3rem;
}
.blog .container .blogWrapper .left .blogRow .item .article .image {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 215px;
  overflow: hidden;
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .blog .container .blogWrapper .left .blogRow .item .article .image {
    height: 360px;
  }
}
@media only screen and (max-width: 576px) {
  .blog .container .blogWrapper .left .blogRow .item .article .image {
    height: auto;
  }
}
.blog .container .blogWrapper .left .blogRow .item .article .image img {
  object-fit: fill;
  width: 100%;
  transition: transform 0.2s ease-in-out;
  display: block;
}
.blog .container .blogWrapper .left .blogRow .item .article .date {
  color: #33A457;
  font-size: 14px;
  display: block;
  margin-bottom: 4px;
  padding: 0px 10px;
}
.blog .container .blogWrapper .left .blogRow .item .article .content {
  position: relative;
  height: 153px;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  padding: 3px 10px;
}
.blog .container .blogWrapper .left .blogRow .item .article .content .excerpt {
  color: #474747;
  font-size: 14px;
  width: 100%;
  text-align: left;
}
.blog .container .blogWrapper .left .blogRow .item .article .content .fakeLink {
  color: #00a650;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  margin-top: 6px;
}
.blog .container .blogWrapper .fullWidth {
  width: 100%;
  padding-bottom: 40px;
}
.blog .container .blogWrapper .right {
  width: 30%;
  padding-left: 40px;
}
@media only screen and (max-width: 576px) {
  .blog .container .blogWrapper .right {
    padding-left: 0px;
    width: 100%;
  }
}
.blog .container .blogWrapper .right .blogCol {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 576px) {
  .blog .container .blogWrapper .right .blogCol {
    padding-top: 20px;
  }
}
.blog .container .blogWrapper .right .blogCol .item {
  padding-left: 10px;
  width: 100%;
  display: block;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (max-width: 576px) {
  .blog .container .blogWrapper .right .blogCol .item {
    padding-left: 0px;
  }
}
.blog .container .blogWrapper .right .blogCol .item .article:hover .image img {
  transform: scale(1.04);
}
.blog .container .blogWrapper .right .blogCol .item .article {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
}
.blog .container .blogWrapper .right .blogCol .item .article .image {
  display: block;
  height: 60px;
  width: 30%;
  overflow: hidden;
}
.blog .container .blogWrapper .right .blogCol .item .article .image img {
  object-fit: fill;
  width: 100%;
  transition: transform 0.2s ease-in-out;
}
.blog .container .blogWrapper .right .blogCol .item .article .content {
  padding-left: 20px;
  width: 80%;
}
.blog .container .blogWrapper .right .blogCol .item .article .content .name {
  font-size: 16px;
  color: #474747;
  line-height: 1.2;
}
.blog .container .blogWrapper .right .blogCol .item .article .content .date {
  color: #989898;
  font-size: 14px;
  display: block;
  margin-bottom: 4px;
  font-weight: 300;
}
.blog .container .blogWrapper .right .blogCol .item .article .content .excerpt {
  color: #474747;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.blog .container .buttonBox {
  display: block;
  text-align: center;
  padding-bottom: 45px;
}
.blog .container .buttonBox .blogLink {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  padding: 6px 16px;
  background: #00a650;
  display: inline-block;
  border: 2px solid #00a650;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.blog .container .buttonBox .blogLink i {
  margin-left: 6px;
}
.blog .container .buttonBox .blogLink:hover {
  background: #FFF;
  color: #00a650;
}
.sitemap .SMmenuLi {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid #FFF;
  text-align: left;
}
.sitemap .SMmenuLi .SMmenuA {
  position: relative;
  color: #474747;
  font-size: 14px;
  font-weight: 700;
  display: block;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
}
.sitemap .SMmenuLi:last-child {
  border-right: none;
}
.sitemap .SMoutlet {
  background-color: red;
}
.sitemap .SMoutlet .SMmenuA {
  color: #fff;
}
.sitemap .SMhasSubmenuSitemap .SMsubMenuListHolder .SMsubMenuList {
  position: relative;
  padding: 20px;
  display: block;
}
.sitemap .SMhasSubmenuSitemap .SMsubMenuListHolder .SMsubMenuList .SMsubMenuLi {
  margin-bottom: 20px;
  display: table;
  width: 100%;
}
.sitemap .SMhasSubmenuSitemap .SMsubMenuListHolder .SMsubMenuList .SMsubMenuLi .SMsubMenuA {
  position: relative;
  color: #474747;
  font-size: 14px;
  display: block;
  padding-bottom: 4px;
  font-weight: 600;
}
.sitemap .SMhasSubmenuSitemap .SMsubMenuListHolder .SMsubMenuList .SMsubMenuLi .SMsubSubMenuListHolder {
  background-color: #FFF;
  padding: 4px 10px;
}
.sitemap .SMhasSubmenuSitemap .SMsubMenuListHolder .SMsubMenuList .SMsubMenuLi .SMsubSubMenuListHolder .SMsubSubMenuList {
  display: flex;
  flex-direction: column;
}
.sitemap .SMhasSubmenuSitemap .SMsubMenuListHolder .SMsubMenuList .SMsubMenuLi .SMsubSubMenuListHolder .SMsubSubMenuList .SMsubCatLi {
  border-bottom: 2px solid #f7f7f7;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
}
.sitemap .SMhasSubmenuSitemap .SMsubMenuListHolder .SMsubMenuList .SMsubMenuLi .SMsubSubMenuListHolder .SMsubSubMenuList .SMsubCatLi .SMsubsubMenuA {
  color: #474747;
  font-size: 14px;
  transition: color 0.2s ease-in-out;
}
.sitemap .SMhasSubmenuSitemap .SMsubMenuListHolder .SMsubMenuList .SMsubMenuLi .SMsubSubMenuListHolder .SMsubSubMenuList .SMsubCatLi .SMsubsubMenuA:hover {
  color: #33A457;
}
.sitemap .SMhasSubmenuSitemap .SMsubMenuListHolder .SMsubMenuList .SMsubMenuLi .SMsubSubMenuListHolder .SMsubSubMenuList .SMsubCatLi:last-child {
  border-bottom: none;
}
.sitemap .SMhasSubmenuSitemap .SMsubMenuListHolder .SMsubMenuList .hasSubSubmenu .subMenuA {
  border-bottom: 2px solid #33A457;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .sitemap .SMhasSubmenuSitemap .SMsubMenuListHolder .SMsubMenuList .hasSubSubmenu .subMenuA {
    border-bottom: 2px solid ;
  }
}
.catPage {
  position: relative;
  margin-top: 40px;
}
@media only screen and (max-width: 576px) {
  .catPage.catPageProduct {
    padding-top: 0px;
  }
}
.catPage .container {
  flex-direction: column;
}
.catPage .container .kaktusProducts {
  padding-bottom: 40px;
  width: 85rem;
}
.catPage .container .kaktusProducts .similarProdTitle {
  font-size: 28px;
  color: #474747;
  text-transform: uppercase;
  text-align: center;
  font-weight: 300;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .kaktusProducts .similarProdTitle {
    font-size: 20px;
  }
}
.catPage .container .kaktusProducts .productsRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 40px;
  box-sizing: border-box;
  justify-content: space-between;
  width: 100%;
}
.catPage .container .kaktusProducts .productsRow .item {
  display: flex;
  flex-direction: column;
  width: 20rem;
  background-color: #fff;
  padding: 1rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  margin: 0 0 1.5rem 0;
  transition: box-shadow 0.3s ease-in-out;
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .kaktusProducts .productsRow .item {
    width: 33%;
    margin: 0 0 1% 0;
    border: 0.0625rem solid #ccc;
  }
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px) {
  .catPage .container .kaktusProducts .productsRow .item {
    width: 49%;
    margin: 0 0 1% 0;
    border: 0.0625rem solid #ccc;
  }
}
.catPage .container .kaktusProducts .productsRow .item .image {
  height: 18rem;
  width: 100%;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .kaktusProducts .productsRow .item .image {
    height: 10rem;
  }
}
.catPage .container .kaktusProducts .productsRow .item .image picture {
  display: block;
  width: 100%;
  height: 18rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .kaktusProducts .productsRow .item .image picture {
    height: 10rem;
  }
}
.catPage .container .kaktusProducts .productsRow .item .image picture img {
  display: block;
  width: 100%;
  height: 18rem;
  object-fit: contain;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .kaktusProducts .productsRow .item .image picture img {
    height: 10rem;
  }
}
.catPage .container .kaktusProducts .productsRow .item .name {
  color: #474747;
  font-size: 1rem;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .kaktusProducts .productsRow .item .name {
    height: 6rem;
    margin: 0 0 1rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.catPage .container .kaktusProducts .productsRow .item .price-holder {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .kaktusProducts .productsRow .item .price-holder {
    flex-direction: column;
    margin: 0 0 1rem 0;
  }
}
.catPage .container .kaktusProducts .productsRow .item .price-holder .price {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  color: #DE0000;
  font-size: 1.5rem;
  font-family: 'Jost';
  font-weight: 700;
  font-style: normal;
  font-weight: 800;
  margin: 0 2rem 0 0;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .kaktusProducts .productsRow .item .price-holder .price {
    order: 2;
  }
}
.catPage .container .kaktusProducts .productsRow .item .price-holder .price .currency {
  font-size: 1rem;
  color: #474747;
  font-family: 'Jost';
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 0 0.2rem;
}
.catPage .container .kaktusProducts .productsRow .item .price-holder .price-old {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  text-decoration: line-through;
  margin: 0 2rem 0 0;
  color: #474747;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .kaktusProducts .productsRow .item .price-holder .price-old {
    order: 1;
  }
}
.catPage .container .kaktusProducts .productsRow .item .price-holder .price-old .currency {
  font-size: 1rem;
  color: #474747;
  font-family: 'Jost';
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 0 0.2rem;
}
.catPage .container .kaktusProducts .productsRow .item .actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.catPage .container .kaktusProducts .productsRow .item .actions .buy {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #00544D;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.3rem 1rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  transition: background 0.3s ease-in-out;
}
.catPage .container .kaktusProducts .productsRow .item .actions .buy .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 0.3rem 0 0;
}
.catPage .container .kaktusProducts .productsRow .item .actions .favourites {
  display: block;
  background-image: url(../images/icon-favourites.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  height: 1rem;
  width: 1.3rem;
  margin: 0 0.3rem 0 0;
}
.catPage .container .kaktusProducts .productsRow .item:hover {
  box-shadow: 0 0 2rem rgba(0,0,0,0.2);
}
.catPage .container .kaktusProducts .productsRow .item:hover .actions .buy {
  background: #33A457;
}
.catPage .container .catRow {
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow {
    flex-direction: column;
  }
}
.catPage .container .catRow .filterContainer {
  display: block;
  width: 25%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .filterContainer {
    margin-left: 0px;
    width: 100%;
  }
}
.catPage .container .catRow .filterContainer .formContainer {
  padding-right: 20px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .filterContainer .formContainer {
    padding-right: 0px;
    padding-top: 0px;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .topBtnsRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    justify-content: space-between;
    border-top: 5px solid #f5f5f5;
    border-bottom: 5px solid #f5f5f5;
  }
}
@media  {
  .catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .topBtnsRow {
    flex-direction: column;
    width: 100%;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .allFilters {
    display: none;
  }
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .topTitle {
  text-transform: uppercase;
  font-size: 16px;
  color: #8FD400;
  display: flex;
  justify-content: space-between;
  padding-left: 30px;
  border-top: 5px solid #f5f5f5;
  border-bottom: 5px solid #f5f5f5;
  height: 50px;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .topTitle {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    border: none;
  }
}
@media  {
  .catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .topTitle {
    width: 100%;
  }
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .topTitle i {
  color: #f5f5f5;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .topTitle i {
    margin-left: 6px;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .topTitle.hideMobile {
    display: none;
  }
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch #buttonFilters2 {
  display: none;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch #buttonFilters2 {
    display: flex;
  }
}
@media  {
  .catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch #buttonFilters2 {
    border-top: none;
  }
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch label {
  display: block;
  position: relative;
  padding-left: 34px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  color: #59605F;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch label:hover input ~ .checkmark {
  background-color: #ccc;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch label input:checked ~ .checkmark {
  background-color: #FFF;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 18px;
  width: 18px;
  background: #FFFFFF;
  border: 2px solid #e8e8e8;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch label input:checked ~ .checkmark:after {
  display: block;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch label .checkmark:after {
  left: 6px;
  top: -6px;
  width: 6px;
  height: 15px;
  border: solid #8FD400;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .radioLabel .checkmark {
  border-radius: 50%;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .radioLabel .checkmark:after {
  top: 4px;
  left: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #8FD400;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .formSection {
  margin-bottom: 20px;
  padding-top: 20px;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .formSection .topTitle {
  border: none;
  height: auto;
  margin-bottom: 10px;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .formSection .holderAttributes {
  display: block;
  max-height: 170px;
  overflow-y: auto;
  padding-left: 65px;
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .formSection .holderAttributes {
    padding-left: 15px;
  }
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .formSection .holderAttributes label {
  font-size: 14px;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .priceContainer {
  border-top: 5px solid #f5f5f5;
  border-bottom: 5px solid #f5f5f5;
  padding-top: 18px;
  padding-bottom: 18px;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .priceContainer .topTitle {
  border: none;
  height: auto;
  margin-bottom: 20px;
}
.catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .priceContainer .selector {
  padding-left: 38px;
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .filterContainer .formContainer #formAdvancedSearch .priceContainer .selector {
    padding-left: 0px;
  }
}
.catPage .container .catRow .filterContainer .leftCatContainer {
  padding: 0 27px 24px 0px;
  position: relative;
  padding-right: 20px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .filterContainer .leftCatContainer {
    display: none;
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 26px;
    padding-right: 0px;
  }
}
.catPage .container .catRow .filterContainer .leftCatContainer .firstCat {
  margin-left: -30px;
  width: calc(100% + 30px);
  padding-left: 30px;
  height: 50px;
  background-color: #8FD400;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.catPage .container .catRow .filterContainer .leftCatContainer .firstCat .cat .name {
  font-size: 18px;
  color: #FFF;
  outline: none;
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .cat {
  position: relative;
  width: 100%;
  display: block;
  border-bottom: 2px solid #f2f2f2;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .cat {
    width: calc(100% - 26px);
  }
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .cat .name {
  font-size: 16px;
  color: #45454d;
  padding: 14px 0px 14px 0px;
  padding-right: 0px;
  padding-right: 0;
  position: relative;
  display: block;
  cursor: pointer;
  padding-right: 20px;
  font-weight: 600;
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .hasSubCat:after {
  position: absolute;
  right: -7px;
  top: 15px;
  content: "\f078";
  width: 30px;
  height: 30px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #212E27;
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .openedSubCat:after {
  position: absolute;
  right: -7px;
  top: 15px;
  content: "\f077";
  width: 30px;
  height: 30px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #212E27;
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .subCatContainer {
  display: none;
  border-top: 2px dashed #8FD400;
  border-bottom: 2px dashed #8FD400;
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .subCatContainer .singleSubCat .subcat {
  position: relative;
  width: 100%;
  display: block;
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .subCatContainer .singleSubCat .subcat .name {
  font-size: 14px;
  color: #8FD400;
  padding: 10px 0 10px 15px;
  position: relative;
  cursor: hand;
  cursor: pointer;
  display: inline-block;
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .subCatContainer .singleSubCat .hasSubSubCat:after {
  position: absolute;
  right: -10px;
  top: 8px;
  content: "\f078";
  width: 30px;
  height: 30px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #212E27;
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .subCatContainer .singleSubCat .openedSubSubCat:after {
  content: "\f077";
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .subCatContainer .singleSubCat .subsubCatContainer {
  display: none;
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .subCatContainer .singleSubCat .subsubCatContainer .singleSubSubCat a .name {
  font-size: 14px;
  color: #8FD400;
  padding: 10px 0 10px 30px;
  position: relative;
  display: inline-block;
  cursor: hand;
  cursor: pointer;
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .subCatContainer .singleSubCat .subsubCatContainer .singleSubSubCat a .name i {
  margin-right: 5px;
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .subCatContainer .singleSubCat .active {
  display: block;
}
.catPage .container .catRow .filterContainer .leftCatContainer .catContainer .singleCat .active {
  display: block;
}
.catPage .container .catRow .filterContainer .leftCatContainer .suggestCategoryBox {
  display: block;
  margin-top: 40px;
}
.catPage .container .catRow .filterContainer .leftCatContainer .suggestCategoryBox .title {
  margin-left: -30px;
  width: calc(100% + 30px);
  padding-left: 30px;
  height: 50px;
  background-color: #8FD400;
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 18px;
  color: #FFF;
  font-weight: 400;
}
.catPage .container .catRow .filterContainer .leftCatContainer .suggestCategoryBox .categoryList {
  padding-top: 3px;
  padding-bottom: 3px;
}
.catPage .container .catRow .filterContainer .leftCatContainer .suggestCategoryBox .categoryList li {
  display: block;
  padding: 14px 0 14px 0;
  border-bottom: 2px solid rgba(69,69,125,0.5);
}
.catPage .container .catRow .filterContainer .leftCatContainer .suggestCategoryBox .categoryList li a {
  font-size: 16px;
  color: #45454d;
}
.catPage .container .catRow .filterContainer .leftCatContainer .blogCol {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .filterContainer .leftCatContainer .blogCol {
    padding-top: 20px;
  }
}
.catPage .container .catRow .filterContainer .leftCatContainer .blogCol .title {
  margin-left: -10px;
  width: calc(100% + 10px);
  padding-left: 10px;
  height: 50px;
  background-color: #8FD400;
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 18px;
  color: #FFF;
  font-weight: 400;
}
.catPage .container .catRow .filterContainer .leftCatContainer .blogCol .item {
  padding-top: 10px;
  width: 100%;
  display: block;
  position: relative;
  margin-bottom: 10px;
  border-bottom: 2px solid rgba(69,69,125,0.5);
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .filterContainer .leftCatContainer .blogCol .item {
    padding-left: 0px;
  }
}
.catPage .container .catRow .filterContainer .leftCatContainer .blogCol .item .article:hover .image img {
  transform: scale(1.04);
}
.catPage .container .catRow .filterContainer .leftCatContainer .blogCol .item .article {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
}
.catPage .container .catRow .filterContainer .leftCatContainer .blogCol .item .article .image {
  display: block;
  height: 60px;
  width: 30%;
  overflow: hidden;
}
.catPage .container .catRow .filterContainer .leftCatContainer .blogCol .item .article .image img {
  object-fit: fill;
  width: 100%;
  transition: transform 0.2s ease-in-out;
}
.catPage .container .catRow .filterContainer .leftCatContainer .blogCol .item .article .content {
  margin-left: -30px;
  width: calc(100% + 30px);
  padding-left: 30px;
}
.catPage .container .catRow .filterContainer .leftCatContainer .blogCol .item .article .content .name {
  font-size: 14px;
  color: #474747;
  line-height: 1.2;
}
.catPage .container .catRow .filterContainer .leftCatContainer .blogCol .item .article .content .date {
  color: #989898;
  font-size: 12px;
  display: block;
  margin-bottom: 4px;
  font-weight: 300;
}
.catPage .container .catRow .filterContainer .leftCatContainer .blogCol .item .article .content .excerpt {
  color: #474747;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: normal;
}
.catPage .container .catRow .productsSection {
  display: block;
  width: 75%;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .productsSection {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 18px;
  }
}
.catPage .container .catRow .productsSection.newProductsProductsSection {
  width: 100%;
}
.catPage .container .catRow .productsSection .alphabetical {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .productsSection .alphabetical {
    display: block;
    column-count: 6;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
.catPage .container .catRow .productsSection .alphabetical li {
  display: block;
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .productsSection .alphabetical li {
    display: inline-block;
    margin-bottom: 10px;
  }
}
.catPage .container .catRow .productsSection .alphabetical li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  border: 2px solid #8FD400;
  background-color: #FFF;
  color: #8FD400;
  font-size: 14px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.catPage .container .catRow .productsSection .alphabetical li a:hover {
  background-color: #8FD400;
  color: #FFF;
}
.catPage .container .catRow .productsSection .alphabetical li .selected {
  background-color: #8FD400;
  color: #FFF;
}
.catPage .container .catRow .productsSection .catInfo {
  padding-left: 10px;
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .productsSection .catInfo {
    padding-left: 0px;
  }
}
.catPage .container .catRow .productsSection .catInfo .breadCrumbs {
  padding-left: 0px;
  margin-top: 0px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .productsSection .catInfo .breadCrumbs {
    padding-top: 0px;
  }
}
.catPage .container .catRow .productsSection .catInfo h1 {
  color: #8FD400;
  font-size: 24px;
  margin-bottom: 20px;
  display: inline-block;
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .productsSection .catInfo h1 {
    display: contents;
    font-size: 20px;
    margin-bottom: 8px;
  }
}
.catPage .container .catRow .productsSection .catInfo .subHeading {
  font-size: 16px;
  color: #9B9B9B;
  margin-left: 6px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .productsSection .catInfo .subHeading {
    text-align: right;
    display: inline-block;
    font-size: 14px;
  }
}
.catPage .container .catRow .productsSection .catInfo .title {
  color: #8FD400;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.catPage .container .catRow .productsSection .catInfo .description {
  font-size: 14px;
  color: #000000;
  margin-bottom: 18px;
}
.catPage .container .catRow .productsSection .catInfo .sortByContainer {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  float: right;
  margin-top: -55px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .productsSection .catInfo .sortByContainer {
    display: none;
  }
}
.catPage .container .catRow .productsSection .catInfo .sortByContainer .text {
  text-align: left;
  padding-left: 9px;
  padding-right: 4px;
  font-size: 14px;
  color: #8FD400;
  display: inline-block;
  position: relative;
  line-height: 24px;
}
.catPage .container .catRow .productsSection .catInfo .sortByContainer .sortByBox {
  background-color: transparent;
  box-shadow: initial;
}
.catPage .container .catRow .productsSection .catInfo .sortByContainer .sortByBox .sortBy {
  width: 140px;
  height: 38px;
  display: inline-block;
  box-shadow: initial;
  border-radius: 0px;
  background-color: transparent;
  border: none;
  font-size: 14px;
  color: #8FD400;
  border: 1px solid #8FD400;
  padding-left: 16px;
}
.catPage .container .catRow .productsSection .catInfo .sortByContainer .sortByBox .filterBy {
  width: 340px;
  height: 38px;
  display: inline-block;
  box-shadow: initial;
  border-radius: 0px;
  background-color: transparent;
  border: none;
  font-size: 14px;
  color: #FFF;
  padding-left: 16px;
}
.catPage .container .catRow .productsSection .catInfo .sortByContainer .sortByBox .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: initial;
  height: 35px;
  box-shadow: initial;
}
.catPage .container .catRow .productsSection .catInfo .sortByContainer .sortByBox .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: initial;
  box-shadow: initial;
  background-color: transparent;
  border: none;
  height: 35px;
  line-height: 35px;
  color: #8FD400;
  font-size: 14px;
  border: 1px solid #8FD400;
  font-weight: 600;
}
.catPage .container .catRow .productsSection .catInfo .sortByContainer .sortByBox .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.catPage .container .catRow .productsSection .catInfo .sortByContainer .sortByBox .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.catPage .container .catRow .productsSection .productsRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 20px;
  box-sizing: border-box;
  width: calc(100% + 20px);
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .productsSection .productsRow {
    margin-top: 20px;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
  }
}
.catPage .container .catRow .productsSection .productsRow .item {
  display: flex;
  flex-direction: column;
  width: 20rem;
  background-color: #fff;
  padding: 1rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  transition: box-shadow 0.3s ease-in-out;
  margin-bottom: 20px;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .productsSection .productsRow .item {
    width: 100%;
    margin: 0 0 1rem 0;
  }
}
.catPage .container .catRow .productsSection .productsRow .item .image {
  height: 18rem;
  width: 100%;
  margin: 0 0 2rem 0;
  text-align: center;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .productsSection .productsRow .item .image {
    height: 10rem;
  }
}
.catPage .container .catRow .productsSection .productsRow .item .image picture {
  display: block;
  width: 100%;
  height: 18rem;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .productsSection .productsRow .item .image picture {
    height: 10rem;
  }
}
.catPage .container .catRow .productsSection .productsRow .item .image picture img {
  display: block;
  width: 100%;
  height: 18rem;
  object-fit: contain;
}
@media only screen and (max-width: 375px),only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .productsSection .productsRow .item .image picture img {
    height: 10rem;
  }
}
.catPage .container .catRow .productsSection .productsRow .item .name {
  color: #474747;
  font-size: 1rem;
  margin: 0 0 2rem 0;
}
.catPage .container .catRow .productsSection .productsRow .item .price-holder {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  margin: 0 0 2rem 0;
}
.catPage .container .catRow .productsSection .productsRow .item .price-holder .price {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  color: #DE0000;
  font-size: 1.5rem;
  font-family: 'Jost';
  font-weight: 700;
  font-style: normal;
  font-weight: 800;
  margin: 0 2rem 0 0;
}
.catPage .container .catRow .productsSection .productsRow .item .price-holder .price .currency {
  font-size: 1rem;
  color: #474747;
  font-family: 'Jost';
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 0 0.2rem;
}
.catPage .container .catRow .productsSection .productsRow .item .price-holder .price-old {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  text-decoration: line-through;
  margin: 0 2rem 0 0;
  color: #474747;
}
.catPage .container .catRow .productsSection .productsRow .item .price-holder .price-old .currency {
  font-size: 1rem;
  color: #474747;
  font-family: 'Jost';
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 0 0.2rem;
}
.catPage .container .catRow .productsSection .productsRow .item .actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.catPage .container .catRow .productsSection .productsRow .item .actions .buy {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #00544D;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.3rem 1rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  transition: background 0.3s ease-in-out;
}
.catPage .container .catRow .productsSection .productsRow .item .actions .buy .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 0.3rem 0 0;
}
.catPage .container .catRow .productsSection .productsRow .item .actions .favourites {
  display: block;
  background-image: url(../images/icon-favourites.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  height: 1rem;
  width: 1.3rem;
  margin: 0 0.3rem 0 0;
}
.catPage .container .catRow .productsSection .productsRow .item:hover {
  box-shadow: 0 0 2rem rgba(0,0,0,0.2);
}
.catPage .container .catRow .productsSection .productsRow .item:hover .actions .buy {
  background: #33A457;
}
.catPage .container .catRow .productsSection .pagination {
  padding-top: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.catPage .container .catRow .productsSection .pagination a,
.catPage .container .catRow .productsSection .pagination a:link,
.catPage .container .catRow .productsSection .pagination a:hover,
.catPage .container .catRow .productsSection .pagination a:visited {
  font-size: 20px;
  color: #656565;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
.catPage .container .catRow .productsSection .pagination a.active,
.catPage .container .catRow .productsSection .pagination a:link.active,
.catPage .container .catRow .productsSection .pagination a:hover.active,
.catPage .container .catRow .productsSection .pagination a:visited.active {
  color: #5BBA52;
}
.catPage .container .catRow .productsSection .pagination span {
  font-size: 20px;
  color: #656565;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
.catPage .container .catRow .productsSection .pagination span.active {
  color: #5BBA52;
}
.catPage .container .catRow .productsSection .pagination .arrow {
  color: #FFF;
}
.catPage .container .catRow .singleProductBox {
  padding-top: 0px;
  background-color: initial;
}
.catPage .container .catRow .singleProductBox .similarProdTitle {
  font-size: 26px;
  color: #474747;
  text-transform: uppercase;
  text-align: center;
  padding-top: 40px;
  font-weight: 300;
  padding-bottom: 20px;
}
.catPage .container .catRow .singleProductBox .singleProduct {
  background-color: #FFF;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
  display: block;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .singleProductBox .singleProduct {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .breadCrumbs {
  padding-left: 0px;
  margin-top: 8px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .singleProductBox .singleProduct .breadCrumbs {
    padding-top: 0px;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct h1 {
  font-size: 30px;
  color: #00544D;
  line-height: 1;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .singleProductBox .singleProduct h1 {
    font-size: 21px;
    line-height: 1.3;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productName {
  font-size: 30px;
  color: #000;
  line-height: 1;
  margin-top: 30px;
}
.catPage .container .catRow .singleProductBox .singleProduct .barcode {
  font-size: 14px;
  color: #777777;
  display: block;
  line-height: 1;
  margin-top: 10px;
}
.catPage .container .catRow .singleProductBox .singleProduct .description iframe {
  max-width: 100%;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow {
    flex-direction: column;
    margin-top: 10px;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol {
  position: relative;
  width: 370px;
  padding-right: 10px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol {
    width: 100%;
    padding-right: 0px;
  }
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol {
    min-height: 230px;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .iconBadge {
  position: absolute;
  z-index: 99;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .discountPercent {
  right: 0px;
  top: -20px;
  color: red;
  border: 1px solid;
  border-radius: 5px;
  text-align: center;
  font-weight: 600;
  line-height: normal;
  background-size: 100% auto;
  background-repeat: no-repeat;
  font-size: 2.1rem;
  padding: 4px 10px 4px 10px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .discountPercent span {
  font-size: 1.9rem;
  font-weight: normal;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .promoLabel {
  top: -20px;
  left: 0px;
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .promoLabel {
    top: 0px;
    left: 0px;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .bestSelling {
  top: 168px;
  left: 66%;
  width: 110px;
  z-index: 2;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .promoBadge {
  right: 5px;
  top: 15px;
  width: 76px;
  z-index: 2;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .newBadge {
  top: 0px;
  right: 0px;
  width: 68px;
  z-index: 2;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .deliveryBadge {
  top: 168px;
  right: 0px;
  width: 128px;
  z-index: 2;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .gallery-top .swiper-wrapper {
  height: auto;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .gallery-top .swiper-wrapper .swiper-slide {
  margin-top: auto;
  margin-bottom: auto;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .gallery-top .swiper-wrapper .swiper-slide .swiper-slide-container a .productImage {
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  text-align: center;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .gallery-top .swiper-wrapper .swiper-slide .swiper-slide-container a .productImage {
    height: auto;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .gallery-top .swiper-wrapper .swiper-slide .swiper-slide-container a .productImage img {
  object-fit: contain;
  max-height: 400px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .gallery-top .swiper-button-next,
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .gallery-top .swiper-button-prev {
  color: #8FD400;
  font-size: 20px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .gallery-thumbs {
  box-sizing: border-box;
  display: block;
  margin-top: 40px;
  position: relative;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .gallery-thumbs {
    display: none;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .gallery-thumbs .swiper-wrapper {
  height: auto;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .gallery-thumbs .swiper-wrapper .swiper-slide .swiper-slide-container .productImage {
  width: 100%;
  height: 120px;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border: 3px solid #f7f8f8;
  text-align: center;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .gallery-thumbs .swiper-wrapper .swiper-slide .swiper-slide-container .productImage img {
  object-fit: contain;
  height: 100%;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .imageBox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0px 2px 13px rgba(0,0,0,0.08);
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .imageBox img {
  object-fit: fill;
  max-width: 95%;
  display: block;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .imageBox .colorsRow {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .imageBox .colorsRow .box {
  width: 54px;
  height: 54px;
  display: block;
  border-radius: 14px;
  cursor: pointer;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .bonusInfo {
  margin-top: 30px;
  padding: 20px 25px;
  border: 5px solid #f5f5f5;
  font-size: 14px;
  color: #45454d;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .bonusInfo h5 {
  text-transform: uppercase;
  font-size: 15px;
  color: #45454d;
  display: block;
  margin-bottom: 15px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .leftCol .bonusInfo i {
  color: #8FD400;
  margin-right: 7px;
  font-size: 15px;
  margin-bottom: 15px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol {
  width: calc(100% - 370px);
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol.rightColProduct {
    padding-top: 0px;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .instock {
  display: inline-block;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-weight: 900;
  padding-bottom: 6px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .instock {
    margin-left: 0px;
    margin-top: 35px;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .green {
  color: #8FD400;
  border-bottom: 2px solid #8FD400;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .red {
  color: #ee3c2d;
  border-bottom: 2px solid #ee3c2d;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .productDetail {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .productDetail strong {
  font-size: 14px;
  color: #000;
  font-weight: normal;
  margin-right: 10px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .productDetail span {
  color: #77B100;
  font-size: 14px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .productDetail span a {
  color: #77B100;
  font-size: 14px;
  text-decoration: underline !important;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .productDetail .badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .productDetail .badge-success {
  color: #28a745;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .starRatingInput {
  vertical-align: middle;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .excerpt {
  font-size: 14px;
  color: #45454d;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder {
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder {
    flex-direction: column;
    width: 100%;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder button {
  padding-left: 20px;
  padding-right: 20px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 16px;
  background-color: #00544D;
  border: 1px solid #00544D;
  cursor: pointer;
  margin-bottom: 10px;
  border: none;
  margin-right: 20px;
  font-family: 'Jost';
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder button {
    margin-right: 0px;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder button i {
  margin-right: 7px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder button:hover {
  background-color: #FFF;
  color: #00544D;
  border: 1px solid #00544D;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder button .icon {
  margin: 0px 0.3rem 0px 0px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder .buttonFastOrder {
  padding-left: 20px;
  padding-right: 20px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #33A457;
  border: 1px solid #8FD400;
  font-size: 16px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder .buttonFastOrder i {
  margin-right: 7px;
}
@media only screen and (max-width: 576px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder .buttonFastOrder {
    height: auto;
    padding: 10px 0px 10px 0px;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder .buttonFastOrder:hover {
  color: #fff;
  background-color: #33A457;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .submitBtnHolder.submitBtnHolderRight {
  padding: 0px 0px 0px 20px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow {
  position: relative;
  display: flex;
  flex-direction: row;
  color: #000;
  justify-content: flex-start;
  margin-bottom: 14px;
}
@media  {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 576px), {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow {
    margin-bottom: 0px;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow label {
  color: #6d6e76;
  font-size: 14px;
  line-height: 1;
}
@media  {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow label {
    margin-bottom: 10px !important;
    display: block;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .priceHolder {
  font-size: 16px;
  width: 160px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding-top: 2px;
  padding-left: 25px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .priceHolder .currency {
  margin-left: 3px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .priceHolder .oldPriceBox {
  position: relative;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .priceHolder .oldPriceBox .oldPrice {
  position: relative;
  font-size: 1rem;
  color: #dcdcdc;
  line-height: 1;
  margin-right: 0px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .priceHolder .oldPriceBox .oldPrice sup {
  font-size: 8px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .priceHolder .oldPriceBox .currency {
  text-transform: uppercase;
  font-size: 8px;
  color: #dcdcdc;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .priceHolder .currPrice {
  margin-left: 15px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .priceHolder .oldPriceBox:after {
  content: '';
  width: 60%;
  background-color: #dcdcdc;
  display: block;
  height: 1px;
  position: absolute;
  left: -4px;
  top: 12px;
  transform: rotate(17deg);
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .quantityField {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 2px;
  align-items: center;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .quantityField i {
  font-size: 13px;
  color: #6d6e76;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .quantityField .fa-minus {
  margin-right: 7px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .quantityField .quantityInput {
  border: 2px solid #cecece;
  width: 50px;
  height: 35px;
  text-align: center;
  display: block;
  margin-right: 7px;
  margin-top: -2px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .quantityHolder {
  display: block;
  position: relative;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .quantityHolder .input-group {
  display: flex;
  flex-direction: row;
  flex-wrap: initial;
  align-items: center;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .quantityHolder .input-group .input-group-button .button {
  cursor: pointer;
  width: 35px;
  height: 35px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
  -webkit-appearance: button;
  padding-top: 0;
  padding-bottom: 0;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow .quantityHolder .plus-minus-input .input-group-field {
  position: relative;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  border: 1px solid #ccc;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow label {
  margin-bottom: 0px;
  width: 240px;
  max-width: 100%;
  text-transform: none;
  font-size: 14px;
  color: #6d6e76;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow [type="checkbox"]:checked,
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow [type="checkbox"]:checked + label,
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow [type="checkbox"]:not(:checked) + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  line-height: 1;
  display: inline-flex;
  font-size: 14px;
  align-items: center;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow [type="checkbox"]:checked + label:before,
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow [type="checkbox"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  border: 2px solid #e8e8e8;
  background: #fff;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow [type="checkbox"]:checked + label:after,
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow [type="checkbox"]:not(:checked) + label:after {
  content: '\2713';
  width: 19px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 19px;
  background: transparent;
  position: absolute;
  color: #8FD400;
  top: 1px;
  left: 4.5px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol #formAddToCart .optionRow [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .description {
  margin-top: 45px;
  font-size: 14px;
  color: #45454d;
  line-height: 1.9;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .description table {
  max-width: 100%;
  width: 100% !important;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .priceRowHeading {
  font-size: 10px;
  font-weight: normal;
  color: #474747;
  display: block;
  border-bottom: 1px solid #ccc;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .priceRow {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .priceRow {
    flex-wrap: wrap;
  }
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .priceRow .productPrice {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .priceRow .productPrice .oldPrice {
  position: relative;
  font-size: 1.125rem;
  color: #bababa;
  line-height: 1;
  margin-right: 8px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .priceRow .productPrice .oldPrice sup {
  padding-left: 4px;
  font-size: 1rem;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .priceRow .productPrice .oldPrice .currency {
  text-transform: uppercase;
  font-size: 1rem;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .priceRow .productPrice .currPrice {
  font-size: 1.87rem;
  line-height: 1;
  color: red;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .priceRow .productPrice .currPrice sup {
  font-size: 30px;
  padding-left: 4px;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .priceRow .productPrice .currPrice .currency {
  font-size: 28px;
  text-transform: uppercase;
}
.catPage .container .catRow .singleProductBox .singleProduct .productRow .rightCol .priceRow .productPrice .oldPrice:after {
  content: '';
  width: 108%;
  background-color: #bababa;
  display: block;
  height: 2px;
  position: absolute;
  left: -4px;
  top: 8px;
  transform: rotate(11deg);
}
.fastOrderForm {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 32px;
  background-color: #f7f8f8;
  padding: 20px;
  margin-top: 50px;
  width: 460px;
  max-width: 92%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .fastOrderForm {
    flex-direction: column;
    padding-bottom: 16px;
  }
}
.fastOrderForm h4 {
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 2px solid #FFF;
  padding-bottom: 4px;
  margin-bottom: 10px;
}
.fastOrderForm .orderText {
  font-size: 14px;
}
.fastOrderForm .formTerms {
  padding-left: 46px;
  font-size: 13px;
  color: #A8A8A8;
  text-align: left;
  margin-bottom: 10px;
}
.fastOrderForm .formTerms label {
  margin-bottom: 4px;
  display: inline-block;
}
.fastOrderForm .formTerms a {
  color: #5b9c37;
}
.fastOrderForm .formRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 15px;
}
@media only screen and (max-width: 576px) {
  .fastOrderForm .formRow {
    flex-direction: column;
  }
}
.fastOrderForm .formRow .inputField {
  width: 100%;
  padding-right: 10px;
}
@media only screen and (max-width: 576px) {
  .fastOrderForm .formRow .inputField {
    padding-right: 0px;
    width: 100%;
  }
}
.fastOrderForm .formRow .inputField .iti {
  width: 100%;
}
.fastOrderForm .formRow .inputField input {
  width: 100%;
  height: 37px;
  border: none;
  font-size: 14px;
  line-height: 22px;
  color: #A8A8A8;
  padding-left: 46px;
  padding-right: 16px;
  border: 1px solid #00544D;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .fastOrderForm .formRow .inputField input {
    width: 100%;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .fastOrderForm .formRow .inputField input {
    width: 100%;
    margin-bottom: 8px;
  }
}
.fastOrderForm .formRow .fastOrderHolder {
  width: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .fastOrderForm .formRow .fastOrderHolder {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .fastOrderForm .formRow .fastOrderHolder {
    padding-left: 0px;
    width: 100%;
    margin-top: 10px;
  }
}
.fastOrderForm .formRow .fastOrderHolder .fastOrderBtn {
  background-color: #00544D;
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  border: none;
  transition: 0.5s;
  width: 100%;
}
.fastOrderForm .formRow .fastOrderHolder .fastOrderBtn i {
  margin-right: 11px;
  color: #FFF;
  font-size: 17px;
  display: inline-block;
}
.fastOrderForm .formRow .fastOrderHolder .fastOrderBtn:hover {
  background-color: #00A651;
  cursor: pointer;
}
#buttonAddToCartFixed {
  display: none;
  background-color: ;
  color: #fff;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  width: 100%;
  padding: 10px 0px;
  z-index: 100000;
}
#buttonAddToCartFixed i {
  margin-right: 5px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  #buttonAddToCartFixed {
    display: flex;
  }
}
.materialTabsHolder {
  position: relative;
  margin-top: 20px;
  display: block;
}
.materialTabsHolder .mat-tab-content {
  padding: 20px;
  background-color: #f7f7f7;
}
.materialTabsHolder .mat-tab-content table {
  width: 100% !important;
}
.materialTabsHolder #material-tabs {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ECECEC;
  justify-content: flex-start;
}
@media only screen and (max-width: 576px) {
  .materialTabsHolder #material-tabs {
    flex-direction: column;
  }
}
.materialTabsHolder #material-tabs a {
  position: relative;
  border-right: 1px solid #ECECEC;
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #545454;
  padding-left: 20px;
  padding-right: 20px;
  border-top: 1px solid #ECECEC;
}
@media only screen and (max-width: 576px) {
  .materialTabsHolder #material-tabs a {
    height: 46px;
    border-left: 1px solid #ECECEC;
    border-top: 1px solid #ECECEC;
  }
}
.materialTabsHolder #material-tabs a .icons {
  position: relative;
  margin-right: 13px;
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.materialTabsHolder #material-tabs a .icons i {
  font-size: 22px;
  color: #A8A8A8;
}
.materialTabsHolder #material-tabs a:last-child {
  border-right: 0px;
}
.materialTabsHolder #material-tabs .active {
  background-color: #85C403;
  font-weight: 500;
  font-size: 16px;
  color: #FFF;
}
.materialTabsHolder #material-tabs .active .icons {
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
}
.materialTabsHolder #material-tabs .active .icons i {
  color: #85C403;
}
.materialTabsHolder #material-tabs .active:before {
  content: '';
  width: 100%;
  left: 0px;
  height: 3px;
  background: #FFF;
  border-radius: 35px;
  position: absolute;
  top: 50px;
  display: block;
}
@media only screen and (max-width: 576px) {
  .materialTabsHolder #material-tabs .active:before {
    top: 46px;
  }
}
.collectionsHolder {
  position: relative;
}
.collectionsHolder .topRow .heading {
  color: #33A457;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
  display: inline-block;
}
.collectionsHolder .productsRow {
  flex-wrap: wrap;
  margin-top: 0px !important;
  margin-bottom: 20px;
}
.collectionsHolder .productsRow .singleItem {
  padding-left: 5px;
  padding-right: 5px;
  width: 33%;
  margin-bottom: 7px;
}
@media only screen and (max-width: 576px) {
  .collectionsHolder .productsRow .singleItem {
    width: 50%;
  }
}
.collectionsHolder .productsRow .singleItem .product {
  width: 100%;
  position: relative;
  transition: all 0.25s;
  border: 2px solid #8FD400;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  max-height: 70px;
  min-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
}
.collectionsHolder .productsRow .singleItem .product .imgContainer {
  display: none;
}
.collectionsHolder .productsRow .singleItem .product .name {
  color: #8FD400;
  font-size: 14px;
  font-weight: normal;
}
.collectionsHolder .productsRow .singleItem .product:hover {
  background-color: #8FD400;
}
.collectionsHolder .productsRow .singleItem .product:hover .name {
  color: #ffffff;
}
.contactsProduct {
  position: relative;
  display: flex;
  margin-top: 20px;
  flex-direction: column;
}
.contactsProduct .title {
  font-size: 16px;
  line-height: 32px;
  color: #45454d;
  display: block;
  border-bottom: 1px solid #33A457;
  font-weight: 300;
  margin-bottom: 24px;
  font-weight: 600;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsProduct .title {
    font-size: 18px;
    line-height: 26px;
  }
}
.contactsProduct .formContainer #contactCustomerSuccess {
  display: none;
}
.contactsProduct .formContainer form label {
  font-size: 14px;
  line-height: 22px;
  color: #59605F;
  display: block;
  margin-bottom: 8px;
}
.contactsProduct .formContainer form input {
  width: 100%;
  height: 48px;
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  border: initial;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #59605F;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.contactsProduct .formContainer form textarea {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.contactsProduct .formContainer form .mesage {
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  height: 128px;
  resize: none;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 14px;
  color: #59605F;
  border: none;
  width: 100%;
}
.contactsProduct .formContainer form .inputRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsProduct .formContainer form .inputRow {
    flex-direction: column;
  }
}
.contactsProduct .formContainer form .inputRow .inputCol6 {
  padding-left: 8px;
  padding-right: 8px;
  width: 50%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsProduct .formContainer form .inputRow .inputCol6 {
    width: 100%;
  }
}
.contactsProduct .formContainer form .inputRow .inputCol12 {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.contactsProduct .formContainer form .errorField {
  border: 1px solid red;
}
.contactsProduct .formContainer form .submitBtnHolder {
  display: block;
  position: relative;
}
.contactsProduct .formContainer form .submitBtnHolder .submitBtn {
  margin-top: 26px;
  border: 1px solid #5BBA52;
  box-sizing: border-box;
  height: 48px;
  padding-left: 32px;
  padding-right: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FBFBFB;
  width: auto;
  cursor: pointer;
  box-shadow: initial;
  background-color: #5BBA52;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .contactsProduct .formContainer form .submitBtnHolder .submitBtn {
    width: 100%;
    margin-bottom: 0px;
  }
}
.brandsContainer {
  position: relative;
  margin-bottom: 20px;
}
.brandsContainer .container {
  padding-bottom: 25px;
  padding-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
  flex-direction: column;
}
.brandsContainer .container .title {
  line-height: 1;
  margin-bottom: 15px;
  color: #33A457;
  font-size: 30px;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.brandsContainer .container .alphabetical {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
  .brandsContainer .container .alphabetical {
    display: block;
    column-count: 7;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
.brandsContainer .container .alphabetical li {
  display: block;
}
@media only screen and (max-width: 576px) {
  .brandsContainer .container .alphabetical li {
    display: inline-block;
    margin-bottom: 10px;
  }
}
.brandsContainer .container .alphabetical li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  border: 2px solid #33A457;
  background-color: #FFF;
  color: #33A457;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.brandsContainer .container .alphabetical li a:hover {
  background-color: #33A457;
  color: #FFF;
}
.brandsContainer .container .alphabetical li .selected {
  background-color: #33A457;
  color: #FFF;
}
.brandsContainer .container .brandsList {
  column-count: 3;
  column-gap: 20;
  padding-top: 40px;
}
@media only screen and (max-width: 576px) {
  .brandsContainer .container .brandsList {
    column-count: 1;
    column-gap: 0px;
  }
}
.brandsContainer .container .brandsList li {
  margin-bottom: 30px;
}
.brandsContainer .container .brandsList li a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brandsContainer .container .brandsList li a .imageBox img {
  display: block;
  height: 30px;
  margin-left: 8px;
}
.brandsContainer .container .brandsList li a .name {
  display: block;
  color: #474747;
  font-size: 16px;
  font-weight: 600;
}
.brandsContainer .container .brandsBanners {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 40px;
}
.brandsContainer .container .brandsBanners a {
  display: block;
  width: calc(50% - 10px);
}
.brandsContainer .container .brandsBanners a img {
  display: block;
  width: 100%;
}
.brandsContainer .container .brandsRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  width: 100%;
}
.brandsContainer .container .brandsRow .item {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 16px;
}
.brandsContainer .container .brandsRow .item .brand img {
  object-fit: fill;
  height: 50px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: filter 0.2s ease-in-out;
}
.brandsContainer .container .brandsRow .item .brand:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.iconBadge {
  position: absolute;
  z-index: 99;
}
.bestSelling {
  top: 49%;
  left: 66%;
  width: 110px;
  z-index: 1;
  display: none;
}
.promoBadge {
  right: 5px;
  top: 15px;
  width: 76px;
  z-index: 1;
  display: none;
}
.newBadge {
  top: 0px;
  right: 0px;
  width: 68px;
  z-index: 1;
  display: none;
}
.deliveryBadge {
  top: 50%;
  right: 0px;
  width: 128px;
  z-index: 1;
  display: none;
}
.cartWrapper {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper {
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.cartWrapper .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container {
    flex-direction: column;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.cartWrapper .container .leftColumn {
  width: 746px;
  display: block;
  margin-right: 12px;
  margin-bottom: 64px;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .cartWrapper .container .leftColumn {
    width: 55%;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 0px;
  }
}
.cartWrapper .container .leftColumn .orderInfo {
  position: relative;
  display: block;
  padding: 24px 40px;
  background-color: #FFF;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .orderInfo {
    padding: 24px 16px;
    border-radius: 0px;
  }
}
.cartWrapper .container .leftColumn .orderInfo .title {
  font-size: 18px;
  line-height: 26px;
  display: block;
  padding-bottom: 17px;
  border-bottom: 1px solid #ECECEC;
  color: #212E27;
  margin-bottom: 5px;
}
.cartWrapper .container .leftColumn .orderInfo .text-muted {
  color: #777;
}
.cartWrapper .container .leftColumn .orderInfo .dlist-inline {
  margin-top: 0;
  margin-bottom: 1rem;
}
.cartWrapper .container .leftColumn .orderInfo .deliveryBillingInfoCont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 15px;
}
.cartWrapper .container .leftColumn .orderInfo .deliveryBillingInfoCont h5 {
  padding-bottom: 20px;
  font-size: 16px;
}
.cartWrapper .container .leftColumn .orderInfo .deliveryBillingInfoCont dl dt {
  font-weight: bold;
}
.cartWrapper .container .leftColumn .suggested2box {
  position: relative;
  display: block;
  padding: 24px 40px;
  background-color: #FFF;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .suggested2box {
    padding: 24px 16px;
    border-radius: 0px;
  }
}
.cartWrapper .container .leftColumn .suggested2box .title {
  font-size: 18px;
  line-height: 26px;
  display: block;
  padding-bottom: 17px;
  border-bottom: 1px solid #ECECEC;
  color: #212E27;
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow {
  width: 100%;
  margin-bottom: 0.5em;
  padding-bottom: 1em;
  overflow-x: scroll;
  white-space: nowrap;
  padding-top: 24px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .suggested2box .slider .itemsRow {
    margin-bottom: 0px;
  }
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem {
  width: 272px;
  min-width: 272px;
  margin-right: 16px;
  display: inline-flex;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem {
    width: 110px;
    min-width: initial;
    flex-direction: column;
    align-items: center;
  }
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .product .imgContainer {
  width: 120px;
  height: 120px;
  background-color: #FFFFFF;
  background-size: 100px;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .product .imgContainer {
    width: 110px;
    height: 110px;
  }
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .info {
  width: 136px;
  display: block;
  white-space: initial;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .info {
    width: 110px;
    text-align: center;
  }
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .info .prodName {
  white-space: initial;
  display: block;
  font-size: 16px;
  line-height: 22px;
  width: 136px;
  color: #212E27;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .info .prodName {
    -webkit-line-clamp: 3;
    height: 66px;
    width: 110px;
  }
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .info .starsRow {
  display: flex;
  flex-direction: row;
  margin-top: 9px;
  line-height: 1;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .info .starsRow {
    justify-content: center;
  }
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .info .starsRow .starBox {
  display: block;
  margin-right: 5px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .info .starsRow .starBox {
    margin-left: 2.5px;
    margin-right: 2.5px;
  }
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .info .starsRow .starBox img {
  display: block;
  width: 11px;
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .info .btnContainer {
  display: block;
  position: relative;
  margin-top: 20px;
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .info .btnContainer .addBtn {
  position: relative;
  background: #33A457;
  height: 32px;
  border: 1px solid #33A457;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #FBFBFB;
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow .singleItem .info .btnContainer .addBtn img {
  width: 13px;
  margin-right: 5px;
  display: inline-block;
  margin-top: -2px;
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow::-webkit-scrollbar {
  display: none;
  width: 0px;
  background: transparent;
  -webkit-appearance: none;
  width: 0;
  height: 0;
}
.cartWrapper .container .leftColumn .suggested2box .slider .itemsRow:after {
  content: '';
  position: absolute;
  z-index: 2000;
  right: 40px;
  top: 25%;
  width: 60px;
  height: 63%;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 8px, cover;
  background-image: url(../images/arrow-right.svg), -moz-linear-gradient(right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
  background-image: url(../images/arrow-right.svg), -webkit-linear-gradient(right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
  background-image: url(../images/arrow-right.svg), linear-gradient(to left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=1);
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .suggested2box .slider .itemsRow:after {
    display: none;
  }
}
.cartWrapper .container .leftColumn .suggested2box .slider .removeAfter:after {
  background: initial !important;
}
.cartWrapper .container .leftColumn .suggested2box .slider .addBefore:before {
  content: '';
  position: absolute;
  z-index: 2000;
  left: 40px;
  top: 25%;
  width: 60px;
  height: 63%;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 8px, cover;
  background-image: url(../images/arrow-left.svg), -moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
  background-image: url(../images/arrow-left.svg), -webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
  background-image: url(../images/arrow-left.svg), linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=1);
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .suggested2box .slider .addBefore:before {
    display: none;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper {
  position: relative;
  margin-top: 24px;
  background: #FFFFFF;
  padding: 24px 40px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper {
    margin-top: 16px;
    border-radius: 0px;
    padding: 24px 16px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .topRow {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 24px;
  border-bottom: 1px solid #ECECEC;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .topRow {
    padding-bottom: 16px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .topRow .title {
  font-size: 24px;
  line-height: 1;
  color: #000;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .topRow .title {
    font-size: 18px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .topRow .subtitle {
  font-size: 14px;
  line-height: 1;
  color: #000;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .topRow .subtitle {
    font-size: 12px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList {
  position: relative;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products {
  list-style: none;
  display: flex;
  flex-direction: column;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li {
  padding-bottom: 24px;
  padding-top: 24px;
  border-bottom: 1px solid #ECECEC;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .addToCartText {
  font-weight: bold;
  color: ;
  margin-bottom: 20px;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product {
    padding-right: 30px;
    position: relative;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productImage {
  position: relative;
  display: block;
  width: 128px;
  height: 128px;
  margin-right: 24px;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productImage {
    width: 88px;
    height: 88px;
    min-width: 88px;
    margin-right: 8px;
    margin-top: 5px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productCheckbox {
  display: flex;
  align-items: center;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo {
  display: flex;
  flex-direction: column;
  width: 474px;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo.checkoutFinalPrInfo {
  width: 515px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo {
    width: 100%;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .prodName {
  font-size: 18px;
  line-height: 26px;
  color: #000;
  margin-bottom: 4px;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .prodName span {
  display: block;
  font-size: 14px;
  color: ;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .prodName {
    font-size: 16px;
    line-height: 22px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .prodSubName {
  font-size: 12px;
  line-height: 20px;
  color: #878787;
  margin-bottom: 4px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .prodSubName {
    font-size: 10px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .oldPrice {
  font-size: 14px;
  line-height: 26px;
  color: #878787;
  text-decoration: line-through;
  padding-right: 10px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .oldPrice {
    margin-bottom: 8px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .prodPrice {
  font-size: 18px;
  line-height: 26px;
  color: #212E27;
  margin-bottom: 16px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .prodPrice {
    margin-bottom: 8px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .actionsRow {
  display: flex;
  flex-direction: row;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .quantityHolder {
  display: block;
  position: relative;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .quantityHolder .input-group {
  display: flex;
  flex-direction: row;
  flex-wrap: initial;
  align-items: center;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .quantityHolder .input-group .input-group-button .button {
  cursor: pointer;
  width: 35px;
  height: 35px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
  -webkit-appearance: button;
  padding-top: 0;
  padding-bottom: 0;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .quantityHolder .plus-minus-input .input-group-field {
  position: relative;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  border: 1px solid #ccc;
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .add2FavoritesList {
  padding: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #33A457;
  border: 1px solid #33A457;
  box-sizing: border-box;
  height: 32px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .add2FavoritesList {
    font-size: 0px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .add2FavoritesList img {
  margin-right: 5px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .add2FavoritesList img {
    margin-right: 0px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .product:hover .productCheckbox .clickCheck {
  filter: invert(100%) hue-rotate(18deg) brightness(1.7);
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .deleteBtnCol {
  margin-left: 26px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .deleteBtnCol {
    margin-right: 0px;
    position: absolute;
    top: -4px;
    right: 0px;
    cursor: pointer;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .deleteBtnCol .delete {
  cursor: pointer;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .leftColumn .myCartWrapper .itemsList .products li .deleteBtnCol .delete img {
    width: 11px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .optionsRow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 3px;
}
@media only screen and (max-width: 576px) {
  .cartWrapper .container .leftColumn .myCartWrapper .optionsRow {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 16px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 26px;
}
@media only screen and (max-width: 576px) {
  .cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option {
    margin: 0px;
    margin-top: 4px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option .iconHolder {
  display: block;
  padding-bottom: 2px;
}
@media only screen and (max-width: 576px) {
  .cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option .iconHolder {
    font-size: 20px;
    margin-right: 9px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option .iconHolder img {
  max-width: 100%;
}
.cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option .optionText {
  font-size: 12px;
  color: #000;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option:first-child {
  margin-left: 16px;
}
@media only screen and (max-width: 576px) {
  .cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option:first-child {
    margin-left: 0px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option:first-child .iconHolder img {
  width: 20px;
}
.cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option:nth-child(2) .iconHolder img {
  width: 18px;
}
.cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option:last-child {
  margin-right: 16px;
}
@media only screen and (max-width: 576px) {
  .cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option:last-child {
    margin-right: 0px;
  }
}
.cartWrapper .container .leftColumn .myCartWrapper .optionsRow .option:last-child .iconHolder img {
  width: 16px;
}
.cartWrapper .container .rightColumn {
  width: 526px;
  margin-left: 12px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .cartWrapper .container .rightColumn {
    width: 43%;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .rightColumn {
    margin-left: 0px;
    width: 100%;
  }
}
.cartWrapper .container .rightColumn .orderWrapper {
  background: #FFFFFF;
  border: 4px solid #33A457;
  box-sizing: border-box;
  display: block;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .rightColumn .orderWrapper {
    border-left: none;
    border-right: none;
    border-radius: 0px;
  }
}
.cartWrapper .container .rightColumn .orderWrapper .order {
  padding: 20px 32px 28px 36px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .rightColumn .orderWrapper .order {
    padding: 24px 16px 25px 16px;
  }
}
.cartWrapper .container .rightColumn .orderWrapper .order .title {
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  color: #000;
  display: block;
  padding-bottom: 24px;
  border-bottom: 1px solid #ECECEC;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .rightColumn .orderWrapper .order .title {
    font-size: 18px;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.cartWrapper .container .rightColumn .orderWrapper .order .orderRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 16px;
}
.cartWrapper .container .rightColumn .orderWrapper .order .orderRow .left {
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.cartWrapper .container .rightColumn .orderWrapper .order .orderRow .right {
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  color: #000;
}
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer {
  border-top: 1px solid #ECECEC;
  padding-top: 24px;
  margin-top: 24px;
}
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer.checkoutTotalContainer {
  border-top: none;
  padding-top: unset;
  margin-top: unset;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .rightColumn .orderWrapper .order .totalContainer.checkoutTotalContainer label {
    margin-bottom: 10px;
    display: inline-block;
  }
}
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer.cartTotalContainer {
  border-top: none;
  padding-top: unset;
  margin-top: unset;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .rightColumn .orderWrapper .order .totalContainer {
    margin-top: 16px;
    padding-top: 24px;
  }
}
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer a {
  color: #33A457;
}
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .orderRow .left {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000;
}
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .orderRow .right {
  font-size: 18px;
  line-height: 21px;
  text-align: right;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000;
}
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .orderRow.freeDel {
  border-top: 0px solid;
}
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .orderRow.freeDel .left,
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .orderRow.freeDel .right {
  font-size: 14px;
  color: ;
  font-weight: bold;
}
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .promoCodeForm {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 24px;
  padding-bottom: 32px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .promoCodeForm {
    flex-direction: column;
    padding-bottom: 16px;
  }
}
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .promoCodeForm .inputField {
  margin-right: 17px;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .promoCodeForm .inputField {
    width: 67%;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .promoCodeForm .inputField {
    margin-right: 0px;
  }
}
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .promoCodeForm .inputField input {
  box-shadow: 0px 1px 12px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 1px 12px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 12px rgba(0,0,0,0.2);
  -webkit-appearance: none;
  width: 288px;
  height: 35px;
  border: none;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .promoCodeForm .inputField input {
    width: 100%;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .promoCodeForm .inputField input {
    width: 100%;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .promoCodeForm .btnHolder {
    width: 38%;
  }
}
.cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .promoCodeForm .btnHolder .promoBtn {
  border: 1px solid #000;
  box-sizing: border-box;
  height: 35px;
  background-color: #FFF;
  padding-left: 32px;
  padding-right: 32px;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .promoCodeForm .btnHolder .promoBtn {
    width: 100%;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .cartWrapper .container .rightColumn .orderWrapper .order .totalContainer .promoCodeForm .btnHolder .promoBtn {
    width: 100%;
  }
}
.cartWrapper .container .rightColumn .orderWrapper .order .actionsContainer {
  display: flex;
  flex-direction: column;
}
.cartWrapper .container .rightColumn .orderWrapper .order .actionsContainer .orderBtn {
  height: 35px;
  cursor: pointer;
  background: #33A457;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  border: none;
}
.cartWrapper .container .rightColumn .orderWrapper .order .actionsContainer .orderBtnClear {
  height: 35px;
  cursor: pointer;
  background-color: #fff;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  border: none;
}
.cartWrapper .container .rightColumn .orderWrapper .order .actionsContainer .keepShoppingBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  border: 1px solid #000;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000;
}
.favouritesProductsContainer {
  background-color: #f9f9f9;
  position: relative;
  padding-bottom: 100px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .favouritesProductsContainer {
    padding-bottom: 50px;
  }
}
.favouritesProductsContainer .container {
  border-top: 1px solid #E1E1E1;
  padding-top: 64px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .favouritesProductsContainer .container {
    padding-top: 40px;
  }
}
.favouritesProductsContainer .container .title {
  color: #212E27;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .favouritesProductsContainer .container .title {
    font-size: 16px;
  }
}
.favouritesProductsContainer .container .products4Row {
  margin-left: -11px;
  margin-right: -11px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .favouritesProductsContainer .container .products4Row {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
}
@media only screen and (max-width: 576px) {
  .favouritesProductsContainer .container .products4Row {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.favouritesProductsContainer .container .products4Row .product {
  width: 25%;
  padding-left: 11px;
  padding-right: 11px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .favouritesProductsContainer .container .products4Row .product {
    padding-left: 7.5px;
    padding-right: 7.5px;
    width: 33.33334%;
  }
}
@media only screen and (max-width: 576px) {
  .favouritesProductsContainer .container .products4Row .product {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 15px;
  }
}
.favouritesProductsContainer .container .products4Row .product .content {
  position: relative;
  height: 340px;
  background-color: #FFF;
  display: block;
  padding: 17px;
}
.favouritesProductsContainer .container .products4Row .product .content .topRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.favouritesProductsContainer .container .products4Row .product .content .topRow .categories {
  font-size: 12px;
  color: #9f9e9e;
  text-transform: uppercase;
  height: 24px;
}
.favouritesProductsContainer .container .products4Row .product .content .topRow .categories .separator {
  margin-left: 5px;
  margin-right: 5px;
  color: #33A457;
}
.favouritesProductsContainer .container .products4Row .product .content .titleBox {
  position: relative;
  display: flex;
  flex-direction: row;
  padding-top: 10px;
  margin-bottom: 15px;
}
.favouritesProductsContainer .container .products4Row .product .content .titleBox .brandImage {
  min-width: 22%;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  margin-right: 8px;
}
.favouritesProductsContainer .container .products4Row .product .content .titleBox .productName {
  z-index: 200;
  color: #000;
  font-size: 16px;
  display: block;
  height: 40px;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 70%;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .leftContent {
  width: 56%;
  padding-right: 20px;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .leftContent .imageBox {
  display: block;
  margin: auto;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent {
  position: relative;
  width: 44%;
  padding-top: 30px;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent .themeColor {
  display: inline-block;
  line-height: 1;
  font-size: 18px;
  padding: 3px 4px;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent .priceBox {
  padding: 10px 10px;
  background-color: #33A457;
  display: inline-flex;
  flex-direction: column;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent .priceBox .oldPrice {
  position: relative;
  font-size: 1rem;
  display: inline-block;
  color: #FFF;
  line-height: 1;
  margin-bottom: 10px;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent .priceBox .oldPrice sup {
  font-size: 0.8rem;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent .priceBox .oldPrice .currency {
  font-size: 0.8rem;
  margin-left: -6px;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent .priceBox .oldPrice:before {
  content: '';
  width: 60%;
  background-color: #0e0e0e;
  display: block;
  height: 1px;
  position: absolute;
  left: -4px;
  top: 12px;
  transform: rotate(17deg);
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent .priceBox .newPrice {
  font-size: 35px;
  display: inline-block;
  color: #FFF;
  line-height: 1;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent .priceBox .newPrice sup {
  font-size: 23px;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent .priceBox .newPrice .currency {
  font-size: 16px;
  margin-left: -10px;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent .fakeBtn {
  display: flex;
  flex-direction: row;
  line-height: 1;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent .fakeBtn .text {
  color: #9f9e9e;
  font-size: 14px;
  border-bottom: 2px solid #9f9e9e;
  line-height: 1;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .rightContent .fakeBtn .plus {
  color: #33A457;
  margin-right: 3px;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .promoContent .themeColor {
  background-color: #604355;
  color: #33A457;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .newContent .themeColor {
  background-color: #f8f0a8;
  color: #6b6964;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .newContent .priceBox {
  background-color: #FFF;
}
.favouritesProductsContainer .container .products4Row .product .content .bottomRow .newContent .priceBox .newPrice {
  color: #604355;
}
.wishlistWrapper {
  position: relative;
  padding-top: 40px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper {
    padding-top: 0px;
    padding-bottom: 104px;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.wishlistWrapper .container .myCartWrapper {
  position: relative;
  margin-top: 0px;
  background: #FFFFFF;
  padding: 24px 40px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper {
    padding-left: 16px;
    border-radius: 0px;
    padding-right: 16px;
    margin-top: 0px;
  }
}
.wishlistWrapper .container .myCartWrapper .topRow {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding-bottom: 24px;
  border-bottom: 1px solid #ECECEC;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .topRow {
    justify-content: space-between;
    padding-bottom: 16px;
  }
}
.wishlistWrapper .container .myCartWrapper .topRow .title {
  font-size: 24px;
  line-height: 1;
  color: #212E27;
}
.wishlistWrapper .container .myCartWrapper .topRow .subtitle {
  font-size: 14px;
  line-height: 1;
  color: #878787;
  margin-left: 8px;
}
.wishlistWrapper .container .myCartWrapper .itemsList {
  position: relative;
}
.wishlistWrapper .container .myCartWrapper .itemsList .products {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products {
    position: relative;
  }
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li {
  width: 50%;
  padding-bottom: 24px;
  padding-top: 24px;
  border-bottom: 1px solid #ECECEC;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products li {
    width: 50%;
    padding-left: 0px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 576px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products li {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products li .product {
    padding-right: 30px;
    position: relative;
  }
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productImage {
  position: relative;
  display: block;
  width: 128px;
  height: 128px;
  background-position: center;
  background-size: 110px;
  background-repeat: no-repeat;
  margin-right: 24px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productImage {
    width: 88px;
    height: 88px;
    min-width: 88px;
    margin-right: 8px;
    margin-top: 5px;
    background-size: 90px;
  }
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo {
  display: flex;
  flex-direction: column;
  width: 385px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo {
    width: 100%;
  }
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .prodName {
  font-size: 18px;
  line-height: 26px;
  color: #212E27;
  margin-bottom: 4px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .prodName {
    font-size: 16px;
    line-height: 22px;
  }
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .prodSubName {
  font-size: 12px;
  line-height: 20px;
  color: #878787;
  margin-bottom: 4px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .prodSubName {
    font-size: 10px;
  }
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .prodPrice {
  font-size: 18px;
  line-height: 26px;
  color: #212E27;
  margin-bottom: 16px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .prodPrice {
    margin-bottom: 8px;
  }
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .actionsRow {
  display: flex;
  flex-direction: row;
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .quantityField {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 2px;
  color: #000;
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .quantityField .prodQuantityCart {
  border: 3px solid #f7f8f8;
  width: 40px;
  height: 30px;
  text-align: center;
  display: block;
  margin-right: 7px;
  margin-top: -2px;
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .add2FavoritesList {
  padding: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #33A457;
  border: 1px solid #33A457;
  box-sizing: border-box;
  height: 32px;
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .add2FavoritesList img {
  margin-right: 5px;
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .add2cart {
  height: 40px;
  background: #33A457;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FFFFFF;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .add2cart {
    padding-left: 8px;
    padding-right: 8px;
    height: 32px;
    font-size: 12px;
  }
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .add2cart img {
  width: 18px;
  margin-right: 9px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products li .product .productInfo .actionsRow .add2cart img {
    width: 14px;
    margin-right: 6px;
  }
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .deleteBtnCol {
  margin-left: 26px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products li .deleteBtnCol {
    margin-right: 0px;
    position: absolute;
    top: -4px;
    right: 0px;
    cursor: pointer;
  }
}
.wishlistWrapper .container .myCartWrapper .itemsList .products li .deleteBtnCol .delete {
  cursor: pointer;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .wishlistWrapper .container .myCartWrapper .itemsList .products li .deleteBtnCol .delete img {
    width: 11px;
  }
}
.wishlistWrapper .container .myCartWrapper .optionsRow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 3px;
}
@media only screen and (max-width: 576px) {
  .wishlistWrapper .container .myCartWrapper .optionsRow {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 16px;
  }
}
.wishlistWrapper .container .myCartWrapper .optionsRow .option {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 26px;
}
@media only screen and (max-width: 576px) {
  .wishlistWrapper .container .myCartWrapper .optionsRow .option {
    margin: 0px;
    margin-top: 4px;
  }
}
.wishlistWrapper .container .myCartWrapper .optionsRow .option .iconHolder {
  display: block;
  padding-bottom: 2px;
}
@media only screen and (max-width: 576px) {
  .wishlistWrapper .container .myCartWrapper .optionsRow .option .iconHolder {
    font-size: 20px;
    margin-right: 9px;
  }
}
.wishlistWrapper .container .myCartWrapper .optionsRow .option .iconHolder img {
  max-width: 100%;
}
.wishlistWrapper .container .myCartWrapper .optionsRow .option .optionText {
  font-size: 12px;
  color: #59605F;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.wishlistWrapper .container .myCartWrapper .optionsRow .option:first-child {
  margin-left: 16px;
}
@media only screen and (max-width: 576px) {
  .wishlistWrapper .container .myCartWrapper .optionsRow .option:first-child {
    margin-left: 0px;
  }
}
.wishlistWrapper .container .myCartWrapper .optionsRow .option:first-child .iconHolder img {
  width: 20px;
}
.wishlistWrapper .container .myCartWrapper .optionsRow .option:nth-child(2) .iconHolder img {
  width: 18px;
}
.wishlistWrapper .container .myCartWrapper .optionsRow .option:last-child {
  margin-right: 16px;
}
@media only screen and (max-width: 576px) {
  .wishlistWrapper .container .myCartWrapper .optionsRow .option:last-child {
    margin-right: 0px;
  }
}
.wishlistWrapper .container .myCartWrapper .optionsRow .option:last-child .iconHolder img {
  width: 16px;
}
.checkOutWrapper .container {
  position: relative;
  width: 1440px;
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
}
.checkOutWrapper .container .countDown {
  display: flex;
  justify-content: flex-start;
  padding-left: 769px;
  font-size: 24px;
  line-height: 32px;
  width: 100%;
  padding-bottom: 24px;
  color: #212E27;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .countDown {
    padding-left: 0px;
    justify-content: flex-end;
    font-size: 18px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.checkOutWrapper .container .countDown .time {
  color: #FF001F;
  margin-left: 5px;
  font-size: 30px;
  margin-top: -2px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .countDown .time {
    font-size: 24px;
  }
}
.checkOutWrapper .container .leftColumn {
  width: 746px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .leftColumn {
    width: 100%;
  }
}
.checkOutWrapper .container .leftColumn .addressForm {
  background: #f7f7f7;
  padding: 24px 40px 20px 40px;
  margin-top: 24px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .leftColumn .addressForm {
    padding: 24px 16px 32px 16px;
    border-radius: 0px;
  }
}
.checkOutWrapper .container .leftColumn .addressForm .title {
  font-size: 24px;
  line-height: 28px;
  color: #212E27;
  display: block;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .leftColumn .addressForm .title {
    font-size: 18px;
  }
}
.checkOutWrapper .container .leftColumn .addressForm label {
  font-size: 14px;
  line-height: 22px;
  color: #59605F;
  display: block;
  margin-bottom: 8px;
}
.checkOutWrapper .container .leftColumn .addressForm input {
  width: 100%;
  height: 35px;
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  -webkit-box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  -moz-box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  -webkit-appearance: none;
  border: initial;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #59605F;
}
.checkOutWrapper .container .leftColumn .addressForm textarea {
  width: 100%;
  height: 70px;
  background: #FFFFFF;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  -webkit-box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  -moz-box-shadow: 0px 1px 12px rgba(0,0,0,0.08);
  -webkit-appearance: none;
  border: initial;
  margin-bottom: 16px;
  padding: 8px 16px;
  font-size: 14px;
  color: #59605F;
  resize: none;
}
.checkOutWrapper .container .leftColumn .addressForm input[type='checkbox'] {
  -webkit-appearance: checkbox;
}
.checkOutWrapper .container .leftColumn .addressForm .inputRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .leftColumn .addressForm .inputRow {
    flex-direction: column;
  }
}
.checkOutWrapper .container .leftColumn .addressForm .inputRow .inputCol6 {
  padding-left: 8px;
  padding-right: 8px;
  width: 50%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .leftColumn .addressForm .inputRow .inputCol6 {
    width: 100%;
  }
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .leftColumn .addressForm .inputRow .inputCol6.mobileSpace {
    padding-top: 8px;
  }
}
.checkOutWrapper .container .leftColumn .addressForm .inputRow .inputCol8 {
  padding-left: 8px;
  padding-right: 8px;
  width: 69%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .leftColumn .addressForm .inputRow .inputCol8 {
    width: 100%;
  }
}
.checkOutWrapper .container .leftColumn .addressForm .inputRow .inputCol4 {
  padding-left: 8px;
  padding-right: 8px;
  width: 33.3334%;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .leftColumn .addressForm .inputRow .inputCol4 {
    width: 100%;
  }
}
.checkOutWrapper .container .leftColumn .addressForm .inputRow .inputCol12 {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.checkOutWrapper .container .leftColumn .paymentForm {
  background: #f7f7f7;
  padding: 24px 40px 20px 40px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .leftColumn .paymentForm {
    padding: 24px 16px 32px 16px;
    border-radius: 0px;
  }
}
.checkOutWrapper .container .leftColumn .paymentForm .addressForm {
  padding: 0;
}
.checkOutWrapper .container .leftColumn .paymentForm .title {
  font-size: 24px;
  line-height: 28px;
  color: #212E27;
  display: block;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .leftColumn .paymentForm .title {
    font-size: 18px;
  }
}
.checkOutWrapper .container .leftColumn .paymentForm .radio-item {
  display: inline-block;
  position: relative;
  padding: 0px;
  margin: 10px 0 0;
  margin-right: 25px;
  margin-top: 0px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .leftColumn .paymentForm .radio-item {
    display: block;
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.checkOutWrapper .container .leftColumn .paymentForm .radio-item input[type='radio'] {
  display: none;
}
.checkOutWrapper .container .leftColumn .paymentForm .radio-item label {
  color: #59605F;
  font-size: 14px;
  line-height: 22px;
}
.checkOutWrapper .container .leftColumn .paymentForm .radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 3px;
  margin: 0 5px 0 0;
  width: 15px;
  height: 15px;
  border-radius: 11px;
  border: 2px solid ;
  background-color: transparent;
}
.checkOutWrapper .container .leftColumn .paymentForm .radio-item input[type=radio]:checked + label:after {
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 8px;
  left: 5px;
  content: " ";
  display: block;
  background: ;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .leftColumn .paymentForm .radio-item input[type=radio]:checked + label:after {
    width: 11px;
    height: 11px;
    top: 7px;
    left: 4px;
  }
}
.checkOutWrapper .container .rightColumn .orderWrapper {
  border: none;
  padding: 8px;
}
.checkOutWrapper .container .rightColumn .orderWrapper .order {
  padding-left: 32px;
  padding-right: 32px;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .checkOutWrapper .container .rightColumn .orderWrapper .order {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 46px;
  }
}
.checkOutWrapper .container .rightColumn .orderWrapper .submitBtnHolder {
  display: block;
  position: relative;
  padding-top: 24px;
  border-top: 1px solid #ECECEC;
  margin-top: 16px;
}
.checkOutWrapper .container .rightColumn .orderWrapper .submitBtnHolder .submitBtn {
  background: #A8A8A8;
  height: 56px;
  width: 100%;
  border: none;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ECECEC;
  cursor: pointer;
}
.checkOutWrapper .container .rightColumn .orderWrapper .submitBtnHolder .success {
  background: ;
}
.successInput {
  border: 1px solid #03A055;
}
.errorInput {
  border: 1px solid #FF005C;
}
.footerRowCheckout {
  height: 64px !important;
  padding-bottom: 0px !important;
}
@media only screen and (max-width: 576px),only screen and (min-width: 578px) and (max-width: 1024px) {
  .footerRowCheckout {
    padding-right: 0px;
    flex-direction: row !important;
    align-items: flex-end !important;
    padding-bottom: 30px !important;
    height: auto !important;
    padding-top: 16px;
  }
}