/* ---------------------------------------------------------
   1. Embedded fonts styles
   2. Embedded icons styles
   3. Common site styles
   4. Custom form styles
   5. Fancybox styles
   6. Slick slider styles (fade/slide)
   7. Styles of International Telephone Input plugin
   ---------------------------------------------------------*/
/* ---------------------------------------------------------
   1. Embedded fonts styles
   ---------------------------------------------------------*/
@font-face {
  font-family: 'bariol';
  src: url('../fonts/bariol_regular-webfont.eot');
  src: url('../fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bariol_regular-webfont.svg') format('svg'), url('../fonts/bariol_regular-webfont.woff2') format('woff2'), url('../fonts/bariol_regular-webfont.woff') format('woff'), url('../fonts/bariol_regular-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'bariol';
  src: url('../fonts/bariol_regular_italic-webfont.eot');
  src: url('../fonts/bariol_regular_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bariol_regular_italic-webfont.svg') format('svg'), url('../fonts/bariol_regular_italic-webfont.woff2') format('woff2'), url('../fonts/bariol_regular_italic-webfont.woff') format('woff'), url('../fonts/bariol_regular_italic-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'bariol';
  src: url('../fonts/bariol_bold-webfont.eot');
  src: url('../fonts/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bariol_bold-webfont.svg') format('svg'), url('../fonts/bariol_bold-webfont.woff2') format('woff2'), url('../fonts/bariol_bold-webfont.woff') format('woff'), url('../fonts/bariol_bold-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'bariol';
  src: url('../fonts/bariol_bold_italic-webfont.eot');
  src: url('../fonts/bariol_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bariol_bold_italic-webfont.svg') format('svg'), url('../fonts/bariol_bold_italic-webfont.woff2') format('woff2'), url('../fonts/bariol_bold_italic-webfont.woff') format('woff'), url('../fonts/bariol_bold_italic-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'bariol';
  src: url('../fonts/bariol_light-webfont.eot');
  src: url('../fonts/bariol_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bariol_light-webfont.svg') format('svg'), url('../fonts/bariol_light-webfont.woff2') format('woff2'), url('../fonts/bariol_light-webfont.woff') format('woff'), url('../fonts/bariol_light-webfont.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'bariol';
  src: url('../fonts/bariol_light_italic-webfont.eot');
  src: url('../fonts/bariol_light_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bariol_light_italic-webfont.svg') format('svg'), url('../fonts/bariol_light_italic-webfont.woff2') format('woff2'), url('../fonts/bariol_light_italic-webfont.woff') format('woff'), url('../fonts/bariol_light_italic-webfont.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
/* ---------------------------------------------------------
   2. Embedded icons styles
   ---------------------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?wwuxbo');
  src: url('../fonts/icomoon.eot?wwuxbo#iefix') format('embedded-opentype'), url('../fonts/icomoon.svg?wwuxbo') format('svg'), url('../fonts/icomoon.ttf?wwuxbo') format('truetype'), url('../fonts/icomoon.woff?wwuxbo') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'custom-icomoon';
  src: url('../fonts/custom-icomoon/icomoon.eot?wwuxbo');
  src: url('../fonts/custom-icomoon/icomoon.eot?wwuxbo#iefix') format('embedded-opentype'), url('../fonts/custom-icomoon/icomoon.svg?wwuxbo') format('svg'), url('../fonts/custom-icomoon/icomoon.ttf?wwuxbo') format('truetype'), url('../fonts/custom-icomoon/icomoon.woff?wwuxbo') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'custom-icomoon-product';
  src: url('../fonts/custom-icomoon-product/icomoon.eot?wwuxbo');
  src: url('../fonts/custom-icomoon-product/icomoon.eot?wwuxbo#iefix') format('embedded-opentype'), url('../fonts/custom-icomoon-product/icomoon.svg?wwuxbo') format('svg'), url('../fonts/custom-icomoon-product/icomoon.ttf?wwuxbo') format('truetype'), url('../fonts/custom-icomoon-product/icomoon.woff?wwuxbo') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'custom-icomoon-product2';
  src: url('../fonts/custom-icomoon-product2/icomoon.eot?wwuxbo');
  src: url('../fonts/custom-icomoon-product2/icomoon.eot?wwuxbo#iefix') format('embedded-opentype'), url('../fonts/custom-icomoon-product2/icomoon.svg?wwuxbo') format('svg'), url('../fonts/custom-icomoon-product2/icomoon.ttf?wwuxbo') format('truetype'), url('../fonts/custom-icomoon-product2/icomoon.woff?wwuxbo') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'stamps_and_certifications';
  src: url('../fonts/stamps_and_certifications/icomoon.eot?wwuxbo');
  src: url('../fonts/stamps_and_certifications/icomoon.eot?wwuxbo#iefix') format('embedded-opentype'), url('../fonts/stamps_and_certifications/icomoon.svg?wwuxbo') format('svg'), url('../fonts/stamps_and_certifications/icomoon.ttf?wwuxbo') format('truetype'), url('../fonts/stamps_and_certifications/icomoon.woff?wwuxbo') format('woff');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-up:before {
  content: "\e900";
}
.icon-arrow-down:before {
  content: "\e901";
}
.icon-arrow-left:before {
  content: "\e902";
}
.icon-arrow-right:before {
  content: "\e903";
}
.icon-cart:before {
  content: "\e904";
}
.icon-leaf:before {
  content: "\e905";
}
.icon-search:before {
  content: "\e906";
}
.icon-star:before {
  content: "\e907";
}
.icon-user:before {
  content: "\e908";
}
.icon-close:before {
  content: "\e909";
}
.icon-chevron-down:before {
  content: "\e90a";
}
.icon-chevron-up:before {
  content: "\e90b";
}
.icon-chevron-right:before {
  content: "\e90c";
}
.icon-chevron-left:before {
  content: "\e90d";
}
.icon-heart:before {
  content: "\e90e";
}
.icon-facebook:before {
  content: "\e90f";
}
.icon-twitter:before {
  content: "\e910";
}
.icon-sin-lactosa:before {
  content: "\e911";
}
.icon-sin-gluten:before {
  content: "\e912";
}
.icon-sin-conservantes:before {
  content: "\e913";
}
.icon-sin-azucares:before {
  content: "\e914";
}
.icon-arrows:before {
  content: "\e915";
}
.icon-filter:before {
  content: "\e916";
}
.icon-address:before {
  content: "\e917";
}
.icon-edit:before {
  content: "\e918";
}
.icon-card:before {
  content: "\e919";
}
.icon-cancel:before {
  content: "\e91a";
}
.icon-download:before {
  content: "\e91b";
}
.icon-repeat:before {
  content: "\e91c";
}
.icon-car:before {
  content: "\e91d";
}
.icon-percents3:before {
  content: "\e91e";
}
.icon-percents2:before {
  content: "\e91f";
}
.icon-time:before {
  content: "\e920";
}
.icon-car2:before {
  content: "\e921";
}
.icon-heart2:before {
  content: "\e922";
}
.icon-percents:before {
  content: "\e923";
}
.icon-phone:before {
  content: "\e924";
}
.icon-box:before {
  content: "\e925";
}
.icon-filter-filled:before {
  content: "\e926";
}
.icon-search2:before {
  content: "\e927";
}
.icon-percents4:before {
  content: "\e928";
}
.icon-stock:before {
  content: "\e929";
}
.icon-box-arrow:before {
  content: "\e92a";
}
.icon-bell:before {
  content: "\e92b";
}
.icon-like:before {
  content: "\e92c";
}
.icon-dislike:before {
  content: "\e92d";
}
.icon-euro:before {
  content: "\e92e";
}
.icon-car3:before {
  content: "\e92f";
}
.icon-arrows-circle:before {
  content: "\e930";
}
.icon-arrow-box:before {
  content: "\e931";
}
.icon-phone-operator:before {
  content: "\e932";
}
.icon-percents5:before {
  content: "\e933";
}
.icon-circles:before {
  content: "\e934";
}
.icon-lightning:before {
  content: "\e935";
}
.icon-arrow-press:before {
  content: "\e936";
}
.icon-store:before {
  content: "\e937";
}
.icon-gift-box:before {
  content: "\e938";
}
.icon-window-award:before {
  content: "\e939";
}
.icon-papers-lock:before {
  content: "\e93a";
}
.icon-linkedin:before {
  content: "\e93b";
}
.icon-euro-bubble:before {
  content: "\e93c";
}
.icon-users:before {
  content: "\e93d";
}
.icon-document:before {
  content: "\e93e";
}
.icon-carrot:before {
  content: "\e93f";
}
.icon-ecocert:before {
  content: "\e940";
}
.icon-bread:before {
  content: "\e941";
}
.icon-apple:before {
  content: "\e942";
}
.icon-shin:before {
  content: "\e943";
}
.icon-arrows-triangle:before {
  content: "\e944";
}
.icon-perfume:before {
  content: "\e945";
}
.icon-cone:before {
  content: "\e946";
}
.icon-burger:before {
  content: "\e947";
}
.icon-donut:before {
  content: "\e948";
}
.icon-globe:before {
  content: "\e949";
}
.icon-circles2:before {
  content: "\e94a";
}
.icon-bottle:before {
  content: "\e94b";
}
.icon-grain:before {
  content: "\e94c";
}
.icon-cup:before {
  content: "\e94d";
}
.icon-leaf2:before {
  content: "\e94e";
}
.icon-email:before {
  content: "\e94f";
}
.icon-chat-bubble:before {
  content: "\e950";
}
.icon-network:before {
  content: "\e951";
}
/* ---------------------------------------------------------
   3. Common site styles
   ---------------------------------------------------------*/
html {
  background: #2e67aa;
}
html.hidden-html {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
body {
  background: #ffffff;
  min-width: 320px;
}
@media (min-width: 768px) {
  body {
    font-size: 16px;
    line-height: 1.688;
  }
}
@media (max-width: 991px) {
  body.nav-active {
    overflow: hidden;
    width: 100%;
  }
}
a,
.btn,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
a:focus,
.btn:focus,
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
a:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  text-decoration: none;
}
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="text"],
input[type="password"],
input[type="file"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
  box-shadow: none;
}
/* set styles for form text inputs */
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="text"],
input[type="password"],
input[type="file"],
textarea,
textarea.form-control {
  font-size: 15px;
  line-height: 24px;
  height: 50px;
}
@media (min-width: 768px) {
  input[type="email"],
  input[type="tel"],
  input[type="search"],
  input[type="text"],
  input[type="password"],
  input[type="file"],
  textarea,
  textarea.form-control {
    padding-left: 20px;
    padding-right: 20px;
  }
}
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
textarea:focus,
textarea.form-control:focus {
  box-shadow: none;
  color: #25cad3;
}
textarea {
  resize: vertical;
  vertical-align: top;
  overflow: auto;
  width: 100%;
  min-height: 188px;
  height: 188px;
}
.form-control {
  box-shadow: none;
}
.form-group:before,
.form-group:after {
  content: " ";
  display: table;
}
.form-group:after {
  clear: both;
}
.form-group.form-group-sm .form-control {
  font-size: 15px;
  line-height: 18px;
}
hr {
  margin-top: 5px;
  margin-bottom: 52px;
}
@media (min-width: 768px) {
  hr {
    margin-top: 46px;
    margin-bottom: 34px;
  }
}
/* set styles for button */
.btn {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}
.btn.white-bordered {
  border: 2px solid #ffffff;
  padding-top: 11px;
  padding-bottom: 11px;
}
.btn.white-bordered:hover,
.btn.white-bordered:active {
  background: #ffffff;
  color: #25cad3;
  box-shadow: none;
  border-color: #ffffff;
}
.btn.btn-sm {
  font-size: 16px;
  border-radius: 24px;
  text-transform: none;
  padding-top: 3px;
  padding-bottom: 3px;
}
.btn.btn-xs {
  font-size: 15px;
  border-radius: 20px;
  text-transform: none;
}
.label.medium {
  font-size: 14px;
  line-height: 18px;
  padding: 1px 8px 2px;
}
@media (min-width: 768px) {
  .label.medium {
    font-size: 16px;
    line-height: 20px;
    padding: 1px 8px 0;
  }
}
.label.large {
  font-size: 16px;
  line-height: 22px;
  padding: 6px 11px;
  border-radius: 18px 0 0 18px;
}
.label.center {
  border-radius: 99px;
  width: 100%;
  display: block;
}
.label.left-alignment {
  border-radius: 0 18px 18px 0;
}
.modal-header {
  background: #25cad3;
  color: #ffffff;
}
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6,
.modal-header .h1,
.modal-header .h2,
.modal-header .h3,
.modal-header .h4,
.modal-header .h5,
.modal-header .h6 {
  color: #ffffff;
}
.modal-header .close {
  color: #ffffff;
  opacity: 1;
}
.modal-content {
  border-radius: 0;
  box-shadow: none;
}
.jumbotron {
  border-radius: 0;
  font-weight: 700;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 0;
}
.jumbotron p {
  font-weight: 700;
}
.jumbotron .btn.btn-default,
.jumbotron .btn.btn-primary {
  border-color: #ffffff;
}
.well {
  border-radius: 0;
}
.breadcrumb {
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 17px;
}
@media (min-width: 768px) {
  .breadcrumb {
    margin-bottom: 5px;
  }
}
.breadcrumb > li.active {
  font-weight: 700;
}
.breadcrumb > li + li:before {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 400;
  font-family: 'icomoon' !important;
  margin: 0 2px 0 4px;
  padding: 0;
  color: #25cad3;
}
@media (min-width: 768px) {
  .breadcrumb > li + li:before {
    margin-left: 10px;
    margin-right: 4px;
  }
}
.breadcrumb a {
  color: #808080;
}
.breadcrumb a:hover {
  color: #25cad3;
}
/* tabs styles */
.nav-tabs {
  border-bottom: 3px solid #d8d8d8;
  position: relative;
}
.nav-tabs > li {
  margin: 0 10px -3px;
  padding: 0;
}
.nav-tabs > li:before {
  display: none;
}
.nav-tabs > li.active > a {
  border-width: 0;
  background: transparent;
  position: relative;
  color: #212121;
  font-weight: bold;
}
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: transparent;
  border: 0;
  color: #212121;
}
.nav-tabs > li > a {
  border-width: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 19px;
  color: #505050;
  outline: none;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.2em;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background: transparent;
  border-width: 0;
  color: #212121;
}
.nav-tabs.nav-justified {
  border-bottom: 3px solid #d8d8d8;
}
.nav-tabs.nav-justified > li.active > a {
  border: 0;
  background: transparent;
}
.nav-tabs.nav-justified > li.active > a:hover,
.nav-tabs.nav-justified > li.active > a:focus {
  background: transparent;
  border: 0;
}
.nav-tabs.nav-justified > li > a {
  border: 0;
}
.nav-tabs.nav-justified > li > a:hover,
.nav-tabs.nav-justified > li > a:focus {
  background: transparent;
  border: 0;
}
.nav-tabs.nav .open > a,
.nav-tabs.nav .open > a:hover,
.nav-tabs.nav .open > a:focus {
  background: none;
}
.nav-tabs.flex-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.nav-tabs.flex-nav:before,
.nav-tabs.flex-nav:after {
  display: none;
}
.nav-tabs.flex-nav > li {
  float: none;
  position: relative;
  text-align: center;
  flex-grow: 1;
}
.nav-tabs.flex-nav > li:first-of-type {
  margin-left: 0;
  text-align: left;
}
.nav-tabs.flex-nav > li:last-child {
  margin-right: 0;
  text-align: right;
}
/* alternate tabs styles */
.nav-tabs-alt {
  border-bottom: 1px solid #efefef;
}
.nav-tabs-alt > li {
  width: 50%;
  margin: 0;
}
.nav-tabs-alt > li.active > a {
  font-weight: 700;
  color: #3e7dc9;
}
.nav-tabs-alt > li.active > a:hover,
.nav-tabs-alt > li.active > a:focus {
  color: #3e7dc9;
}
.nav-tabs-alt > li > a {
  text-align: center;
  color: #616161;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0;
  padding: 0 0 13px;
}
.nav-tabs-alt > li > a:hover,
.nav-tabs-alt > li > a:focus {
  color: #3e7dc9;
}
.nav-tabs-alt .lavalamp-object:after {
  background: #f93b74;
  bottom: -2px;
}
/* lavalamp animated element in tab navigation */
.lavalamp-object {
  bottom: 0;
  display: block;
  pointer-events: none;
  position: absolute;
}
.lavalamp-object:after {
  content: '';
  position: absolute;
  bottom: -3px;
  right: 0;
  left: 0;
  height: 3px;
  background: #25cad3;
  z-index: 10;
}
/* set typography styles for headings, paragraph and blockquote */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 8px;
  }
}
h1 {
  line-height: 1;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  h1 {
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  h2 {
    font-size: 24px;
    line-height: 1.125;
  }
}
h3 {
  line-height: 1;
}
@media (min-width: 992px) {
  h3 {
    font-size: 24px;
    line-height: 1.125;
  }
}
h4 {
  line-height: 1.1;
}
@media (min-width: 992px) {
  h4 {
    font-size: 20px;
  }
}
p {
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  p {
    margin-bottom: 27px;
  }
}
p.lead {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  p.lead {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 48px;
  }
}
p mark {
  background: none;
  margin: 0;
  padding: 0;
  color: #4990e2;
}
.text-info {
  color: #4990e2;
}
.text-success {
  color: #5cb85c;
}
.text-warning {
  color: #f6a623;
}
.text-danger {
  color: #fe3c76;
}
.alert {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.013em;
  margin-bottom: 22px;
  position: relative;
}
@media (min-width: 768px) {
  .alert {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 28px;
    padding: 12px 20px;
  }
}
.alert .close {
  line-height: 15px;
  position: absolute;
  top: 5px;
  right: 5px;
  opacity: 1;
}
@media (min-width: 768px) {
  .alert .close {
    top: 7px;
    right: 8px;
  }
}
.alert .close:hover {
  color: #25cad3;
}
.alert .close .icon {
  font-size: 7px;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
}
blockquote {
  border: 0;
  color: #9b9b9b;
}
@media (min-width: 768px) {
  blockquote {
    font-size: 14px;
    line-height: 1.29;
    font-style: normal;
    padding: 0;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  blockquote {
    padding: 0;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  blockquote {
    padding: 0 10px;
  }
}
blockquote p {
  display: block;
  margin-bottom: 21px;
}
@media (min-width: 768px) {
  blockquote p {
    margin-bottom: 8px;
  }
}
blockquote p:last-child {
  margin-bottom: 21px;
}
@media (min-width: 768px) {
  blockquote p:last-child {
    margin-bottom: 21px;
  }
}
blockquote q {
  display: block;
  padding-bottom: 1px;
}
blockquote q,
blockquote q:before,
blockquote q:after {
  content: "";
  quotes: none;
}
blockquote .quotes {
  padding-bottom: 1px;
}
blockquote footer {
  color: #505050;
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
}
blockquote footer:before {
  content: "";
  display: none;
}
blockquote footer .icon {
  display: inline-block;
  font-size: 17px;
  line-height: 1;
  color: #25cad3;
  margin-right: 8px;
}
@media (min-width: 768px) {
  blockquote footer .icon {
    margin-right: 10px;
  }
}
blockquote cite {
  font-style: normal;
  color: #505050;
}
.list-group {
  font-size: 16px;
  line-height: 2.13;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  .list-group {
    font-size: 14px;
    line-height: 2.86;
  }
}
.list-group li:before {
  display: none;
}
.list-group.unbordered li {
  border-left: 0;
  border-right: 0;
  padding: 2px 0;
}
@media (min-width: 768px) {
  .list-group.unbordered li {
    padding: 0;
  }
}
/* pagination styles */
.pagination {
  font-size: 16px;
  line-height: 23px;
  font-weight: 700;
  margin: 0 -2px 20px;
}
.pagination > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 2px;
}
.pagination > li.disabled {
  display: none;
}
.pagination > li:before {
  display: none;
}
.pagination > li > a,
.pagination > li > span {
  border: 0;
  padding: 0 7px;
}
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #bdbaba;
}
.pagination > li > a {
  position: relative;
}
.pagination > li > a[aria-label='Next'] span,
.pagination > li > a[aria-label='Previous'] span {
  display: inline-block;
  vertical-align: top;
  margin: 4px 0 0 5px;
  font-size: 13px;
  color: #fe3c76;
  transition: color 0.3s linear;
}
.pagination > li > a[aria-label='Next']:hover span,
.pagination > li > a[aria-label='Previous']:hover span {
  color: #25cad3;
}
.pagination > li > a[aria-label='Previous'] span {
  margin: 4px 5px 0 0;
}
.pagination.pagination-sm > li > a[aria-label='Next'] span,
.pagination.pagination-sm > li > a[aria-label='Previous'] span {
  margin-top: 1px;
}
.bg-stretch {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 0;
}
.flex-row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -15px;
  width: calc(100% + 30px);
}
.flex-row .col {
  float: none;
}
.flex-row:before,
.flex-row:after {
  display: none;
}
/* main container styles */
#wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  #wrapper {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  #wrapper.fixed-header,
  #wrapper.animate-header-off,
  #wrapper.animate-header {
    padding-top: 98px;
  }
}
.w1 {
  width: 100%;
  position: relative;
  transition: margin 0.3s ease-in-out;
}
.w1:after {
  content: "";
  position: absolute;
  top: -110px;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .nav-active .w1 {
    min-width: 320px;
    margin: 0 -277px 0 277px;
  }
}
.nav-active .w1:after {
  visibility: visible;
  pointer-events: auto;
  background: #ffffff;
  opacity: 0.74;
}
@media (min-width: 992px) {
  .nav-active .w1:after {
    opacity: 0;
    visibility: hidden;
  }
}
/* offer block styles */
.offer-block {
  font-size: 18px;
  line-height: 1.22;
  letter-spacing: 0.01em;
  font-weight: 700;
  color: #ffffff;
  padding: 8px 0 11px;
  margin: 10px 0;
  background: #fe3c76;
}
@media (min-width: 768px) {
  .offer-block {
    padding: 7px 0 9px;
    margin: 9px 0 7px;
  }
}
.offer-block p {
  margin: 0;
}
.offer-block a {
  color: #ffffff;
  text-decoration: underline;
}
.offer-block a:hover {
  color: #ededed;
  text-decoration: none;
}
.offer-block .more {
  font-weight: 400;
}
@media (min-width: 768px) {
  .offer-block .more {
    margin-left: 24px;
  }
}
/* intro section styles */
.intro-section {
  font-size: 18px;
  line-height: 1.278;
  position: relative;
}
@media (min-width: 768px) {
  .intro-section [class^="col-"],
  .intro-section [class*=" col-"] {
    position: static;
  }
}
.intro-section .jumbotron {
  padding: 34px 0 40px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .intro-section .jumbotron {
    padding-right: 30px;
  }
}
@media (min-width: 992px) {
  .intro-section .jumbotron {
    min-height: 465px;
    white-space: nowrap;
    padding-right: 60px;
  }
}
@media (min-width: 1200px) {
  .intro-section .jumbotron {
    padding: 50px 0 20px;
  }
}
@media (min-width: 992px) {
  .intro-section .jumbotron:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    min-height: 391px;
    margin: 0 0 0 -5px;
    width: 1px;
  }
}
@media (min-width: 1200px) {
  .intro-section .jumbotron:before {
    min-height: 395px;
  }
}
@media (min-width: 992px) {
  .intro-section .jumbotron .text-block {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }
}
.intro-section h1 {
  line-height: 1;
  margin-bottom: 25px;
  color: #ffffff;
}
@media (min-width: 768px) {
  .intro-section h1 {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .intro-section h1 {
    font-size: 64px;
    line-height: 0.89;
    margin-bottom: 8px;
  }
}
.intro-section .text-wrap {
  display: flex;
  align-items: center;
  position: static;
}
@media (min-width: 768px) {
  .intro-section .text-wrap {
    display: block;
    padding-right: 20px;
  }
}
.intro-section .text-content {
  width: calc(100% - 130px);
}
@media (min-width: 768px) {
  .intro-section .text-content {
    width: 100%;
  }
}
.intro-section .text-content:only-child {
  width: 100%;
}
.intro-section p {
  margin: 0;
}
@media (min-width: 768px) {
  .intro-section p {
    margin-bottom: 34px;
  }
}
@media (min-width: 768px) {
  .intro-section .btn {
    min-width: 182px;
  }
}
.intro-section .visual-image {
  width: 110px;
  height: 105px;
  margin: 0 5px 0 20px;
  position: relative;
  text-align: center;
  z-index: 1;
}
@media (min-width: 768px) {
  .intro-section .visual-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: 0;
  }
}
@media (min-width: 992px) {
  .intro-section .visual-image {
    width: 150px;
    height: 145px;
  }
}
@media (min-width: 1200px) {
  .intro-section .visual-image {
    width: 263px;
    height: 258px;
    margin-top: -9px;
  }
}
.intro-section .visual-image:before {
  content: "";
  width: 110px;
  height: 110px;
  position: absolute;
  top: 8px;
  left: 0;
  border-radius: 100%;
  background: #ffffff;
  z-index: -1;
}
@media (min-width: 992px) {
  .intro-section .visual-image:before {
    width: 150px;
    height: 150px;
    top: 12px;
  }
}
@media (min-width: 1200px) {
  .intro-section .visual-image:before {
    width: 263px;
    height: 258px;
    top: 18px;
  }
}
.intro-section .visual-image img {
  vertical-align: top;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.intro-section.intro-categories {
  padding: 34px 0 40px;
  position: relative;
  color: #ffffff;
  background: none;
}
@media (min-width: 768px) {
  .intro-section.intro-categories {
    min-height: 300px;
    padding: 0;
  }
}
.intro-section.intro-categories:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  z-index: 2;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
@media (min-width: 768px) {
  .intro-section.intro-categories:before {
    display: none;
  }
}
@media (min-width: 768px) {
  .intro-section.intro-categories > .container {
    position: relative;
    min-height: 300px;
    padding-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .intro-section.intro-categories > .container:before {
    opacity: 1;
    content: '';
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: 15px;
    z-index: 2;
    display: block;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  }
}
@media (min-width: 992px) {
  .intro-section.intro-categories > .container:before {
    opacity: 0.9;
  }
}
.intro-section.intro-categories .text-block {
  position: relative;
  z-index: 3;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.22;
}
.intro-section.intro-categories .bg-stretch {
  left: 0;
  background-position: 50% 0;
}
@media (min-width: 768px) {
  .intro-section.intro-categories .bg-stretch {
    left: 15px;
    right: 15px;
  }
}
.categories-columns {
  position: relative;
  z-index: 3;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.014em;
}
@media (min-width: 768px) {
  .categories-columns {
    margin: 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .categories-columns {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .categories-columns {
    width: 83.34%;
    margin: 0 0 0 -10px;
  }
}
.categories-columns.single-row .col .wrap {
  height: 225px !important;
  width: 100% !important;
}
@media (min-width: 992px) {
  .categories-columns.single-row .col .wrap {
    height: 231px !important;
  }
}
@media (min-width: 768px) {
  .categories-columns .col {
    width: 20%;
    padding: 11px 5px 0;
  }
}
@media (min-width: 992px) {
  .categories-columns .col {
    padding: 11px 18px 0;
  }
}
.categories-columns .col .wrap {
  height: 106px !important;
  width: 100% !important;
}
.categories-columns .col .wrap:hover .jcf-scrollbar-slider {
  opacity: 1;
}
.categories-columns a {
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
}
.categories-columns a:hover {
  color: #25cad3;
}
.categories-columns .title {
  display: block;
  position: relative;
  font-size: 14px;
  line-height: 27px;
  font-weight: 700;
  margin-bottom: 5px;
}
.categories-columns .title:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #25cad3;
}
@media (min-width: 992px) {
  .categories-columns .title:before {
    left: -8px;
  }
}
.categories-columns .jcf-scrollbar-vertical {
  width: 4px;
}
.categories-columns .jcf-scrollbar-vertical .jcf-scrollbar-handle {
  background: #25cad3;
  opacity: 1;
  width: 4px;
}
.categories-columns .jcf-scrollbar-vertical .jcf-scrollbar-slider {
  background: #eee;
  opacity: 0.63;
  width: 4px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.categories-columns .jcf-scrollable-wrapper:hover .jcf-scrollbar-slider {
  opacity: 1;
}
.categories-list {
  list-style: none;
  margin: 0;
  padding: 0 12px 0 0;
}
.categories-list li {
  position: relative;
  padding: 5px 0 0;
}
@media (min-width: 992px) {
  .categories-list li {
    padding-left: 10px;
  }
}
.categories-list li.active {
  font-weight: 700;
}
.categories-list li.active a {
  color: #25cad3;
}
@media (min-width: 992px) {
  .categories-list li:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 8px;
    left: 0;
    border-left: 5px solid #25cad3;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }
}
/* intro-carousel styles */
.intro-carousel {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  margin: 0 -15px;
}
@media (min-width: 768px) {
  .intro-carousel {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .intro-carousel .btn-prev,
  .intro-carousel .btn-next {
    display: none !important;
  }
}
.intro-carousel .btn-prev.slick-arrow {
  left: 0;
}
.intro-carousel .btn-next.slick-arrow {
  right: 0;
}
@media (max-width: 767px) {
  .intro-carousel .slick-dots {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .intro-carousel .slick-dots {
    position: absolute;
    bottom: 10px;
    left: 15px;
    right: 15px;
  }
}
@media (min-width: 992px) {
  .intro-carousel .slick-dots {
    bottom: 16px;
  }
}
@media (min-width: 992px) {
  .intro-carousel .slick-dots li {
    padding-left: 6px;
  }
}
.intro-carousel .slick-list {
  margin-bottom: 0;
}
.intro-carousel .slide {
  min-height: 276px;
  padding: 25px 15px 15px;
}
@media (min-width: 768px) {
  .intro-carousel .slide {
    min-height: 350px;
    padding-top: 40px;
    padding-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .intro-carousel .slide {
    min-height: 424px;
    padding: 45px 0 35px;
  }
}
.intro-carousel .slide:before {
  opacity: 1;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 60%);
}
.intro-carousel .slide > .row {
  position: relative;
  z-index: 2;
}
.intro-carousel .slide > .row > [class^="col-"],
.intro-carousel .slide > .row > [class*=" col-"] {
  white-space: nowrap;
}
.intro-carousel .slide > .row > [class^="col-"]:before,
.intro-carousel .slide > .row > [class*=" col-"]:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  min-height: 236px;
  margin: 0 0 0 -5px;
  width: 1px;
}
@media (min-width: 768px) {
  .intro-carousel .slide > .row > [class^="col-"]:before,
  .intro-carousel .slide > .row > [class*=" col-"]:before {
    min-height: 280px;
  }
}
@media (min-width: 992px) {
  .intro-carousel .slide > .row > [class^="col-"]:before,
  .intro-carousel .slide > .row > [class*=" col-"]:before {
    min-height: 344px;
  }
}
@media (min-width: 768px) {
  .intro-carousel .icon-holder {
    font-size: 50px;
    line-height: 1;
    padding-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .intro-carousel .icon-holder {
    font-size: 68px;
    line-height: 1;
    padding-bottom: 3px;
  }
}
.intro-carousel .text-block {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.intro-carousel h1 {
  margin-bottom: 10px;
}
.intro-carousel .text-content {
  width: 100%;
}
@media (min-width: 992px) {
  .intro-carousel .text-content {
    padding-bottom: 15px;
    max-width: 320px;
  }
}
.intro-carousel p {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .intro-carousel p {
    margin-bottom: 20px;
  }
}
.intro-carousel .btn.white-bordered {
  background: transparent;
  outline: none;
}
@media (max-width: 767px) {
  .intro-carousel .btn.white-bordered {
    padding: 0;
    border: 0;
    font-weight: 400;
    text-transform: lowercase;
    text-decoration: underline;
    background: none;
  }
}
.intro-carousel .btn.white-bordered:hover {
  background: #ffffff;
}
@media (max-width: 767px) {
  .intro-carousel .btn.white-bordered:hover {
    background: none;
    text-decoration: none;
  }
}
/* propositions carousel styles */
.propositions-carousel {
  color: #4990e2;
  font-size: 16px;
  line-height: 1.69;
  margin: 0 -15px 36px;
  background: rgba(245, 245, 245, 0.5);
}
@media (min-width: 768px) {
  .propositions-carousel {
    margin: 0 0 30px;
    font-size: 12px;
    line-height: 1.333;
  }
}
@media (min-width: 992px) {
  .propositions-carousel {
    margin-bottom: 45px;
  }
}
.propositions-carousel .btn-prev,
.propositions-carousel .btn-next,
.propositions-carousel .slick-dots {
  display: none !important;
}
.propositions-carousel .slick-list {
  margin-bottom: 0;
}
.propositions-carousel .slide {
  padding: 18px 15px;
}
@media (min-width: 768px) {
  .propositions-carousel .slide {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 992px) {
  .propositions-carousel .slide {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.propositions-carousel .slide-holder {
  max-width: 290px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.propositions-carousel .slide-holder img {
  line-height: 1;
  float: left;
  margin-right: 10px;
}
.propositions-carousel .text-block {
  overflow: hidden;
  padding-left: 8px;
}
@media (min-width: 768px) {
  .propositions-carousel .text-block {
    padding-left: 0;
  }
}
.propositions-carousel .title {
  display: block;
  font-size: 24px;
  line-height: 27px;
  font-weight: 700;
  color: #25cad3;
}
@media (min-width: 768px) {
  .propositions-carousel .title {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .propositions-carousel .title {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: -0.005em;
  }
}
/* main informative part styles */
main {
  padding: 16px 0 17px;
}
@media (min-width: 768px) {
  main {
    padding: 26px 0 53px;
  }
}
.home main {
  padding-top: 0;
}
@media (min-width: 768px) {
  .home main {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .home main {
    padding-top: 0;
  }
}
main ul {
  font-size: 14px;
  padding: 0 0 0 6px;
  color: #505050;
  list-style: none;
}
@media (min-width: 768px) {
  main ul {
    padding-left: 0;
  }
}
main ul li {
  position: relative;
  padding-bottom: 6px;
}
@media (min-width: 768px) {
  main ul li {
    padding-bottom: 8px;
  }
}
main ul li:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  margin: 11px 7px 0 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #424242;
}
@media (min-width: 768px) {
  main ul li:before {
    margin-top: 8px;
  }
}
main ul.alt-indents li {
  padding-bottom: 14px;
}
@media (min-width: 768px) {
  main ul.alt-indents li {
    padding-bottom: 19px;
  }
}
main ul.alt-list {
  margin-bottom: 0;
  padding-left: 48px;
  color: #9b9b9b;
}
main ul.alt-list li:before {
  margin-right: 3px;
}
main ul.alt-list mark {
  background: none;
  padding: 0;
  color: #505050;
}
.heading {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .heading {
    padding-bottom: 44px;
  }
}
.heading h2 {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 0 14px;
  color: #4990e2;
  font-size: 20px;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .heading h2 {
    padding-bottom: 9px;
    font-size: 20px;
    line-height: 1.1;
  }
}
.heading h2:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 62px;
  height: 2px;
  background: #fe3c76;
}
/* carousel basic styles */
.carousel {
  position: relative;
}
.carousel .mask {
  position: relative;
  overflow: hidden;
}
.carousel .slides {
  width: 99999px;
  float: left;
}
.carousel .slide {
  width: 600px;
  float: left;
}
/* tab slideshow  styles */
.tabs-slideshow {
  padding: 13px 0 35px;
  position: relative;
  min-height: 400px;
}
@media (min-width: 768px) {
  .tabs-slideshow {
    padding: 50px 0;
  }
}
@media (min-width: 992px) {
  .tabs-slideshow {
    padding-top: 65px;
  }
}
.tabs-slideshow .btn-prev,
.tabs-slideshow .btn-next {
  position: absolute;
  left: -10px;
  top: 254px;
}
.tabs-slideshow .btn-next {
  left: auto;
  right: -10px;
}
.tabs-slideshow .slideset {
  position: relative;
}
.tabs-slideshow .slide {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
}
.tabs-slideshow .slide.active {
  z-index: 2;
}
.tabs-slideshow.not-enough-slides a.btn-prev,
.tabs-slideshow.not-enough-slides a.btn-next {
  visibility: hidden;
}
.tabs-slideshow .heading {
  padding-bottom: 50px;
}
.tabs-slideshow .heading h2 {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* switcher styles */
.switcher,
.slick-dots {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.switcher ul,
.slick-dots ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.switcher li,
.slick-dots li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 7px 0 3px;
}
.switcher li:before,
.slick-dots li:before {
  display: none;
}
.switcher li a,
.slick-dots li a,
.switcher li button,
.slick-dots li button {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 16px;
  height: 16px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  border: 3px solid #92e4e9;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  outline: none;
}
.switcher li a:hover,
.slick-dots li a:hover,
.switcher li button:hover,
.slick-dots li button:hover {
  border-color: #fe3c76;
}
.switcher li.active a,
.slick-dots li.active a,
.switcher li.slick-active a,
.slick-dots li.slick-active a,
.switcher li.active button,
.slick-dots li.active button,
.switcher li.slick-active button,
.slick-dots li.slick-active button {
  border-color: #fe3c76;
}
.switcher.tabs-switcher,
.slick-dots.tabs-switcher {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  z-index: 50;
}
@media (min-width: 768px) {
  .switcher.tabs-switcher,
  .slick-dots.tabs-switcher {
    position: static;
    margin: 0 -10px 58px;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
  }
}
@media (min-width: 992px) {
  .switcher.tabs-switcher,
  .slick-dots.tabs-switcher {
    margin: 0 -33px 58px;
  }
}
@media (min-width: 768px) {
  .switcher.tabs-switcher li,
  .slick-dots.tabs-switcher li {
    padding: 0 10px 14px;
  }
}
@media (min-width: 992px) {
  .switcher.tabs-switcher li,
  .slick-dots.tabs-switcher li {
    padding: 0 33px 14px;
  }
}
@media (min-width: 768px) {
  .switcher.tabs-switcher li.active a,
  .slick-dots.tabs-switcher li.active a {
    border: none;
  }
}
@media (min-width: 768px) {
  .switcher.tabs-switcher li.active a:before,
  .slick-dots.tabs-switcher li.active a:before {
    background: #fe3c76;
  }
}
@media (min-width: 768px) {
  .switcher.tabs-switcher a,
  .slick-dots.tabs-switcher a {
    padding-bottom: 13px;
    font: 700 20px/1 'bariol', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    width: auto;
    height: auto;
    color: #4990e2;
    border: none;
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  .switcher.tabs-switcher a:hover,
  .slick-dots.tabs-switcher a:hover {
    border: 0;
  }
}
@media (min-width: 768px) {
  .switcher.tabs-switcher a:hover:before,
  .slick-dots.tabs-switcher a:hover:before {
    background: #fe3c76;
  }
}
@media (min-width: 768px) {
  .switcher.tabs-switcher a:before,
  .slick-dots.tabs-switcher a:before {
    transition: background 0.3s ease-in-out;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    width: 62px;
    height: 2px;
  }
}
.items-list .flex-row {
  margin: 0 -8px 0 -7px;
  width: calc(100% + 15px);
  display: flex;
  flex-wrap: wrap;
}
.items-list .flex-row.flex-row-reverse {
  flex-direction: row-reverse;
}
.items-list .flex-row [class^="col-"],
.items-list .flex-row [class*=" col-"] {
  padding: 0 8px 10px 7px;
}
@media (min-width: 768px) {
  .items-list .flex-row [class^="col-"],
  .items-list .flex-row [class*=" col-"] {
    padding-bottom: 15px;
  }
}
.items-list .thumbnail {
  margin-bottom: 0;
  padding: 5px 5px 5px 22px;
}
@media (max-width: 767px) {
  .items-list .thumbnail {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    text-align: left;
    margin: 0 -5px;
    width: calc(100% + 10px);
  }
}
@media (min-width: 768px) {
  .items-list .thumbnail {
    display: flex;
    width: 100%;
    padding: 15px;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    min-height: 170px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .items-list .thumbnail {
    min-height: 224px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .items-list .thumbnail {
    min-height: 277px;
    padding-bottom: 28px;
  }
}
.items-list .thumbnail .caption {
  width: 55%;
  padding: 0 15px 0 0;
  color: #fe3c76;
  font-size: 16px;
  line-height: 1.06;
  font-weight: 700;
}
@media (min-width: 768px) {
  .items-list .thumbnail .caption {
    width: 100%;
  }
}
.items-list .thumbnail .caption .link {
  display: block;
  color: #25cad3;
}
.items-list .thumbnail .caption .title {
  display: block;
  padding-bottom: 5px;
}
.items-list .thumbnail .image-holder {
  width: 36%;
}
@media (min-width: 768px) {
  .items-list .thumbnail .image-holder {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .items-list .thumbnail .image-holder {
    height: 152px;
  }
}
@media (min-width: 1200px) {
  .items-list .thumbnail .image-holder {
    height: 192px;
  }
}
.items-list .thumbnail .image-holder img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .items-list .thumbnail .image-holder img {
    max-height: 100%;
    width: auto;
  }
}
.items-list .large-product-box {
  display: flex;
  margin: 0 -15px;
  min-height: 320px;
  align-items: flex-start;
  padding: 20px 30px;
  position: relative;
  font-size: 14px;
  line-height: 1.29;
  width: calc(100% + 30px);
  color: #9b9b9b;
  font-weight: 400;
  overflow: hidden;
}
@media (min-width: 768px) {
  .items-list .large-product-box {
    margin: 0;
    width: 100%;
    min-height: 355px;
  }
}
@media (min-width: 992px) {
  .items-list .large-product-box {
    min-height: 463px;
    padding-top: 42px;
  }
}
@media (min-width: 1200px) {
  .items-list .large-product-box {
    min-height: 570px;
  }
}
.items-list .large-product-box:before {
  transition: opacity 0.3s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #25cad3;
  opacity: 0;
  z-index: 1;
}
.items-list .large-product-box:hover:before {
  opacity: 0.8;
}
.items-list .large-product-box:hover .text-block,
.items-list .large-product-box:hover h2,
.items-list .large-product-box:hover .title {
  color: #ffffff;
}
.items-list .large-product-box .text-block {
  transition: color 0.3s ease-in-out;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .items-list .large-product-box .text-block {
    max-width: 300px;
    margin: 0 auto;
  }
}
.items-list .large-product-box h2 {
  transition: color 0.3s ease-in-out;
  font-size: 48px;
  line-height: 1;
  margin-bottom: 5px;
  color: #fe3c76;
}
.items-list .large-product-box p {
  margin-bottom: 30px;
}
.items-list .large-product-box .title {
  transition: color 0.3s ease-in-out;
  display: block;
  font-size: 18px;
  line-height: 1.22;
  font-weight: 700;
  margin-bottom: 16px;
  color: #fe3c76;
}
.items-list .large-product-box .btn {
  min-width: 182px;
}
/* category box styles*/
.category-box {
  height: 110px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  position: relative;
  color: #ffffff;
  padding: 15px;
  font-size: 18px;
  line-height: 1;
}
@media (min-width: 768px) {
  .category-box {
    height: 170px;
  }
}
@media (min-width: 992px) {
  .category-box {
    height: 224px;
    padding: 20px 15px;
  }
}
@media (min-width: 1200px) {
  .category-box {
    height: 277px;
  }
}
.category-box.large-product-box {
  align-items: center;
  font-size: 36px;
  line-height: 0.86;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 768px) {
  .category-box.large-product-box {
    margin: 0;
    height: 355px;
  }
}
@media (min-width: 992px) {
  .category-box.large-product-box {
    height: 463px;
  }
}
@media (min-width: 1200px) {
  .category-box.large-product-box {
    height: 570px;
  }
}
.category-box.dark-text {
  color: #505050;
}
.category-box.dark-text .caption {
  color: #505050;
}
.category-box:before {
  transition: opacity 0.3s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #25cad3;
  opacity: 0;
  z-index: 1;
}
.category-box:hover:before {
  opacity: 0.8;
}
.category-box:hover .caption {
  color: #ffffff;
}
.category-box .caption {
  transition: color 0.3s ease-in-out;
  position: relative;
  z-index: 2;
  color: #ffffff;
}
/* basic heading styles */
.heading {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .heading {
    padding-bottom: 54px;
  }
}
.heading h2 {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 0 14px;
}
@media (min-width: 768px) {
  .heading h2 {
    padding-bottom: 9px;
  }
}
.heading h2:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 62px;
  height: 2px;
  background: #fe3c76;
}
/* features boxes styles */
.features-boxes {
  font-size: 18px;
  line-height: 1.5;
  color: #9b9b9b;
  padding: 0 30px;
}
@media (min-width: 768px) {
  .features-boxes {
    padding: 0;
  }
}
.features-boxes .image-holder {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .features-boxes .image-holder {
    height: auto !important;
  }
}
@media (min-width: 768px) {
  .features-boxes .image-holder {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 75px;
  }
}
.features-boxes .image-holder.icon-delivery img {
  margin: 0 20px 0 -20px;
}
@media (min-width: 1200px) {
  .features-boxes .image-holder.icon-delivery img {
    width: 360px;
    height: 170px;
    margin: 0 50px 0 -50px;
  }
}
.features-boxes .image-holder.icon-time img {
  margin: 0 20px 0 -20px;
}
@media (min-width: 1200px) {
  .features-boxes .image-holder.icon-time img {
    width: 243px;
    height: 186px;
  }
}
.features-boxes .image-holder.icon-discount img {
  margin: 0 -25px 0 25px;
}
@media (min-width: 1200px) {
  .features-boxes .image-holder.icon-discount img {
    width: 246px;
    height: 166px;
  }
}
.features-boxes .image-holder img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.features-boxes .text-block {
  padding-bottom: 14px;
  margin-bottom: 34px;
  position: relative;
}
@media (min-width: 1200px) {
  .features-boxes .text-block {
    padding: 0 10px 9px;
  }
}
.features-boxes .text-block:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #25cad3;
  border-radius: 5px;
  width: 78px;
  height: 3px;
}
@media (min-width: 1200px) {
  .features-boxes .text-block:after {
    width: 164px;
  }
}
.features-boxes h3 {
  color: #25cad3;
  font-size: 24px;
  line-height: 1.13;
  min-height: 54px;
  margin-bottom: 33px;
}
@media (min-width: 768px) {
  .features-boxes h3 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 1.13;
  }
}
/* partner products section styles */
.partner-products {
  padding-bottom: 32px;
  position: relative;
}
@media (min-width: 992px) {
  .partner-products {
    padding-bottom: 56px;
  }
}
.partner-products .heading {
  padding-bottom: 1px;
}
@media (min-width: 992px) {
  .partner-products .heading {
    padding-bottom: 19px;
  }
}
.partner-product-block {
  position: relative;
  margin-bottom: 19px;
}
@media (min-width: 992px) {
  .partner-product-block {
    padding: 0 40px;
  }
}
.partner-product-block a {
  display: block;
}
.partner-product-block a:hover .image-holder,
.partner-product-block a:hover .partners-logo {
  opacity: 0.8;
}
.partner-product-block a:hover .text {
  color: #22bac3;
}
.partner-product-block a:hover .label {
  background: #e29922;
}
.partner-product-block .label {
  transition: background 0.3s ease-in-out;
  font-size: 12px;
  line-height: 14px;
}
@media (min-width: 768px) {
  .partner-product-block .label {
    font-size: 16px;
    line-height: 22px;
  }
}
.partner-product-block .image-holder {
  transition: opacity 0.3s ease-in-out;
  text-align: center;
  margin: 0 auto;
}
.partner-product-block .image-holder img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  display: inline-block;
}
.partner-product-block .text {
  transition: color 0.3s ease-in-out;
  color: #25cad3;
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  padding: 6px 0;
}
@media (min-width: 768px) {
  .partner-product-block .text {
    font-size: 16px;
    line-height: 22px;
  }
}
.partners-logo {
  transition: opacity 0.3s ease-in-out;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  margin-bottom: -37px;
  z-index: 1;
}
@media (min-width: 768px) {
  .partners-logo {
    margin-bottom: -57px;
  }
}
.partners-logo img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  display: inline-block;
}
/* categories section section styles */
.categories-section {
  padding-bottom: 30px;
}
.categories-section .heading {
  padding-bottom: 7px;
}
@media (min-width: 768px) {
  .categories-section .heading {
    padding-bottom: 28px;
  }
}
.categories-section .flex-row {
  width: calc(100% + 10px);
  margin: 0 -5px;
}
@media (min-width: 992px) {
  .categories-section .flex-row {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
.categories-section .flex-row > [class^="col-"],
.categories-section .flex-row > [class*=" col-"] {
  padding: 0 5px 10px;
}
@media (min-width: 992px) {
  .categories-section .flex-row > [class^="col-"],
  .categories-section .flex-row > [class*=" col-"] {
    padding: 0 15px 37px;
  }
}
.category-image {
  position: relative;
}
.category-image img {
  vertical-align: top;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.category-image .caption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  padding: 5px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.222;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.category-image a {
  display: block;
  position: relative;
}
.category-image a:before {
  content: "";
  transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: #000000;
  opacity: 0.4;
}
.category-image a:hover:before {
  background: #25cad3;
  opacity: 0.8;
}
/* tabs section styles */
.tabs-section {
  padding-bottom: 22px;
}
@media (min-width: 992px) {
  .tabs-section {
    padding-bottom: 60px;
  }
}
.tabs-section .tab-content {
  margin-bottom: 0;
}
.alt-nav-tabs {
  margin: 0 -20px 20px;
  font: 700 20px/1 'bariol', Helvetica, Arial, sans-serif;
  letter-spacing: normal;
  text-transform: uppercase;
  position: static;
  border: 0;
  text-align: center;
}
@media (min-width: 992px) {
  .alt-nav-tabs {
    margin: 0 -33px 33px;
  }
}
.alt-nav-tabs .lavalamp-object {
  display: none !important;
}
.alt-nav-tabs > li {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0 20px 14px;
}
@media (min-width: 992px) {
  .alt-nav-tabs > li {
    padding: 0 33px 14px;
  }
}
.alt-nav-tabs > li.active > a {
  color: #4990e2;
  border: none;
}
.alt-nav-tabs > li.active > a:before {
  background: #fe3c76;
}
.alt-nav-tabs > li.active > a:hover,
.alt-nav-tabs > li.active > a:active,
.alt-nav-tabs > li.active > a:focus {
  border: 0;
  color: #4990e2;
}
.alt-nav-tabs > li > a {
  padding-bottom: 13px;
  font: 700 20px/1 'bariol', Helvetica, Arial, sans-serif;
  letter-spacing: normal;
  text-transform: uppercase;
  width: auto;
  height: auto;
  color: #4990e2;
  border: none;
  border-radius: 0;
}
.alt-nav-tabs > li > a:hover,
.alt-nav-tabs > li > a:active,
.alt-nav-tabs > li > a:focus {
  border: 0;
  color: #4990e2;
}
.alt-nav-tabs > li > a:hover:before,
.alt-nav-tabs > li > a:active:before,
.alt-nav-tabs > li > a:focus:before {
  background: #fe3c76;
}
.alt-nav-tabs > li > a:before {
  transition: background 0.3s ease-in-out;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: transparent;
  width: 62px;
  height: 2px;
}
/* visual blocks styles */
.visual-blocks {
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .visual-blocks {
    padding-bottom: 26px;
  }
}
.visual-blocks .heading {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .visual-blocks .heading {
    padding-bottom: 20px;
  }
}
.visual-blocks [class^="col-"],
.visual-blocks [class*=" col-"] {
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .visual-blocks [class^="col-"],
  .visual-blocks [class*=" col-"] {
    display: flex;
    padding-bottom: 28px;
  }
}
.visual-blocks .visual-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  margin: 0 -15px;
  padding: 16px 15px 0;
  background: #25cad3;
  color: #ffffff;
}
@media (min-width: 768px) {
  .visual-blocks .visual-block {
    margin: 0;
    padding: 16px 15px 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .visual-blocks .visual-block {
    padding: 16px 20px 0;
  }
}
.visual-blocks .visual-block .icon {
  font-size: 50px;
  line-height: 1;
}
.visual-blocks .visual-block .image-holder {
  width: 100%;
  text-align: center;
  align-self: flex-end;
}
.visual-blocks .visual-block .image-holder img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.visual-blocks .visual-block .text-block {
  width: 100%;
}
.visual-blocks .visual-block h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.04;
  color: #ffffff;
  margin: 0;
}
.visual-blocks .view-product {
  position: relative;
  padding: 0;
  min-height: 320px;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 768px) {
  .visual-blocks .view-product {
    min-height: 263px;
    width: 100%;
  }
}
.visual-blocks .view-product .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  z-index: 1;
}
.visual-blocks .view-product img {
  vertical-align: top;
  width: 100%;
  height: auto;
}
.visual-blocks .view-product .bg-stretch {
  opacity: 0.4;
}
@media (min-width: 768px) {
  .visual-blocks .view-product .bg-stretch {
    opacity: 1;
  }
}
.visual-blocks a.visual-block:hover {
  background: #1da0a8;
}
.visual-blocks a.visual-block.product-visual-block:hover {
  background: #d9cbb2;
}
.visual-blocks .product-visual-block {
  background: #eae2d4;
  padding: 0;
  font-size: 18px;
  line-height: 1.22;
  color: #ffffff;
  position: relative;
}
@media (min-width: 768px) {
  .visual-blocks .product-visual-block {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .visual-blocks .product-visual-block {
    padding: 0;
  }
}
.visual-blocks .product-visual-block .text-block {
  padding: 30px 18px 15px;
  width: 100%;
}
@media (min-width: 768px) {
  .visual-blocks .product-visual-block .text-block {
    padding: 24px 18px 5px;
  }
}
.visual-blocks .product-visual-block .image-holder {
  width: 100%;
  min-height: 125px;
  overflow: hidden;
  position: relative;
}
.visual-blocks .product-visual-block h2 {
  color: #ffffff;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 0;
}
.visual-blocks .product-visual-block p {
  margin: 0;
}
.visual-blocks .jumbotron {
  display: block;
  padding: 17px 15px;
}
.visual-blocks .jumbotron:before,
.visual-blocks .jumbotron:after {
  content: " ";
  display: table;
}
.visual-blocks .jumbotron:after {
  clear: both;
}
@media (min-width: 768px) {
  .visual-blocks .jumbotron {
    text-align: left;
    padding: 40px 33px;
    line-height: 22px;
    min-height: 1px;
  }
}
@media (min-width: 992px) {
  .visual-blocks .jumbotron {
    text-align: left;
    padding-right: 78px;
  }
}
@media (min-width: 768px) {
  .visual-blocks .jumbotron .text-block {
    padding: 0 15px 0 50px;
    position: relative;
    width: 52%;
    float: left;
  }
}
@media (min-width: 992px) {
  .visual-blocks .jumbotron .text-block {
    padding-left: 74px;
  }
}
@media (min-width: 992px) {
  .visual-blocks .jumbotron .text-wrap {
    max-width: 300px;
  }
}
.visual-blocks .jumbotron .icon {
  font-size: 50px;
  line-height: 1;
}
@media (min-width: 768px) {
  .visual-blocks .jumbotron .icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 40px;
    line-height: 1;
  }
}
@media (min-width: 992px) {
  .visual-blocks .jumbotron .icon {
    font-size: 55px;
    top: 3px;
  }
}
.visual-blocks .jumbotron h2 {
  font-size: 24px;
  line-height: 1.04;
  color: #ffffff;
  max-width: 240px;
  margin: 0 auto 10px;
}
@media (min-width: 768px) {
  .visual-blocks .jumbotron h2 {
    max-width: none;
    margin: 0 0 10px;
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .visual-blocks .jumbotron h2 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .visual-blocks .jumbotron h2 {
    font-size: 48px;
  }
}
.visual-blocks .jumbotron .image-holder {
  max-width: 204px;
  margin: 0 auto -17px;
}
@media (min-width: 768px) {
  .visual-blocks .jumbotron .image-holder {
    max-width: none;
    margin: 0 0 -40px;
    width: 48%;
    float: left;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .visual-blocks .jumbotron .image-holder {
    margin-top: -32px;
  }
}
.visual-blocks .jumbotron .image-holder img {
  vertical-align: top;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .visual-blocks .jumbotron .image-holder img {
    width: auto;
    max-width: 250px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .visual-blocks .jumbotron .image-holder img {
    max-width: 340px;
  }
}
/* best sellers section styles */
.best-sellers-section {
  padding: 35px 0 20px;
}
.tabs-section .best-sellers-section {
  padding: 0;
}
@media (min-width: 768px) {
  main > .container .best-sellers-section:first-child {
    padding-top: 0;
  }
}
.best-sellers-section .flex-row {
  width: calc(100% + 18px);
  margin: 0 -9px;
}
@media (min-width: 768px) {
  .best-sellers-section .flex-row {
    width: calc(100% + 10px);
    margin: 0 -5px;
  }
}
.best-sellers-section .flex-row .col {
  width: 100%;
  padding: 0 5px 24px;
}
@media (max-width: 767px) {
  .best-sellers-section .flex-row .col {
    padding: 0 8px 24px;
  }
}
@media (min-width: 768px) {
  .best-sellers-section .flex-row .col {
    width: 20%;
    padding-bottom: 33px;
  }
}
@media (min-width: 992px) {
  .content .best-sellers-section .flex-row .col {
    width: 25%;
  }
}
#ajax-holder .col {
  transition: transform 0.75s ease-in-out 0s, opacity 0.75s ease-in-out 0s;
}
#ajax-holder .new-item {
  opacity: 0;
  transform: translateY(25px);
}
a.seller-thumbnail {
  margin-bottom: 0;
}
.seller-thumbnail {
  transition: box-shadow 0.3s ease-in-out, z-index 0.3s ease-in-out;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .seller-thumbnail {
    padding: 10px;
    display: block;
  }
}
@media (min-width: 768px) {
  .seller-thumbnail:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -8px;
    height: 18px;
    background: #ffffff;
    z-index: 10;
  }
}
.seller-thumbnail.hover {
  box-shadow: 0 0 0 1px #fe3c76;
}
@media (min-width: 768px) {
  .seller-thumbnail.hover {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    z-index: 10;
  }
}
.seller-thumbnail .image {
  display: block;
  width: 39.33%;
  padding: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .seller-thumbnail .image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    position: relative;
    border-bottom: 1px solid #d8d8d8;
  }
}
@media (min-width: 992px) {
  .seller-thumbnail .image {
    height: 148px;
  }
}
@media (min-width: 1200px) {
  .seller-thumbnail .image {
    height: 166px;
  }
}
.seller-thumbnail .image img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .seller-thumbnail .image img {
    max-height: 100%;
    width: auto;
  }
}
.seller-thumbnail .text-block {
  border-left: 1px solid #d8d8d8;
  padding-left: 10px;
  width: 60.66%;
  font-size: 12px;
  line-height: 1.17;
}
@media (min-width: 768px) {
  .seller-thumbnail .text-block {
    width: 100%;
    padding: 0;
    border-left: 0;
    padding-top: 8px;
  }
}
@media (min-width: 992px) {
  .seller-thumbnail .text-block {
    font-size: 15px;
    line-height: 20px;
  }
}
.seller-thumbnail h3 {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: #25cad3;
  margin: 0 0 2px;
}
@media (min-width: 992px) {
  .seller-thumbnail h3 {
    font-size: 18px;
    line-height: 1;
  }
}
.seller-thumbnail h3 a {
  color: #25cad3;
}
.seller-thumbnail h3 a:hover {
  color: #20b1b9;
}
.seller-thumbnail .details {
  display: block;
  margin-bottom: 8px;
  color: #fe3c76;
}
@media (min-width: 992px) {
  .seller-thumbnail .details {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 11px;
  }
}
.seller-thumbnail .price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.seller-thumbnail .price {
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  color: #505050;
}
.seller-thumbnail .title {
  color: #505050;
  display: block;
}
.seller-thumbnail .title a {
  color: #505050;
}
.seller-thumbnail .title a:hover {
  color: #20b1b9;
}
.seller-thumbnail .size {
  display: block;
  color: #808080;
}
@media (min-width: 768px) {
  .seller-thumbnail .size {
    margin-bottom: 4px;
  }
}
@media (min-width: 768px) {
  .seller-thumbnail .label {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 14px;
    line-height: 22px;
    padding: 3px 5px;
  }
}
@media (min-width: 992px) {
  .seller-thumbnail .label {
    font-size: 16px;
    line-height: 21px;
    padding: 6px 11px;
  }
}
@media (min-width: 1200px) {
  .seller-thumbnail .label {
    top: 18px;
  }
}
.seller-thumbnail .label-top {
  width: 70px;
  height: 74px;
  position: absolute;
  left: 0;
  top: 0;
  width: 170px;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  text-transform: capitalize;
  color: #ffffff;
  text-align: center;
  z-index: 5;
}
@media (min-width: 992px) {
  .seller-thumbnail .label-top {
    width: 100px;
    height: 102px;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.03em;
  }
}
.seller-thumbnail .label-top.danger span {
  background: #fe3c76;
}
.seller-thumbnail .label-top.info span {
  background: #4990e2;
}
.seller-thumbnail .label-top.warning span {
  background: #f6a623;
}
.seller-thumbnail .label-top.success span {
  background: #5cb85c;
}
.seller-thumbnail .label-top.primary span {
  background: #25cad3;
}
.seller-thumbnail .label-top span {
  display: block;
  margin: 17px 0 0 -60px;
  transform: rotate(-47deg);
  width: 170px;
  padding: 5px 50px;
}
@media (min-width: 992px) {
  .seller-thumbnail .label-top span {
    padding: 10px 40px;
    margin-left: -48px;
  }
}
.seller-thumbnail .cart-row {
  position: absolute;
  top: 100%;
  background: #ffffff;
  left: 0;
  right: 0;
  display: table;
  padding: 0 0 0 10px;
  opacity: 1;
  visibility: visible;
  box-shadow: none;
  pointer-events: auto;
  line-height: 1;
  z-index: 90;
}
@media (max-width: 767px) {
  .seller-thumbnail .cart-row {
    display: none;
  }
}
.seller-thumbnail .cart-row .add-details {
  display: none;
}
.seller-thumbnail .cart-row .btn-add-to-cart {
  border-radius: 50px;
  padding: 0px 15px 0px 35px;
  display: table;
  background-color: #2FC9D2;
  border: 1px solid #2FC9D2;
  text-align: center;
  line-height: 31px;
  width: 120px;
  height: 33px;
}
@media (max-width: 768px) {
  .seller-thumbnail .cart-row .btn-add-to-cart {
    padding: 0px 15px 0px 35px;
    width: 105px;
  }
}
.seller-thumbnail .cart-row .btn-add-to-cart:before {
  font-family: 'icomoon';
  line-height: 31px;
  font-size: 15px;
  position: absolute;
  text-align: center;
  content: '\e904';
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #43D8E1;
  display: inline-block;
  color: #fff;
  white-space: nowrap;
  border-radius: 50%;
  width: 31px;
  height: 31px;
  vertical-align: middle;
}
.seller-thumbnail .add-details {
  font-size: 11px;
  line-height: 1;
  color: #4990e2;
  padding: 3px 3px 3px 10px;
  border-top: 1px solid #25cad3;
  margin-bottom: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  min-height: 50px;
}
@media (min-width: 992px) {
  .seller-thumbnail .add-details {
    font-size: 12px;
  }
}
.seller-thumbnail .add-details li {
  width: 100%;
  padding-bottom: 0;
}
.seller-thumbnail .add-details li:before {
  display: none;
}
.seller-thumbnail .btn-add-to-cart {
  border-radius: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  line-height: 24px;
  text-transform: none;
  padding-right: 3px;
  padding-left: 3px;
  min-height: 30px;
}
@media (min-width: 992px) {
  .seller-thumbnail .btn-add-to-cart {
    font-size: 14px;
  }
}
.seller-thumbnail.large-thumbnail {
  display: block;
  padding: 0 20px 18px;
  position: relative;
}
@media (min-width: 768px) {
  .seller-thumbnail.large-thumbnail {
    display: flex;
    align-items: flex-start;
    padding: 0 18px 9px;
  }
}
.seller-thumbnail.large-thumbnail:before {
  transition: border-radius 0.3s ease-in-out;
  content: "";
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  right: 0;
  height: 5px;
  margin: 0;
  background: #25cad3;
  border-radius: 5px;
  z-index: 11;
}
.seller-thumbnail.large-thumbnail:after {
  height: 8px;
}
@media (min-width: 768px) {
  .seller-thumbnail.large-thumbnail.hover:before {
    border-radius: 0;
  }
}
.seller-thumbnail.large-thumbnail .cart-row {
  padding-top: 0;
}
.seller-thumbnail.large-thumbnail .image {
  width: 100%;
  height: 245px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 17px;
  flex-flow: column nowrap;
}
@media (min-width: 768px) {
  .seller-thumbnail.large-thumbnail .image {
    width: 52.50%;
    padding: 0 18px 0 0;
    text-align: center;
    border: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .seller-thumbnail.large-thumbnail .image img {
    display: block;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    height: auto;
  }
}
.seller-thumbnail.large-thumbnail .text-block {
  width: 100%;
  font-size: 14px;
  line-height: 1.22;
  border-left: 0;
  padding-left: 0;
}
@media (min-width: 768px) {
  .seller-thumbnail.large-thumbnail .text-block {
    border-left: none;
    padding: 7px 0;
    width: 47.5%;
  }
}
@media (min-width: 992px) {
  .seller-thumbnail.large-thumbnail .text-block {
    padding: 21px 0 10px;
  }
}
.seller-thumbnail.large-thumbnail .label {
  position: absolute;
  left: 0;
  top: 9px;
}
@media (min-width: 768px) {
  .seller-thumbnail.large-thumbnail .label {
    right: auto;
  }
}
.seller-thumbnail.large-thumbnail .star-rating {
  font-size: 13px;
  line-height: 1;
  margin-bottom: 7px;
}
.seller-thumbnail.large-thumbnail .star-rating li {
  padding: 0 3px 0 0;
}
.seller-thumbnail.large-thumbnail h3 {
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 17px;
}
@media (min-width: 768px) {
  .seller-thumbnail.large-thumbnail h3 {
    font-size: 20px;
    line-height: 22px;
  }
}
.seller-thumbnail.large-thumbnail .title {
  font-size: 18px;
  line-height: 1.22;
  margin-bottom: 2px;
}
.seller-thumbnail.large-thumbnail .size {
  font-size: 18px;
  line-height: 1.22;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .seller-thumbnail.large-thumbnail .size {
    margin-bottom: 4px;
  }
}
.seller-thumbnail.large-thumbnail .price-row {
  width: 100%;
  display: block;
}
.seller-thumbnail.large-thumbnail .price-row:before,
.seller-thumbnail.large-thumbnail .price-row:after {
  content: " ";
  display: table;
}
.seller-thumbnail.large-thumbnail .price-row:after {
  clear: both;
}
.seller-thumbnail.large-thumbnail .price-row .price {
  float: right;
  font-size: 36px;
  line-height: 1;
}
@media (min-width: 768px) {
  .seller-thumbnail.large-thumbnail .details {
    font-size: 14px;
    line-height: 1.21;
  }
}
/* testimonials section styles */
.testimonials-section {
  padding: 0 0 22px;
  position: relative;
}
.testimonials-section .heading {
  position: relative;
  text-align: center;
  z-index: 2;
}
@media (min-width: 768px) {
  .testimonials-section .heading {
    padding-bottom: 32px;
  }
}
@media (min-width: 992px) {
  .testimonials-section .heading {
    padding-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .testimonials-section.bg-gray {
    padding-top: 40px;
  }
}
@media (min-width: 768px) {
  .testimonials-section.bg-gray:before {
    content: "";
    position: absolute;
    top: 0;
    right: -9999px;
    bottom: 0;
    left: -9999px;
    background: #f5f5f5;
    z-index: 1;
  }
}
@media (min-width: 768px) {
  main .testimonials-section.bg-gray:last-child {
    margin-bottom: -53px;
  }
}
.testimonials-wrap {
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .testimonials-wrap {
    overflow: hidden;
    margin: 0 -10px;
  }
}
.main-testimonials-block {
  padding-bottom: 33px;
}
@media (min-width: 992px) {
  .main-testimonials-block {
    text-align: left;
    float: left;
    width: 20%;
    padding: 0 10px;
  }
}
.main-testimonials-block .logo-wrap {
  margin-bottom: 23px;
}
.main-testimonials-block .logo-wrap img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.main-testimonials-block h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
  color: #25cad3;
  margin-bottom: 19px;
}
@media (min-width: 768px) {
  .main-testimonials-block h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) {
  .main-testimonials-block h2 {
    margin-bottom: 9px;
  }
}
.main-testimonials-block h2 b {
  font-weight: 700;
}
.main-testimonials-block h2 .num {
  font-weight: 700;
  letter-spacing: -1px;
}
.main-testimonials-block .rating-info {
  display: block;
  font-size: 24px;
  line-height: 1;
  color: #113c2b;
}
@media (min-width: 992px) {
  .main-testimonials-block .rating-info {
    margin-bottom: 21px;
  }
}
.main-testimonials-block .more {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #25cad3;
}
.main-testimonials-block .more:hover {
  color: #21b5bd;
}
.main-testimonials-block .more .icon {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  margin: 3px 0 0 1px;
  color: #fe3c76;
}
.btn-prev,
.btn-next {
  float: left;
  color: #fe3c76;
  font-size: 32px;
  line-height: 1;
  padding: 0 5px;
  outline: none;
  z-index: 5;
}
.btn-prev:hover,
.btn-next:hover {
  color: #25cad3;
}
.btn-next {
  float: right;
}
/* testimonials carousel styles */
.testimonials-carousel {
  padding: 0 22px;
}
@media (min-width: 768px) {
  .testimonials-carousel {
    padding: 0;
    margin: 0 -15px;
  }
}
@media (min-width: 992px) {
  .testimonials-carousel {
    float: left;
    width: 80%;
    margin: 0;
    padding-top: 42px;
  }
}
.testimonials-carousel .btn-prev,
.testimonials-carousel .btn-next {
  top: 42px !important;
  transform: translateY(0) !important;
}
@media (min-width: 768px) {
  .testimonials-carousel .btn-prev,
  .testimonials-carousel .btn-next {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .testimonials-carousel .slick-dots {
    display: none !important;
  }
}
.testimonials-carousel .slick-list {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .testimonials-carousel .slide {
    width: 25% !important;
    padding: 0 15px;
    float: left;
  }
}
@media (min-width: 992px) {
  .testimonials-carousel .slide {
    padding: 0 10px;
  }
}
/* star rating styles */
.star-rating {
  font-size: 13px;
  line-height: 1;
  margin: 0 0 5px;
}
@media (min-width: 768px) {
  .star-rating {
    margin: 0 0 13px;
  }
}
.star-rating.large {
  font-size: 18px;
  line-height: 1;
  margin: 0 0 28px -1px;
}
@media (min-width: 768px) {
  .star-rating.large {
    font-size: 19px;
    margin: 0 0 16px;
  }
}
@media (min-width: 992px) {
  .star-rating.large {
    margin-bottom: 4px;
  }
}
.star-rating.large li {
  padding: 0 0 0 1px;
}
@media (min-width: 768px) {
  .star-rating.large li {
    padding: 0;
  }
}
.star-rating.large li:before {
  display: none;
}
.star-rating.small {
  font-size: 10px;
  line-height: 1;
  margin: 0 0 3px;
}
@media (min-width: 768px) {
  .star-rating.small {
    margin-bottom: 7px;
  }
}
.star-rating.small li {
  padding: 0;
}
.star-rating li {
  padding: 0;
  color: #9b9b9b;
  opacity: 0.5;
}
@media (min-width: 768px) {
  .star-rating li {
    padding: 0 1px 0 0;
  }
}
.star-rating li.active {
  color: #f6a623;
  opacity: 1;
}
.star-rating li:before {
  display: none;
}
/* instagram section styles */
.instagram-section {
  width: 100%;
  padding: 0 0 35px;
}
@media (min-width: 768px) {
  .instagram-section .flex-row {
    width: calc(100% + 18px);
    margin: 0 -9px;
  }
}
.instagram-section .flex-row .col {
  padding: 0 10px 10px;
  width: 50%;
}
@media (min-width: 480px) {
  .instagram-section .flex-row .col {
    width: 33.33%;
  }
}
@media (min-width: 768px) {
  .instagram-section .flex-row .col {
    width: 20%;
    padding: 0 9px 18px;
  }
}
.instagram-section .image-list img {
  vertical-align: top;
  width: 100%;
  height: auto;
}
.instagram-section .image-list .image {
  position: relative;
}
.instagram-section .image-list .image a:hover .caption {
  opacity: 1;
}
.instagram-section .image-list .caption {
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 15px 5px 5px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.17;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}
@media (min-width: 992px) {
  .instagram-section .image-list .caption {
    font-size: 19px;
    line-height: 1;
    padding-top: 20px;
  }
}
.instagram-section .image-list .caption:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #25cad3;
  opacity: 0.8;
}
.instagram-section .image-list .photo {
  width: 41px;
  height: 41px;
  margin: 0 auto 7px;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .instagram-section .image-list .photo {
    width: 62px;
    height: 62px;
    margin-bottom: 14px;
  }
}
.pagination-holder:before,
.pagination-holder:after {
  content: " ";
  display: table;
}
.pagination-holder:after {
  clear: both;
}
.pagination-holder .page-navigation {
  text-align: center;
}
@media (min-width: 768px) {
  .pagination-holder .page-navigation {
    float: right;
    text-align: right;
  }
}
.sub-title {
  display: block;
  color: #505050;
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .sub-title {
    margin-bottom: 4px;
  }
}
/* product article styles */
.product-article {
  font-size: 16px;
  line-height: 23px;
  color: #9b9b9b;
}
@media (min-width: 768px) {
  .product-article {
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 32px;
  }
}
.product-article h1 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 0;
  letter-spacing: -0.004em;
}
@media (min-width: 768px) {
  .product-article h1 {
    font-size: 36px;
    line-height: 38px;
    letter-spacing: 0.01em;
    margin-bottom: 5px;
  }
}
.product-article p strong {
  font-weight: 700;
  color: #505050;
}
.types-list {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.015em;
  margin: 0 -6px;
  padding: 0;
  width: calc(100% + 8px);
  display: flex;
  flex-flow: row wrap;
}
.types-list li {
  padding: 0 0 5px;
  display: block;
  margin: 0;
}
.types-list li:before {
  display: none;
}
.types-list li.active button,
.types-list li.active a {
  font-weight: 700;
  color: #505050;
  background-color: #f5f5f5;
}
.types-list button,
.types-list a {
  display: inline-block;
  vertical-align: top;
  color: #4990e2;
  border: 0;
  background: none;
  margin: 0;
  padding: 4px 6px;
  border-radius: 3px;
}
.types-list button:hover,
.types-list a:hover {
  color: #505050;
}
/* product visual block styles */
.visual-holder {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  padding-bottom: 14px;
}
@media (min-width: 768px) {
  .visual-holder {
    padding-bottom: 26px;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .visual-holder {
    padding-bottom: 27px;
  }
}
.visual-holder .big-images {
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .visual-holder .big-images {
    width: calc(100% - 89px);
    order: 2;
    padding: 55px 0;
  }
}
@media (min-width: 992px) {
  .visual-holder .big-images {
    width: calc(100% - 99px);
    padding: 30px 0;
  }
}
@media (min-width: 1200px) {
  .visual-holder .big-images {
    padding: 30px 58px;
  }
}
.visual-holder .big-images li {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  height: 233px;
  width: 100%;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
@media (min-width: 768px) {
  .visual-holder .big-images li {
    height: 256px;
  }
}
@media (min-width: 992px) {
  .visual-holder .big-images li {
    height: 340px;
  }
}
.visual-holder .big-images li:before {
  display: none;
}
.visual-holder .big-images li.active {
  position: relative;
  visibility: visible;
}
.visual-holder .big-images img {
  display: block;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  height: auto;
}
.visual-holder .small-images {
  padding: 0;
  margin: 0 -9px;
  width: calc(100% + 18px);
  display: flex;
  flex-flow: row wrap;
}
@media (min-width: 768px) {
  .visual-holder .small-images {
    width: 89px;
    margin: 0;
    padding: 24px 20px 24px 0;
    order: 1;
    flex-flow: column nowrap;
  }
}
@media (min-width: 992px) {
  .visual-holder .small-images {
    width: 99px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .visual-holder .small-images {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.visual-holder .small-images li {
  width: 25%;
  padding: 0 5px 10px 4px;
  min-width: 77px;
}
@media (min-width: 768px) {
  .visual-holder .small-images li {
    width: 100%;
    padding: 9px 0;
    min-width: 69px;
  }
}
.visual-holder .small-images li:before {
  display: none;
}
.visual-holder .small-images li.active button {
  border-color: #fe3c76;
}
.visual-holder .small-images button {
  width: 67px;
  height: 64px;
  display: flex;
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: none;
  justify-content: center;
  align-items: center;
  border: 1px solid #d8d8d8;
}
@media (min-width: 768px) {
  .visual-holder .small-images button {
    width: 69px;
    height: 66px;
  }
}
.visual-holder .small-images button:hover {
  border-color: #fe3c76;
}
.visual-holder .small-images img {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}
.visual-holder .lightbox-opener {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
@media (min-width: 768px) {
  .visual-holder .lightbox-opener {
    font-size: 26px;
    line-height: 1;
    color: #fe3c76;
    bottom: auto;
    left: auto;
    top: -50px;
    right: 0;
  }
}
@media (min-width: 992px) {
  .visual-holder .lightbox-opener {
    top: -30px;
  }
}
@media (min-width: 1200px) {
  .visual-holder .lightbox-opener {
    right: -36px;
    top: -10px;
  }
}
@media (min-width: 768px) {
  .visual-holder .lightbox-opener:before,
  .visual-holder .lightbox-opener:after {
    width: 2px;
    height: 12px;
    content: "";
    position: absolute;
    right: 2px;
    top: -5px;
    background: #25cad3;
  }
}
@media (min-width: 768px) {
  .visual-holder .lightbox-opener:after {
    width: 12px;
    height: 2px;
    right: -3px;
    top: 0;
  }
}
.visual-holder .lightbox-opener:hover {
  color: #25cad3;
}
.rating-row {
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .rating-row {
    font-size: 13px;
    line-height: 24px;
  }
}
.rating-row .star-rating {
  display: inline-block;
  margin: 0 6px 0 0;
}
.rating-row .star-rating.large {
  font-size: 13px;
}
@media (min-width: 768px) {
  .rating-row .star-rating.large {
    font-size: 19px;
  }
}
.rating-row .rating-info .num {
  font-size: 24px;
  color: #113c2b;
  margin-right: 8px;
}
/* add to cart form styles */
.add-to-cart-form {
  font-size: 14px;
  line-height: 29px;
  color: #505050;
  position: relative;
  padding-bottom: 34px;
}
@media (min-width: 768px) {
  .add-to-cart-form {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 26px;
  }
}
@media (min-width: 992px) {
  .add-to-cart-form {
    padding-bottom: 27px;
    margin-top: -7px;
  }
}
.add-to-cart-form .open-close {
  width: 100%;
}
@media (min-width: 768px) {
  .add-to-cart-form .open-close {
    order: 2;
    padding-bottom: 9px;
  }
}
.add-to-cart-form .open-close .opener-holder {
  padding: 0;
}
@media (min-width: 768px) {
  .add-to-cart-form .open-close > .collapse,
  .add-to-cart-form .open-close > .collapse.in,
  .add-to-cart-form .open-close > .collapse.collapsing {
    height: auto !important;
    display: block !important;
  }
}
.add-to-cart-form .open-close h3 {
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #505050;
  margin: 6px 0 10px;
}
@media (min-width: 768px) {
  .add-to-cart-form .open-close h3 {
    margin-top: 3px;
  }
}
.add-to-cart-form .jcf-number {
  width: 100%;
}
.add-to-cart-form .alt-number {
  width: 100%;
}
@media (min-width: 768px) {
  .add-to-cart-form .alt-number {
    order: 1;
    margin-bottom: 10px;
  }
}
.add-to-cart-form .alt-number .jcf-number {
  height: 34px;
}
@media (min-width: 768px) {
  .add-to-cart-form .alt-number .jcf-number {
    height: 48px;
  }
}
.add-to-cart-form .alt-number .jcf-number input {
  padding-top: 2px;
  padding-bottom: 2px;
}
@media (min-width: 768px) {
  .add-to-cart-form .alt-number .jcf-number input {
    padding-top: 9px;
    padding-bottom: 9px;
  }
}
.add-to-cart-form .alt-number .jcf-number .jcf-btn-inc,
.add-to-cart-form .alt-number .jcf-number .jcf-btn-dec {
  height: 30px;
  line-height: 23px;
}
@media (min-width: 768px) {
  .add-to-cart-form .alt-number .jcf-number .jcf-btn-inc,
  .add-to-cart-form .alt-number .jcf-number .jcf-btn-dec {
    height: 44px;
    line-height: 34px;
  }
}
.add-to-cart-form .alt-number .jcf-number .jcf-btn-inc {
  line-height: 21px;
}
@media (min-width: 768px) {
  .add-to-cart-form .alt-number .jcf-number .jcf-btn-inc {
    line-height: 34px;
  }
}
.add-to-cart-form .wishlist-row {
  text-align: center;
  padding: 0 11px 76px 0;
}
@media (min-width: 768px) {
  .add-to-cart-form .wishlist-row {
    padding: 0;
    position: absolute;
    right: 0;
    bottom: -8px;
    height: auto;
    width: auto;
    text-align: right;
  }
}
@media (min-width: 992px) {
  .add-to-cart-form .wishlist-row {
    margin-bottom: 0;
    text-align: left;
    padding-top: 16px;
    position: static;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .add-to-cart-form .wishlist-row {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: -8px;
    padding-top: 0;
    height: auto;
    width: auto;
  }
}
.add-to-cart-form .wishlist-link {
  font-size: 14px;
  line-height: 27px;
  display: inline-block;
  vertical-align: top;
  color: #505050;
  outline: none;
}
.add-to-cart-form .wishlist-link:hover {
  color: #25cad3;
}
.add-to-cart-form .wishlist-link:hover .icon {
  color: #25cad3;
}
.add-to-cart-form .wishlist-link .icon {
  display: inline-block;
  vertical-align: top;
  color: #fe3c76;
  margin: 6px 6px 0 0;
  font-size: 15px;
  transition: color 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .add-to-cart-form .wishlist-link .icon {
    margin-top: 8px;
  }
}
.add-to-cart-form .price-row {
  padding: 0;
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .add-to-cart-form .price-row {
    order: 1;
    margin: 0 0 26px;
  }
}
@media (min-width: 992px) {
  .add-to-cart-form .price-row {
    margin-bottom: 16px;
  }
}
@media (min-width: 1200px) {
  .add-to-cart-form .price-row {
    margin-bottom: 26px;
  }
}
.add-to-cart-form .price-row .col {
  padding: 0 5px 0 0;
}
@media (min-width: 768px) {
  .add-to-cart-form .price-row .col {
    width: 100%;
    padding-right: 0;
  }
}
.add-to-cart-form .price-row .col:first-child {
  flex-grow: 1;
}
.add-to-cart-form .price-row .col + .col {
  flex-shrink: 0;
  width: 140px;
  padding: 0 0 0 5px;
}
@media (min-width: 768px) {
  .add-to-cart-form .price-row .col + .col {
    width: 100%;
    padding-left: 0;
    height: 0;
  }
}
@media (min-width: 992px) {
  .add-to-cart-form .price-row .col + .col {
    height: auto;
  }
}
@media (min-width: 1200px) {
  .add-to-cart-form .price-row .col + .col {
    height: 0;
  }
}
.add-to-cart-form .price-row .old-price {
  order: 1;
}
.add-to-cart-form .price-row .price {
  display: block;
  font-size: 38px;
  line-height: 48px;
  font-weight: 700;
  color: #fd3d76;
  padding-bottom: 3px;
}
@media (min-width: 768px) {
  .add-to-cart-form .price-row .price {
    font-size: 48px;
    line-height: 48px;
    padding: 0 0 6px;
  }
}
.add-to-cart-form .price-row .note-text {
  display: block;
  color: #fe3c76;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .add-to-cart-form .price-row .note-text {
    padding-right: 110px;
  }
}
@media (min-width: 992px) {
  .add-to-cart-form .price-row .note-text {
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .add-to-cart-form .price-row .note-text {
    padding-right: 110px;
  }
}
.add-to-cart-form .old-price {
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #bdbaba;
}
@media (min-width: 768px) {
  .add-to-cart-form .old-price {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: -4px;
  }
}
.add-btn-row {
  min-height: 76px;
  width: 140px;
  margin: -76px 0 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  .add-btn-row {
    order: 3;
    width: 100%;
    height: auto;
    margin: 0;
  }
}
.add-btn-row .btn-panel {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .add-btn-row .btn-panel {
    position: static;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .add-btn-row .btn-panel.fixed-buttons {
    position: fixed;
    width: auto;
    right: 0;
    top: auto;
    bottom: 0;
    background: #ffffff;
    padding: 8px 15px;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.12);
  }
}
@media (max-width: 767px) {
  .add-btn-row .btn-panel.fixed-buttons .btn {
    order: 2;
    width: calc(50% - 10px);
    margin: 0;
  }
}
@media (max-width: 767px) {
  .add-btn-row .btn-panel.fixed-buttons .alt-number {
    order: 1;
    width: calc(50% - 10px);
    margin: 0;
  }
}
.add-btn-row .btn {
  display: block;
  width: 100%;
  margin-bottom: 7px;
  text-transform: none;
  font-size: 16px;
  line-height: 20px;
  padding: 6px;
}
@media (min-width: 768px) {
  .add-btn-row .btn {
    order: 2;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    padding: 12px;
  }
}
.discounts-holder {
  margin: 0 -4px 0 -5px;
  width: calc(100% + 9px);
  display: flex;
  flex-wrap: wrap;
}
.discounts-holder .col {
  width: 50%;
  padding: 0 4px 11px 5px;
}
@media (min-width: 768px) {
  .discounts-holder .col {
    padding-bottom: 10px;
  }
}
.discounts-holder .custom-radio {
  margin-bottom: 0;
  position: relative;
}
.discounts-holder .custom-radio [type="radio"]:checked ~ .fake-label {
  color: #808080;
  font-weight: 400;
  border-color: #4990e2;
}
.discounts-holder .custom-radio .fake-input {
  display: none;
}
.discounts-holder .custom-radio .fake-label {
  transition: border-color 0.3s ease-in-out;
  display: flex;
  align-items: center;
  border-radius: 3px;
  background-color: #f5f5f5;
  min-height: 57px;
  border: 2px solid #f5f5f5;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.021em;
  color: #808080;
  padding: 6px 6px 7px;
}
@media (min-width: 992px) {
  .discounts-holder .custom-radio .fake-label {
    font-size: 11px;
    line-height: 14px;
    padding: 6px 4px;
  }
}
@media (min-width: 1200px) {
  .discounts-holder .custom-radio .fake-label {
    font-size: 12px;
    line-height: 14px;
  }
}
.discounts-holder .custom-radio .num {
  padding-right: 6px;
  width: 50px;
  text-align: center;
  font-size: 36px;
  line-height: 38px;
  letter-spacing: 0.011em;
}
@media (min-width: 992px) {
  .discounts-holder .custom-radio .num {
    width: 36px;
    padding-right: 5px;
    font-size: 30px;
    line-height: 38px;
  }
}
@media (min-width: 1200px) {
  .discounts-holder .custom-radio .num {
    width: 45px;
    padding-right: 5px;
    font-size: 36px;
    line-height: 38px;
  }
}
.discounts-holder .custom-radio .text {
  display: block;
  width: calc(100% - 50px);
  padding-bottom: 2px;
}
@media (min-width: 768px) {
  .discounts-holder .custom-radio .text {
    padding-bottom: 4px;
  }
}
@media (min-width: 992px) {
  .discounts-holder .custom-radio .text {
    width: calc(100% - 36px);
    padding-bottom: 5px;
  }
}
@media (min-width: 1200px) {
  .discounts-holder .custom-radio .text {
    width: calc(100% - 45px);
  }
}
.discounts-holder .custom-radio .text strong {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.005em;
  padding-bottom: 2px;
}
@media (min-width: 768px) {
  .discounts-holder .custom-radio .text strong {
    padding-bottom: 0;
  }
}
.details-info {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.019em;
  color: #505050;
}
@media (min-width: 992px) {
  .details-info {
    padding-bottom: 27px;
  }
}
.details-info li {
  padding-top: 22px;
  display: flex;
}
.details-info li:before {
  content: "• • •";
  position: absolute;
  top: -10px;
  left: 0;
  right: 44px;
  width: auto;
  height: auto;
  margin: 0;
  text-align: center;
  color: #bdbaba;
  font-size: 12px;
  line-height: 25px;
  background: none;
  border-radius: 0;
}
@media (min-width: 768px) {
  .details-info li:before {
    right: 17px;
  }
}
.details-info li:first-child {
  padding-top: 0;
}
.details-info li:first-child:before {
  display: none;
}
.details-info .icon-holder {
  width: 41px;
  height: 32px;
  padding-right: 9px;
  margin-top: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  line-height: 1;
  color: #4990e2;
  flex-shrink: 0;
}
.details-info .text-holder {
  flex-grow: 1;
}
.details-info p {
  margin-bottom: 11px;
}
.notify-link {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 16px;
  padding-left: 27px;
  position: relative;
}
.notify-link .icon {
  width: 27px;
  height: 27px;
  position: absolute;
  left: 0;
  top: -5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  line-height: 1;
}
/* product description content styles */
.product-description-content {
  margin: 26px 0 32px;
}
@media (min-width: 768px) {
  .product-description-content {
    padding: 25px 0 0;
    margin: 0;
  }
}
.product-description-content .info-open-close .opener-holder {
  padding: 23px 0 4px;
}
.product-description-content .info-open-close .opener.collapsed .icon {
  margin-top: 1px;
}
@media (max-width: 767px) {
  .product-description-content .info-open-close .collapse,
  .product-description-content .info-open-close .collapse.in,
  .product-description-content .info-open-close .collapse.collapsing {
    height: auto !important;
    display: block !important;
  }
}
/* description open close styles */
.desc-open-close {
  margin-bottom: -1px;
}
@media (min-width: 768px) {
  .desc-open-close {
    padding-bottom: 24px;
  }
}
.desc-open-close .collapse-holder {
  padding: 17px 7px;
}
@media (min-width: 768px) {
  .desc-open-close .collapse-holder {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .desc-open-close > .collapse,
  .desc-open-close > .collapse.in,
  .desc-open-close > .collapse.collapsing {
    height: auto !important;
    display: block !important;
  }
}
.desc-open-close h2 {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #25cad3;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .desc-open-close h2 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.003em;
    margin-bottom: 22px;
  }
}
.desc-open-close p {
  margin-bottom: 19px;
}
.desc-open-close p mark {
  background: none;
  padding: 0;
  color: #505050;
}
.desc-opener {
  display: block;
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  color: #25cad3;
  position: relative;
  padding: 16px 20px 15px 0;
  outline: none;
}
@media (min-width: 768px) {
  .desc-opener {
    border-bottom: 0;
    border-top: 0;
    padding: 0;
    pointer-events: none;
    display: inline-block;
    vertical-align: top;
  }
}
.desc-opener .icon {
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  font-size: 8px;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fe3c76;
}
@media (min-width: 768px) {
  .desc-opener .icon {
    display: none;
  }
}
.desc-opener:focus,
.desc-opener:hover {
  color: #25cad3;
  outline: none;
}
.desc-opener.collapsed .icon {
  margin-top: 3px;
  transform: translateY(-50%) rotate(180deg);
}
/* features list styles */
.features-list {
  display: flex;
  flex-wrap: wrap;
  color: #4990e2;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  margin: 0 -5px;
  padding-bottom: 16px;
  width: calc(100% + 10px);
}
@media (min-width: 768px) {
  .features-list {
    margin: 0 -23px;
    width: calc(100% + 46px);
  }
}
.features-list li {
  width: 25%;
  text-align: center;
  padding: 0 5px 15px;
}
@media (min-width: 768px) {
  .features-list li {
    width: auto;
    padding: 0 23px 15px;
  }
}
.features-list li:before {
  display: none;
}
.features-list .icon {
  font-size: 42px;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
}
/* social networks styles */
.social-networks {
  font-size: 18px;
  line-height: 1;
  margin: 0 -17px;
}
.social-networks li {
  padding: 0 17px 10px;
}
.social-networks li:before {
  display: none;
}
.social-networks a {
  color: #25cad3;
}
.social-networks a:hover {
  color: #20adb5;
}
@media (min-width: 768px) {
  .opinions-row {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .opinions-row {
    padding-top: 82px;
    padding-bottom: 82px;
  }
}
@media (min-width: 768px) {
  .opinions-row [class^="col-"]:last-child,
  .opinions-row [class*=" col-"]:last-child {
    border-left: 1px solid #d8d8d8;
  }
}
/* opinions section styles*/
.opinions-section,
.faq-section {
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .opinions-section,
  .faq-section {
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .opinions-section,
  .faq-section {
    padding-left: 25px;
  }
}
@media (min-width: 768px) {
  .opinions-section h3,
  .faq-section h3 {
    font-size: 20px;
    line-height: 22px;
  }
}
.opinions-section .more,
.faq-section .more {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #25cad3;
}
.opinions-section .more:hover,
.faq-section .more:hover {
  color: #21b5bd;
}
.opinions-section .more .icon,
.faq-section .more .icon {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  margin: 3px 0 0 1px;
  color: #fe3c76;
}
@media (min-width: 1200px) {
  .opinions-section {
    padding: 0 25px 0 0;
  }
}
@media (min-width: 992px) {
  .opinions-section .more {
    margin-right: 26px;
  }
}
.opinions-container {
  padding: 20px 0 3px;
}
@media (min-width: 768px) {
  .opinions-container {
    padding-top: 41px;
  }
}
@media (min-width: 992px) {
  .opinions-container {
    padding-top: 13px;
  }
}
.opinions-block {
  font-size: 14px;
  line-height: 18px;
  color: #9b9b9b;
  padding-bottom: 24px;
  position: relative;
}
@media (min-width: 768px) {
  .opinions-block {
    padding: 29px 0 6px 30px;
  }
}
@media (min-width: 768px) {
  .opinions-block header {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 6px;
  }
}
.opinions-block .star-rating {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .opinions-block .star-rating {
    order: 1;
    width: 100%;
    margin-bottom: -9px;
  }
}
.opinions-block .star-rating li {
  padding: 0 1px 0 0;
}
@media (min-width: 768px) {
  .opinions-block .meta-info {
    order: 2;
    margin: 0 0 0 -30px;
    width: calc(100% + 30px);
  }
}
@media (min-width: 992px) {
  .opinions-block .meta-info {
    padding-right: 135px;
  }
}
.opinions-block h5 {
  color: #808080;
  margin-bottom: 3px;
}
@media (min-width: 768px) {
  .opinions-block h5 {
    margin-bottom: 5px;
  }
}
.opinions-block p {
  margin-bottom: 15px;
}
.meta-info {
  display: flex;
  align-items: flex-end;
  padding-bottom: 11px;
}
.meta-info .avatar {
  width: 28px;
  padding: 0 6px 1px 0;
  flex-shrink: 0;
  font-size: 17px;
  line-height: 1;
  color: #25cad3;
}
@media (min-width: 768px) {
  .meta-info .avatar {
    width: 30px;
    padding-right: 3px;
    font-size: 22px;
    line-height: 1;
  }
}
.meta-info .text-wrap {
  flex-grow: 1;
  font-size: 14px;
  line-height: 1;
  color: #505050;
}
.meta-info .text-wrap .author-name a {
  color: #505050;
}
.meta-info .text-wrap .author-name a:hover {
  color: #25cad3;
}
.meta-info .text-wrap .posted {
  font-size: 12px;
  letter-spacing: 0.014em;
  color: #808080;
  padding: 0 2px;
}
.votes-buttons {
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .votes-buttons {
    position: absolute;
    top: 34px;
    right: 0;
  }
}
.votes-buttons li {
  padding: 0 0 0 6px;
}
.votes-buttons li:before {
  display: none;
}
.votes-buttons button,
.votes-buttons a {
  border: none;
  margin: 0;
  padding: 4px 9px 4px 10px;
  border-radius: 3px;
  color: #505050;
  font-size: 14px;
  line-height: 18px;
  background-color: #f5f5f5;
}
@media (min-width: 768px) {
  .votes-buttons button,
  .votes-buttons a {
    padding-top: 5px;
  }
}
.votes-buttons button:hover,
.votes-buttons a:hover,
.votes-buttons button:focus,
.votes-buttons a:focus {
  color: #ffffff;
  background: #4990e2;
}
.votes-buttons button:hover .icon,
.votes-buttons a:hover .icon,
.votes-buttons button:focus .icon,
.votes-buttons a:focus .icon {
  color: #ffffff;
}
.votes-buttons button .icon,
.votes-buttons a .icon {
  transition: color 0.3s ease-in-out;
  display: inline-block;
  vertical-align: top;
  color: #4990e2;
  margin: 2px 5px -2px 0;
}
.votes-buttons button .icon.icon-dislike,
.votes-buttons a .icon.icon-dislike {
  margin: 3px 5px -3px 0;
}
.votes-buttons button .num,
.votes-buttons a .num {
  display: inline-block;
  vertical-align: top;
  min-width: 16px;
  text-align: right;
}
@media (min-width: 768px) {
  .faq-section .meta-info {
    padding-bottom: 15px;
  }
}
.faq-section .meta-info .avatar {
  width: 46px;
  font-size: 22px;
  line-height: 1;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .faq-section .meta-info .avatar {
    width: 31px;
  }
}
.faq-container {
  padding-bottom: 5px;
}
.faq-block {
  padding-bottom: 14px;
}
@media (min-width: 768px) {
  .faq-block {
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .faq-container .faq-block:last-child {
    padding-bottom: 16px;
  }
}
.question-block {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #808080;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .question-block {
    padding-bottom: 16px;
  }
}
.question-block .mark-holder {
  width: 26px;
  height: 26px;
  border-radius: 3px;
  background: #4990e2;
  color: #ffffff;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  padding: 4px 2px;
  margin-right: 18px;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .question-block .mark-holder {
    margin-right: 10px;
  }
}
.question-block .text {
  flex-grow: 1;
}
.question-block .text p {
  margin: 0;
}
.answer-block {
  background: #f5f5f5;
  border-radius: 3px;
  padding: 9px 9px 15px 44px;
  color: #9b9b9b;
  font-size: 14px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .answer-block {
    padding: 17px 18px 19px;
    display: flex;
    width: 100%;
  }
}
.answer-block h5 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .answer-block h5 {
    margin-bottom: 2px;
  }
}
.answer-block .avatar {
  padding-bottom: 4px;
}
@media (min-width: 768px) {
  .answer-block .avatar {
    flex-shrink: 0;
    width: 52px;
    padding: 3px 18px 0 0;
  }
}
.answer-block .avatar img {
  vertical-align: top;
}
.answer-block .info {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.013em;
  padding-bottom: 4px;
}
@media (min-width: 768px) {
  .answer-block .info {
    padding-bottom: 14px;
  }
}
.answer-block .info .author-name {
  color: #505050;
  font-weight: 700;
}
@media (min-width: 768px) {
  .answer-block .text-wrap {
    flex-grow: 1;
  }
}
.answer-block p {
  margin: 0;
}
/* comments form styles */
.comments-open-close {
  padding: 21px 0 0;
  margin-bottom: 11px;
  position: relative;
  min-height: 65px;
}
@media (min-width: 992px) {
  .comments-open-close {
    margin-bottom: 0;
    padding-top: 0;
    min-height: 48px;
  }
}
.comments-open-close .opener-holder {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}
.comments-open-close .opener-holder:before,
.comments-open-close .opener-holder:after {
  content: " ";
  display: table;
}
.comments-open-close .opener-holder:after {
  clear: both;
}
.comments-open-close .opener-holder .opener {
  float: right;
}
@media (max-width: 767px) {
  .comments-open-close .opener-holder .opener {
    min-width: 140px;
    font-size: 16px;
    line-height: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: none;
  }
}
@media (min-width: 768px) {
  .comments-open-close .opener-holder .opener {
    min-width: 165px;
  }
}
.comments-open-close .opener-holder .opener[aria-expanded="true"] {
  opacity: 0;
  pointer-events: none;
}
.comments-open-close .opener-holder .close-btn {
  position: static;
  float: left;
  opacity: 0;
  pointer-events: none;
}
.comments-open-close .opener-holder .close-btn[aria-expanded="true"] {
  opacity: 1;
  pointer-events: auto;
}
.comments-form {
  position: relative;
  padding-bottom: 44px;
}
@media (min-width: 768px) {
  .comments-form {
    padding: 52px 0 58px;
  }
}
.comments-form .form-group {
  margin-bottom: 9px;
}
.comments-form textarea {
  height: 90px;
  min-height: 90px;
  padding: 8px 6px;
}
@media (min-width: 768px) {
  .comments-form textarea {
    height: 140px;
    min-height: 140px;
    padding: 7px 13px;
  }
}
.comments-form .captcha-row {
  margin-bottom: 18px;
}
.comments-form .captcha-row img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.comments-form .btn-row {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}
.comments-form .btn-row:before,
.comments-form .btn-row:after {
  content: " ";
  display: table;
}
.comments-form .btn-row:after {
  clear: both;
}
.comments-form .btn {
  height: auto;
  z-index: 10;
  position: relative;
}
@media (max-width: 767px) {
  .comments-form .btn {
    min-width: 140px;
    font-size: 16px;
    line-height: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: none;
  }
}
@media (min-width: 768px) {
  .comments-form .btn {
    min-width: 165px;
  }
}
/* custom checkbox styles */
.custom-checkbox,
.custom-radio {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 29px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .custom-checkbox,
  .custom-radio {
    margin-bottom: 5px;
  }
}
.custom-checkbox [type="checkbox"],
.custom-radio [type="checkbox"] {
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}
.custom-checkbox [type="checkbox"] + .fake-input:before,
.custom-radio [type="checkbox"] + .fake-input:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 4px;
  border: 1px solid #ffffff;
  border-width: 0 0 1px 1px;
  margin: -3px 0 0 -3px;
  opacity: 0;
  transform: rotate(-45deg);
  transition: opacity 0.3s ease-in-out;
}
.custom-checkbox [type="checkbox"]:checked + .fake-input,
.custom-radio [type="checkbox"]:checked + .fake-input {
  background: #4990e2;
  border-color: #4990e2;
}
.custom-checkbox [type="checkbox"]:checked + .fake-input:before,
.custom-radio [type="checkbox"]:checked + .fake-input:before {
  opacity: 1;
}
.custom-checkbox [type="checkbox"]:checked ~ .fake-label,
.custom-radio [type="checkbox"]:checked ~ .fake-label {
  color: #4990e2;
  font-weight: 700;
}
.custom-checkbox [type="checkbox"]:disabled + .fake-input,
.custom-radio [type="checkbox"]:disabled + .fake-input {
  border-color: #dcdcdc;
}
.custom-checkbox [type="checkbox"]:disabled ~ .fake-label,
.custom-radio [type="checkbox"]:disabled ~ .fake-label {
  color: #dcdcdc;
}
.custom-checkbox [type="radio"],
.custom-radio [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}
.custom-checkbox [type="radio"] + .fake-input:before,
.custom-radio [type="radio"] + .fake-input:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 100%;
  background: #ffffff;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.custom-checkbox [type="radio"]:checked + .fake-input,
.custom-radio [type="radio"]:checked + .fake-input {
  background: #4990e2;
  border-color: #4990e2;
}
.custom-checkbox [type="radio"]:checked + .fake-input:before,
.custom-radio [type="radio"]:checked + .fake-input:before {
  opacity: 1;
}
.custom-checkbox [type="radio"]:checked ~ .fake-label,
.custom-radio [type="radio"]:checked ~ .fake-label {
  color: #4990e2;
  font-weight: 700;
}
.custom-checkbox [type="radio"]:disabled + .fake-input,
.custom-radio [type="radio"]:disabled + .fake-input {
  border-color: #dcdcdc;
}
.custom-checkbox [type="radio"]:disabled ~ .fake-label,
.custom-radio [type="radio"]:disabled ~ .fake-label {
  color: #dcdcdc;
}
.custom-checkbox .fake-input,
.custom-radio .fake-input {
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  margin: 9px 5px 0 0;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  background: #ffffff;
  position: relative;
  transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .custom-checkbox .fake-input,
  .custom-radio .fake-input {
    margin-top: 10px;
  }
}
.custom-checkbox .fake-label,
.custom-radio .fake-label {
  display: inline;
  color: #808080;
  transition: color 0.3s ease-in-out, font-weight 0.3s ease-in-out;
  font-size: 16px;
  letter-spacing: normal;
  padding-top: 0;
}
.custom-checkbox .fake-label .note,
.custom-radio .fake-label .note {
  font-size: 14px;
  font-weight: 400;
  color: #505050;
  margin-left: 3px;
}
.custom-checkbox.large,
.custom-radio.large {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 0;
}
.custom-checkbox.large [type="checkbox"] + .fake-input:before,
.custom-radio.large [type="checkbox"] + .fake-input:before {
  width: 11px;
  height: 7px;
  border: 3px solid #ffffff;
  border-width: 0 0 3px 3px;
  border-color: transparent transparent #ffffff #ffffff;
  margin: -5px 0 0 -5px;
}
.custom-checkbox.large [type="radio"] + .fake-input:before,
.custom-radio.large [type="radio"] + .fake-input:before {
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
}
.custom-checkbox.large .fake-input,
.custom-radio.large .fake-input {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
}
.custom-checkbox.large .fake-label,
.custom-radio.large .fake-label {
  font-size: 18px;
  letter-spacing: 0.017em;
  padding-top: 2px;
}
.custom-radio .fake-input {
  border-radius: 100%;
}
.custom-radio.alt-radio {
  font-size: 16px;
  line-height: 1;
}
.custom-radio.alt-radio .fake-input {
  display: none;
}
.custom-radio.alt-radio .fake-label {
  font-size: 16px;
  line-height: 1;
}
.custom-checkbox.medium .fake-input {
  width: 15px;
  height: 15px;
  margin: 7px 8px 0 0;
}
.checkbox-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.checkbox-list li {
  padding: 0 0 11px;
}
.checkbox-list li:before {
  display: none;
}
.radio-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.radio-list li {
  position: relative;
}
.radio-list li + li {
  padding: 10px 0 0;
}
.radio-list li.has-child-list:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 15px;
  border-left: 5px solid #25cad3;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transform: rotate(90deg);
}
.radio-list ul {
  padding: 15px 0 0 12px;
  margin: 0;
  list-style: none;
}
/* products carousel styles */
@media (min-width: 768px) {
  .products-carousel {
    margin: 0 -15px;
  }
}
@media (min-width: 768px) {
  .products-carousel .slick-list {
    margin: 0 0 -28px;
  }
}
.products-carousel .slick-slide {
  padding: 1px;
}
@media (min-width: 768px) {
  .products-carousel .slick-slide {
    padding: 10px 15px 62px;
  }
}
.products-carousel .btn-prev,
.products-carousel .btn-next {
  display: none !important;
}
@media (min-width: 768px) {
  .products-carousel .slick-dots {
    display: none !important;
  }
}
/* text article */
.text-article {
  font-size: 14px;
  line-height: 27px;
}
.text-article h1 {
  font-size: 36px;
  line-height: 1.06;
  letter-spacing: 0.011em;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .text-article h1 {
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) {
  .text-article h3 {
    margin-bottom: 15px;
  }
}
.bullets-info {
  color: #6d6d6d;
  font-size: 14px;
  line-height: 27px;
  counter-reset: title;
}
@media (min-width: 992px) {
  .bullets-info {
    max-width: 750px;
  }
}
.bullets-info li {
  padding: 0 0 27px 14px;
}
.bullets-info li:before {
  background: #4990e2;
  width: 7px;
  height: 7px;
  top: 11px;
  position: absolute;
  left: 0;
  margin: 0;
}
.bullets-info .num-info:before {
  counter-increment: title;
  content: counter(title) ". ";
}
.bullets-info mark {
  background: none;
  margin: 0;
  color: #4990e2;
}
/* checkout steps form styles*/
.checkout-steps-form {
  padding: 7px 0 5px;
}
@media (min-width: 768px) {
  .checkout-steps-form {
    padding-bottom: 35px;
  }
}
.checkout-container {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .checkout-container {
    padding-bottom: 0;
    padding-left: 8.3%;
  }
}
/* steps indicators styles */
.steps-indicators {
  margin: 0;
  padding: 0;
  display: flex;
  margin: 0 -7px 0 -8px;
  width: calc(100% + 15px);
}
@media (min-width: 768px) {
  .steps-indicators {
    margin: 0 -4px 0 -5px;
    width: calc(100% + 9px);
  }
}
.steps-indicators li {
  padding: 0 7px 0 8px;
  width: 33.33%;
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  .steps-indicators li {
    padding: 0 4px 0 5px;
  }
}
.steps-indicators li:before {
  display: none;
}
@media (min-width: 768px) {
  .steps-indicators li.active .icon-holder {
    opacity: 1;
  }
}
.steps-indicators li.active .num-holder:after {
  border-bottom-color: #4990e2;
}
.steps-indicators li.active .num {
  background: #25cad3;
}
.steps-indicators li.active .caption {
  color: #4990e2;
}
.steps-indicators .icon-holder {
  display: none;
}
@media (min-width: 768px) {
  .steps-indicators .icon-holder {
    display: block;
    position: absolute;
    bottom: 18px;
    left: 5px;
    opacity: .3;
  }
}
@media (min-width: 992px) {
  .steps-indicators .icon-holder {
    bottom: 10px;
  }
}
.steps-indicators .icon-holder img {
  vertical-align: top;
}
@media (min-width: 768px) {
  .steps-indicators .icon-holder img {
    max-width: 82%;
    height: auto;
  }
}
@media (min-width: 992px) {
  .steps-indicators .icon-holder img {
    max-width: 100%;
  }
}
.steps-indicators .num-holder {
  position: relative;
  display: block;
  text-align: center;
  padding: 0 5px 8px;
}
@media (min-width: 768px) {
  .steps-indicators .num-holder {
    padding-bottom: 4px;
  }
}
.steps-indicators .num-holder:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  opacity: .05;
  background: #25cad3;
  z-index: 1;
  border-radius: 0;
}
.steps-indicators .num-holder:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-bottom: 3px solid #92e4e9;
  z-index: 2;
}
.steps-indicators .num {
  display: block;
  width: 34px;
  height: 34px;
  text-align: center;
  border-radius: 50%;
  background: #92e4e9;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  padding: 5px 5px 7px;
  margin: 0 auto 4px;
  position: relative;
  z-index: 3;
}
.steps-indicators .caption {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #92e4e9;
  position: relative;
  z-index: 3;
}
.checkout-content {
  padding-bottom: 7px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .checkout-content {
    padding-bottom: 0;
  }
}
.checkout-content .title-row {
  border-bottom: 1px solid #e3e2e2;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  padding: 21px 0 11px;
  margin-bottom: 20px;
}
.checkout-content .title-row:before,
.checkout-content .title-row:after {
  content: " ";
  display: table;
}
.checkout-content .title-row:after {
  clear: both;
}
@media (min-width: 768px) {
  .checkout-content .title-row {
    padding-top: 17px;
    min-height: 47px;
  }
}
.checkout-content .title-row.empty {
  border: none;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .checkout-content .title-row.empty {
    border-bottom: 1px solid #e3e2e2;
  }
}
.checkout-content .title-row .title {
  display: block;
  overflow: hidden;
  color: #25cad3;
}
.checkout-content .title-row .back {
  float: right;
  margin-left: 10px;
  text-transform: uppercase;
  color: #25cad3;
  padding-left: 16px;
  position: relative;
}
.checkout-content .title-row .back:hover {
  color: #4990e2;
}
.checkout-content .title-row .back .icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 1;
  color: #fe3c76;
  transition: color 0.3s ease-in-out;
}
.checkout-content .title-row .form-title {
  display: none;
}
.checkout-content .form-active .default-title {
  display: none;
}
.checkout-content .form-active .form-title {
  display: block;
}
/* checkout product box styles */
@media (min-width: 768px) {
  .products-box {
    border-bottom: 1px solid #e3e2e2;
  }
}
.products-box .seller-thumbnail {
  padding: 25px 0;
  width: 100%;
  border: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail {
    padding: 10px 0;
    display: flex;
  }
}
.products-box .seller-thumbnail.hover {
  border: 0;
  box-shadow: none;
}
.products-box .seller-thumbnail:before {
  content: "";
  position: absolute;
  top: 0;
  left: -15px;
  right: -15px;
  height: 1px;
  background: #e3e2e2;
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail:before {
    left: 0;
    right: 0;
  }
}
.products-box .seller-thumbnail:after {
  display: none;
}
.products-box .seller-thumbnail:first-child:before {
  display: none;
}
.products-box .seller-thumbnail .btn-delete {
  right: 0;
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail .btn-delete {
    right: 0;
  }
}
.products-box .seller-thumbnail .image {
  width: 110px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail .image {
    width: 90px;
    height: 90px;
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  .products-box .seller-thumbnail .image {
    height: 90px;
  }
}
@media (min-width: 1200px) {
  .products-box .seller-thumbnail .image {
    height: 90px;
  }
}
.products-box .seller-thumbnail .text-block {
  width: calc(100% - 110px);
  font-size: 14px;
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail .text-block {
    width: calc(100% - 90px);
    padding: 0 100px 0 0;
    border-left: 0;
    font-size: 15px;
    line-height: 1.47;
    letter-spacing: 0.02em;
  }
}
@media (min-width: 992px) {
  .products-box .seller-thumbnail .text-block {
    padding-right: 170px;
  }
}
.products-box .seller-thumbnail .title {
  margin-bottom: 2px;
}
.products-box .seller-thumbnail h3 {
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail h3 {
    font-size: 14px;
    line-height: 1.143;
    margin-bottom: 4px;
  }
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail .size {
    font-size: 12px;
    line-height: 1.417;
    margin-bottom: 2px;
  }
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail .price {
    font-size: 18px;
    line-height: 1.222;
  }
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail .jcf-number {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 992px) {
  .products-box .seller-thumbnail .jcf-number {
    right: 64px;
  }
}
.purchase-container .products-box {
  margin-bottom: 28px;
}
@media (min-width: 768px) {
  .purchase-container .products-box {
    margin-bottom: 34px;
  }
}
.purchase-container .products-box .seller-thumbnail {
  padding-bottom: 53px;
}
@media (min-width: 992px) {
  .purchase-container .products-box .seller-thumbnail {
    padding-bottom: 10px;
  }
}
.purchase-container .products-box .seller-thumbnail:last-child:after {
  bottom: 0;
  background: #e3e2e2;
  content: "";
  height: 1px;
  left: -15px;
  position: absolute;
  right: -15px;
}
@media (min-width: 768px) {
  .purchase-container .products-box .seller-thumbnail:last-child:after {
    display: none;
  }
}
@media (min-width: 992px) {
  .purchase-container .products-box .seller-thumbnail .image {
    width: 100px;
  }
}
@media (min-width: 992px) {
  .purchase-container .products-box .seller-thumbnail .text-block {
    padding-right: 270px;
    width: calc(100% - 100px);
  }
}
.purchase-container .products-box .seller-thumbnail .title {
  color: #bdbaba;
}
.purchase-container .products-box .seller-thumbnail .title a {
  color: #bdbaba;
}
.purchase-container .products-box .seller-thumbnail .title a:hover {
  color: #21b5bd;
}
.purchase-container .products-box .seller-thumbnail h3 {
  font-size: 15px;
  line-height: 1.07;
  font-weight: 400;
  margin-bottom: 0;
  color: #505050;
}
.purchase-container .products-box .seller-thumbnail h3 a {
  color: #505050;
}
.purchase-container .products-box .seller-thumbnail h3 a:hover {
  color: #21b5bd;
}
.purchase-container .products-box .seller-thumbnail .size {
  font-size: 12px;
  line-height: 1.42;
}
.purchase-container .products-box .seller-thumbnail .price {
  font-size: 18px;
  line-height: 1.22;
}
.purchase-container .products-box .seller-thumbnail .jcf-number {
  position: absolute;
  bottom: 13px;
  left: 0;
  height: 34px;
}
@media (min-width: 768px) {
  .purchase-container .products-box .seller-thumbnail .jcf-number {
    top: auto;
    transform: translateY(0);
  }
}
@media (min-width: 992px) {
  .purchase-container .products-box .seller-thumbnail .jcf-number {
    top: 50%;
    left: auto;
    right: 176px;
    transform: translateY(-50%);
  }
}
.purchase-container .products-box .seller-thumbnail .jcf-number input {
  padding-top: 4px;
  padding-bottom: 4px;
}
.purchase-container .products-box .seller-thumbnail .btn-info {
  position: absolute;
  bottom: 13px;
  right: 0;
  padding: 5px 20px;
  min-width: 98px;
  max-width: 50%;
}
@media (min-width: 992px) {
  .purchase-container .products-box .seller-thumbnail .btn-info {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    min-width: 122px;
    max-width: 150px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
/* checkout data column styles */
@media (min-width: 768px) {
  .purchase-container .checkout-data-column {
    padding-top: 34px;
  }
}
.checkout-data-column .open-close {
  overflow: hidden;
  width: 100%;
}
.checkout-data-column .open-close .opener-holder {
  width: 100%;
  padding: 5px 0 0;
}
.checkout-data-column .open-close .opener-holder:before,
.checkout-data-column .open-close .opener-holder:after {
  content: " ";
  display: table;
}
.checkout-data-column .open-close .opener-holder:after {
  clear: both;
}
.checkout-data-column .open-close .opener-holder .opener {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  float: left;
  padding-right: 0;
  margin-right: 10px;
  outline: none;
}
@media (min-width: 768px) {
  .checkout-data-column .open-close .opener-holder .opener {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .checkout-data-column .open-close .opener-holder .opener {
    font-size: 15px;
  }
}
.checkout-data-column .open-close .opener-holder .opener.pull-right {
  margin-right: 0;
}
.checkout-data-column .open-close .form-group {
  padding: 22px 0 15px;
  margin-bottom: 0;
}
.checkout-data-column .form-group {
  margin-bottom: 10px;
}
.checkout-data-column .form-group input.form-control {
  display: block;
  width: 100%;
  margin-bottom: 13px;
}
@media (min-width: 1200px) {
  .checkout-data-column .form-group input.form-control {
    float: left;
    width: calc(100% - 133px);
    margin-bottom: 0;
  }
}
.checkout-data-column .form-group .btn {
  display: block;
  width: 100%;
}
@media (min-width: 1200px) {
  .checkout-data-column .form-group .btn {
    float: right;
    width: 122px;
    margin: 0 4px 0 7px;
  }
}
.checkout-data-column input.form-control::-webkit-input-placeholder {
  color: #808080;
}
.checkout-data-column input.form-control::-moz-placeholder {
  color: #808080;
}
.checkout-data-column input.form-control:-ms-input-placeholder {
  color: #808080;
}
.checkout-data-column textarea {
  height: 78px;
  min-height: 78px;
  padding: 2px 8px;
  margin: 0;
}
@media (min-width: 768px) {
  .checkout-data-column textarea {
    height: 84px;
    min-height: 84px;
  }
}
.checkout-data-column .button-row {
  position: relative;
}
.checkout-data-column .button-row .btn {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
}
.checkout-data-column .button-row .btn span {
  display: none;
}
.active-step1 .checkout-data-column .button-row .btn .go-to-step2 {
  display: inline;
}
.active-step2 .checkout-data-column .button-row .btn .go-to-step3 {
  display: inline;
}
.active-step3 .checkout-data-column .button-row .btn .go-to-last-step {
  display: inline;
}
.disabled-nav-buttons .checkout-data-column .button-row:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  z-index: 3;
}
.disabled-nav-buttons .checkout-data-column .button-row .btn {
  opacity: 0.5;
}
.data-row {
  padding: 12px 0;
  border-top: 1px solid #d8d8d8;
  font-size: 16px;
  line-height: 22px;
  color: #505050;
}
.data-row:before,
.data-row:after {
  content: " ";
  display: table;
}
.data-row:after {
  clear: both;
}
.data-row:first-child {
  border-top: 0;
}
@media (min-width: 768px) {
  .data-row:first-child {
    border-top: 1px solid #d8d8d8;
  }
}
.purchase-container .data-row {
  padding: 10px 0;
}
.data-row .title {
  float: left;
  width: 70%;
  padding-right: 5px;
  font-weight: 700;
}
.data-row .value {
  float: right;
  width: 30%;
  padding-left: 5px;
  text-align: right;
}
.data-row.total-row {
  padding-bottom: 18px;
}
@media (min-width: 768px) {
  .data-row.total-row {
    padding: 25px 0 7px;
  }
}
.purchase-container .data-row.total-row {
  padding: 25px 0 27px;
  color: #808080;
}
@media (min-width: 768px) {
  .purchase-container .data-row.total-row {
    padding-bottom: 11px;
  }
}
.data-row.total-row .title {
  font-size: 18px;
  line-height: 1;
  width: 50%;
}
@media (min-width: 768px) {
  .data-row.total-row .title {
    font-size: 16px;
    line-height: 18px;
    width: 45%;
  }
}
@media (min-width: 992px) {
  .data-row.total-row .title {
    font-size: 18px;
    line-height: 1;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .data-row.total-row .title br {
    display: none;
  }
}
@media (min-width: 992px) {
  .data-row.total-row .title br {
    display: block;
  }
}
.data-row.total-row .value {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #fe3c76;
  width: 50%;
}
@media (min-width: 768px) {
  .data-row.total-row .value {
    font-size: 30px;
    line-height: 36px;
    width: 55%;
  }
}
@media (min-width: 992px) {
  .data-row.total-row .value {
    font-size: 36px;
    line-height: 44px;
    width: 50%;
  }
}
.purchase-container .data-row.total-row .value {
  color: #808080;
}
.info-data-list .data-row {
  border: 0;
  padding: 1px 0;
}
@media (min-width: 768px) {
  .purchase-container .info-data-list .data-row {
    padding-bottom: 12px;
  }
}
.info-data-list .data-row .title {
  font-weight: 400;
}
.info-data-list .data-row.total-row {
  padding-top: 15px;
}
.info-data-list .data-row.total-row .title {
  font-size: 16px;
  line-height: 22px;
}
.info-data-list .data-row.total-row .value {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #505050;
}
@media (min-width: 768px) {
  .info-data-list .data-row.total-row .value {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .info-data-list .data-row.total-row .value {
    font-size: 16px;
    line-height: 22px;
  }
}
.info-data-list {
  padding-top: 23px;
  clear: both;
}
.purchase-container .info-data-list {
  padding-top: 12px;
}
@media (min-width: 768px) {
  .purchase-container .info-data-list {
    padding-bottom: 7px;
  }
}
/* checkout navigation buttons styles */
.navigation-buttons {
  width: 100%;
  margin: 0 -15px;
  width: calc(100% + 30px);
  position: relative;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  z-index: 50;
}
@media (min-width: 768px) {
  .navigation-buttons {
    display: none;
  }
}
.navigation-buttons .buttons-holder {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  width: 100%;
  transition: margin 0.3s ease-in-out;
}
.disabled-nav-buttons .navigation-buttons .buttons-holder:after {
  content: "";
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  z-index: 3;
}
.disabled-nav-buttons .navigation-buttons .buttons-holder .next {
  background: #fe9dba;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .nav-active .navigation-buttons .buttons-holder {
    margin: 0 -277px 0 277px;
  }
}
@media (max-width: 991px) {
  .nav-active .navigation-buttons .buttons-holder[style="position: absolute;"] {
    margin: 0;
  }
}
.active-step1 .navigation-buttons .buttons-holder:before {
  content: "";
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  z-index: 3;
}
.active-step1 .navigation-buttons .buttons-holder .prev {
  background: #a4c7f0;
  position: relative;
  z-index: 2;
}
.navigation-buttons a {
  display: block;
  width: 50%;
  padding: 12px 15px;
  text-align: center;
  color: #ffffff;
}
.navigation-buttons a.prev {
  background: #4990e2;
}
.navigation-buttons a.prev:hover {
  background: #2276d6;
}
.navigation-buttons a.next {
  background: #fe3c76;
}
.navigation-buttons a.next:hover {
  background: #fe0952;
}
.navigation-buttons a.next .icon {
  margin: -6px -14px -5px 20px;
}
.navigation-buttons a .icon {
  font-size: 32px;
  line-height: 1;
  margin: -6px 14px -5px -20px;
  display: inline-block;
  vertical-align: middle;
}
.cards-boxes {
  overflow: hidden;
}
.cards-boxes.flex-row {
  display: block;
}
@media (min-width: 768px) {
  .cards-boxes.flex-row {
    display: flex;
  }
}
@media (min-width: 768px) {
  .cards-boxes > [class^="col-"],
  .cards-boxes > [class*=" col-"] {
    display: flex;
  }
}
@media (min-width: 768px) {
  .cards-boxes .card-box {
    display: flex;
  }
}
.card-box {
  width: 100%;
  font-size: 15px;
  line-height: 1.47;
  color: #505050;
  margin-bottom: 20px;
  position: relative;
}
.card-box .box-holder {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin: 0;
  background: #f5f5f5;
  border-radius: 3px;
  min-height: 178px;
}
@media (min-width: 768px) {
  .card-box .box-holder {
    min-height: 1px;
  }
}
.card-box .box-holder.lightbox-opener {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.card-box .lightbox-opener {
  border: 1px dashed #979797;
}
@media (min-width: 768px) {
  .card-box .lightbox-opener {
    min-height: 203px;
  }
}
.card-box .lightbox-opener:hover {
  border-color: #4990e2;
}
.card-box .lightbox-opener .icon-plus {
  width: 72px;
  height: 72px;
  border: 1px dashed #979797;
  border-radius: 50%;
  display: block;
  position: relative;
}
.card-box .lightbox-opener .icon-plus:before,
.card-box .lightbox-opener .icon-plus:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 1px;
  background: #979797;
}
.card-box .lightbox-opener .icon-plus:after {
  width: 1px;
  height: 40px;
}
.card-box .custom-radio [type="radio"]:checked ~ .fake-label {
  font-weight: 400;
  color: #505050;
  border-color: #4990e2;
}
.card-box .custom-radio .fake-label {
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: 0.02em;
  color: #505050;
  border: 3px solid transparent;
  padding: 10px 15px;
  border-radius: 3px;
  width: 100%;
  display: block;
  transition: border-color 0.3s ease-in-out;
}
@media (min-width: 1200px) {
  .card-box .custom-radio .fake-label {
    padding: 20px 20px 20px 60px;
  }
}
.card-box .icon-holder {
  display: block;
  padding: 0 80px 8px 0;
  color: #4990e2;
  min-height: 60px;
  width: 100%;
}
.card-box .icon-holder .icon {
  display: inline-block;
  vertical-align: top;
  font-size: 52px;
  line-height: 1;
}
.card-box .icon-holder .icon.icon-card {
  font-size: 42px;
  line-height: 1;
  margin: 5px 0 9px;
}
@media (min-width: 1200px) {
  .card-box .icon-holder .icon.icon-card {
    margin: 10px 0 12px;
  }
}
.card-box .icon-holder img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.card-box .card-content {
  display: block;
  width: 100%;
}
.card-box .title {
  display: block;
  font-size: 18px;
  line-height: 1.22;
  font-weight: 700;
  color: #4990e2;
}
.card-box .edit {
  position: absolute;
  right: 30px;
  top: 17px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.93;
  outline: none;
}
@media (min-width: 1200px) {
  .card-box .edit {
    right: 26px;
    top: 30px;
  }
}
.card-box .edit .icon {
  font-size: 20px;
  line-height: 1;
  margin: 8px 5px -8px 0;
}
.payment-methods .card-box {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .payment-methods .card-box {
    margin-bottom: 30px;
  }
}
.payment-methods .card-box .box-holder {
  min-height: 86px;
}
@media (min-width: 768px) {
  .payment-methods .card-box .box-holder {
    min-height: 130px;
  }
}
.payment-methods .card-box .custom-radio .fake-label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 5px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: normal;
}
@media (min-width: 768px) {
  .payment-methods .card-box .custom-radio .fake-label {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .payment-methods .card-box .custom-radio .fake-label {
    font-size: 18px;
  }
}
.payment-methods .card-box .icon-holder {
  padding: 0 8px 0 29px;
  width: 125px;
  min-height: 43px;
  text-align: center;
}
@media (min-width: 768px) {
  .payment-methods .card-box .icon-holder {
    padding-left: 0;
    width: 90px;
  }
}
@media (min-width: 992px) {
  .payment-methods .card-box .icon-holder {
    width: 110px;
    padding-left: 14px;
  }
}
@media (min-width: 1200px) {
  .payment-methods .card-box .icon-holder {
    width: 155px;
    padding: 0 20px 0 16px;
  }
}
.payment-methods .card-box .text-content {
  display: block;
  width: calc(100% - 125px);
  font-weight: 700;
  color: #4990e2;
}
@media (min-width: 768px) {
  .payment-methods .card-box .text-content {
    width: calc(100% - 90px);
  }
}
@media (min-width: 992px) {
  .payment-methods .card-box .text-content {
    width: calc(100% - 110px);
  }
}
@media (min-width: 1200px) {
  .payment-methods .card-box .text-content {
    width: calc(100% - 155px);
  }
}
.payment-methods .card-box .credit-card .fake-label {
  padding-left: 5px;
}
.payment-methods .card-box .credit-card .icon-holder {
  padding: 0 5px 0 0;
  width: 90px;
}
@media (min-width: 1200px) {
  .payment-methods .card-box .credit-card .icon-holder {
    width: 127px;
    padding: 0 12px 0 0;
  }
}
.payment-methods .card-box .credit-card .text-content {
  width: calc(100% - 90px);
}
@media (min-width: 1200px) {
  .payment-methods .card-box .credit-card .text-content {
    width: calc(100% - 127px);
  }
}
.payment-methods .card-box .paypal .icon-holder {
  padding: 0 5px;
  width: 80px;
}
@media (min-width: 1200px) {
  .payment-methods .card-box .paypal .icon-holder {
    width: 105px;
  }
}
.delivery-methods .card-box {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .delivery-methods .card-box {
    margin-bottom: 15px;
  }
}
.delivery-methods .card-box .box-holder {
  min-height: 86px;
}
@media (min-width: 768px) {
  .delivery-methods .card-box .box-holder {
    min-height: 72px;
  }
}
.delivery-methods .card-box .custom-radio [type="radio"]:checked ~ .fake-label .partner-logo img {
  opacity: 1;
}
.delivery-methods .card-box .custom-radio [type="radio"]:checked ~ .fake-label .partner-logo img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: none;
  -webkit-filter: none;
}
.delivery-methods .card-box .custom-radio [type="radio"]:checked ~ .fake-label .grayscale-fix img.grayscale {
  visibility: visible !important;
  position: relative;
}
.delivery-methods .card-box .custom-radio .fake-label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.014em;
}
@media (min-width: 768px) {
  .delivery-methods .card-box .custom-radio .fake-label {
    font-size: 15px;
    line-height: 1.47;
    letter-spacing: 0.02em;
  }
}
.delivery-methods .card-box .partner-logo {
  display: block;
  width: 134px;
  padding: 0 20px 0 8px;
  text-align: center;
}
@media (min-width: 768px) {
  .delivery-methods .card-box .partner-logo {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .delivery-methods .card-box .partner-logo {
    width: 195px;
    padding: 0 34px 0 16px;
  }
}
.delivery-methods .card-box .partner-logo img {
  vertical-align: top;
  max-width: 90%;
  height: auto;
  opacity: .4;
}
@media (min-width: 992px) {
  .delivery-methods .card-box .partner-logo img {
    max-width: 100%;
  }
}
.delivery-methods .card-box .text-content {
  display: block;
  width: calc(100% - 134px);
}
@media (min-width: 1200px) {
  .delivery-methods .card-box .text-content {
    width: calc(100% - 195px);
  }
}
.delivery-methods .card-box .title {
  font-size: 14px;
  line-height: 1.29;
}
@media (min-width: 992px) {
  .delivery-methods .card-box .title {
    display: inline;
    font-size: 18px;
    line-height: 1.22;
  }
}
.delivery-methods,
.payment-methods {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .delivery-methods,
  .payment-methods {
    padding-bottom: 0;
  }
}
/* grayscale image styles */
img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.delivery-info {
  padding-bottom: 16px;
}
@media (min-width: 992px) {
  .delivery-info {
    padding-top: 16px;
  }
}
@media (min-width: 1200px) {
  .delivery-info {
    padding: 33px 0 40px;
  }
}
.delivery-timeline {
  display: flex;
  justify-content: space-between;
  width: calc(100% + 20px);
  margin: 0 -10px;
}
.delivery-timeline .time-item {
  padding: 0 10px;
  text-align: center;
}
@media (min-width: 768px) {
  .delivery-timeline .time-item:first-child .label:before {
    display: none;
  }
}
@media (min-width: 1200px) {
  .delivery-timeline .time-item:first-child + .time-item {
    margin-right: 27px;
  }
}
@media (min-width: 768px) {
  .delivery-timeline .time-item:last-child .label:after {
    display: none;
  }
}
.delivery-timeline .label {
  display: inline-block;
  vertical-align: top;
  min-width: 82px;
  font-size: 16px;
  line-height: 19px;
  padding: 3px 5px;
  border-radius: 8px;
  margin-bottom: 12px;
  position: relative;
}
@media (min-width: 1200px) {
  .delivery-timeline .label {
    margin-bottom: 21px;
  }
}
@media (min-width: 768px) {
  .delivery-timeline .label:before,
  .delivery-timeline .label:after {
    content: "";
    position: absolute;
    left: 100%;
    transform: translateY(-50%);
    top: 50%;
    background: url(../images/delivery-decor.svg);
    background-repeat: repeat-x;
    background-size: 15px 9px;
    width: 24px;
    height: 9px;
    margin: 0 5px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .delivery-timeline .label:before,
  .delivery-timeline .label:after {
    width: 39px;
    margin: 0 7px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .delivery-timeline .label:before,
  .delivery-timeline .label:after {
    width: 54px;
  }
}
@media (min-width: 768px) {
  .delivery-timeline .label:before {
    right: 100%;
    left: auto;
  }
}
.delivery-timeline .caption {
  display: block;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
}
@media (min-width: 992px) {
  .delivery-timeline .caption {
    font-size: 16px;
    line-height: 1.1;
  }
}
@media (min-width: 1200px) {
  .delivery-timeline .caption {
    font-size: 18px;
    line-height: 1.22;
  }
}
.timeline-decor {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  padding: 0 10px 5px;
}
@media (min-width: 768px) {
  .timeline-decor {
    padding: 0;
  }
}
.timeline-decor .icon-holder {
  width: 66px;
  padding-bottom: 2px;
}
@media (min-width: 768px) {
  .timeline-decor .icon-holder {
    position: absolute;
    right: 24%;
    top: 0;
  }
}
@media (min-width: 992px) {
  .timeline-decor .icon-holder {
    width: 86px;
    right: 21%;
  }
}
@media (min-width: 1200px) {
  .timeline-decor .icon-holder {
    width: 140px;
    top: -7px;
    right: 19%;
  }
}
.timeline-decor .icon-holder:first-child {
  width: 50px;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .timeline-decor .icon-holder:first-child {
    right: auto;
    left: 24%;
    top: -14px;
  }
}
@media (min-width: 992px) {
  .timeline-decor .icon-holder:first-child {
    width: 75px;
    right: auto;
    left: 23%;
    top: -25px;
  }
}
@media (min-width: 1200px) {
  .timeline-decor .icon-holder:first-child {
    width: 110px;
    left: 21%;
    top: -48px;
  }
}
.timeline-decor .icon-holder:first-child:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  background: url(../images/delivery-decor.svg);
  background-repeat: repeat-x;
  background-size: 15px 9px;
  width: 160px;
  height: 9px;
  margin: 5px 0 0 -8px;
}
@media (min-width: 375px) {
  .timeline-decor .icon-holder:first-child:after {
    width: 204px;
    margin-left: -10px;
  }
}
@media (min-width: 480px) {
  .timeline-decor .icon-holder:first-child:after {
    width: 309px;
  }
}
@media (min-width: 640px) {
  .timeline-decor .icon-holder:first-child:after {
    width: 474px;
  }
}
@media (min-width: 768px) {
  .timeline-decor .icon-holder:first-child:after {
    display: none;
  }
}
.timeline-decor .icon-holder img {
  vertical-align: top;
  display: inline-block;
  max-width: 100%;
  height: auto;
  position: relative;
}
/* payment text-article styles */
.payment-text-article {
  text-align: center;
  max-width: 572px;
}
@media (min-width: 768px) {
  .payment-text-article {
    text-align: left;
    display: flex;
    padding-top: 30px;
  }
}
@media (min-width: 992px) {
  .payment-text-article {
    padding-top: 56px;
    font-size: 18px;
    line-height: 1.22;
  }
}
.payment-text-article .icon-holder {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .payment-text-article .icon-holder {
    width: 170px;
    text-align: center;
    margin: 30px 15px 0 0;
  }
}
@media (min-width: 992px) {
  .payment-text-article .icon-holder {
    margin-right: 27px;
  }
}
.payment-text-article .icon-holder img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .payment-text-article .text-block {
    width: calc(100% - 185px);
  }
}
@media (min-width: 992px) {
  .payment-text-article .text-block {
    width: calc(100% - 197px);
  }
}
@media (min-width: 992px) {
  .payment-text-article p {
    margin-bottom: 23px;
  }
}
.payment-text-article p a {
  font-weight: 700;
}
.payment-text-article ul.info {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .payment-text-article ul.info {
    font-size: 16px;
    line-height: 1.44;
    margin-bottom: 23px;
  }
}
.payment-text-article ul.info li {
  padding: 0;
}
.payment-text-article ul.info li:before {
  display: none;
}
@media (min-width: 992px) {
  .payment-text-article.transfer {
    font-size: 16px;
    line-height: 1.44;
  }
}
@media (min-width: 992px) {
  .payment-text-article.transfer .icon-holder {
    margin-top: 45px;
  }
}
.simple-text-article {
  max-width: 750px;
  margin: 0 auto;
  padding: 35px 0;
  color: #9b9b9b;
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .simple-text-article {
    padding: 0 0 35px;
  }
}
@media (min-width: 768px) {
  .simple-text-article.thank-you-article {
    padding: 25px 0 35px;
  }
}
.simple-text-article.thank-you-article .image-holder {
  padding: 0 35px 0 6px;
}
@media (min-width: 768px) {
  .simple-text-article.thank-you-article .image-holder {
    margin-bottom: 32px;
  }
}
.simple-text-article .image-holder {
  margin-bottom: 42px;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .simple-text-article .image-holder {
    margin-bottom: 50px;
  }
}
.simple-text-article .image-holder img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.simple-text-article h2 {
  margin-bottom: 42px;
  line-height: 1.13;
}
@media (min-width: 768px) {
  .simple-text-article h2 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 32px;
  }
}
.simple-text-article p {
  margin-bottom: 28px;
}
@media (min-width: 768px) {
  .simple-text-article p {
    margin-bottom: 21px;
  }
}
.simple-text-article .btn-holder {
  position: relative;
}
@media (min-width: 768px) {
  .simple-text-article .btn-holder {
    padding-top: 26px;
  }
}
.simple-text-article .btn-holder .btn {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  z-index: 10;
}
@media (min-width: 768px) {
  .simple-text-article .btn-holder .btn {
    min-width: 263px;
    position: static;
    border-radius: 24px;
  }
}
/* categories items styles - list-category page */
.categories-items {
  margin: 0 -4px;
  padding: 0;
  list-style: none;
  width: calc(100% + 8px) !important;
  display: flex  !important;
  flex-wrap: wrap;
  text-align: left;
  /*span {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 46px;
    text-align: center;
    background: @brand-primary;
    border-radius: 3px;
    padding: 4px 10px;
    align-items: center;
    justify-content: center;
  } */
}
@media (min-width: 768px) {
  .categories-items {
    margin: 0 -10px;
    width: calc(100% + 20px) !important;
    height: auto !important;
  }
}
@media (min-width: 992px) {
  .categories-items {
    margin: 0 -17px;
    width: calc(100% + 34px) !important;
  }
}
.categories-items li {
  display: block;
  padding: 0 5px 5px;
  flex-grow: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .categories-items li {
    padding: 0 10px 20px;
    width: 20%;
    flex-grow: 0;
    text-align: right;
  }
}
@media (min-width: 992px) {
  .categories-items li {
    padding: 0 17px 20px;
  }
}
.categories-items li:before {
  display: none;
}
.categories-items .category-box {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  color: #2e67aa;
  background: rgba(210, 230, 247, 0.3);
  padding: 4px 10px;
  height: 32px;
  width: auto;
  text-align: center;
  border-radius: 3px;
}
@media (min-width: 768px) {
  .categories-items .category-box {
    height: 110px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 6px 10px;
    text-align: right;
    font-size: 14px;
    line-height: 1;
    color: #ffffff;
    border-radius: 0;
  }
}
@media (min-width: 992px) {
  .categories-items .category-box {
    height: 90px;
    padding: 6px 10px;
    font-size: 16px;
    line-height: 1;
  }
}
@media (min-width: 1200px) {
  .categories-items .category-box {
    height: 90px;
  }
}
.categories-items .category-box:before {
  display: none;
}
@media (min-width: 768px) {
  .categories-items .category-box:before {
    display: block;
  }
}
@media (min-width: 768px) {
  .categories-items .category-box:after {
    transition: opacity 0.3s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    opacity: 1;
    z-index: 0;
  }
}
.categories-items .category-box:hover {
  background: #25cad3;
  color: #ffffff;
}
.categories-items .category-box:hover .caption {
  color: #ffffff;
}
.categories-items .category-box .caption {
  color: #2e67aa;
}
@media (min-width: 768px) {
  .categories-items .category-box .caption {
    color: #ffffff;
  }
}
@media (max-width: 767px) {
  .categories-items .bg-stretch {
    display: none;
  }
}
.categories-holder {
  text-align: right;
  padding-bottom: 13px;
}
.readmore-holder .slider {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.categories-opener {
  display: inline-block;
  vertical-align: top;
  padding-right: 18px;
  margin-top: 7px;
  position: relative;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}
@media (min-width: 768px) {
  .categories-opener {
    display: none !important;
  }
}
.categories-opener .icon {
  font-size: 8px;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fe3c76;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
}
.categories-opener .more-text {
  display: inline-block;
  vertical-align: top;
}
.categories-opener .less-text {
  display: none;
}
.categories-holder.active .categories-opener .less-text {
  display: inline-block;
  vertical-align: top;
}
.categories-holder.active .categories-opener .more-text {
  display: none;
}
.categories-holder.active .categories-opener .icon {
  transform: translateY(-50%) rotate(180deg);
}
@media (min-width: 768px) {
  .nav-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 9px;
  }
}
@media (min-width: 768px) {
  .nav-wrapper .breadcrumb {
    width: 100%;
    order: 2;
  }
}
@media (min-width: 768px) {
  .nav-wrapper .additional-nav {
    order: 1;
  }
}
/* additional navigation styles */
.additional-nav {
  padding: 10px 0 20px;
  margin: 0 -3px 0 -4px;
  width: calc(100% + 7px);
}
@media (min-width: 768px) {
  .additional-nav {
    margin: 0 -2px 0 -3px;
    width: calc(100% + 5px);
    padding-bottom: 24px;
  }
}
.additional-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: flex;
}
.additional-nav li {
  width: 20%;
  padding: 0 3px 0 4px;
  text-align: center;
}
@media (min-width: 768px) {
  .additional-nav li {
    padding: 0 2px 0 3px;
    text-align: left;
  }
}
.additional-nav li:before {
  display: none;
}
@media (min-width: 768px) {
  .additional-nav .active a,
  .additional-nav a:hover {
    border-bottom-color: #4990e2;
  }
}
.additional-nav .active a .icon-holder,
.additional-nav a:hover .icon-holder {
  border-bottom-color: #4990e2;
}
.additional-nav .active a .icon-holder img,
.additional-nav a:hover .icon-holder img {
  opacity: 1;
}
.additional-nav .active a .caption,
.additional-nav a:hover .caption {
  color: #4990e2;
  opacity: 1;
}
.additional-nav a {
  display: block;
}
@media (min-width: 768px) {
  .additional-nav a {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    border-bottom: 3px solid #92e4e9;
    transition: border-color 0.3s ease-in-out;
  }
}
@media (min-width: 768px) {
  .additional-nav a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .05;
    background: #25cad3;
    z-index: 1;
  }
}
.additional-nav .icon-holder {
  border-bottom: 3px solid #92e4e9;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  height: 57px;
  width: 100%;
  border-radius: 3px 3px 0 0;
  transition: border-color 0.3s ease-in-out;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .additional-nav .icon-holder {
    width: 54px;
    height: 54px;
    border-bottom: 0;
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .additional-nav .icon-holder {
    width: 68px;
    margin-right: 17px;
  }
}
.additional-nav .icon-holder:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .05;
  background: #25cad3;
  z-index: 1;
}
@media (min-width: 768px) {
  .additional-nav .icon-holder:before {
    display: none;
  }
}
.additional-nav .icon-holder img {
  position: relative;
  z-index: 2;
  max-height: 100%;
  width: auto;
  transition: opacity 0.3s ease-in-out;
  opacity: 0.3;
}
.additional-nav .caption {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.17;
  color: #25cad3;
  opacity: 0.3;
  transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .additional-nav .caption {
    width: calc(100% - 64px);
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  .additional-nav .caption {
    font-size: 17px;
    line-height: 20px;
    padding-bottom: 4px;
  }
}
@media (min-width: 1200px) {
  .additional-nav .caption {
    width: calc(100% - 85px);
    font-size: 18px;
    line-height: 22px;
  }
}
/* data section styles */
.data-section {
  padding-bottom: 27px;
}
@media (min-width: 768px) {
  .data-section {
    padding-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .data-section .cards-boxes {
    padding-top: 10px;
  }
}
.data-section .card-box {
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: 0.02em;
  color: #505050;
  margin-bottom: 11px;
}
@media (min-width: 768px) {
  .data-section .card-box {
    margin-bottom: 20px;
  }
}
.data-section .card-box .box-holder {
  padding: 19px 22px 32px;
  flex-flow: column nowrap;
  min-height: 180px;
}
@media (min-width: 768px) {
  .data-section .card-box .box-holder {
    min-height: 203px;
  }
}
@media (min-width: 1200px) {
  .data-section .card-box .box-holder {
    padding: 20px 24px;
  }
}
.data-section .card-box .icon-holder {
  min-height: 68px;
}
@media (min-width: 768px) {
  .data-section .card-box .icon-holder .icon-address {
    margin-bottom: 22px;
  }
}
@media (min-width: 1200px) {
  .data-section .card-box .card-content {
    padding-right: 62px;
  }
}
.data-section .card-box .edit {
  top: auto;
  bottom: 5px;
  right: 10px;
}
@media (min-width: 1200px) {
  .data-section .card-box .edit {
    bottom: 18px;
    right: 21px;
  }
}
.data-section .card-box .btn-delete {
  right: 14px;
  top: 14px;
  font-size: 16px;
}
@media (min-width: 1200px) {
  .data-section .card-box .btn-delete {
    right: 19px;
    top: 21px;
  }
}
.title-block {
  border-bottom: 1px solid #d8d8d8;
  overflow: hidden;
  position: relative;
  margin-bottom: 18px;
  padding: 0 0 12px;
}
@media (min-width: 768px) {
  .title-block {
    margin-bottom: 30px;
    padding: 5px 0 10px;
  }
}
.title-block.main-title-block {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .title-block.main-title-block {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 10px;
    padding: 5px 0 10px;
  }
}
@media (min-width: 768px) {
  .purchase-container .title-block.main-title-block {
    margin-bottom: 10px;
  }
}
.title-block.main-title-block h1 {
  font-size: 24px;
  line-height: 30px;
}
@media (min-width: 768px) {
  .title-block.main-title-block h1 {
    font-size: 36px;
    line-height: 38px;
  }
}
.title-block h1,
.title-block h2,
.title-block h3,
.title-block h4,
.title-block h5,
.title-block h6 {
  margin: 0;
  float: left;
  width: calc(100% - 40px);
}
@media (min-width: 768px) {
  .title-block h1,
  .title-block h2,
  .title-block h3,
  .title-block h4,
  .title-block h5,
  .title-block h6 {
    width: 60%;
  }
}
.title-block h1 {
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .title-block h1 {
    font-size: 36px;
    line-height: 38px;
  }
}
.title-block h2 {
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .title-block h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.title-block h3 {
  font-size: 16px;
  line-height: 1;
  width: calc(100% - 40px);
}
@media (min-width: 768px) {
  .title-block h3 {
    width: calc(100% - 40px);
    margin-bottom: 3px;
  }
}
.title-block .edit {
  float: right;
  margin-bottom: -5px;
}
@media (min-width: 768px) {
  .title-block .edit {
    font-size: 16px;
    line-height: 27px;
    font-weight: 700;
    margin: 13px 0 0;
  }
}
.title-block .edit .icon {
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
}
@media (min-width: 768px) {
  .title-block .edit .icon {
    margin: 1px 6px 0 0;
  }
}
@media (min-width: 768px) {
  .purchase-container .title-block {
    margin-bottom: 0;
  }
}
.data-block {
  padding-bottom: 21px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .data-block {
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .data-block .data-list {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .data-block .data-list {
    width: 34.3%;
  }
}
/* data list styles */
.data-list {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  font-size: 14px;
  color: #9b9b9b;
}
@media (min-width: 768px) {
  .data-list {
    font-size: 18px;
    align-items: flex-start;
  }
}
.data-list dt {
  color: #4990e2;
  width: 98px;
  padding: 0 18px 10px 0;
  line-height: 18px;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) {
  .data-list dt {
    line-height: 30px;
    width: 50%;
    padding-bottom: 9px;
  }
}
.data-list dd {
  margin: 0;
  width: calc(100% - 98px);
  line-height: 18px;
  letter-spacing: 0.01em;
  padding: 0 0 10px;
}
@media (min-width: 768px) {
  .data-list dd {
    line-height: 30px;
    width: 50%;
    padding: 0 8px 9px 0;
  }
}
.data-list dd a {
  color: #9b9b9b;
}
.data-list dd a:hover {
  color: #25cad3;
}
/* newsletter form styles */
.form-panel {
  color: #ffffff;
  position: relative;
  z-index: 1;
  margin-bottom: 28px;
}
.form-panel:before,
.form-panel:after {
  content: " ";
  display: table;
}
.form-panel:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-panel {
    margin-bottom: 0;
  }
}
.form-panel > .container {
  position: relative;
  padding-top: 17px;
  padding-bottom: 18px;
}
@media (min-width: 768px) {
  .form-panel > .container {
    padding-bottom: 32px;
  }
}
@media (min-width: 992px) {
  .form-panel > .container {
    padding-top: 28px;
    padding-bottom: 34px;
  }
}
#footer .form-panel > .container {
  position: static;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  #footer .form-panel > .container {
    margin-bottom: 0;
  }
}
.form-panel > .container:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, #2e67aa 0%, #2e67aa 50%, #25cad3 50%, #25cad3 100%);
  z-index: -1;
}
@media (min-width: 768px) {
  .form-panel > .container:before {
    left: 15px;
    right: 15px;
  }
}
@media (min-width: 992px) {
  .form-panel > .container:before {
    background: linear-gradient(to right, #4990e2 0%, #4990e2 40%, #25cad3 40%, #25cad3 100%);
  }
}
#footer .form-panel > .container:before {
  background: linear-gradient(to bottom, #2e67aa 0%, #2e67aa 50%, #25cad3 50%, #25cad3 100%);
}
@media (min-width: 768px) {
  #footer .form-panel > .container:before {
    left: 0;
    right: 0;
  }
}
@media (min-width: 992px) {
  #footer .form-panel > .container:before {
    background: linear-gradient(to right, #2e67aa 0%, #2e67aa 50%, #25cad3 50%, #25cad3 100%);
  }
}
.form-panel .text-block {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 1.067;
  font-weight: 700;
  width: 100%;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .form-panel .text-block {
    font-size: 16px;
    line-height: 1.38;
    width: 50%;
    margin: 0 auto;
    padding: 0 0 18px;
  }
}
@media (min-width: 992px) {
  .form-panel .text-block {
    float: left;
    width: 40%;
    padding: 5px 15px 0 9%;
    font-size: 15px;
    line-height: 1.27;
  }
}
@media (min-width: 992px) {
  #footer .form-panel .text-block {
    width: 32.46%;
    font-size: 16px;
    line-height: 1.38;
    padding: 0 15px 0 0;
  }
}
.form-panel .text-block .price {
  width: 50%;
  padding: 0 10px;
  text-align: center;
  font-size: 64px;
  line-height: 0.58;
  font-weight: 700;
  letter-spacing: 2px;
}
@media (min-width: 768px) {
  .form-panel .text-block .price {
    width: 43.66%;
    padding: 0 5px 0 0;
    text-align: left;
    font-size: 72px;
    line-height: 0.51;
  }
}
@media (min-width: 992px) {
  .form-panel .text-block .price {
    font-size: 64px;
    line-height: 0.58;
    width: 46%;
  }
}
@media (min-width: 1200px) {
  .form-panel .text-block .price {
    font-size: 72px;
    line-height: 0.51;
    width: 43.66%;
  }
}
.form-panel .text-block .price strong {
  font-weight: 700;
}
.form-panel .text-block .text {
  width: 50%;
}
@media (min-width: 768px) {
  .form-panel .text-block .text {
    width: 56.34%;
  }
}
@media (min-width: 992px) {
  .form-panel .text-block .text {
    width: 54%;
  }
}
@media (min-width: 992px) {
  .form-panel .text-block .text {
    width: 56.34%;
  }
}
.form-panel .text-block p {
  margin: 0;
}
/* email form styles */
.email-form {
  text-align: center;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .email-form {
    width: 50%;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .email-form {
    float: left;
    padding: 9px 23px;
    display: flex;
    margin: 0;
    align-items: center;
    width: 59%;
  }
}
@media (min-width: 992px) {
  #footer .email-form {
    width: 50%;
    padding: 9px 0;
  }
}
@media (min-width: 992px) {
  .email-form .form-group {
    width: 68.1%;
    padding: 0 24px 0 0;
    margin: 0;
  }
}
.email-form input[type="email"],
.email-form input[type="text"] {
  text-align: left;
  border-radius: 24px;
  border-color: transparent;
  font-size: 18px;
  line-height: 24px;
  width: 100%;
}
.email-form input[type="email"]::-webkit-input-placeholder,
.email-form input[type="text"]::-webkit-input-placeholder {
  color: #4990e2;
}
.email-form input[type="email"]::-moz-placeholder,
.email-form input[type="text"]::-moz-placeholder {
  color: #4990e2;
  opacity: 1;
}
.email-form input[type="email"]:-ms-input-placeholder,
.email-form input[type="text"]:-ms-input-placeholder {
  color: #4990e2;
}
#footer .email-form input[type="email"]::-webkit-input-placeholder,
#footer .email-form input[type="text"]::-webkit-input-placeholder {
  color: #9b9b9b;
}
#footer .email-form input[type="email"]::-moz-placeholder,
#footer .email-form input[type="text"]::-moz-placeholder {
  color: #9b9b9b;
  opacity: 1;
}
#footer .email-form input[type="email"]:-ms-input-placeholder,
#footer .email-form input[type="text"]:-ms-input-placeholder {
  color: #9b9b9b;
}
.email-form .btn {
  min-width: 182px;
}
@media (min-width: 992px) {
  .email-form .btn {
    min-width: 1px;
    width: 31.9%;
  }
}
/* back to top button styles */
.back-to-top {
  width: 55px;
  height: 55px;
  position: fixed;
  bottom: 55px;
  right: 5px;
  z-index: 90;
  display: none;
  /* We disable it */
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .back-to-top {
    bottom: 20px;
  }
}
.back-to-top:before {
  content: "";
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: #fe3c76;
  opacity: 0.5;
  z-index: -1;
  transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.back-to-top .icon {
  margin-top: -4px;
}
.back-to-top:hover,
.back-to-top:focus {
  color: #ffffff;
  outline: none;
}
.back-to-top:hover:before,
.back-to-top:focus:before {
  opacity: 1;
  background: #fe2364;
}
/* lightbox styles */
.lightbox-holder {
  position: relative;
  overflow: hidden;
  height: 0;
}
.lightbox-holder div.lightbox {
  display: block !important;
}
div.lightbox {
  width: 100%;
  color: #505050;
  overflow: hidden;
  display: block;
  background: #fff;
}
@media (min-width: 768px) {
  div.lightbox {
    width: 653px;
  }
}
@media (min-width: 768px) {
  div.lightbox.lightbox-large {
    width: 700px;
  }
}
@media (min-width: 992px) {
  div.lightbox.lightbox-large {
    width: 945px;
  }
}
@media (min-width: 768px) {
  div.lightbox.lightbox-large .lightbox-heading {
    padding: 25px 15px;
  }
}
@media (min-width: 992px) {
  div.lightbox.lightbox-large .lightbox-heading {
    padding: 25px 97px 25px 109px;
  }
}
@media (min-width: 768px) {
  div.lightbox.lightbox-large .lightbox-content {
    padding: 30px 15px 16px;
  }
}
@media (min-width: 992px) {
  div.lightbox.lightbox-large .lightbox-content {
    padding: 26px 97px 60px 109px;
  }
}
@media (min-width: 768px) {
  div.lightbox.lightbox-small {
    width: 514px;
  }
}
@media (min-width: 768px) {
  div.lightbox.lightbox-small .lightbox-heading {
    padding: 25px 50px 25px 57px;
  }
}
@media (min-width: 768px) {
  div.lightbox.lightbox-small .lightbox-content {
    padding: 30px 50px 16px 57px;
  }
}
div.lightbox .lightbox-wrap {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
  height: 100vh;
}
@media (min-width: 768px) {
  div.lightbox .lightbox-wrap {
    display: block;
    height: auto;
  }
}
div.lightbox .lightbox-heading {
  position: relative;
  padding: 16px 30px 16px 10px;
  background: #25cad3;
  color: #ffffff;
  width: 100%;
  display: flex;
}
@media (min-width: 768px) {
  div.lightbox .lightbox-heading {
    padding: 16px 98px 16px;
  }
}
@media (min-width: 992px) {
  div.lightbox .lightbox-heading {
    padding: 25px 98px;
  }
}
div.lightbox .lightbox-heading h1,
div.lightbox .lightbox-heading h2,
div.lightbox .lightbox-heading h3,
div.lightbox .lightbox-heading h4 {
  color: #ffffff;
  margin: 0;
  display: flex;
  align-items: flex-end;
  min-height: 54px;
  width: 100%;
}
@media (min-width: 992px) {
  div.lightbox .lightbox-heading h1,
  div.lightbox .lightbox-heading h2,
  div.lightbox .lightbox-heading h3,
  div.lightbox .lightbox-heading h4 {
    min-height: 80px;
  }
}
div.lightbox .lightbox-heading .lightbox-close {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 15px;
  line-height: 1;
  color: #ffffff;
  opacity: 1;
  z-index: 99999;
}
@media (min-width: 768px) {
  div.lightbox .lightbox-heading .lightbox-close {
    top: 20px;
    right: 20px;
  }
}
div.lightbox .lightbox-heading .lightbox-close:hover {
  color: #4990e2;
}
div.lightbox h2 {
  font-size: 24px;
  line-height: 27px;
  font-weight: 700;
  display: flex;
}
@media (min-width: 992px) {
  div.lightbox h2 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.006em;
  }
}
div.lightbox .lightbox-content {
  padding: 20px 10px 120px;
}
@media (min-width: 768px) {
  div.lightbox .lightbox-content {
    padding: 30px 98px 16px;
  }
}
@media (min-width: 992px) {
  div.lightbox .lightbox-content {
    padding: 60px 98px 45px;
  }
}
div.lightbox .form-group {
  margin-bottom: 15px;
  position: relative;
}
@media (min-width: 992px) {
  div.lightbox .form-group {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) {
  div.lightbox .form-group .intl-tel-input.iti-container {
    top: 100% !important;
    left: 0 !important;
    width: 100%;
    margin-top: -1px;
  }
}
div.lightbox .form-control {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  div.lightbox .form-control {
    padding-left: 18px;
    padding-right: 18px;
  }
}
div.lightbox .jcf-select-alt-select {
  margin-bottom: 0;
}
div.lightbox .custom-checkbox {
  margin-bottom: 13px;
}
div.lightbox .custom-checkbox [type="checkbox"]:checked ~ .fake-label {
  font-weight: 400;
  color: #505050;
}
div.lightbox .custom-checkbox .fake-label {
  font-size: 14px;
  line-height: 1;
}
@media (max-width: 767px) {
  .fancybox-wrap div.lightbox .button-row {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 768px) {
  div.lightbox .button-row {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  div.lightbox .button-row .btn {
    display: block;
    width: 100%;
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  div.lightbox .button-row .btn {
    min-width: 34.8%;
  }
}
@media (min-width: 768px) {
  div.lightbox .form-columns {
    margin: 0 -18px;
    display: flex;
    flex-flow: row wrap;
    width: calc(100% + 36px);
  }
}
@media (min-width: 768px) {
  div.lightbox .form-col {
    width: 38%;
    padding: 0 18px;
  }
}
@media (min-width: 768px) {
  div.lightbox .form-col:first-child {
    width: 62%;
  }
}
div.lightbox .link-holder {
  padding-bottom: 18px;
}
@media (min-width: 768px) {
  div.lightbox .login-register-form .form-holder {
    min-height: 243px;
  }
}
@media (min-width: 768px) {
  div.lightbox .login-register-form .custom-checkbox {
    padding-top: 7px;
  }
}
div.lightbox .login-register-form .custom-checkbox [type="checkbox"]:checked ~ .fake-label {
  color: #4990e2;
}
div.lightbox .login-register-form .button-row {
  padding-top: 0;
}
@media (min-width: 768px) {
  div.lightbox .login-register-form .btn {
    min-width: 264px;
  }
}
@media (min-width: 768px) {
  div.lightbox .add-link {
    padding: 12px 0 43px;
  }
}
/* credit card form styles */
.credit-card-form .alert {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .credit-card-form .alert {
    margin-bottom: 16px;
  }
}
.lightbox .credit-card-form .form-group {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .lightbox .credit-card-form .form-group {
    margin-bottom: 15px;
  }
}
.credit-card-form .form-row {
  margin: 0 -9px;
  padding-bottom: 2px;
  width: calc(100% + 18px);
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .credit-card-form .form-row {
    padding-bottom: 5px;
  }
}
.lightbox .credit-card-form .form-row .form-group {
  width: 50%;
}
@media (min-width: 768px) {
  .lightbox .credit-card-form .form-row .form-group {
    width: 33.33%;
  }
}
.credit-card-form .form-row .form-group {
  padding: 0 9px;
}
.lightbox .credit-card-form .button-row .btn {
  min-width: 259px;
}
.cards-block {
  text-align: center;
  padding-top: 17px;
}
@media (min-width: 768px) {
  .cards-block {
    display: inline-block;
    vertical-align: top;
  }
}
.cards-block img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.cards-list {
  margin: 0 -2px;
  padding: 0;
  list-style: none;
}
.cards-list li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 5px;
}
.cards-list li:before {
  display: none;
}
.cards-list img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #505050;
  opacity: 0.6;
  z-index: 99;
  display: none;
}
/* basic table styles */
.table {
  border: 2px solid #d8d8d8;
  margin: 0 0 30px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .table {
    margin: 50px 0;
  }
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle;
  padding: 31px 10px;
}
.table > thead > tr > th {
  font-size: 18px;
  line-height: 20px;
  color: #505050;
  font-weight: 700;
  border-bottom: 0;
  padding: 22px 10px;
  text-align: center;
}
.table mark {
  margin: 0;
  padding: 0;
  background: none;
  color: #25cad3;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
}
.table mark a {
  color: #25cad3;
}
.table mark a:hover {
  color: #4990e2;
}
@media (max-width: 991px) {
  .table.rebuilded-table {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
  }
}
@media (max-width: 991px) {
  .table.rebuilded-table > thead {
    display: none;
  }
}
@media (max-width: 991px) {
  .table.rebuilded-table > tfoot,
  .table.rebuilded-table > tbody {
    display: block;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .table.rebuilded-table > tfoot > tr,
  .table.rebuilded-table > tbody > tr {
    display: block;
    width: 100%;
    border: 1px solid #d8d8d8;
    margin-bottom: 10px;
    padding: 16px 20px 14px;
  }
}
@media (max-width: 991px) {
  .table.rebuilded-table > tfoot > tr > th,
  .table.rebuilded-table > tbody > tr > th,
  .table.rebuilded-table > tfoot > tr > td,
  .table.rebuilded-table > tbody > tr > td {
    display: block;
    padding: 0 0 17px;
    margin: 0;
    width: 100%;
    border-top: 0;
  }
}
@media (max-width: 991px) {
  .table.rebuilded-table > tfoot > tr > th:last-child,
  .table.rebuilded-table > tbody > tr > th:last-child,
  .table.rebuilded-table > tfoot > tr > td:last-child,
  .table.rebuilded-table > tbody > tr > td:last-child {
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .table.rebuilded-table > tfoot > tr > th:before,
  .table.rebuilded-table > tbody > tr > th:before,
  .table.rebuilded-table > tfoot > tr > td:before,
  .table.rebuilded-table > tbody > tr > td:before {
    content: attr(data-label);
    display: block;
    width: 100%;
    position: relative;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
    font-weight: 700;
  }
}
/* shopping table styles */
@media (min-width: 992px) {
  .shopping-table tr > td:first-child,
  .shopping-table tr > th:first-child {
    width: 16.32%;
  }
}
@media (min-width: 992px) {
  .shopping-table tr > td:nth-child(2),
  .shopping-table tr > th:nth-child(2) {
    width: 6.84%;
  }
}
@media (min-width: 992px) {
  .shopping-table tr > td:nth-child(3),
  .shopping-table tr > th:nth-child(3) {
    width: 8.25%;
  }
}
@media (min-width: 992px) {
  .shopping-table tr > td:nth-child(4),
  .shopping-table tr > th:nth-child(4) {
    width: 9.91%;
  }
}
@media (min-width: 992px) {
  .shopping-table tr > td:nth-child(5),
  .shopping-table tr > th:nth-child(5) {
    width: 13.16%;
  }
}
@media (min-width: 992px) {
  .shopping-table tr > td:nth-child(6),
  .shopping-table tr > th:nth-child(6) {
    width: 12.81%;
  }
}
/* states table styles */
@media (min-width: 992px) {
  .states-table tr > td,
  .states-table tr > th {
    width: 33.33%;
  }
}
@media (max-width: 991px) {
  .states-table.rebuilded-table > tbody > tr,
  .states-table.rebuilded-table > tfoot > tr {
    padding-top: 24px;
    padding-bottom: 32px;
  }
}
/* help menu styles */
.help-menu {
  margin: 0 -5px;
  padding: 17px 0 0;
  list-style: none;
  display: flex;
  width: calc(100% + 10px);
  justify-content: space-between;
}
@media (min-width: 992px) {
  .help-menu {
    padding-top: 0;
    justify-content: space-around;
  }
}
.help-menu li {
  padding: 0 5px;
}
.help-menu li:before {
  display: none;
}
@media (min-width: 768px) {
  .status-alert {
    margin-bottom: 14px;
  }
}
@media (min-width: 992px) {
  .status-alert {
    font-size: 18px;
    line-height: 22px;
  }
}
.purchase-container {
  position: relative;
}
@media (min-width: 992px) {
  .purchase-container .main-title-block h1 {
    width: 50%;
  }
}
.purchase-menu {
  display: flex;
  padding: 5px 0 0;
  margin: 0 -5px;
  list-style: none;
  width: calc(100% + 10px);
  justify-content: space-between;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  color: #4990e2;
}
@media (min-width: 768px) {
  .purchase-menu {
    position: absolute;
    top: 8px;
    right: 0;
    display: block;
    text-align: right;
    width: auto;
    max-width: 40%;
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .purchase-menu {
    font-size: 14px;
    line-height: 1;
    max-width: 50%;
  }
}
.purchase-menu li {
  padding: 0 5px;
}
@media (min-width: 768px) {
  .purchase-menu li {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 10px;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .purchase-menu li {
    padding-left: 35px;
  }
}
.purchase-menu li:before {
  display: none;
}
@media (min-width: 768px) {
  .purchase-menu li:first-child {
    padding-left: 0;
  }
}
.purchase-menu .icon {
  color: #25cad3;
  font-size: 21px;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}
@media (min-width: 992px) {
  .purchase-menu .icon {
    font-size: 32px;
    line-height: 1;
    margin-right: 12px;
  }
}
.purchase-menu span {
  display: inline-block;
  vertical-align: middle;
}
.comments-box {
  background: #f5f5f5;
  font-size: 14px;
  line-height: 20px;
  color: #4990e2;
  border-radius: 3px;
  padding: 16px 15px 26px;
  margin-bottom: 16px;
}
.comments-box h3 {
  font-size: 15px;
  line-height: 1.47;
  font-weight: 700;
  letter-spacing: 0.013em;
  color: #4990e2;
  margin-bottom: 20px;
}
.comments-box blockquote {
  padding: 0;
  margin: 0;
  color: #4990e2;
  font-size: 14px;
  line-height: 20px;
}
.comments-box blockquote p {
  margin: 0;
}
.info-box {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.02em;
  padding-bottom: 40px;
}
.info-box .title-block {
  margin-bottom: 29px;
}
.purchase-container .info-box .title-block {
  margin-bottom: 29px;
}
.info-box .title {
  display: block;
}
.info-box .partner-logo {
  padding: 8px 0 24px;
  opacity: 0.5;
}
.info-box .partner-logo img {
  max-width: 100%;
  height: auto;
}
.info-box .delivery-info-title {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.17;
  color: #bdbaba;
}
/* login register slider styles */
.login-register-slider {
  width: 100%;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.31;
  padding-bottom: 28px;
}
@media (min-width: 768px) {
  .login-register-slider {
    padding-top: 28px;
  }
}
.login-register-slider .slides {
  width: 99999px;
  float: left;
}
@media (min-width: 768px) {
  .login-register-slider .slides {
    width: 100%;
    margin-right: 0;
  }
}
.login-register-slider .login-register-mask {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.login-register-slider .slide-col {
  width: 320px;
  float: left;
}
@media (min-width: 768px) {
  .login-register-slider .slide-col {
    width: 48.5%;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .login-register-slider .slide-col {
    width: 56.6%;
  }
}
.login-register-slider .slide-col .active {
  z-index: 1;
}
@media (min-width: 768px) {
  .login-register-slider .slide-col:first-child {
    width: 51.5%;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .login-register-slider .slide-col:first-child {
    padding-right: 30px;
    width: 43.4%;
  }
}
@media (min-width: 1200px) {
  .login-register-slider .slide-col:first-child {
    padding-right: 37px;
  }
}
.login-register-slider .title-row {
  border-bottom: 1px solid #e2e0e0;
  overflow: hidden;
  padding-bottom: 9px;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 18px;
  color: #25cad3;
}
.login-register-slider .title-row .title {
  float: left;
  max-width: 70%;
  padding-right: 5px;
}
.login-register-slider .title-row .next-slide {
  float: right;
}
.login-register-slider .next-slide,
.login-register-slider .prev-slide {
  text-transform: uppercase;
  font-weight: 700;
  color: #25cad3;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.login-register-slider .next-slide:hover,
.login-register-slider .prev-slide:hover {
  color: #4990e2;
}
.login-register-slider .next-slide .icon,
.login-register-slider .prev-slide .icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  line-height: 1;
  color: #fe3c76;
}
.login-register-slider .next-slide {
  margin-left: 5px;
  padding-right: 16px;
}
.login-register-slider .prev-slide {
  padding-left: 16px;
}
.login-register-slider .prev-slide .icon {
  right: auto;
  left: 0;
}
.login-register-slider .tab-content {
  margin-top: 0;
}
@media (min-width: 768px) {
  .login-register-slider .tab-content {
    padding-top: 8px;
  }
}
.login-register-slider p {
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .login-register-slider p {
    margin-bottom: 16px;
  }
}
/* additional tab navigation styles */
.add-nav-tabs {
  padding: 3px 0 23px;
  margin: 0 -2px;
  width: calc(100% + 4px);
  display: flex;
  font: 700 18px/22px 'bariol', Helvetica, Arial, sans-serif;
  letter-spacing: normal;
  border-bottom: 0;
  position: static;
}
@media (min-width: 768px) {
  .add-nav-tabs {
    margin: 0 -2px;
    width: calc(100% + 4px);
    padding: 0 0 18px;
  }
}
.add-nav-tabs li {
  width: 50%;
  padding: 0 2px;
  margin: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .add-nav-tabs li {
    padding: 0 2px;
  }
}
.add-nav-tabs li:before {
  display: none;
}
.add-nav-tabs li a {
  display: block;
  text-align: center;
  width: 100%;
  position: relative;
  letter-spacing: normal;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding: 20px 3px 13px;
  text-transform: none;
  border-radius: 2px 2px 0 0;
  border-bottom: 3px solid #92e4e9;
  margin: 0;
  transition: border-color 0.3s ease-in-out;
}
.add-nav-tabs li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .05;
  background: #25cad3;
  z-index: 1;
}
.add-nav-tabs li.active a,
.add-nav-tabs li.active a:focus,
.add-nav-tabs li.active a:hover,
.add-nav-tabs li a:hover {
  border-bottom: 3px solid #4990e2;
}
.add-nav-tabs li.active a .caption,
.add-nav-tabs li.active a:focus .caption,
.add-nav-tabs li.active a:hover .caption,
.add-nav-tabs li a:hover .caption {
  color: #4990e2;
  opacity: 1;
}
.add-nav-tabs .lavalamp-object {
  display: none !important;
}
.add-nav-tabs .caption {
  display: block;
  width: 100%;
  color: #25cad3;
  opacity: 0.3;
  transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
/* info list styles */
.info-list {
  list-style: none;
  margin: 0;
  padding: 25px 0;
  font-size: 16px;
  line-height: 1.31;
  font-weight: 700;
  color: #4990e2;
}
@media (min-width: 768px) {
  .info-list {
    padding: 11px 0 11px;
  }
}
@media (min-width: 992px) {
  .info-list {
    font-size: 18px;
    font-weight: bold;
  }
}
.info-list li {
  padding: 0 0 15px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .info-list li {
    padding-bottom: 11px;
  }
}
.info-list li:before {
  display: none;
}
.info-list a {
  width: 100%;
  display: flex;
  align-items: center;
}
.info-list .icon-holder {
  width: 74px;
  padding: 0 4px;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .info-list .icon-holder {
    width: 60px;
    justify-content: start;
    padding: 0 4px 0 0;
  }
}
.info-list .text {
  display: block;
  width: calc(100% - 74px);
}
/* login register form styles */
.login-register-form:before,
.login-register-form:after {
  content: " ";
  display: table;
}
.login-register-form:after {
  clear: both;
}
@media (min-width: 992px) {
  .login-register-form .form-row {
    margin: 0 -7px !important;
  }
}
.login-register-form .form-group {
  margin-bottom: 0;
  float: left;
  width: 100%;
}
.login-register-form .form-group:before,
.login-register-form .form-group:after {
  content: " ";
  display: table;
}
.login-register-form .form-group:after {
  clear: both;
}
@media (min-width: 992px) {
  .login-register-form .form-group {
    padding: 0 7px;
  }
}
.login-register-form .form-group.small {
  width: calc(100% - 65px);
}
@media (min-width: 992px) {
  .login-register-form .form-group.small {
    width: calc(50% - 48px);
  }
}
@media (min-width: 992px) {
  .login-register-form .form-group.medium {
    width: 50%;
  }
}
.login-register-form .form-control {
  font-size: 14px;
  height: 40px;
  padding: 7px 14px;
}
@media (max-width: 767px) {
  .login-register-form .form-control.text-center {
    text-align: left;
  }
}
.login-register-form .radios {
  padding: 0 5px 10px 0;
  width: 65px;
  float: left;
}
@media (min-width: 768px) {
  .login-register-form .radios {
    padding-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .login-register-form .radios {
    padding: 0 0 14px 7px;
    width: 48px;
  }
}
.login-register-form .radios .custom-radio {
  padding-top: 3px;
}
.login-register-form .custom-checkbox,
.login-register-form .custom-radio {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0;
}
.login-register-form .custom-checkbox .fake-label,
.login-register-form .custom-radio .fake-label {
  font-size: 14px;
  line-height: 16px;
}
.login-register-form .custom-checkbox .fake-input,
.login-register-form .custom-radio .fake-input {
  margin: 3px 5px 0 0;
}
.login-register-form .custom-checkbox [type="checkbox"]:checked ~ .fake-label,
.login-register-form .custom-radio [type="checkbox"]:checked ~ .fake-label,
.login-register-form .custom-checkbox [type="radio"]:checked ~ .fake-label,
.login-register-form .custom-radio [type="radio"]:checked ~ .fake-label {
  color: #808080;
  font-weight: 400;
}
.login-register-form .button-row {
  padding-top: 0;
}
.login-register-form .btn {
  min-width: 209px;
}
.login-register-form .checkbox-row {
  overflow: hidden;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  clear: both;
  padding-bottom: 28px;
}
.login-register-form .checkbox-row .custom-checkbox {
  display: block;
  overflow: hidden;
}
.login-register-form .checkbox-row .link {
  margin-left: 10px;
  max-width: 50%;
}
@media (min-width: 768px) {
  .info-form {
    max-width: 555px;
  }
}
.info-form input[type="email"],
.info-form input[type="tel"],
.info-form input[type="text"],
.info-form input[type="password"],
.info-form textarea,
.info-form .form-control {
  font-size: 14px;
  line-height: 24px;
  height: 40px;
  padding: 7px 14px;
}
@media (min-width: 768px) {
  .info-form input[type="email"],
  .info-form input[type="tel"],
  .info-form input[type="text"],
  .info-form input[type="password"],
  .info-form textarea,
  .info-form .form-control {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.info-form .form-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7px 0 -8px !important;
  padding-bottom: 0;
  width: calc(100% + 15px);
}
@media (min-width: 768px) {
  .info-form .form-row {
    padding-bottom: 0;
  }
}
.info-form .form-row .form-group {
  padding: 0 7px 0 8px;
}
.info-form .form-group {
  padding: 0 7px 0 8px;
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .info-form .form-group {
    width: 100%;
  }
}
.info-form .smallest-group {
  width: 50%;
}
@media (min-width: 768px) {
  .info-form .smallest-group {
    width: 32.4%;
  }
}
.info-form .smaller-group {
  width: 50%;
}
@media (min-width: 768px) {
  .info-form .smaller-group {
    width: 33.8%;
  }
}
@media (min-width: 768px) {
  .info-form .small-group {
    width: 36.8%;
  }
}
@media (min-width: 768px) {
  .info-form .medium-group {
    width: 63.2%;
  }
}
.info-form .checkbox-row:before,
.info-form .checkbox-row:after {
  content: " ";
  display: table;
}
.info-form .checkbox-row:after {
  clear: both;
}
@media (min-width: 768px) {
  .info-form .checkbox-row .custom-checkbox {
    float: right;
    max-width: 50%;
  }
}
.info-form .custom-checkbox,
.info-form .custom-radio {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .info-form .custom-checkbox,
  .info-form .custom-radio {
    padding-top: 6px;
  }
}
.info-form .custom-checkbox .fake-label,
.info-form .custom-radio .fake-label {
  font-size: 14px;
  line-height: 16px;
}
.info-form .custom-checkbox .fake-input,
.info-form .custom-radio .fake-input {
  margin: 3px 5px 0 0;
}
.info-form .custom-checkbox [type="checkbox"]:checked ~ .fake-label,
.info-form .custom-radio [type="checkbox"]:checked ~ .fake-label,
.info-form .custom-checkbox [type="radio"]:checked ~ .fake-label,
.info-form .custom-radio [type="radio"]:checked ~ .fake-label {
  color: #808080;
  font-weight: 400;
}
@media (min-width: 992px) {
  .info-form.credit-card-form input[type="email"],
  .info-form.credit-card-form input[type="tel"],
  .info-form.credit-card-form input[type="text"],
  .info-form.credit-card-form input[type="password"],
  .info-form.credit-card-form textarea,
  .info-form.credit-card-form .form-control {
    padding-left: 27px;
    padding-right: 27px;
  }
}
.form-opener {
  display: inline-block;
  vertical-align: top;
  padding-left: 13px;
  margin-bottom: 13px;
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 27px;
  font-weight: 700;
  color: #25cad3;
}
.form-opener:hover {
  color: #4990e2;
}
.form-opener:before,
.form-opener:after {
  width: 11px;
  height: 1px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fe3c76;
}
.form-opener:after {
  width: 1px;
  height: 11px;
  left: 5px;
}
.form-block .form-opener {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
  padding-left: 16px;
}
@media (min-width: 768px) {
  .form-block .form-opener {
    display: inline-block;
    vertical-align: top;
    position: relative;
    white-space: normal;
    top: auto;
    left: auto;
  }
}
.form-block .form-opener:before,
.form-block .form-opener:after {
  width: 11px;
  height: 7px;
  background: none;
  border: solid #fe3c76;
  border-width: 2px 0;
  transform: translateY(0);
  top: 8px;
}
.form-block .form-opener:after {
  width: 11px;
  height: 2px;
  border-width: 2px 0 0;
  left: 0;
  top: 18px;
}
@media (min-width: 768px) {
  .checkbox-row .form-opener {
    float: left;
    max-width: 50%;
    padding-right: 5px;
  }
}
.form-block {
  padding-top: 41px;
  position: relative;
}
@media (min-width: 768px) {
  .form-block {
    padding-top: 0;
  }
}
.form-block .cards-block {
  padding-bottom: 46px;
}
@media (min-width: 768px) {
  .form-block .cards-block {
    padding-top: 32px;
  }
}
.content-container {
  position: relative;
}
.content-container:before,
.content-container:after {
  content: " ";
  display: table;
}
.content-container:after {
  clear: both;
}
@media (max-width: 991px) {
  .content-container {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
  }
}
@media (min-width: 992px) {
  .content-container {
    margin: 0 -10px;
    width: calc(100% + 20px);
    padding-top: 20px;
  }
}
@media (max-width: 991px) {
  .content-container:after,
  .content-container:before {
    display: none !important;
  }
}
.content-container .sidebar {
  width: 106px;
  order: 2;
  border: solid #d8d8d8;
  border-width: 1px 0 1px 1px;
  background: #fafafa;
}
@media (min-width: 992px) {
  .content-container .sidebar {
    width: calc(20% - 20px);
    margin: 0 10px;
    float: left;
    border-width: 1px;
  }
}
.content-container .content {
  width: 100%;
  order: 4;
}
@media (min-width: 768px) {
  .content-container .content {
    padding-top: 15px;
  }
}
@media (min-width: 992px) {
  .content-container .content {
    float: right;
    width: 80%;
    padding: 0 10px;
  }
}
/* filter list information */
.list-info {
  width: 100%;
  order: 1;
  color: #505050;
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 15px;
}
@media (min-width: 992px) {
  .list-info {
    float: right;
    width: 80%;
    padding: 0 10px 15px;
    text-align: right;
  }
}
.list-info strong {
  font-weight: 700;
}
/* additional filter bar*/
.filter-bar {
  width: calc(100% - 106px);
  order: 3;
  text-align: right;
  border: solid #d8d8d8;
  border-width: 1px 1px 1px 0;
  background: #fafafa;
  color: #505050;
  font-size: 14px;
  line-height: 20px;
  padding: 0 10px;
}
@media (min-width: 992px) {
  .filter-bar {
    float: right;
    width: calc(80% - 20px);
    margin: 0 10px 12px;
    padding: 0 12px;
    text-align: left;
    border-width: 1px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  .add-filter-wrap {
    padding-left: 25px;
  }
}
.add-filter-wrap.pull-left {
  padding-left: 0;
}
.add-filter-wrap .title-text {
  line-height: 20px;
  padding: 10px 6px 9px 0;
  letter-spacing: 0.028em;
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 992px) {
  .add-filter-wrap .title-text {
    padding: 7px 6px 9px 0;
  }
}
.add-filter {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 992px) {
  .add-filter {
    position: relative;
  }
}
@media (min-width: 640px) {
  .add-filter.right-side .drop {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .add-filter.right-side .drop {
    right: -13px;
    left: auto;
  }
}
.add-filter.center .drop {
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
@media (min-width: 640px) {
  .add-filter.big-size .drop {
    width: 298px;
  }
}
@media (min-width: 640px) {
  .add-filter.small-size .drop {
    width: 104px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.add-filter .opener {
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  font-weight: 700;
  letter-spacing: 0.022em;
  color: #4990e2;
  padding: 9px 20px 10px 0;
  height: 39px;
  position: relative;
  outline: none;
}
@media (min-width: 992px) {
  .add-filter .opener {
    padding: 6px 20px 10px 0;
    height: 36px;
  }
}
.add-filter .opener:after {
  transition: transform 0.3s ease-in-out;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 3px;
  border-top: 6px solid #25cad3;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
@media (min-width: 992px) {
  .add-filter .opener:after {
    margin-top: 0;
  }
}
.add-filter .opener:hover,
.add-filter .opener:focus {
  outline: none;
}
.add-filter .opener .icon-holder {
  font-size: 20px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  padding-right: 4px;
  margin: -2px 0;
}
.add-filter .opener .icon-holder i {
  display: inline-block;
  vertical-align: top;
}
.add-filter .opener .text {
  display: inline-block;
  vertical-align: middle;
}
.add-filter .drop {
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  position: absolute;
  left: 0;
  width: 100%;
  border: 1px solid #d8d8d8;
  background: #fafafa;
  padding: 24px 5px 14px 34px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.013em;
  text-align: left;
  color: #505050;
  opacity: 0;
  visibility: hidden;
  z-index: 15;
}
@media (min-width: 640px) {
  .add-filter .drop {
    left: -22px;
    width: 200px;
    padding: 24px 21px 14px;
  }
}
@media (min-width: 992px) {
  .add-filter .drop {
    top: 100%;
    padding: 8px 21px 6px;
  }
}
.add-filter.drop-active .opener:after {
  transform: rotate(180deg) translateY(50%);
}
.add-filter.drop-active .drop {
  visibility: visible;
  opacity: 1;
}
.add-filter-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.add-filter-list > li {
  padding: 0 0 10px;
  color: #4990e2;
}
.add-filter-list > li:before {
  display: none;
}
.add-filter-list > li > a {
  display: inline-block;
  vertical-align: top;
}
.add-filter-list > li > a .icon-holder {
  float: left;
  font-size: 20px;
  line-height: 1;
  width: 32px;
  padding-right: 4px;
}
.add-filter-list > li > a .text {
  display: block;
  overflow: hidden;
}
dl.add-filter-list {
  display: flex;
  flex-flow: row wrap;
}
@media (min-width: 992px) {
  dl.add-filter-list {
    padding-top: 32px;
    padding-bottom: 21px;
  }
}
dl.add-filter-list dt {
  line-height: 20px;
  width: calc(100% - 150px);
  padding: 0 10px 11px 0;
}
@media (min-width: 640px) {
  dl.add-filter-list dt {
    width: 39.4%;
  }
}
dl.add-filter-list dd {
  line-height: 20px;
  margin: 0;
  width: 150px;
  padding-bottom: 11px;
}
@media (min-width: 640px) {
  dl.add-filter-list dd {
    width: 60.6%;
  }
}
.list-links {
  margin: 0;
}
.list-links li {
  padding: 0;
}
.list-links li:last-child:after {
  display: none;
}
.list-links li:before {
  display: none;
}
.list-links li:after {
  width: 1px;
  height: 13px;
  content: "";
  display: inline-block;
  vertical-align: top;
  margin: 4px 5px 0 8px;
  background: #505050;
}
@media (max-width: 991px) {
  .filter-blocks {
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    position: absolute;
    left: 0;
    width: 100%;
    border: 1px solid #d8d8d8;
    background: #fafafa;
    opacity: 0;
    visibility: hidden;
    z-index: 15;
  }
}
@media (max-width: 991px) {
  .filter-active .filter-blocks {
    opacity: 1;
    visibility: visible;
  }
}
.filter-opener {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 39px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: left;
  color: #505050;
}
@media (min-width: 992px) {
  .filter-opener {
    font-size: 19px;
    line-height: 20px;
    display: block;
    text-align: left;
    letter-spacing: 0.025em;
    padding: 9px 35px 10px 15px;
    position: relative;
    pointer-events: none;
  }
}
.filter-opener .icon-holder {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  color: #25cad3;
  position: relative;
}
@media (min-width: 992px) {
  .filter-opener .icon-holder {
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -10px 0 0;
  }
}
.filter-opener .icon-holder .icon {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filter-opener .icon-holder .icon.icon-filter-filled {
  font-size: 18px;
  line-height: 1;
}
@media (max-width: 991px) {
  .filter-active .filter-opener .icon-holder .icon.icon-filter-filled {
    opacity: 0;
    visibility: hidden;
  }
}
.filter-opener .icon-holder .icon.icon-close {
  padding-top: 1px;
  font-size: 10px;
  line-height: 1;
  color: #4990e2;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .filter-active .filter-opener .icon-holder .icon.icon-close {
    opacity: 1;
    visibility: visible;
  }
}
.filter-open-close {
  border-top: 1px solid #d8d8d8;
}
.filter-open-close:first-child {
  border: none;
}
@media (min-width: 992px) {
  .filter-open-close:first-child {
    border-top: 1px solid #d8d8d8;
  }
}
.filter-open-close > a {
  display: block;
  padding: 16px 30px 16px 14px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #505050;
  position: relative;
}
@media (min-width: 992px) {
  .filter-open-close > a {
    padding: 16px 30px 16px 14px;
    font-size: 16px;
    line-height: 20px;
  }
}
.filter-open-close > a:hover,
.filter-open-close > a:focus {
  color: #2f80de;
  outline: none;
}
.filter-open-close > a.filter-slide-opener > .icon {
  display: block;
}
.filter-open-close > a > .icon {
  transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 8px;
  line-height: 1;
  display: none;
}
@media (min-width: 992px) {
  .filter-open-close > a > .icon {
    font-size: 8px;
    right: 10px;
  }
}
.filter-open-close.slide-box-active .filter-slide-opener .icon {
  transform: translateY(-50%) rotate(180deg);
}
.filter-slide-box {
  padding: 0 14px 20px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .filter-slide-box {
    padding: 5px 14px 19px;
  }
}
.filter-slide-box .num {
  font-weight: 400;
  margin-left: 5px;
}
.filter-slide-box > .filter-list > li:first-child {
  padding-top: 0;
}
.filter-list {
  margin: 0;
  padding: 0;
}
.filter-list li {
  padding: 13px 0 0;
}
.filter-list li:before {
  display: none;
}
.filter-list ul {
  padding-left: 14px;
}
.filter-list ul .active a {
  color: #505050;
  pointer-events: none;
}
.remove-filter {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  margin: 4px 0 0 5px;
  color: #4990e2;
  display: none;
}
.remove-filter:hover {
  color: #3383de;
}
li.active .remove-filter {
  display: inline-block;
  vertical-align: top;
}
li.parent .remove-filter,
.add-filter-list .remove-filter {
  display: none;
}
.add-filter-list li.active .remove-filter {
  display: inline-block;
  vertical-align: top;
}
.open-close-wrap {
  margin: 0 -14px;
}
@media (min-width: 992px) {
  .open-close-wrap {
    position: relative;
  }
}
.open-close-wrap.slide-active .opener:after {
  opacity: 0;
  visibility: hidden;
}
.open-close-wrap .opener {
  display: inline-block;
  vertical-align: top;
  padding-right: 16px;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin: 13px 14px 0;
}
.open-close-wrap .opener:before,
.open-close-wrap .opener:after {
  width: 11px;
  height: 1px;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #fe3c76;
  font-weight: 400;
}
.open-close-wrap .opener:after {
  width: 1px;
  height: 11px;
  right: 5px;
}
.open-close-wrap .opener:hover,
.open-close-wrap .opener:focus {
  outline: none;
}
.open-close-wrap .slide-block {
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 992px) {
  .open-close-wrap.has-multi-drop .slide-block,
  .open-close-wrap.has-one-level-drop .slide-block {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    position: absolute;
    left: 100% !important;
    top: -99px !important;
    height: auto !important;
    width: calc(100% + 42px);
    z-index: 50;
    background: #fafafa;
    border: 1px solid #d8d8d8;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    pointer-events: none;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 992px) {
  .open-close-wrap.has-multi-drop.slide-active .slide-block,
  .open-close-wrap.has-one-level-drop.slide-active .slide-block {
    opacity: 1;
    visibility: visible;
    height: auto !important;
    display: block !important;
    pointer-events: auto;
  }
}
@media (max-width: 991px) {
  .open-close-wrap.has-one-level-drop .slide-block {
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .open-close-wrap.has-one-level-drop .slide-block {
    width: calc(((100% + 22px) * 4) + 1px);
    padding: 18px 0 8px;
  }
}
.open-close-wrap.has-one-level-drop .filter-list {
  padding: 5px 0;
}
@media (max-width: 991px) {
  .open-close-wrap.has-one-level-drop .filter-list {
    max-height: 80vh;
    overflow: auto;
  }
}
@media (min-width: 992px) {
  .open-close-wrap.has-one-level-drop .filter-list {
    column-count: 4;
    column-gap: 0;
    column-rule: 1px solid #d8d8d8;
    overflow: visible;
    padding: 2px 0;
  }
}
.open-close-wrap.has-one-level-drop .filter-list li {
  padding: 9px 0;
}
@media (min-width: 992px) {
  .open-close-wrap.has-one-level-drop .filter-list li {
    margin: 0;
    padding: 9px 30px;
  }
}
.open-close-wrap.has-one-level-drop .filter-list li.active {
  background: rgba(216, 216, 216, 0.3);
}
.filter-accordion {
  margin: 14px -14px 0;
  padding: 14px 14px 5px;
  border-top: 1px solid #d8d8d8;
}
@media (min-width: 992px) {
  .filter-accordion {
    margin: 0;
    border: 0;
    padding: 18px 0 10px;
  }
}
.filter-accordion > li {
  padding: 0;
}
@media (min-width: 992px) {
  .filter-accordion > li {
    position: static;
  }
}
.filter-accordion > li.active .opener-holder {
  background: rgba(216, 216, 216, 0.3);
}
.filter-accordion > li.active .ac-opener:before {
  transform: rotate(90deg);
}
@media (min-width: 992px) {
  .filter-accordion > li.active .ac-opener:before {
    transform: rotate(0);
  }
}
@media (min-width: 992px) {
  .filter-accordion > li.active .ac-slide {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.filter-accordion > li:before {
  display: none;
}
.filter-accordion .opener-holder {
  transition: background 0.3s ease-in-out;
  display: block;
  margin: 0 -14px;
  padding: 9px 35px 9px 14px;
  position: relative;
}
@media (min-width: 992px) {
  .filter-accordion .opener-holder {
    margin: 0 -30px;
    padding-left: 30px;
  }
}
.filter-accordion .ac-opener {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  width: 35px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .filter-accordion .ac-opener {
    pointer-events: none;
  }
}
@media (min-width: 992px) {
  .touch-device .filter-accordion .ac-opener {
    pointer-events: auto;
  }
}
.filter-accordion .ac-opener:before {
  transition: transform 0.3s ease-in-out;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-left: 6px solid #25cad3;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  margin: 1px 0 0 1px;
}
.filter-accordion .ac-slide {
  margin: 0 -14px;
}
@media (min-width: 992px) {
  .filter-accordion .ac-slide {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    position: absolute;
    left: 100% !important;
    top: -1px !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    width: calc((100% - 24px) * 3);
    z-index: 50;
    background: #fafafa;
    border: 1px solid #d8d8d8;
    opacity: 0;
    visibility: hidden;
    padding: 18px 0 8px;
    pointer-events: none;
  }
}
.filter-accordion .ac-slide .filter-list {
  padding: 14px 0;
}
@media (max-width: 991px) {
  .filter-accordion .ac-slide .filter-list {
    max-height: calc(100vh - 58px);
    overflow: auto;
  }
}
@media (min-width: 992px) {
  .filter-accordion .ac-slide .filter-list {
    column-count: 3;
    column-gap: 0;
    column-rule: 1px solid #d8d8d8;
    overflow: visible;
    padding: 2px 0;
  }
}
.filter-accordion .ac-slide .filter-list li {
  padding: 9px 14px 9px 28px;
}
@media (min-width: 992px) {
  .filter-accordion .ac-slide .filter-list li {
    margin: 0;
    padding: 9px 30px;
  }
}
.filter-accordion .ac-slide .filter-list li.active {
  background: rgba(216, 216, 216, 0.3);
}
.title-area {
  padding-bottom: 5px;
}
@media (min-width: 768px) {
  .title-area {
    padding: 30px 0 10px;
  }
}
@media (min-width: 992px) {
  .title-area {
    padding-bottom: 75px;
  }
}
.title-area .icon-holder {
  padding-bottom: 6px;
}
@media (min-width: 992px) {
  .title-area .icon-holder {
    padding-bottom: 14px;
  }
}
.title-area .icon-holder img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.title-area h1 {
  font-size: 48px;
  line-height: 0.96;
  font-weight: 300;
  color: #505050;
}
@media (min-width: 992px) {
  .title-area h1 {
    font-size: 84px;
    line-height: 84px;
  }
}
.faq-category {
  padding-top: 20px;
}
.faq-category:first-child {
  padding-top: 0;
}
.faq-category h2 {
  font-size: 24px;
  line-height: 30px;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .faq-category h2 {
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 20px;
  }
}
.faq-category h2 .icon {
  height: 50px;
  min-width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 4px;
  font-size: 50px;
  line-height: 1;
}
@media (min-width: 992px) {
  .faq-category h2 .icon {
    margin-right: 6px;
  }
}
.faq-category h2 .icon.icon-leaf,
.faq-category h2 .icon.icon-cart {
  font-size: 34px;
}
.faq-category h2 .icon.icon-card {
  font-size: 31px;
}
.faq-category h2 .text {
  display: block;
  flex-grow: 1;
}
.faq-item {
  font-size: 18px;
  line-height: 27px;
  padding: 0;
}
@media (min-width: 768px) {
  .faq-item {
    padding: 10px 0 0;
  }
}
@media (min-width: 992px) {
  .faq-item {
    font-size: 16px;
    line-height: 27px;
    padding: 10px 0 13px;
  }
}
.faq-item h4 {
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.03em;
  margin-bottom: 10px;
  color: #4990e2;
}
@media (min-width: 992px) {
  .faq-item h4 {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 17px;
  }
}
.faq-item .bullets-info {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .faq-item .bullets-info {
    font-size: 14px;
    line-height: 27px;
  }
}
@media (min-width: 992px) {
  .faq-item .bullets-info li {
    padding-left: 18px;
  }
}
.faq-item .bullets-info li:before {
  top: 13px;
}
@media (min-width: 992px) {
  .faq-item .bullets-info li:before {
    top: 11px;
  }
}
.features {
  padding: 17px 0 0;
  margin: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .features {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
  }
}
@media (min-width: 992px) {
  .features {
    padding: 0 0 30px;
  }
}
.features li {
  padding: 0 0 30px;
}
@media (min-width: 768px) {
  .features li {
    width: 33.33%;
    padding: 0 10px 20px;
  }
}
@media (min-width: 992px) {
  .features li {
    padding-bottom: 30px;
  }
}
.features li:before {
  display: none;
}
.features .icon-holder {
  max-width: 130px;
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .features .icon-holder {
    width: 100%;
    max-width: 100%;
    min-height: 155px;
    position: relative;
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .features .icon-holder:before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 0 -5px;
    height: 155px;
    width: 1px;
  }
}
.features .icon-holder img {
  white-space: normal;
  display: inline-block;
  vertical-align: bottom;
}
@media (max-width: 991px) {
  .features .icon-holder img {
    max-width: 100%;
    height: auto;
  }
}
@media (min-width: 992px) {
  .features .icon-holder img {
    max-height: 155px;
    width: auto;
  }
}
.features .caption {
  display: block;
  max-width: 180px;
  margin: 0 auto;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #25cad3;
}
@media (min-width: 768px) {
  .features .caption {
    font-size: 20px;
    line-height: 30px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .features .caption {
    font-size: 24px;
    line-height: 30px;
  }
}
.help-box {
  margin: 0 0 10px;
}
@media (max-width: 767px) {
  .help-box {
    position: relative;
  }
}
@media (min-width: 768px) {
  .help-box {
    border: 1px solid #d8d8d8;
    background: #fafafa;
  }
}
.help-box .title-wrap {
  display: flex;
  width: 100%;
  border: 1px solid #d8d8d8;
  background: #fafafa;
  padding: 10px 10px 10px 13px;
}
@media (min-width: 768px) {
  .help-box .title-wrap {
    border-width: 0 0 1px;
  }
}
@media (min-width: 992px) {
  .help-box .title-wrap {
    padding: 8px 10px 8px 13px;
  }
}
.help-box .title-wrap h3 {
  color: #505050;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  width: 70px;
  padding-right: 10px;
  margin: 0;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .help-box .title-wrap h3 {
    width: 100%;
    font-size: 19px;
    line-height: 22px;
  }
}
.help-box .title-wrap .opener-wrap {
  width: calc(100% - 70px);
  text-align: right;
}
@media (min-width: 768px) {
  .help-box .title-wrap .opener-wrap {
    display: none;
  }
}
.help-box .help-opener {
  border: 0;
  padding: 0 20px 0 0;
  margin: 0;
  background: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #4990e2;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.help-box .help-opener:after {
  transition: transform 0.3s ease-in-out;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-top: 6px solid #25cad3;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.help-box.drop-active .help-opener:after {
  transform: translateY(-50%) rotate(-180deg);
}
.help-drop {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: solid #d8d8d8;
  border-width: 0 1px 1px;
  background: #fafafa;
  z-index: 80;
}
@media (max-width: 767px) {
  .help-drop {
    max-height: 100vh;
    overflow: auto;
  }
}
@media (min-width: 768px) {
  .help-drop {
    border: none;
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    height: auto !important;
    margin: 0 !important;
  }
}
@media (min-width: 768px) {
  .help-drop.js-slide-hidden {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    height: auto !important;
    margin: 0 !important;
  }
}
.help-drop .jcf-scrollable-wrapper {
  transition: height 0.1s linear;
}
@media (max-width: 767px) {
  .help-drop .jcf-scrollable-wrapper {
    height: auto !important;
  }
}
.help-drop .jcf-scrollable {
  width: 100% !important;
  transition: height 0.1s linear;
}
@media (max-width: 767px) {
  .help-drop .jcf-scrollable {
    height: auto !important;
  }
}
@media (min-width: 768px) {
  .help-drop .jcf-scrollable {
    max-height: calc(100vh - 180px) !important;
  }
}
@media (min-width: 992px) {
  .help-drop .jcf-scrollable {
    max-height: calc(100vh - 150px) !important;
  }
}
/* accordion with anchor links */
.help-accordion {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
}
.help-accordion .opener-holder {
  position: relative;
}
.help-accordion .opener-holder a {
  display: block;
  color: #505050;
  padding: 18px 40px 18px 13px;
  position: relative;
  z-index: 1;
}
.help-accordion .opener-holder a:hover {
  color: #4990e2;
}
.help-accordion .opener-holder.parent-anchor-active a {
  color: #4990e2;
  font-weight: 700;
}
.help-accordion .opener {
  border: 0;
  position: absolute;
  background: none;
  padding: 0;
  margin: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.help-accordion .opener .icon {
  transition: transform 0.3s ease-in-out;
  font-size: 8px;
  line-height: 1;
}
.help-accordion > li {
  padding: 0;
}
.help-accordion > li + li {
  border-top: 1px solid #d8d8d8;
}
.help-accordion > li:before {
  display: none;
}
.help-accordion > li.active .opener-holder a {
  font-weight: 700;
  color: #4990e2;
}
.help-accordion > li.active .opener .icon {
  transform: rotate(-180deg);
}
.help-accordion .slide {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 0 10px 10px 13px;
}
.help-accordion .slide ul {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
}
.help-accordion .slide ul li {
  padding: 10px 0;
}
.help-accordion .slide ul li:before {
  display: none;
}
.help-accordion .slide a {
  color: #4990e2;
}
.help-accordion .slide a:hover,
.help-accordion .slide a.anchor-active {
  color: #1f69c0;
}
.bg-color-primary {
  background: #25cad3;
}
.bg-color-info {
  background: #4990e2;
}
.bg-color-danger {
  background: #fe3c76;
}
.num-list {
  margin: 0;
  padding: 8px 0 4px;
  list-style: none;
  counter-reset: list;
}
@media (min-width: 768px) {
  .num-list {
    padding-left: 52px;
  }
}
@media (min-width: 992px) {
  .num-list {
    font-size: 20px;
    line-height: 1.7;
    padding: 0 0 29px 52px;
  }
}
.num-list > li {
  position: relative;
  padding: 0 0 25px 10px;
}
@media (min-width: 768px) {
  .num-list > li {
    padding: 0 0 20px 30px;
  }
}
.num-list > li:before {
  counter-increment: list;
  content: counter(list) " ";
  color: #4990e2;
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  margin: -5px 0 -2px -20px;
  padding-right: 7px;
  min-width: 20px;
}
@media (min-width: 768px) {
  .num-list > li:before {
    margin-left: -30px;
    min-width: 30px;
  }
}
@media (min-width: 992px) {
  .num-list > li:before {
    margin-top: -1px;
  }
}
.text-section {
  font-size: 18px;
  line-height: 1.5;
  color: #9b9b9b;
}
@media (min-width: 992px) {
  .text-section {
    font-size: 24px;
    line-height: 1.42;
  }
}
.text-section .text-wrap {
  padding: 25px 15px;
}
@media (min-width: 992px) {
  .text-section .text-wrap {
    padding: 25px 0;
    max-width: 700px;
    margin: 0 auto;
  }
}
.text-section .text-wrap p {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .text-section .text-wrap p {
    margin-bottom: 40px;
  }
}
.text-section p {
  margin-bottom: 22px;
}
.text-section h2 {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .text-section h2 {
    font-size: 36px;
    line-height: 1.06;
  }
}
@media (min-width: 992px) {
  .text-section h2 {
    margin-bottom: 27px;
  }
}
.text-section .alt-nav-tabs {
  padding-top: 11px;
  margin-bottom: 28px;
}
.text-section .alt-nav-tabs li {
  padding-left: 18px;
  padding-right: 18px;
}
.text-section ul {
  font-size: 18px;
  line-height: 1.5;
  padding: 8px 0 0;
  color: #9b9b9b;
}
@media (min-width: 992px) {
  .text-section ul {
    font-size: 24px;
    line-height: 1.417;
    padding-top: 0;
  }
}
.text-section ul li {
  padding: 0 0 20px 4px;
}
@media (min-width: 768px) {
  .text-section ul li {
    padding-left: 28px;
  }
}
.text-section ul li:before {
  left: -10px;
}
@media (min-width: 768px) {
  .text-section ul li:before {
    left: 1px;
  }
}
@media (min-width: 992px) {
  .text-section ul li:before {
    left: 1px;
    top: 16px;
  }
}
.text-section mark {
  background: none;
  margin: 0;
  padding: 0;
  color: #4990e2;
}
.text-section .btn-holder {
  padding-bottom: 25px;
}
@media (min-width: 992px) {
  .text-section .btn-holder {
    padding: 20px 0 50px;
  }
}
.text-section .btn-holder .btn {
  min-width: 240px;
}
@media (min-width: 992px) {
  .text-section .btn-holder .btn {
    min-width: 295px;
  }
}
.ico-heading {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 992px) {
  .ico-heading {
    padding-left: 66px;
    display: block;
    position: relative;
  }
}
h2.ico-heading {
  letter-spacing: -0.003em;
}
.text-wrap .ico-heading {
  width: calc(100% + 43px);
  margin-left: -19px;
  margin-right: -24px;
}
@media (min-width: 768px) {
  .text-wrap .ico-heading {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .text-wrap .ico-heading {
    margin-left: -66px;
    width: calc(100% + 66px);
  }
}
.ico-heading .icon {
  height: 50px;
  min-width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 50px;
  line-height: 1;
  margin: 0 4px 5px 0;
}
@media (min-width: 992px) {
  .ico-heading .icon {
    margin-right: 0;
    position: absolute;
    left: 0;
    top: -5px;
  }
}
.ico-heading .icon.icon-leaf,
.ico-heading .icon.icon-cart {
  font-size: 34px;
}
.ico-heading .icon.icon-card {
  font-size: 31px;
}
.ico-heading .text {
  display: block;
  flex-grow: 1;
}
.alt-tab-content {
  padding: 0 26px 38px;
}
@media (min-width: 768px) {
  .alt-tab-content {
    display: flex;
    flex-flow: row wrap;
    width: calc(100% + 20px);
    margin: 0 -10px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .alt-tab-content {
    margin: 0 -15px;
    padding-bottom: 32px;
    width: calc(100% + 30px);
  }
}
@media (max-width: 767px) {
  .alt-tab-content .tab-pane {
    background: none;
  }
}
@media (min-width: 768px) {
  .alt-tab-content .tab-pane {
    width: calc(33.33% - 20px);
    text-align: left;
    display: block !important;
    color: #ffffff;
    font-weight: 700;
    padding: 20px;
    border-radius: 0 35px 0 35px;
    margin: 0 10px 20px;
    position: relative;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .alt-tab-content .tab-pane {
    width: calc(33.33% - 30px);
    font-size: 20px;
    line-height: 24px;
    margin: 0 15px 30px;
    padding: 30px 30px 25px;
    min-height: 610px;
  }
}
.alt-tab-content .tab-pane > * {
  position: relative;
  z-index: 2;
}
.alt-tab-content .tab-pane h2 {
  text-transform: uppercase;
  text-align: left;
  color: #4990e2;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 11px;
}
@media (min-width: 768px) {
  .alt-tab-content .tab-pane h2 {
    color: #ffffff;
    text-transform: none;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .alt-tab-content .tab-pane h2 {
    font-size: 36px;
    line-height: 1.11;
    margin-bottom: 26px;
  }
}
@media (min-width: 768px) {
  .alt-tab-content .tab-pane h2.bordered {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .alt-tab-content .tab-pane h2.bordered {
    padding: 10px 0 28px;
    margin-bottom: 39px;
  }
}
.alt-tab-content .tab-pane .icon-decor {
  opacity: 0.2;
  position: absolute;
  right: -44px;
  bottom: 0;
  z-index: 0;
}
.alt-tab-content .tab-pane .icon-decor img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.alt-tab-content .tab-pane p {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .alt-tab-content .tab-pane .year {
    display: block;
    margin-bottom: 4px;
  }
}
.alt-tab-content .bullets-info {
  padding: 0 0 9px;
  margin: 0;
  font-size: 18px;
  line-height: 1.333;
}
@media (min-width: 768px) {
  .alt-tab-content .bullets-info {
    font-weight: 400;
    color: #ffffff;
  }
}
@media (min-width: 992px) {
  .alt-tab-content .bullets-info {
    font-size: 20px;
    line-height: 1.2;
    padding-top: 0;
  }
}
.alt-tab-content .bullets-info li {
  padding: 0 0 22px;
}
@media (min-width: 768px) {
  .alt-tab-content .bullets-info li {
    padding: 0 0 16px 19px;
  }
}
@media (min-width: 992px) {
  .alt-tab-content .bullets-info li {
    padding-left: 19px;
  }
}
.alt-tab-content .bullets-info li:before {
  left: -21px;
}
@media (min-width: 768px) {
  .alt-tab-content .bullets-info li:before {
    left: 0;
    background: #ffffff;
  }
}
@media (min-width: 992px) {
  .alt-tab-content .bullets-info li:before {
    top: 8px;
    left: 0;
  }
}
@media (min-width: 768px) {
  .alt-tab-content .bullets-info strong {
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .alt-tab-content .bullets-info .text-info {
    color: #ffffff;
  }
}
.big-image {
  width: 100%;
  padding-bottom: 29px;
}
@media (min-width: 992px) {
  .big-image {
    padding-bottom: 45px;
  }
}
.big-image img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.items-blocks {
  padding: 5px 0 25px;
}
@media (min-width: 992px) {
  .items-blocks {
    padding-bottom: 74px;
  }
}
.alt-items-blocks {
  padding: 30px 0;
}
@media (min-width: 992px) {
  .alt-items-blocks {
    padding: 21px 0 60px;
  }
}
.alt-items-blocks .item-block {
  padding-bottom: 11px;
}
@media (min-width: 992px) {
  .alt-items-blocks .item-block {
    padding: 0 0 55px 56px;
  }
}
.articles-blocks {
  padding: 25px 0;
}
@media (min-width: 992px) {
  .articles-blocks {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .articles-blocks .item-block {
    line-height: 1.417;
  }
}
.item-block {
  font-size: 14px;
  line-height: 1.29;
  color: #9b9b9b;
  text-align: left;
}
@media (min-width: 768px) {
  .item-block {
    padding-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .item-block {
    padding-bottom: 22px;
    font-size: 24px;
    line-height: 1.33;
  }
}
.item-block .heading {
  padding-bottom: 6px;
}
@media (max-width: 991px) {
  .item-block .heading {
    text-align: left;
    padding-top: 10px;
  }
}
.item-block .heading h2 {
  color: #25cad3;
}
@media (max-width: 991px) {
  .item-block .heading h2 {
    padding: 13px 0 0;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .item-block .heading h2 {
    padding-bottom: 17px;
  }
}
@media (max-width: 991px) {
  .item-block .heading h2:before {
    width: 59px;
    bottom: auto;
    top: 0;
    left: 0;
    transform: translateX(0);
  }
}
@media (min-width: 992px) {
  .item-block .heading h2:before {
    width: 164px;
  }
}
@media (min-width: 992px) {
  .item-block .text-block {
    margin: -106px 67px 0;
    background: #ffffff;
    padding: 19px 30px 11px;
    position: relative;
  }
}
.item-block h2 {
  font-size: 20px;
  line-height: 1.1;
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .item-block h2 {
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 14px;
  }
}
@media (min-width: 992px) {
  .item-block h2 {
    font-size: 36px;
    line-height: 1.06;
    margin-bottom: 22px;
  }
}
.item-block h2.ico-heading {
  margin-bottom: 9px;
  display: block;
}
@media (min-width: 992px) {
  .item-block h2.ico-heading {
    margin: 0 0 24px -56px;
    padding-left: 56px;
    display: block;
    position: relative;
  }
}
.item-block h2.ico-heading .icon {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 50px;
  line-height: 1;
  margin-bottom: 5px;
  margin-left: 5px;
}
@media (max-width: 991px) {
  .item-block h2.ico-heading .icon {
    width: 50px;
  }
}
@media (min-width: 768px) {
  .item-block h2.ico-heading .icon {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .item-block h2.ico-heading .icon {
    margin-right: 0;
    position: absolute;
    left: 0;
    top: -5px;
  }
}
.item-block h2.ico-heading .icon.icon-leaf,
.item-block h2.ico-heading .icon.icon-cart {
  font-size: 34px;
}
.item-block h2.ico-heading .icon.icon-card {
  font-size: 31px;
}
.item-block h2.ico-heading .text {
  display: block;
  flex-grow: 1;
}
.item-block p {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .item-block p {
    margin-bottom: 27px;
  }
}
.item-block .image {
  width: 100%;
  height: 91px;
  position: relative;
  margin-bottom: 11px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .item-block .image {
    height: 150px;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .item-block .image {
    height: 200px;
    margin-bottom: 31px;
  }
}
.item-block .image img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
/* work article */
.work-article {
  font-size: 18px;
  line-height: 1.444;
  color: #808080;
  padding-top: 22px;
}
@media (min-width: 992px) {
  .work-article {
    font-size: 24px;
    line-height: 1.417;
    padding: 40px 0 35px;
  }
}
.work-article .text-block {
  padding: 0 11px;
}
@media (min-width: 992px) {
  .work-article .text-block {
    margin: 0;
    padding: 0;
    background: none;
  }
}
.work-article .heading {
  padding-bottom: 14px;
}
@media (min-width: 992px) {
  .work-article .heading {
    margin: -145px 67px 43px;
    padding: 15px 20px 0;
    background: #ffffff;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .work-article .heading {
    margin: -145px 115px 43px;
    padding: 19px 30px 0;
  }
}
@media (max-width: 991px) {
  .work-article .heading h2 {
    width: 100%;
    display: block;
    font-size: 24px;
    line-height: 1.25;
    padding-top: 22px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .work-article .heading h2:before {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .work-article .heading h2:before {
    width: calc(100% + 30px);
  }
}
@media (min-width: 1200px) {
  .work-article .heading h2:before {
    width: calc(100% + 40px);
  }
}
.work-article h2 {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .work-article h2 {
    font-size: 24px;
    line-height: 1.25;
  }
}
@media (min-width: 992px) {
  .work-article h2 {
    margin-bottom: 28px;
  }
}
.work-article .image {
  height: 147px;
  margin-bottom: 21px;
}
@media (min-width: 992px) {
  .work-article .image {
    height: 200px;
    margin-bottom: 70px;
  }
}
.work-article p {
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  .work-article p {
    margin-bottom: 33px;
  }
}
.work-article .bullets-info {
  font-size: 18px;
  line-height: 1.444;
  margin: 0 0 30px -10px;
  padding-left: 0;
}
@media (min-width: 992px) {
  .work-article .bullets-info {
    margin-left: 0;
    font-size: 16px;
    line-height: 1.688;
    margin: 0 0 36px;
    color: #9b9b9b;
  }
}
.work-article .bullets-info li {
  padding-bottom: 22px;
}
@media (min-width: 992px) {
  .work-article .bullets-info li {
    padding: 0 0 27px 28px;
  }
}
.work-article .bullets-info li:before {
  top: 10px;
}
@media (min-width: 992px) {
  .work-article .bullets-info li:before {
    width: 5px;
    height: 5px;
    top: 12px;
  }
}
.features-block {
  padding-top: 13px;
}
@media (min-width: 992px) {
  .features-block {
    font-size: 16px;
    line-height: 1.688;
    padding-top: 18px;
  }
}
.social-block {
  font-size: 14px;
  line-height: 1.29;
}
@media (min-width: 992px) {
  .social-block {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (min-width: 992px) {
  .social-block .caption-row {
    margin-bottom: -4px;
  }
}
.social-block .social-icon {
  display: inline-block;
  vertical-align: top;
  color: #0077b5;
  font-size: 21px;
  line-height: 1;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .social-block .social-icon {
    font-size: 29px;
    line-height: 1;
    margin: 0 14px 0 0;
  }
}
.social-block .social-icon:hover {
  color: #25cad3;
}
.social-block h2 {
  font-size: 18px;
  line-height: 1.778;
  color: #4990e2;
  margin-bottom: 2px;
}
@media (min-width: 992px) {
  .social-block h2 {
    font-size: 24px;
    line-height: 32px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
  }
}
.partner-logos-list {
  width: calc(100% + 20px);
  margin: 0 -10px;
  padding: 4px 0 41px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media (min-width: 992px) {
  .partner-logos-list {
    padding-top: 58px;
  }
}
.text-section .partner-logos-list {
  padding: 4px 0 41px;
}
@media (min-width: 992px) {
  .text-section .partner-logos-list {
    padding-top: 58px;
  }
}
.partner-logos-list li {
  width: 33.33%;
  padding: 0 10px 20px;
}
@media (min-width: 768px) {
  .partner-logos-list li {
    width: 20%;
    padding-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .partner-logos-list li {
    width: 14.285%;
    padding-bottom: 41px;
  }
}
.text-section .partner-logos-list li {
  padding: 0 10px 20px;
}
@media (min-width: 768px) {
  .text-section .partner-logos-list li {
    padding: 0 10px 30px;
  }
}
@media (min-width: 992px) {
  .text-section .partner-logos-list li {
    padding: 0 10px 41px;
  }
}
.partner-logos-list li:before {
  display: none;
}
.partner-logos-list a:hover {
  opacity: 0.9;
}
.partner-logos-list img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.anchors-nav {
  margin: 0 -10px;
  padding: 12px 0;
  text-align: center;
  font-size: 20px;
  line-height: 1.65;
  letter-spacing: 0.23em;
  font-weight: 700;
}
@media (min-width: 992px) {
  .anchors-nav {
    padding: 27px 0;
    letter-spacing: 0.242em;
  }
}
.text-section .anchors-nav {
  padding: 12px 0;
  font-size: 20px;
  line-height: 1.65;
}
@media (min-width: 992px) {
  .text-section .anchors-nav {
    padding: 27px 0;
    font-size: 20px;
    line-height: 1.65;
  }
}
.anchors-nav li {
  display: inline-block;
  vertical-align: top;
  padding: 0 3px;
}
@media (min-width: 992px) {
  .anchors-nav li {
    padding: 0 3px 0 2px;
  }
}
.text-section .anchors-nav li {
  padding: 0 3px;
}
@media (min-width: 768px) {
  .text-section .anchors-nav li {
    padding: 0 3px;
  }
}
@media (min-width: 992px) {
  .text-section .anchors-nav li {
    padding: 0 3px 0 2px;
  }
}
.anchors-nav li:before {
  display: none;
}
.anchors-nav a:hover {
  color: #2276d6;
}
.brands-section {
  text-align: left;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .brands-section {
    padding-bottom: 37px;
  }
}
.brands-section h2 {
  font-size: 36px;
  line-height: 1.056;
  letter-spacing: 0.011em;
  text-transform: uppercase;
  border-bottom: 1px solid #d8d8d8;
  margin: 0 0 25px;
  padding: 18px 0;
}
@media (min-width: 992px) {
  .brands-section h2 {
    font-size: 36px;
    line-height: 1.056;
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .brands-section h2 {
    margin-bottom: 46px;
    padding: 20px 0;
  }
}
.brands-list {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.467;
  letter-spacing: 0.014em;
  column-count: 2;
  column-gap: 20px;
  color: #505050;
}
@media (min-width: 768px) {
  .brands-list {
    column-count: 3;
  }
}
@media (min-width: 992px) {
  .brands-list {
    column-count: 4;
    font-size: 24px;
    line-height: 1.17;
  }
}
.text-section .brands-list {
  padding: 0;
  font-size: 15px;
  line-height: 1.467;
  color: #505050;
}
@media (min-width: 992px) {
  .text-section .brands-list {
    font-size: 24px;
    line-height: 1.17;
    padding-top: 0;
  }
}
.brands-list li {
  padding: 0 0 22px;
  break-inside: avoid;
}
@media (min-width: 992px) {
  .brands-list li {
    padding-bottom: 16px;
  }
}
.text-section .brands-list li {
  padding: 0 0 22px;
}
@media (min-width: 768px) {
  .text-section .brands-list li {
    padding: 0 0 22px;
  }
}
@media (min-width: 992px) {
  .text-section .brands-list li {
    padding-bottom: 16px;
  }
}
.brands-list li:before {
  display: none;
}
.brands-list a {
  break-inside: avoid;
  transition: color 0.2s linear, text-shadow 0.2s linear;
  color: #505050;
}
.brands-list a:hover {
  text-shadow: 0.018em 0 #4990e2, -0.018em 0 #4990e2, 0 0.018em #4990e2, 0 -0.018em #4990e2;
  color: #4990e2;
}
.search {
  position: relative;
  margin-bottom: 20px;
  background: #ffffff;
}
@media (min-width: 992px) {
  .search {
    border: 3px solid #25cad3;
    border-radius: 3px;
    max-width: 950px;
    margin: 0 auto 9px;
  }
}
.search .form-group {
  margin: 0;
}
@media (min-width: 992px) {
  .search .form-group {
    max-width: 350px;
    margin: 0 auto;
    position: relative;
  }
}
.search input[type="search"],
.search input[type="text"] {
  height: 62px;
  border-radius: 3px;
  border: solid 3px #25cad3;
  background: transparent;
  font-size: 19px;
  line-height: 32px;
  letter-spacing: normal;
  padding-right: 56px;
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .search input[type="search"],
  .search input[type="text"] {
    border: 0;
    border-radius: none;
    font-size: 24px;
    line-height: 36px;
    height: 60px;
  }
}
.search input[type="search"]:focus,
.search input[type="text"]:focus {
  outline: none;
}
.search input[type="search"]::-webkit-input-placeholder,
.search input[type="text"]::-webkit-input-placeholder {
  color: #4990e2;
}
.search input[type="search"]::-moz-placeholder,
.search input[type="text"]::-moz-placeholder {
  color: #4990e2;
  opacity: 1;
}
.search input[type="search"]:-ms-input-placeholder,
.search input[type="text"]:-ms-input-placeholder {
  color: #4990e2;
}
.search .btn-search {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: none;
  padding: 0 6px;
  margin: 0;
  border: 0;
  font-size: 21px;
  line-height: 1;
  color: #fe3c76;
  z-index: 1;
}
.circles {
  font-size: 30px;
  line-height: 34px;
  color: #ffffff;
  padding: 0 0 60px;
  margin: 0;
}
@media (min-width: 768px) {
  .circles {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
  }
}
@media (min-width: 992px) {
  .circles {
    font-size: 36px;
    line-height: 40px;
    padding: 0 0 42px;
  }
}
.text-section .circles {
  font-size: 30px;
  line-height: 34px;
  color: #ffffff;
  padding: 0 0 60px;
}
@media (min-width: 992px) {
  .text-section .circles {
    font-size: 36px;
    line-height: 40px;
    padding: 0 0 42px;
  }
}
.circles li {
  width: 222px;
  height: 222px;
  border-radius: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0;
  margin: -60px auto 0;
}
@media (min-width: 768px) {
  .circles li {
    margin: 0 -30px;
    padding: 0 0 25px;
  }
}
@media (min-width: 992px) {
  .circles li {
    width: 298px;
    height: 298px;
    margin: 0 -36px;
    padding: 0 0 32px;
  }
}
.text-section .circles li {
  padding: 0;
}
@media (min-width: 768px) {
  .text-section .circles li {
    padding: 0 0 25px;
  }
}
@media (min-width: 992px) {
  .text-section .circles li {
    padding: 0 0 32px;
  }
}
.circles li:before {
  content: "+";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 35px;
  line-height: 1;
  font-weight: 700;
  border-radius: none;
  background: none;
  width: auto;
  height: auto;
  z-index: 2;
}
@media (min-width: 768px) {
  .circles li:before {
    transform: translateY(-50%);
    left: 24px;
    top: 50%;
    margin-top: -1px;
  }
}
@media (min-width: 992px) {
  .circles li:before {
    left: 28px;
  }
}
.text-section .circles li:before {
  left: 50%;
}
@media (min-width: 768px) {
  .text-section .circles li:before {
    left: 24px;
  }
}
@media (min-width: 992px) {
  .text-section .circles li:before {
    left: 28px;
  }
}
.circles li:after {
  width: 108px;
  height: 108px;
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  background: transparent;
  border-radius: 100% 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .circles li:after {
    transform: translateY(-50%) rotate(-45deg);
    left: -24px;
    top: 50%;
  }
}
@media (min-width: 992px) {
  .circles li:after {
    width: 138px;
    height: 138px;
    left: -33px;
  }
}
.circles li:first-child {
  margin-top: 0;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .circles li:first-child {
    padding: 0 10px 25px 0;
  }
}
@media (min-width: 992px) {
  .circles li:first-child {
    padding: 0 15px 32px 0;
  }
}
.circles li:first-child:before,
.circles li:first-child:after {
  display: none;
}
.circles li:last-child {
  padding-top: 20px;
}
@media (min-width: 768px) {
  .circles li:last-child {
    padding: 0 0 25px 10px;
  }
}
@media (min-width: 992px) {
  .circles li:last-child {
    padding: 0 0 32px 15px;
  }
}
.circles li.bg-color-primary + .bg-color-info:after {
  background: #0a72bb;
}
.circles li.bg-color-info + .bg-color-danger:after {
  background: #482168;
}
.circles .icon {
  display: block;
  font-size: 32px;
  line-height: 1;
  padding: 0 10px;
  width: 100%;
  position: relative;
  z-index: 3;
}
@media (min-width: 992px) {
  .circles .icon {
    font-size: 29px;
    line-height: 1;
  }
}
.circles .icon.icon-lightning {
  font-size: 39px;
  line-height: 32px;
}
@media (min-width: 992px) {
  .circles .icon.icon-lightning {
    font-size: 34px;
    line-height: 29px;
  }
}
.circles strong {
  display: block;
  width: 100%;
  padding: 0 10px;
  position: relative;
  z-index: 3;
}
/* team members list */
.team-members {
  padding-bottom: 73px;
}
@media (min-width: 992px) {
  .team-members {
    padding-bottom: 132px;
  }
}
.team-members .row {
  margin: 0 -5px;
  width: calc(100% + 10px);
}
.team-members [class^="col-"],
.team-members [class*=" col-"] {
  padding: 0 5px;
}
.member-block {
  display: block;
  margin-bottom: 10px;
  position: relative;
  font-size: 12px;
  line-height: 1.167;
}
@media (min-width: 992px) {
  .member-block {
    font-size: 16px;
    line-height: 1.25;
  }
}
.member-block:hover .image .default-photo {
  opacity: 0;
  visibility: hidden;
}
.member-block:hover .image .over-photo {
  opacity: 1;
  visibility: visible;
}
.member-block:hover .caption-text {
  opacity: 1;
  visibility: visible;
}
.member-block .image {
  width: 100%;
  display: flex;
}
.member-block img {
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  vertical-align: top;
  width: 100%;
  height: auto;
}
.member-block img.over-photo {
  margin-left: -100%;
  opacity: 0;
  visibility: hidden;
}
.member-block .caption-text {
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px 5px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  color: #ffffff;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(30, 20, 0, 0) 48%, rgba(30, 20, 0, 0.5) 100%);
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 992px) {
  .member-block .caption-text {
    padding: 15px 13px;
  }
}
.member-block p {
  width: 100%;
  margin: 0;
}
.member-block .name {
  width: 100%;
  display: block;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}
/* certifications list */
.certifications-list {
  padding-left: 0;
  padding-right: 0;
  max-width: 750px;
}
.text-section .certifications-list {
  padding-left: 0;
  padding-right: 0;
  max-width: 750px;
}
.certifications-list .row {
  margin: 0 -10px;
  width: calc(100% + 20px);
}
@media (min-width: 992px) {
  .certifications-list .row {
    margin: 0 -11px;
    width: calc(100% + 22px);
  }
}
.certifications-list [class^="col-"],
.certifications-list [class*=" col-"] {
  padding: 0 10px;
}
@media (min-width: 992px) {
  .certifications-list [class^="col-"],
  .certifications-list [class*=" col-"] {
    padding: 0 11px;
  }
}
.certifications-block {
  font-size: 14px;
  line-height: 1.286;
}
@media (min-width: 992px) {
  .certifications-block {
    padding-bottom: 10px;
  }
}
.certifications-block .ico-block {
  font-size: 108px;
  line-height: 1;
  color: #4990e2;
}
@media (min-width: 992px) {
  .certifications-block .ico-block {
    font-size: 148px;
  }
}
.certifications-block h3 {
  margin-bottom: 21px;
}
@media (min-width: 992px) {
  .certifications-block h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 18px;
  }
}
.certification-ico {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  border: 3px solid #25CAD3;
  margin-bottom: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  line-height: 1;
  color: #3E7DC9;
  position: relative;
}
@media (min-width: 992px) {
  .certification-ico {
    width: 140px;
    height: 140px;
    border-width: 4px;
    font-size: 72px;
    line-height: 1;
    margin-bottom: 30px;
  }
}
.certification-ico.crossed:before {
  content: "";
  width: 108px;
  height: 3px;
  background: #25CAD3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (min-width: 992px) {
  .certification-ico.crossed:before {
    width: 140px;
    height: 4px;
  }
}
.certification-ico > i.icon {
  position: relative;
  background-color: white;
  border-radius: 50%;
  padding: 0px;
}
@media (max-width: 767px) {
  .about-article {
    font-size: 18px;
    line-height: 26px;
    color: #808080;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .about-article + .about-article,
  hr + .about-article {
    padding-top: 66px;
  }
}
@media (max-width: 767px) {
  .text-section .about-article {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .text-section .about-article.text-center {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .about-article .text-wrap {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .about-article h2 {
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .about-article h3 {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 33px;
  }
}
.about-article .partner-logo {
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
  margin-bottom: -9px;
}
@media (max-width: 767px) {
  .about-article .partner-logo {
    max-width: 140px;
  }
}
@media (max-width: 767px) {
  .about-article .partner-logo.logo-rajapack {
    max-width: 154px;
  }
}
.about-article .partner-logo img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.about-article p {
  margin-bottom: 26px;
}
@media (min-width: 992px) {
  .about-article p {
    margin-bottom: 33px;
  }
}
.text-section .about-article p {
  margin-bottom: 26px;
}
@media (min-width: 992px) {
  .text-section .about-article p {
    margin-bottom: 33px;
  }
}
.visual-boxes {
  padding-top: 4px;
  padding-bottom: 26px;
}
@media (min-width: 992px) {
  .visual-boxes {
    padding-top: 12px;
    padding-bottom: 34px;
  }
}
.visual-box {
  margin-bottom: 20px;
  width: 100%;
  height: 147px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .visual-box {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .visual-box {
    height: 300px;
  }
}
@media (min-width: 1200px) {
  .visual-box {
    height: 370px;
  }
}
@media (max-width: 767px) {
  .visual-box .bg-stretch {
    background-position: 50% 100%;
  }
}
.visual-box img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.map-block {
  position: relative;
  padding-bottom: 66.667%;
  height: 0;
  overflow: hidden;
}
.map-block iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.contacts-section {
  padding-bottom: 45px;
}
@media (min-width: 992px) {
  .contacts-section {
    padding-bottom: 52px;
  }
}
.contacts-section > [class^="col-"],
.contacts-section > [class*=" col-"] {
  display: flex;
}
/* contact form styles */
.contact-form {
  width: 100%;
  padding-bottom: 69px;
}
@media (min-width: 768px) {
  .contact-form {
    border: 1px solid #25cad3;
    padding: 15px;
  }
}
@media (min-width: 992px) {
  .contact-form {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .contact-form {
    padding: 56px 97px 60px;
  }
}
.contact-form label {
  display: block;
  color: #25cad3;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 13px;
}
.contact-form .form-group {
  margin-bottom: 17px;
}
.contact-form .form-group:first-child label {
  margin-bottom: 8px;
}
.contact-form input.form-control {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .contact-form input.form-control {
    padding-left: 22px;
    padding-right: 22px;
  }
}
@media (min-width: 768px) {
  .contact-form .jcf-select.jcf-select-alt-select {
    display: block;
    width: 100%;
    min-width: 100%;
  }
}
.contact-form .jcf-select.jcf-select-alt-select .jcf-select-text {
  margin-right: 40px;
}
@media (min-width: 992px) {
  .contact-form .jcf-select.jcf-select-alt-select .jcf-select-text {
    margin-left: 22px;
    margin-right: 50px;
  }
}
.contact-form .jcf-select.jcf-select-alt-select .jcf-select-opener {
  width: 35px;
}
@media (min-width: 768px) {
  .contact-form .jcf-select.jcf-select-alt-select .jcf-select-opener {
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .contact-form .jcf-select.jcf-select-alt-select .jcf-select-opener {
    width: 50px;
  }
}
@media (min-width: 768px) {
  .contact-form .jcf-select.jcf-select-alt-select .jcf-select-opener:before {
    width: 9px;
    height: 9px;
    margin: 0 0 2px;
  }
}
.contact-form .jcf-select .jcf-select-text .jcf-option-hideme {
  color: #bdbaba;
}
.contact-form .btn-holder {
  padding: 11px 0 0;
}
@media (max-width: 767px) {
  .contact-form .btn-holder {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .contact-form .btn-holder {
    padding-top: 7px;
  }
}
@media (min-width: 1200px) {
  .contact-form .btn-holder {
    margin-right: -15px;
  }
}
.contact-form .btn-holder .btn {
  min-width: 223px;
}
/* contacts box styles */
.contacts-box {
  width: 100%;
  background: #f5f5f5;
  padding: 24px 10px;
  font-size: 18px;
  line-height: 1.5;
  color: #9b9b9b;
}
@media (min-width: 768px) {
  .contacts-box {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .contacts-box {
    font-size: 24px;
    line-height: 1.417;
    padding: 23px 30px;
  }
}
.contacts-box a {
  color: #9b9b9b;
}
.contacts-box a:hover {
  color: #25cad3;
}
.contacts-box h2 {
  font-size: 36px;
  line-height: 1.056;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .contacts-box h2 {
    margin-bottom: 27px;
  }
}
.contacts-box .contact-row {
  border-top: 1px solid #d8d8d8;
  padding: 30px 0 36px;
}
.contacts-box .contact-row:before,
.contacts-box .contact-row:after {
  content: " ";
  display: table;
}
.contacts-box .contact-row:after {
  clear: both;
}
@media (min-width: 992px) {
  .contacts-box .contact-row {
    padding-bottom: 30px;
  }
}
.contacts-box .contact-row:last-child {
  padding-bottom: 6px;
}
.contacts-box .contact-row .icon-holder {
  width: 50px;
  height: 50px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #25cad3;
  margin: 0 17px 0 -5px;
}
.contacts-box .contact-row .icon-holder .icon {
  font-size: 50px;
  line-height: 1;
}
.contacts-box .contact-row .icon-holder .icon.icon-phone {
  font-size: 40px;
}
.contacts-box .contact-row .text-holder {
  overflow: hidden;
  padding-top: 8px;
}
@media (min-width: 992px) {
  .contacts-box .contact-row .text-holder {
    padding-top: 7px;
  }
}
.contacts-box .contact-row h3 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 1px;
}
@media (min-width: 992px) {
  .contacts-box .contact-row h3 {
    margin-bottom: 0;
  }
}
.contacts-box .tel {
  display: inline-block;
  vertical-align: top;
  margin: 9px 0 3px;
}
.contacts-box .details-list {
  padding: 4px 0 3px;
  margin: 0;
  overflow: hidden;
}
@media (min-width: 992px) {
  .contacts-box .details-list {
    padding: 2px 0 0;
  }
}
.contacts-box .details-list dt {
  font-weight: 400;
  float: left;
  clear: both;
  margin-right: 6px;
  line-height: 1.5;
}
@media (min-width: 992px) {
  .contacts-box .details-list dt {
    line-height: 1.417;
  }
}
.contacts-box .details-list dd {
  overflow: hidden;
  line-height: 1.5;
  margin: 0;
}
@media (min-width: 992px) {
  .contacts-box .details-list dd {
    line-height: 1.417;
  }
}
.addresses-section {
  line-height: 1.444;
  padding-bottom: 24px;
}
@media (min-width: 992px) {
  .addresses-section {
    font-size: 24px;
    line-height: 1.417;
    padding-bottom: 61px;
  }
}
@media (max-width: 991px) {
  .addresses-section .text-wrap {
    padding: 19px 0 15px;
  }
}
.address-block {
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 47px;
}
@media (min-width: 768px) {
  .address-block {
    padding: 30px 0;
  }
}
@media (min-width: 992px) {
  .address-block {
    font-size: 24px;
    line-height: 1.417;
    padding: 43px 0;
  }
}
.address-block h2 {
  margin: 0 0 4px;
}
@media (min-width: 992px) {
  .address-block h2 {
    margin-bottom: 5px;
  }
}
.address-block h4 {
  font-size: 16px;
  line-height: 20px;
  color: #4990e2;
  margin-bottom: 17px;
}
@media (min-width: 992px) {
  .address-block h4 {
    font-size: 20px;
    line-height: 1.4;
  }
}
.address-block address {
  line-height: 1.5;
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  .address-block address {
    line-height: 1.417;
    padding-top: 13px;
    margin-bottom: 36px;
  }
}
.address-block a {
  color: #9b9b9b;
}
.address-block a:hover {
  color: #1f69c0;
}
.address-block a.email {
  color: #4990e2;
}
.address-block a.email:hover {
  color: #1f69c0;
}
.best-sellers-section .flex-row .col {
  margin-bottom: 50px;
  display: flex;
}
@media (max-width: 767px) {
  .best-sellers-section .flex-row .col {
    width: 50%;
    margin-bottom: 60px;
  }
}
.best-sellers-section .flex-row .col .seller-thumbnail {
  z-index: 1;
  box-shadow: none;
}
@media (max-width: 768px) {
  .best-sellers-section .flex-row .col .seller-thumbnail {
    min-height: auto;
    width: 100%;
    display: block;
  }
}
.best-sellers-section .flex-row .col .seller-thumbnail :hover,
.best-sellers-section .flex-row .col .seller-thumbnail.hover {
  box-shadow: none;
}
@media (max-width: 768px) {
  .best-sellers-section .flex-row .col .seller-thumbnail .image {
    width: 100%;
  }
}
.best-sellers-section .flex-row .col .seller-thumbnail .label.large {
  top: 0;
  left: 10px;
  border-radius: 0 18px 18px 0;
  right: auto;
  position: absolute;
}
@media (max-width: 768px) {
  .best-sellers-section .flex-row .col .seller-thumbnail .text-block {
    display: table;
    width: 100%;
    border-top: 1px solid #d8d8d8;
    float: none;
    padding: 0;
    border-left: none;
    padding-top: 8px;
  }
}
@media (max-width: 768px) {
  .best-sellers-section .flex-row .col .seller-thumbnail .cart-row {
    display: block;
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .best-sellers-section .flex-row .col .seller-thumbnail .cart-row {
    padding-left: 0;
  }
}
.best-sellers-section .flex-row .col .seller-thumbnail .cart-row .btn-add-to-cart .circle-spinner,
.best-sellers-section .flex-row .col .seller-thumbnail .cart-row .btn-add-to-cart .just-added,
.best-sellers-section .flex-row .col .seller-thumbnail .cart-row .btn-add-to-cart .add {
  line-height: 2;
  vertical-align: middle;
}
.best-sellers-section .flex-row .col .seller-thumbnail .cart-row .confirm-add-to-cart:before {
  background-color: #4990e2;
}
.best-sellers-section .flex-row .col .adding-to-cart .cart-row .loading .circle-spinner {
  margin-top: 5px;
  margin-bottom: 3px;
}
@media (max-width: 768px) {
  .best-sellers-section .flex-row .col .adding-to-cart .cart-row .loading .circle-spinner {
    margin-top: 4px;
    margin-bottom: 0;
  }
}
a[role=ajax-modify-basket]:not(.btn-delete) {
  position: relative;
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
  -webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
}
a[role=ajax-modify-basket]:not(.btn-delete) .just-added {
  display: none;
}
a[role=ajax-modify-basket]:not(.btn-delete) .circle-spinner {
  display: none;
}
a[role=ajax-modify-basket]:not(.btn-delete).loading .circle-spinner {
  display: block;
  margin: 0 auto;
}
a[role=ajax-modify-basket]:not(.btn-delete).loading .add {
  display: none;
}
a[role=ajax-modify-basket]:not(.btn-delete).loading .just-added {
  display: none;
}
a[role=ajax-modify-basket]:not(.btn-delete).confirm-add-to-cart {
  background-color: #4990e2;
  border-color: #4990e2;
}
a[role=ajax-modify-basket]:not(.btn-delete).confirm-add-to-cart .add {
  display: none;
}
a[role=ajax-modify-basket]:not(.btn-delete).confirm-add-to-cart .just-added {
  display: inline;
}
.seller-thumbnail .review-row .star-rating-bg {
  display: inline-block;
  height: 16px;
  background: url(../images/ico-star-small.svg) repeat-x 0 50%;
  background-size: 15px 13px;
  width: 75px;
  position: relative;
  vertical-align: middle;
  margin-left: -3px;
}
.seller-thumbnail .review-row .star-rating-bg .star-rating-active {
  height: 16px;
  background: url(../images/ico-star-small-active.svg) repeat-x 0 50%;
  background-size: 15px 13px;
}
.seller-thumbnail .review-row .num-reviews {
  display: inline-block;
  margin-left: 3px;
  font-size: 12px;
  line-height: 16px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .seller-thumbnail.adding-to-cart {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    z-index: 10;
  }
}
.seller-thumbnail.adding-to-cart .cart-row {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.seller-thumbnail.adding-to-cart .cart-row .btn-add-to-cart .add {
  display: none;
}
.seller-thumbnail .details ul {
  margin-bottom: 0;
}
.seller-thumbnail .details ul li {
  padding-bottom: 0;
  color: #fe3c76;
  font-size: 14px;
}
.seller-thumbnail .details ul li:before {
  display: none;
}
.seller-thumbnail .cart-row .btn-add-to-cart.disabled {
  background: #808080;
  border: 1px solid #808080;
}
.seller-thumbnail .price-row {
  justify-content: flex-start;
  align-items: flex-end;
}
.seller-thumbnail .price-row s.price {
  font-size: 16px;
  color: #808080;
  margin-left: 10px;
}
.seller-thumbnail .comparable-row {
  font-size: 12px;
  color: #4990e2;
}
.seller-thumbnail h2 a .name {
  display: block;
  color: #25cad3;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
}
@media (min-width: 768px) {
  .seller-thumbnail h2 a .name {
    font-size: 18px;
  }
}
.seller-thumbnail h2 a .size {
  display: block;
  font-size: 12px;
  line-height: 1.17;
  font-weight: normal;
}
@media (min-width: 768px) {
  .seller-thumbnail h2 a .size {
    font-size: 15px;
    line-height: 20px;
  }
}
/* header styles */
#header {
  background: #ffffff;
}
@media (min-width: 768px) {
  #header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 97;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.1s ease-in-out, margin 0.3s ease-in-out;
  }
}
@media (min-width: 992px) {
  #header {
    position: relative;
    top: 0;
  }
}
@media (min-width: 768px) {
  .nav-active #header {
    margin: 0 -277px 0 277px;
  }
}
@media (min-width: 992px) {
  .nav-active #header {
    margin: 0;
  }
}
@media (min-width: 992px) {
  .fixed-header #header {
    position: fixed;
    top: -98px;
  }
}
@media (min-width: 992px) {
  .animate-header-off #header {
    position: fixed;
    top: -98px;
    transition: top 0.3s ease-in-out;
  }
}
@media (min-width: 992px) {
  .animate-header #header {
    position: fixed;
    top: 0;
    transition: top 0.3s ease-in-out;
  }
}
#header .container {
  min-height: 92px;
  padding-bottom: 34px;
  position: relative;
}
@media (min-width: 768px) {
  #header .container {
    min-height: 1px;
    padding-bottom: 0;
  }
}
#header .navbar-brand {
  display: block;
  width: 141px;
  margin: 0 auto;
  transition: visibility 0.3s ease-in-out 0.15s, opacity 0.3s ease-in-out 0.15s;
}
@media (min-width: 768px) {
  #header .navbar-brand {
    float: left;
    width: 198px;
    margin: 10px 17px 12px 0;
  }
}
@media (min-width: 992px) {
  .fixed-header #header .navbar-brand {
    width: 134px;
    margin-top: 7px;
    margin-bottom: 7px;
  }
}
@media (max-width: 767px) {
  .search-active #header .navbar-brand {
    visibility: hidden;
    opacity: 0;
  }
}
#header .navbar-brand img {
  display: block;
  width: 141px;
  height: 32px;
}
@media (min-width: 768px) {
  #header .navbar-brand img {
    width: 198px;
    height: 44px;
  }
}
@media (min-width: 992px) {
  .fixed-header #header .navbar-brand img {
    width: 134px;
    height: 30px;
  }
}
.top-panel {
  color: #ffffff;
}
.top-panel:before,
.top-panel:after {
  content: " ";
  display: table;
}
.top-panel:after {
  clear: both;
}
@media (max-width: 767px) {
  .top-panel {
    height: 0;
  }
}
@media (min-width: 768px) {
  .top-panel {
    position: relative;
    z-index: 99;
  }
}
@media (min-width: 768px) {
  .top-panel:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -9999px;
    bottom: 0;
    left: -9999px;
    background: #4990e2;
    z-index: -1;
  }
}
.top-panel a {
  color: #ffffff;
}
.top-panel .menu {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-transform: uppercase;
  z-index: 96;
}
.top-panel .menu:before,
.top-panel .menu:after {
  content: " ";
  display: table;
}
.top-panel .menu:after {
  clear: both;
}
@media (min-width: 768px) {
  .top-panel .menu {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    float: left;
    font-size: 15px;
    line-height: 18px;
  }
}
@media (min-width: 1200px) {
  .top-panel .menu {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  .fixed-header .top-panel .menu {
    font-size: 14px;
    line-height: 18px;
  }
}
.top-panel .menu:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -9999px;
  bottom: 0;
  left: -9999px;
  background: #4990e2;
  z-index: -1;
}
@media (min-width: 768px) {
  .top-panel .menu:before {
    display: none;
  }
}
.top-panel .menu li {
  width: 50%;
  text-align: center;
  float: left;
  padding: 0;
  margin-right: -1px;
  position: relative;
}
@media (min-width: 768px) {
  .top-panel .menu li {
    width: auto;
  }
}
.top-panel .menu li:before {
  width: 1px;
  height: 22px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffff;
}
@media (min-width: 992px) {
  .fixed-header .top-panel .menu li:before {
    width: 1px;
    height: 16px;
  }
}
.top-panel .menu li:first-child:before {
  display: none;
}
@media (min-width: 768px) {
  .top-panel .menu li:first-child a {
    padding-right: 50px;
  }
}
.top-panel .menu li.active a {
  color: #4a90e2;
  background: #ffffff;
}
.top-panel .menu li a {
  display: block;
  padding: 8px 7px;
  position: relative;
}
@media (min-width: 768px) {
  .top-panel .menu li a {
    padding: 7px 38px 7px 14px;
  }
}
@media (min-width: 1200px) {
  .top-panel .menu li a {
    padding: 7px 44px 7px 18px;
  }
}
@media (min-width: 992px) {
  .fixed-header .top-panel .menu li a {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.top-panel .menu .icon {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 1;
  margin: 2px 0 0 8px;
}
@media (min-width: 768px) {
  .top-panel .menu .icon {
    position: absolute;
    right: 13px;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
  }
}
.top-panel .menu .icon.icon-phone {
  margin: 0 0 0 4px;
}
.top-panel .menu .icon.icon-phone,
.top-panel .menu .icon.icon-percents {
  font-size: 18px;
  line-height: 1;
}
.top-panel .menu a:hover {
  color: #4a90e2;
  background: #ffffff;
}
.cart-holder {
  float: right;
}
@media (min-width: 768px) {
  .cart-holder {
    position: relative;
    margin: 0 15px 0 0;
  }
}
/* text carousel styles */
.text-carousel {
  position: absolute;
  bottom: 0;
  left: 7px;
  right: 3px;
  font-size: 13px;
  line-height: 30px;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  z-index: 96;
}
.text-carousel:before,
.text-carousel:after {
  content: " ";
  display: table;
}
.text-carousel:after {
  clear: both;
}
@media (min-width: 768px) {
  .text-carousel {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    float: left;
    width: 252px;
    font-size: 13px;
    line-height: 27px;
  }
}
@media (min-width: 992px) {
  .text-carousel {
    font-size: 16px;
    line-height: 27px;
    width: 270px;
  }
}
@media (min-width: 992px) {
  .fixed-header .text-carousel {
    font-size: 12px;
    line-height: 21px;
  }
}
.text-carousel:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -9999px;
  bottom: 0;
  left: -9999px;
  background: #4990e2;
  z-index: -1;
}
.text-carousel .btn-prev,
.text-carousel .btn-next {
  float: left;
  margin: 10px 5px 8px 0;
  color: #ffffff;
  font-size: 13px;
  line-height: 1;
  padding: 0 5px;
  outline: none;
  transition: color 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .fixed-header .text-carousel .btn-prev,
  .fixed-header .text-carousel .btn-next {
    margin: 7px 5px 5px 0;
  }
}
.text-carousel .btn-prev:hover,
.text-carousel .btn-next:hover {
  color: #25cad3;
}
.text-carousel .btn-next {
  float: right;
  margin: 10px 0 8px 5px;
}
@media (min-width: 992px) {
  .fixed-header .text-carousel .btn-next {
    margin: 7px 0 5px 5px;
  }
}
.text-carousel .mask {
  overflow: hidden;
}
.text-carousel .slides {
  width: 99999px;
  float: left;
}
.text-carousel .slide {
  float: left;
  padding: 2px 0;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .text-carousel .slide {
    padding: 3px 0 2px;
  }
}
/* login/register menu styles */
.register-menu {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .register-menu {
    float: right;
    display: block;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
  }
}
@media (min-width: 1200px) {
  .register-menu {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  .fixed-header .register-menu {
    font-size: 14px;
    line-height: 18px;
  }
}
.register-menu > li {
  float: left;
  padding: 0;
  margin-right: -1px;
  position: relative;
}
@media (max-width: 767px) {
  .register-menu > li {
    display: none;
  }
}
.register-menu > li:before {
  width: 1px;
  height: 22px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffff;
}
@media (min-width: 992px) {
  .fixed-header .register-menu > li:before {
    width: 1px;
    height: 16px;
  }
}
.register-menu > li.active > a,
.register-menu > li.hover > a {
  color: #4a90e2;
  background: #ffffff;
}
.register-menu > li.active .icon,
.register-menu > li.hover .icon {
  color: #fe3c76;
}
.register-menu > li > a {
  display: block;
  padding: 7px 32px 7px 14px;
  position: relative;
}
@media (min-width: 992px) {
  .fixed-header .register-menu > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.register-menu .icon {
  transition: color 0.3s ease-in-out;
  font-size: 8px;
  line-height: 1;
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: 1px;
  transform: translateY(-50%);
}
.register-menu .user-link {
  display: none;
}
.register-menu .user-link.hover > a .icon {
  color: #4a90e2;
}
.register-menu .user-link > a {
  padding: 5px;
}
@media (min-width: 768px) {
  .register-menu .user-link > a {
    padding: 7px 37px 7px 14px;
  }
}
@media (min-width: 992px) {
  .fixed-header .register-menu .user-link > a {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.register-menu .user-link .icon {
  position: static;
  right: auto;
  top: auto;
  color: #4990e2;
  font-size: 17px;
  line-height: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  .register-menu .user-link .icon {
    color: #ffffff;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 1;
  }
}
.register-menu.registered > li {
  display: none;
}
.register-menu.registered .user-link {
  display: block;
  position: static;
}
@media (min-width: 768px) {
  .register-menu.registered .user-link {
    position: relative;
  }
}
.register-menu.registered .user-link > a {
  transition: color 0.3s ease-in-out, margin 0.3s ease-in-out, visibility 0.3s ease-in-out 0.15s, opacity 0.3s ease-in-out 0.15s;
  position: fixed;
  left: 44px;
  top: 17px;
  z-index: 98;
}
@media (min-width: 768px) {
  .register-menu.registered .user-link > a {
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    position: static;
    left: auto;
    top: auto;
  }
}
@media (max-width: 991px) {
  .nav-active .register-menu.registered .user-link > a {
    margin: 0 -277px 0 277px;
  }
}
@media (max-width: 767px) {
  .search-active .register-menu.registered .user-link > a {
    opacity: 0;
    visibility: hidden;
  }
}
.register-menu .drop {
  transition: max-height 0.3s ease-in-out, padding-bottom 0.3s ease-in-out, margin 0.3s ease-in-out;
  transform: translateY(0);
  position: fixed;
  right: 0;
  left: 0;
  top: 58px;
  text-align: left;
  max-height: 0;
  overflow: hidden;
  z-index: 99;
}
@media (min-width: 768px) {
  .register-menu .drop {
    position: absolute;
    right: -10px;
    left: auto;
    top: 100%;
    padding: 0 10px;
    width: 172px;
    text-align: right;
  }
}
.register-menu .drop > ul {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
  padding: 12px 48px;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  transform: translateY(-100%);
}
@media (min-width: 768px) {
  .register-menu .drop > ul {
    width: 152px;
    padding: 13px 13px 20px;
    opacity: 0;
    visibility: hidden;
  }
}
.register-menu .drop li {
  padding-bottom: 10px;
}
.register-menu .drop li.active a {
  color: #25cad3;
}
.register-menu .drop a {
  color: #808080;
}
.register-menu .drop a:hover {
  color: #25cad3;
}
.register-menu .hover .drop,
.register-menu .user-active .drop {
  max-height: 100vh;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .register-menu .hover .drop,
  .register-menu .user-active .drop {
    max-height: 544px;
  }
}
.register-menu .hover .drop > ul,
.register-menu .user-active .drop > ul {
  transform: translateY(0);
}
@media (min-width: 768px) {
  .register-menu .hover .drop > ul,
  .register-menu .user-active .drop > ul {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 767px) {
  .nav-active .register-menu .user-active .drop {
    margin: 0 -277px 0 277px;
  }
}
.header-holder {
  padding: 12px 15px 14px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  z-index: 97;
}
.header-holder:before,
.header-holder:after {
  content: " ";
  display: table;
}
.header-holder:after {
  clear: both;
}
@media (max-width: 767px) {
  .header-holder {
    transition: margin 0.3s ease-in-out, box-shadow 0.1s ease-in-out;
  }
}
@media (min-width: 768px) {
  .header-holder {
    padding: 0;
    position: relative;
  }
}
@media (max-width: 767px) {
  .nav-active .header-holder {
    min-width: 320px;
    margin: 0 -277px 0 277px;
  }
}
@media (max-width: 991px) {
  .nav-active .header-holder {
    z-index: 102;
  }
}
@media (max-width: 767px) {
  .shadow .header-holder {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
  }
}
/* search drop styles */
.search-drop {
  transition: transform 0.5s ease-in-out, width 0.5s ease-in-out, left 0.5s ease-in-out, opacity 0.3s ease-in-out 0.15s, visibility 0.3s ease-in-out 0.15s;
  position: fixed;
  top: 0;
  left: 100%;
  width: 0;
  background: #ffffff;
  text-align: left;
  padding: 12px 0 11px;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}
@media (min-width: 768px) {
  .search-drop {
    position: absolute;
    top: 32px;
    left: 219px;
    right: 15px;
    padding: 18px 4px 14px;
    width: auto;
    visibility: visible;
    opacity: 1;
    pointer-events: none;
    background: transparent;
    z-index: 98;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, left 0.3s ease-in-out, z-index 0.1s ease-in-out;
  }
}
@media (min-width: 1200px) {
  .search-drop {
    left: 241px;
  }
}
.search-drop:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 97;
}
@media (min-width: 768px) {
  .search-drop:before {
    display: none;
  }
}
.search-active .search-drop {
  width: 100%;
  left: 0;
  padding: 12px 10px 11px;
  visibility: visible;
  opacity: 1;
}
@media (min-width: 768px) {
  .search-active .search-drop {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    padding: 18px 4px 14px;
    left: 219px;
    width: auto;
    z-index: 99;
  }
}
@media (min-width: 1200px) {
  .search-active .search-drop {
    left: 241px;
  }
}
@media (min-width: 992px) {
  .fixed-header .search-drop {
    top: 26px;
    left: 152px;
    padding: 6px 4px 5px;
  }
}
.search-opener {
  font-size: 21px;
  line-height: 1;
  color: #fe3c76;
  position: fixed;
  right: 10px;
  top: 18px;
  z-index: 98;
  outline: none;
  transition: margin 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out, margin 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .nav-active .search-opener {
    margin: 0 -277px 0 277px;
  }
}
@media (min-width: 768px) {
  .search-opener {
    position: absolute;
    right: 19px;
    top: 50px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    min-width: 122px;
    padding: 6px 10px;
    text-transform: none;
    border-radius: 26px;
    z-index: 99;
    background: transparent;
    transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, color 0.15s ease-in-out;
  }
}
@media (min-width: 992px) {
  .fixed-header .search-opener {
    top: 32px;
  }
}
.search-opener:hover,
.search-opener:focus {
  color: #25cad3;
  outline: none;
}
@media (min-width: 768px) {
  .search-opener:hover,
  .search-opener:focus {
    color: #ffffff;
  }
}
@media (min-width: 768px) {
  .search-opener .icon {
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    width: 1px;
    font-size: 21px;
    line-height: 1;
  }
}
@media (min-width: 768px) {
  .fixed-header .search-opener .icon {
    width: 22px;
    margin-left: 6px;
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .search-active .search-opener {
    opacity: 0;
    visibility: hidden;
    color: transparent;
  }
}
.search-close {
  width: 30px;
  height: 35px;
  padding: 0 4px 2px;
  font-size: 15px;
  line-height: 1;
  text-align: right;
  position: absolute;
  right: 10px;
  top: 12px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #25cad3;
  outline: none;
  z-index: 99;
  transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .search-close {
    left: auto;
    right: 5px;
    top: 14px;
    padding: 0;
    width: 40px;
    height: 38px;
    color: #fe3c76;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
  }
}
@media (min-width: 992px) {
  .fixed-header .search-close {
    top: 7px;
    height: 32px;
  }
}
@media (min-width: 768px) {
  .search-active .search-close {
    opacity: 1;
    visibility: visible;
  }
}
.search-close:hover {
  color: #2e67aa;
}
@media (min-width: 768px) {
  .search-close:hover {
    color: #25cad3;
  }
}
/* search form styles */
@media (min-width: 768px) {
  .search-form {
    width: 122px;
    margin: 0 0 0 auto;
    position: relative;
    transition: width 0.3s ease-in-out;
  }
}
.search-form input[type="search"],
.search-form input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  font-size: 20px;
  line-height: 24px;
  padding: 5px 30px 5px 0;
  border-width: 0;
  border-bottom: 2px solid #25cad3;
  opacity: 1;
  height: 35px;
  border-radius: 0;
  outline: none;
}
@media (max-width: 767px) {
  .search-form input[type="search"],
  .search-form input[type="text"] {
    position: relative;
    z-index: 98;
  }
}
@media (min-width: 768px) {
  .search-form input[type="search"],
  .search-form input[type="text"] {
    padding: 7px 40px 7px 16px;
    height: 34px;
    border-radius: 100px;
    border: 0;
    box-shadow: inset 0 0 0 1px transparent;
    background: #fe3c76;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: transparent;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border-radius 0.3s ease-in-out, height 0.3s ease-in-out, padding 0.3s ease-in-out, margin 0.3s ease-in-out;
  }
}
.search-form input[type="search"]:focus,
.search-form input[type="text"]:focus {
  outline: none;
}
.search-form input[type="search"]::-webkit-input-placeholder,
.search-form input[type="text"]::-webkit-input-placeholder {
  color: #25cad3;
}
@media (min-width: 768px) {
  .search-form input[type="search"]::-webkit-input-placeholder,
  .search-form input[type="text"]::-webkit-input-placeholder {
    color: transparent;
  }
}
.search-form input[type="search"]::-moz-placeholder,
.search-form input[type="text"]::-moz-placeholder {
  color: #25cad3;
  opacity: 1;
}
@media (min-width: 768px) {
  .search-form input[type="search"]::-moz-placeholder,
  .search-form input[type="text"]::-moz-placeholder {
    color: transparent;
  }
}
.search-form input[type="search"]:-ms-input-placeholder,
.search-form input[type="text"]:-ms-input-placeholder {
  color: #25cad3;
}
@media (min-width: 768px) {
  .search-form input[type="search"]:-ms-input-placeholder,
  .search-form input[type="text"]:-ms-input-placeholder {
    color: transparent;
  }
}
.search-form button[type="submit"] {
  right: 10px;
  top: 18px;
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 21px;
  line-height: 1;
  color: #fe3c76;
  position: absolute;
}
@media (max-width: 767px) {
  .search-form button[type="submit"] {
    z-index: 99;
  }
}
.search-form button[type="submit"]:hover,
.search-form button[type="submit"]:focus {
  color: #25cad3;
}
@media (min-width: 768px) {
  .search-active .search-form {
    width: 385px;
  }
}
@media (min-width: 768px) {
  .search-active .search-form input[type="search"],
  .search-active .search-form input[type="text"] {
    background: #ffffff;
    color: #25cad3;
    text-align: left;
    box-shadow: inset 0 0 0 1px #25cad3;
    border-radius: 3px;
    font-weight: 400;
    padding-top: 9px;
    padding-bottom: 9px;
    height: 40px;
    margin: -5px 0 -1px;
  }
}
@media (min-width: 768px) {
  .search-active .search-form input[type="search"]::-webkit-input-placeholder,
  .search-active .search-form input[type="text"]::-webkit-input-placeholder {
    color: #25cad3;
  }
}
@media (min-width: 768px) {
  .search-active .search-form input[type="search"]::-moz-placeholder,
  .search-active .search-form input[type="text"]::-moz-placeholder {
    color: #25cad3;
  }
}
@media (min-width: 768px) {
  .search-active .search-form input[type="search"]:-ms-input-placeholder,
  .search-active .search-form input[type="text"]:-ms-input-placeholder {
    color: #25cad3;
  }
}
@media (min-width: 992px) {
  .search-active .fixed-header .search-form input[type="search"],
  .search-active .fixed-header .search-form input[type="text"] {
    height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0;
  }
}
#nav {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
@media (min-width: 992px) {
  #nav {
    margin: 0 132px 0 218px;
    overflow-y: hidden;
  }
}
@media (min-width: 1200px) {
  #nav {
    margin-left: 230px;
  }
}
@media (min-width: 992px) {
  .fixed-header #nav {
    margin: 0 140px 0 180px;
  }
}
@media (min-width: 1200px) {
  .fixed-header #nav {
    margin-left: 180px;
  }
}
@media (min-width: 768px) {
  .search-active #nav {
    opacity: 0;
    visibility: hidden;
  }
}
.nav-opener {
  width: 18px;
  height: 18px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  background: none;
  position: absolute;
  left: 10px;
  top: 20px;
  transition: visibility 0.3s ease-in-out 0.15s, opacity 0.3s ease-in-out 0.15s;
}
@media (min-width: 768px) {
  .nav-opener {
    left: auto;
    right: 150px;
    top: 27px;
  }
}
@media (min-width: 992px) {
  .nav-opener {
    display: none;
  }
}
.nav-opener:before,
.nav-opener:after,
.nav-opener span {
  transition: background 0.3s ease-in-out;
  content: "";
  background: #25cad3;
  position: absolute;
  top: 2px;
  height: 3px;
  left: 0;
  right: 0;
  border-radius: 5px;
}
.nav-opener:after {
  top: 14px;
  border-bottom: 0;
}
.nav-opener span {
  top: 8px;
}
.nav-opener:hover:before,
.nav-active .nav-opener:before,
.nav-opener:hover:after,
.nav-active .nav-opener:after,
.nav-opener:hover span,
.nav-active .nav-opener span {
  background: #4990e2;
}
.search-active .nav-opener {
  visibility: hidden;
  opacity: 0;
}
.nav-close {
  position: absolute;
  right: 16px;
  top: 22px;
  color: #ffffff;
  font-size: 15px;
  line-height: 1;
}
@media (min-width: 992px) {
  .nav-close {
    display: none;
  }
}
.nav-close:hover {
  color: #2e67aa;
}
.main-nav .nav-close {
  position: absolute;
}
@media (min-width: 992px) {
  .main-nav .nav-close {
    display: none;
  }
}
.nav-back {
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .nav-back {
    display: none;
  }
}
@media (min-width: 992px) {
  .main-nav .nav-back {
    display: none;
  }
}
.nav-back .icon {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 1;
  position: absolute;
  left: -30px;
  top: 3px;
}
@media (max-width: 991px) {
  .nav-slide {
    transition: left 0.3s ease-in-out;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -277px;
    width: 277px;
    overflow-x: hidden;
    owerflow-y: auto;
    background: #4990e2;
    color: #ffffff;
    z-index: 99;
    padding: 45px 37px;
  }
}
@media (max-width: 991px) {
  .nav-active .nav-slide {
    left: 0;
  }
}
@media (max-width: 991px) {
  .nav-slide .slide-holder {
    position: relative;
    max-height: 100vh;
    width: 277px;
    overflow: auto;
  }
}
/* main navigation styles */
.main-nav {
  list-style: none;
  margin: 0 -37px;
  padding: 0 0 34px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  transition: padding 0.3s ease-in-out, margin 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .main-nav {
    display: table;
    width: 100%;
    font-size: 15px;
    line-height: 1;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .main-nav {
    font-size: 16px;
    line-height: 1;
    table-layout: fixed;
  }
}
@media (min-width: 992px) {
  .fixed-header .main-nav {
    font-size: 14px;
    line-height: 1;
  }
}
@media (min-width: 992px) {
  .main-nav > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100%;
  }
}
.main-nav > li.active > span a {
  color: #23538b;
}
@media (min-width: 992px) {
  .main-nav > li.active > span a {
    background: #25cad3;
    color: #ffffff;
  }
}
@media (min-width: 992px) {
  .main-nav > li.hover > span a {
    background: #25cad3;
    color: #ffffff;
  }
}
@media (min-width: 992px) {
  .main-nav > li.hover > .nav-drop {
    max-height: 100vh;
    padding-bottom: 10px;
  }
}
.main-nav > li.hover > .nav-drop:before {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
}
@media (min-width: 992px) {
  .main-nav > li.hover > .nav-drop .nav-holder {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.main-nav > li > span {
  position: relative;
  display: block;
  padding: 14px 75px 15px 37px;
}
@media (min-width: 992px) {
  .main-nav > li > span {
    display: table;
    height: 66px;
    width: 100%;
    padding: 0;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .fixed-header .main-nav > li > span {
    height: 45px;
  }
}
.main-nav > li > span a {
  color: #ffffff;
  transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out, height 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .main-nav > li > span a {
    color: #25cad3;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    padding: 11px 5px 5px;
  }
}
@media (min-width: 992px) {
  .fixed-header .main-nav > li > span a {
    padding: 3px 5px 0;
  }
}
.main-nav a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
  outline: none;
}
@media (max-width: 991px) {
  .main-nav .opener {
    transition: color 0.3s ease-in-out;
    position: absolute;
    right: 35px;
    top: 0;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    z-index: 99;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main-nav .opener .icon {
    transition: color 0.3s ease-in-out;
  }
}
@media (min-width: 992px) {
  .main-nav .opener {
    display: none;
  }
}
/* navigation drop styles */
@media (max-width: 991px) {
  .nav-drop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 277px;
    width: 277px;
    padding: 0 37px;
    z-index: 100;
  }
}
@media (min-width: 992px) {
  .nav-drop {
    /*transition: max-height 0.3s ease-in-out,  padding-bottom 0.3s ease-in-out;*/
    position: absolute;
    left: -10px;
    right: -10px;
    top: 100%;
    text-align: left;
    z-index: 10;
    max-height: 0;
    overflow: hidden;
    padding: 0 10px;
  }
}
.nav-drop:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 10px;
  right: 10px;
  height: 5px;
  z-index: 10;
  /*transition: box-shadow 0.3s ease-in-out;*/
}
@media (min-width: 992px) {
  .nav-drop .nav-holder {
    /*transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;*/
    width: 100%;
    background: #ffffff;
    padding: 19px 13px 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 1200px) {
  .nav-drop .nav-holder {
    padding: 24px 13px 3px 21px;
  }
}
@media (min-width: 992px) {
  .nav-drop .nav-wrap {
    display: flex;
    width: 100%;
  }
}
.nav-drop .logos-row {
  margin: 0 -13px -3px;
  padding: 10px 13px;
  background: rgba(216, 216, 216, 0.2);
  width: calc(100% + 26px);
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .nav-drop .logos-row {
    width: calc(100% + 34px);
    margin-left: -21px;
    padding-left: 21px;
  }
}
.nav-drop .logos-row .link-holder {
  width: 186px;
  padding: 0 0 0 11px;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .nav-drop .logos-row .link-holder {
    padding-left: 27px;
    width: 208px;
    font-size: 16px;
    line-height: 18px;
  }
}
.nav-drop .logos-row .more {
  display: inline-block;
  vertical-align: text-top;
  color: #25cad3;
}
.nav-drop .logos-row .more:hover {
  color: #21b5bd;
}
.nav-drop .logos-row .more .icon {
  display: inline-block;
  vertical-align: top;
  margin: 3px 0 0 3px;
  color: #fe3c76;
  font-size: 13px;
  line-height: 1;
}
.nav-drop .logos-list {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav-drop .logos-list li {
  padding: 0 5px;
}
.nav-drop .logos-list li:first-child {
  padding-left: 0;
}
.nav-drop .logos-list li:last-child {
  padding-right: 0;
}
.nav-drop .logos-list a:hover {
  opacity: .7;
}
@media (min-width: 992px) {
  .nav-drop .nav-drop {
    transition: none;
    position: static;
    left: auto;
    right: auto;
    top: auto;
    max-height: none;
    overflow: visible;
    padding: 0;
  }
}
.nav-drop li {
  padding: 0;
}
@media (min-width: 992px) {
  .nav-drop li {
    padding: 0;
  }
}
.nav-drop li.open > .title,
.nav-drop li.active > .title {
  background: #2e67aa;
}
@media (min-width: 992px) {
  .nav-drop li.open > .title,
  .nav-drop li.active > .title {
    background: none;
  }
}
.nav-drop li.open .opener:after {
  display: none;
}
.nav-drop .title {
  /*transition: margin 0.3s ease-in-out;*/
  display: block;
  position: relative;
  padding: 12px 75px 12px 37px;
}
@media (min-width: 992px) {
  .nav-drop .title {
    font-size: 14px;
    line-height: 27px;
    font-weight: bold;
    padding: 0;
    margin-bottom: 2px;
    border-bottom: 1px solid #25cad3;
  }
}
.nav-drop .title a {
  color: #ffffff;
}
@media (min-width: 992px) {
  .nav-drop .title a {
    color: #25cad3;
  }
}
@media (max-width: 991px) {
  .main-nav .nav-drop .opener {
    height: 44px;
  }
}
.nav-drop ul {
  padding: 0;
  list-style: none;
}
@media (max-width: 991px) {
  .nav-drop ul {
    margin: 0 -37px;
    padding-bottom: 34px;
  }
}
.nav-drop .nav-blocks {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  text-transform: none;
}
@media (min-width: 992px) {
  .nav-drop .nav-blocks {
    padding-top: 0;
    flex-grow: 1;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    text-transform: none;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
@media (min-width: 1200px) {
  .nav-drop .nav-blocks {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}
@media (min-width: 992px) {
  .nav-drop .nav-blocks > li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: 0 0 24px;
  }
}
.nav-drop .nav-blocks ul {
  padding: 0 0 34px;
  font-size: 15px;
  line-height: 1;
}
@media (min-width: 992px) {
  .nav-drop .nav-blocks ul {
    padding: 8px 0 8px 8px;
    font-size: 14px;
    line-height: 16px;
  }
}
@media (min-width: 992px) {
  .nav-drop .nav-blocks ul > li + li {
    margin-top: 4px;
  }
}
.nav-drop .nav-blocks ul > li.active a {
  background: rgba(46, 103, 170, 0.5);
}
@media (min-width: 992px) {
  .nav-drop .nav-blocks ul > li.active a {
    color: #25cad3;
    font-weight: bold;
    background: none;
  }
}
.nav-drop .nav-blocks ul a {
  display: block;
  color: #ffffff;
  padding: 14px 45px 14px 37px;
}
@media (min-width: 992px) {
  .nav-drop .nav-blocks ul a {
    color: #bdbaba;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 10px;
    position: relative;
  }
}
@media (min-width: 992px) {
  .nav-drop .nav-blocks ul a:hover {
    color: #25cad3;
  }
}
.nav-drop .nav-blocks ul a:before {
  content: "";
}
@media (min-width: 992px) {
  .nav-drop .nav-blocks ul a:before {
    position: absolute;
    left: 0;
    top: 3px;
    width: 0;
    height: 0;
    border-left: 5px solid #25cad3;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }
}
.category-banners {
  padding: 0;
}
@media (max-width: 991px) {
  .nav-holder .category-banners {
    display: none;
  }
}
@media (min-width: 992px) {
  .nav-holder .category-banners {
    width: 195px;
    padding: 0 0 8px 11px;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .nav-holder .category-banners {
    width: 224px;
    padding-left: 40px;
  }
}
.category-banners li {
  text-align: center;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .category-banners li {
    padding-bottom: 14px;
  }
}
.category-banners li:before {
  display: none;
}
.category-banners .category-box {
  color: #ffffff;
}
@media (min-width: 992px) {
  .category-banners .category-box {
    height: 66px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 6px;
  }
}
.category-banners .category-box.dark-text {
  color: #505050;
}
.category-banners .category-box:before {
  transition: opacity 0.3s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #25cad3;
  opacity: 0;
  z-index: 1;
}
.category-banners .category-box:hover:before {
  opacity: 0.8;
}
.category-banners .category-box:hover .caption {
  color: #ffffff;
}
@media (min-width: 992px) {
  .category-banners .caption {
    transition: color 0.3s ease-in-out;
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    text-transform: none;
    position: relative;
    z-index: 2;
  }
}
.cart-form {
  width: 100%;
  min-height: 100%;
  padding: 5px 0 103px;
}
@media (min-width: 768px) {
  .cart-form {
    position: relative;
    padding: 14px 0 130px;
  }
}
/* cart drop styles */
.cart-drop {
  position: fixed;
  top: 58px;
  width: 100%;
  left: 0;
  right: auto;
  z-index: 96;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  background: #ffffff;
  display: flex;
  color: #505050;
  transform: translateY(-100%);
  height: calc(100% - 58px);
  overflow: hidden;
}
@media (min-width: 768px) {
  .cart-drop {
    transition: max-height 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
    transform: translateY(0);
    height: auto;
    position: absolute;
    right: -10px;
    top: 100%;
    left: auto;
    bottom: auto;
    width: 338px;
    text-align: left;
    z-index: 10;
    max-height: 0;
    overflow: hidden;
    padding: 0 10px;
    background: none;
    z-index: 150;
    display: block;
  }
}
@media (min-width: 768px) {
  .cart-holder.hover .cart-drop {
    max-height: 544px;
    padding-bottom: 10px;
  }
}
.cart-active .cart-drop {
  transform: translateY(0);
}
@media (max-width: 991px) {
  .nav-active .cart-drop {
    margin: 0 -277px 0 277px;
  }
}
.cart-drop .drop-holder {
  display: flex;
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .cart-drop .drop-holder {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
    width: 318px;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 768px) {
  .cart-holder.hover .cart-drop .drop-holder {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.cart-drop .drop-heading {
  width: 100%;
  padding: 0 30px 12px 20px;
  position: relative;
}
@media (min-width: 768px) {
  .cart-drop .drop-heading {
    padding: 0 20px 0 30px;
  }
}
.cart-drop .drop-heading .title-text {
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.cart-drop h2 {
  font-size: 24px;
  line-height: 27px;
  font-weight: 700;
  margin: 0;
}
.cart-drop h2 .icon {
  font-size: 33px;
  line-height: 1;
  font-weight: 400;
  margin-right: 10px;
}
.cart-drop .jcf-scrollable {
  width: 100% !important;
}
@media (max-width: 767px) {
  .cart-drop .jcf-scrollable {
    height: calc(100vh - 268px) !important;
  }
}
@media (min-width: 768px) {
  .cart-drop .jcf-scrollable {
    max-height: 370px !important;
    min-height: 222px !important;
  }
}
.cart-drop .jcf-scrollable-wrapper {
  width: 100% !important;
}
.cart-drop .drop-content {
  width: 100%;
  padding: 0 20px;
}
.cart-drop .drop-footer {
  width: 100%;
  padding: 8px 10px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
}
@media (min-width: 768px) {
  .cart-drop .drop-footer {
    padding: 14px 20px;
  }
}
.cart-drop .drop-footer .btn {
  display: block;
  width: calc(100% + 20px);
  margin: 0 -10px;
  border-radius: 0;
  text-transform: none;
}
@media (min-width: 768px) {
  .cart-drop .drop-footer .btn {
    border-radius: 24px;
    margin: 0;
    width: 100%;
    text-transform: uppercase;
  }
}
.cart-drop .total-price-row {
  background: #ffffff;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-weight: 700;
  line-height: 36px;
  padding: 0 15px 9px 9px;
}
@media (min-width: 768px) {
  .cart-drop .total-price-row {
    padding: 0 0 18px;
  }
}
.cart-drop .total-price-row .title {
  display: block;
  width: 100px;
  padding-right: 10px;
  text-transform: uppercase;
  color: #505050;
  font-size: 15px;
  line-height: 26px;
}
.cart-drop .total-price-row .total-price {
  display: block;
  text-align: right;
  width: calc(100% - 100px);
  font-size: 30px;
  line-height: 36px;
  color: #fd3d76;
}
.cart-drop .seller-thumbnail {
  padding: 17px 0 7px;
  margin: 0;
  border: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .cart-drop .seller-thumbnail {
    padding: 17px 0 7px;
    display: flex;
  }
}
.cart-drop .seller-thumbnail.hover {
  border: 0;
  box-shadow: none;
}
.cart-drop .seller-thumbnail:before {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #e3e2e2;
}
.cart-drop .seller-thumbnail:after {
  display: none;
}
.cart-drop .seller-thumbnail .image {
  width: 18%;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .cart-drop .seller-thumbnail .image {
    width: 19%;
    height: 46px;
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  .cart-drop .seller-thumbnail .image {
    height: 46px;
  }
}
@media (min-width: 1200px) {
  .cart-drop .seller-thumbnail .image {
    height: 46px;
  }
}
.cart-drop .seller-thumbnail .text-block {
  width: 82%;
  min-height: 50px;
  font-size: 12px;
  line-height: 1;
  position: relative;
  padding-right: 76px;
  border-left: 0;
}
@media (min-width: 768px) {
  .cart-drop .seller-thumbnail .text-block {
    width: 81%;
    padding: 0 76px 0 5px;
  }
}
.cart-drop .seller-thumbnail .title {
  margin-bottom: 3px;
}
.cart-drop .seller-thumbnail h3 {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .cart-drop .seller-thumbnail h3 {
    font-size: 14px;
    line-height: 1;
  }
}
.cart-drop .seller-thumbnail .price-row {
  padding-right: 0;
}
.cart-drop .seller-thumbnail .price {
  position: absolute;
  right: 0;
  top: -1px;
  width: 76px;
  text-align: center;
  font-size: 18px;
  line-height: 1;
}
.cart-drop .seller-thumbnail .jcf-number {
  width: 74px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 22px;
}
.cart-drop .seller-thumbnail .jcf-number input {
  padding: 1px 23px;
}
.cart-drop .seller-thumbnail .jcf-number .jcf-btn-dec,
.cart-drop .seller-thumbnail .jcf-number .jcf-btn-inc {
  font-weight: 700;
  height: 24px;
  line-height: 22px;
}
.cart-drop .seller-thumbnail .jcf-number .jcf-btn-inc {
  font-size: 19px;
  line-height: 20px;
  right: 7px;
}
.cart-close {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #25cad3;
  outline: none;
}
.top-panel .cart-close {
  color: #25cad3;
}
.top-panel .cart-close:hover {
  color: #4990e2;
}
.cart-close:hover {
  color: #4990e2;
}
.seller-thumbnail .jcf-number {
  width: 90px;
}
.seller-thumbnail .jcf-number .jcf-real-element {
  width: 100%;
}
/* basic styles  for open close */
.open-close .opener {
  display: inline-block;
  vertical-align: top;
  padding-right: 18px;
  position: relative;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}
.open-close .opener .icon {
  font-size: 8px;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fe3c76;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
}
.open-close .opener .more-text {
  display: none;
}
.open-close .opener .less-text {
  display: inline-block;
  vertical-align: top;
}
.open-close .opener.collapsed .more-text {
  display: inline-block;
  vertical-align: top;
}
.open-close .opener.collapsed .less-text {
  display: none;
}
.open-close .opener.collapsed .icon {
  margin-top: 3px;
  transform: translateY(-50%) rotate(180deg);
}
.open-close.products .seller-thumbnail:first-child:before {
  display: block;
}
.btn-delete {
  position: absolute;
  right: -1px;
  top: 12px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #d8d8d8;
  outline: none;
}
.btn-delete:hover,
.btn-delete:focus {
  color: #25cad3;
  outline: none;
}
/* autocomplete drop styles */
.autocomplete-drop {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 96;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
  background: #ffffff;
  display: flex;
  color: #505050;
  transform: translateY(-100%);
  height: calc(100% - 58px);
  overflow: hidden;
}
@media (max-width: 767px) {
  .autocomplete-drop {
    opacity: 0;
    visibility: hidden;
    top: 0;
  }
}
@media (min-width: 768px) {
  .autocomplete-drop {
    transition: max-height 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
    transform: translateY(0);
    height: auto;
    position: absolute;
    right: -10px;
    top: 100%;
    left: auto;
    bottom: auto;
    width: 405px;
    text-align: left;
    z-index: 10;
    max-height: 0;
    overflow: hidden;
    padding: 0 10px;
    background: none;
    z-index: 150;
    display: block;
  }
}
@media (max-width: 767px) {
  .autocomplete-active .autocomplete-drop {
    opacity: 1;
    visibility: visible;
    top: 58px;
    transform: translateY(0);
  }
}
@media (min-width: 768px) {
  .autocomplete-active .autocomplete-drop {
    padding-top: 1px;
    max-height: 544px;
    padding-bottom: 10px;
  }
}
.autocomplete-drop .drop-holder {
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .autocomplete-drop .drop-holder {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
    width: 385px;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 768px) {
  .autocomplete-active .autocomplete-drop .drop-holder {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.autocomplete-drop .jcf-scrollable {
  width: 100% !important;
}
@media (max-width: 767px) {
  .autocomplete-drop .jcf-scrollable {
    max-height: calc(100vh - 268px) !important;
    min-height: 78px !important;
  }
}
@media (min-width: 768px) {
  .autocomplete-drop .jcf-scrollable {
    max-height: 386px !important;
    min-height: 80px !important;
  }
}
.autocomplete-drop .jcf-scrollable-wrapper {
  width: 100% !important;
}
.autocomplete-drop .jcf-scrollbar {
  z-index: 2;
}
.autocomplete-drop .drop-content {
  padding-top: 1px;
}
.autocomplete-drop .seller-thumbnail {
  padding: 10px 13px;
  margin: -1px 0 0;
  width: 100%;
  border: 0;
  background: transparent;
  z-index: 1;
}
@media (min-width: 768px) {
  .autocomplete-drop .seller-thumbnail {
    padding: 11px 13px 10px;
    display: flex;
  }
}
.autocomplete-drop .seller-thumbnail:before {
  transition: border-color 0.3s ease-in-out;
  content: "";
  position: absolute;
  bottom: 0;
  left: 13px;
  right: 13px;
  height: 1px;
  border-bottom: 1px solid #e3e2e2;
}
.autocomplete-drop .seller-thumbnail:after {
  transition: border-color 0.3s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid transparent;
  height: auto;
  background: none;
  margin-top: 0;
}
.autocomplete-drop .seller-thumbnail.hover {
  border: 0;
  box-shadow: none;
  z-index: 2;
}
.autocomplete-drop .seller-thumbnail.hover:before {
  border-bottom-color: transparent;
}
.autocomplete-drop .seller-thumbnail.hover:after {
  border-color: #fe3c76;
}
.autocomplete-drop .seller-thumbnail .label-top {
  top: 9px;
  left: -65px;
  font-size: 11px;
  line-height: 13px;
  padding: 5px 45px;
}
@media (min-width: 992px) {
  .autocomplete-drop .seller-thumbnail .label-top {
    left: -60px;
    top: 12px;
    padding: 5px 42px;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: normal;
  }
}
.autocomplete-drop .seller-thumbnail .image {
  width: 18%;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .autocomplete-drop .seller-thumbnail .image {
    width: 15%;
    height: 46px;
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  .autocomplete-drop .seller-thumbnail .image {
    height: 46px;
  }
}
@media (min-width: 1200px) {
  .autocomplete-drop .seller-thumbnail .image {
    height: 46px;
  }
}
.autocomplete-drop .seller-thumbnail .text-block {
  width: 82%;
  min-height: 50px;
  font-size: 12px;
  line-height: 1;
  position: relative;
  padding-right: 90px;
  border-left: 0;
}
@media (min-width: 768px) {
  .autocomplete-drop .seller-thumbnail .text-block {
    width: 85%;
    padding: 0 90px 0 5px;
  }
}
.autocomplete-drop .seller-thumbnail .title {
  margin-bottom: 2px;
}
.autocomplete-drop .seller-thumbnail .size {
  margin-bottom: 3px;
}
.autocomplete-drop .seller-thumbnail h3 {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .autocomplete-drop .seller-thumbnail h3 {
    font-size: 14px;
    line-height: 1;
  }
}
.autocomplete-drop .seller-thumbnail .price-row {
  padding-right: 0;
}
.autocomplete-drop .seller-thumbnail .price {
  position: absolute;
  right: 0;
  bottom: 1px;
  width: 76px;
  text-align: left;
  font-size: 18px;
  line-height: 1;
}
@media (min-width: 768px) {
  .autocomplete-drop .seller-thumbnail .price {
    text-align: right;
    bottom: 3px;
  }
}
.autocomplete-drop .drop-footer {
  padding: 12px 13px 60px;
}
@media (min-width: 768px) {
  .autocomplete-drop .drop-footer {
    padding-bottom: 12px;
  }
}
.autocomplete-drop .total-results {
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .autocomplete-drop .total-results {
    margin-bottom: 15px;
  }
}
.autocomplete-drop .btn-more {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  text-transform: none;
  z-index: 3;
}
@media (min-width: 768px) {
  .autocomplete-drop .btn-more {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    text-transform: uppercase;
    background: none;
    display: inline-block;
    vertical-align: top;
    color: #25cad3;
    border: 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 768px) {
  .autocomplete-drop .btn-more:hover {
    color: #22bac3;
  }
}
@media (min-width: 768px) {
  .autocomplete-drop .btn-more .icon {
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    color: #fe3c76;
    margin: 4px 1px -4px;
  }
}
.ui-menu {
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100% !important;
}
/* footer styles */
#footer {
  color: #ffffff;
  background: #4990e2;
  font-size: 12px;
  line-height: 1.83;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  #footer {
    font-size: 13px;
    line-height: 1.692;
    letter-spacing: 0.03em;
  }
}
#footer a {
  color: #ffffff;
}
#footer a:hover {
  color: #25cad3;
}
#footer address {
  font-size: 12px;
  line-height: 1.83;
  margin-bottom: 37px;
}
@media (min-width: 768px) {
  #footer address {
    font-size: 13px;
    line-height: 1.692;
    letter-spacing: 0.03em;
  }
}
#footer .logo {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 11px -28px;
}
@media (min-width: 768px) {
  #footer .logo {
    margin-bottom: 13px;
    margin-left: -30px;
  }
}
.footer-holder {
  padding: 25px 40px;
}
@media (min-width: 768px) {
  .footer-holder {
    padding: 22px 0 25px 34px;
  }
}
.footer-holder .panel-group {
  max-width: 194px;
  margin-bottom: 0;
}
.footer-holder .panel-group:before,
.footer-holder .panel-group:after {
  content: " ";
  display: table;
}
.footer-holder .panel-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .footer-holder .panel-group {
    max-width: none;
    margin: 12px -15px 0 0;
  }
}
.footer-holder .panel {
  border: 0;
  background: none;
  box-shadow: none;
}
@media (min-width: 768px) {
  .footer-holder .panel {
    float: left;
    width: 38.2%;
    padding-right: 10px;
  }
}
@media (min-width: 992px) {
  .footer-holder .panel {
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .footer-holder .panel:first-child {
    width: 35.2%;
  }
}
@media (min-width: 768px) {
  .footer-holder .panel:last-child {
    width: 26.6%;
  }
}
@media (min-width: 768px) {
  .footer-holder .panel + .panel {
    margin-top: 0;
  }
}
.footer-holder .panel-heading {
  padding: 0 0 23px;
  border: 0;
  background: none;
}
@media (min-width: 768px) {
  .footer-holder .panel-heading {
    padding-bottom: 20px;
  }
}
.footer-holder .panel-title {
  text-transform: uppercase;
}
.footer-holder .panel-title a {
  display: block;
  position: relative;
  outline: none;
  padding-right: 45px;
}
@media (min-width: 768px) {
  .footer-holder .panel-title a {
    padding: 0;
  }
}
.footer-holder .panel-title a:before {
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  content: "\e900";
  font: 7px/1 'icomoon' !important;
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .footer-holder .panel-title a:before {
    display: none;
  }
}
.footer-holder .panel-title a.collapsed:before {
  margin-top: 2px;
  transform: translateY(-50%) rotate(180deg);
}
.footer-holder .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: 0;
}
.footer-holder .panel-body {
  padding: 0 0 11px;
  border: 0;
}
@media (min-width: 768px) {
  .footer-holder .panel-collapse {
    height: auto !important;
    display: block !important;
  }
}
.copyright {
  padding: 24px 0 17px;
  font-size: 12px;
  line-height: 2.167;
  letter-spacing: 0.06em;
  position: relative;
  background: #2e67aa;
  z-index: 1;
}
@media (min-width: 768px) {
  .copyright {
    padding: 13px 0 14px;
    text-align: left;
    font-size: 13px;
    letter-spacing: 0.03em;
  }
}
.copyright:before {
  content: "";
  position: absolute;
  top: 0;
  right: -9999px;
  bottom: 0;
  left: -9999px;
  background: #2e67aa;
  z-index: -1;
}
/* ---------------------------------------------------------
   4. Custom form styles
   ---------------------------------------------------------*/
/* custom select styles */
.jcf-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 2px solid #bdbaba;
  background: #ffffff;
  margin: 0 0 12px;
  min-width: 100px;
  height: 36px;
  border-radius: 18px;
}
@media (min-width: 768px) {
  .jcf-select {
    height: 48px;
    border-radius: 24px;
  }
}
.jcf-select.jcf-select-alt-select {
  border-width: 1px;
  border-radius: 3px;
  display: block;
  width: 100%;
  height: 50px;
}
@media (min-width: 768px) {
  .jcf-select.jcf-select-alt-select {
    display: inline-block;
    vertical-align: top;
    width: auto;
    min-width: 254px;
    max-width: 100%;
  }
}
.jcf-select.jcf-select-alt-select .jcf-select-text {
  font-size: 14px;
  line-height: 48px;
  color: #808080;
  margin-left: 14px;
}
@media (min-width: 992px) {
  .jcf-select.jcf-select-alt-select .jcf-select-text {
    margin: 0 40px 0 18px;
  }
}
.jcf-select.jcf-select-alt-select .jcf-select-opener:before {
  width: 8px;
  height: 8px;
  border-top: 1px solid #fe3c76;
  border-left: 1px solid #fe3c76;
  border-right: none;
  transform: rotate(-135deg);
  margin: 0 0 0 6px;
}
@media (min-width: 992px) {
  .jcf-select.jcf-select-alt-select .jcf-select-opener:before {
    width: 12px;
    height: 12px;
    margin: 0 0 2px 17px;
  }
}
.jcf-select.jcf-select-small-select {
  height: 40px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .jcf-select.jcf-select-small-select {
    display: block;
    width: 100%;
    min-width: 1px;
  }
}
.jcf-select.jcf-select-small-select .jcf-select-text {
  line-height: 38px;
}
@media (min-width: 768px) {
  .jcf-select.jcf-select-small-select .jcf-select-text {
    margin-left: 10px;
  }
}
@media (min-width: 992px) {
  .jcf-select.jcf-select-small-select .jcf-select-text {
    margin-left: 10px;
  }
}
@media (min-width: 992px) {
  .jcf-select.jcf-select-small-select .jcf-select-opener:before {
    width: 9px;
    height: 9px;
  }
}
.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0;
}
.jcf-select .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  font-size: 18px;
  line-height: 32px;
  color: #505050;
  margin: 0 30px 0 12px;
}
@media (min-width: 768px) {
  .jcf-select .jcf-select-text {
    line-height: 44px;
  }
}
@media (min-width: 992px) {
  .jcf-select .jcf-select-text {
    margin: 0 40px 0 30px;
  }
}
.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  background: transparent;
  width: 28px;
  bottom: 0;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .jcf-select .jcf-select-opener {
    width: 40px;
  }
}
.jcf-select .jcf-select-opener:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 0;
  height: 0;
  border-top: 6px solid #25cad3;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin: 4px 0 0 4px;
}
.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0px;
  z-index: 9999;
  top: 100%;
  left: -1px;
  right: -1px;
}
.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto;
}
body > .jcf-select-drop {
  position: absolute;
  margin: 0;
  z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0;
}
.jcf-select-drop .jcf-select-drop-content {
  border: 2px solid #bdbaba;
}
.jcf-select-alt-select .jcf-select-drop-content {
  border-width: 1px;
}
.jcf-select-alt-select .jcf-list {
  font-size: 14px;
  line-height: 22px;
}
/* multiple select styles */
.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px;
}
/* select options styles */
.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #ffffff;
  line-height: 22px;
  font-size: 16px;
  width: 100%;
}
.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%;
}
.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.jcf-list ul li {
  overflow: hidden;
  display: block;
}
.jcf-list .jcf-overflow {
  overflow: auto;
}
.jcf-list .jcf-option {
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 5px 12px;
  color: #656565;
  height: 1%;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.jcf-list .jcf-disabled {
  background: #ffffff !important;
  color: #aaa !important;
}
.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 5px 12px;
  cursor: default;
  color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
  background: #e6e6e6;
  color: #000;
}
/* custom number input styles */
.jcf-number {
  display: inline-block;
  position: relative;
  height: 32px;
}
.jcf-number .jcf-real-element {
  -webkit-appearance: none;
}
.alt-number .jcf-number {
  height: 36px;
  width: 100%;
}
@media (min-width: 768px) {
  .alt-number .jcf-number {
    height: 48px;
  }
}
.alt-number .jcf-number input {
  width: 100%;
  border-color: #bdbaba;
  font-size: 24px;
  line-height: 26px;
  padding: 3px 40px;
  color: #505050;
}
@media (min-width: 768px) {
  .alt-number .jcf-number input {
    border-radius: 24px;
    padding: 9px 40px;
  }
}
.alt-number .jcf-number .jcf-btn-dec,
.alt-number .jcf-number .jcf-btn-inc {
  font-size: 36px;
  line-height: 24px;
  left: 10px;
  color: #bdbaba;
  width: 40px;
  height: 32px;
}
@media (min-width: 768px) {
  .alt-number .jcf-number .jcf-btn-dec,
  .alt-number .jcf-number .jcf-btn-inc {
    width: 50px;
    height: 44px;
    line-height: 36px;
  }
}
.alt-number .jcf-number .jcf-btn-inc {
  left: auto;
  right: 10px;
  line-height: 22px;
  width: 30px;
}
@media (min-width: 768px) {
  .alt-number .jcf-number .jcf-btn-inc {
    width: 54px;
    line-height: 34px;
  }
}
.jcf-number input {
  -moz-appearance: textfield;
}
.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.jcf-number input {
  box-sizing: border-box;
  border: 2px solid #eee;
  border-radius: 20px;
  padding: 3px 25px;
  margin: 0;
  height: 100%;
  text-align: center;
  color: #212121;
  font-size: 18px;
  line-height: 22px;
}
.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
  position: absolute;
  background: transparent;
  width: 20px;
  height: 28px;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #9fa3a7;
  left: 7px;
  top: 2px;
  cursor: default;
}
.jcf-number .jcf-btn-inc {
  left: auto;
  right: 10px;
  line-height: 22px;
}
.jcf-number .jcf-btn-dec:hover,
.jcf-number .jcf-btn-inc:hover {
  background: transparent;
  color: #25cad3;
}
.jcf-number.jcf-disabled .jcf-btn-dec:hover,
.jcf-number.jcf-disabled .jcf-btn-inc:hover {
  background: transparent;
}
.jcf-number .jcf-btn-dec:before {
  content: ' - ';
}
.jcf-number .jcf-btn-inc:before {
  content: " + ";
}
.jcf-number.jcf-disabled .jcf-btn-dec:before,
.jcf-number.jcf-disabled .jcf-btn-inc:before,
.jcf-number .jcf-btn-dec.jcf-disabled:before,
.jcf-number .jcf-btn-inc.jcf-disabled:before {
  opacity: 0.3;
}
.jcf-number.jcf-disabled input {
  background: transparent;
  color: #ccc;
}
/* custom scrollbars styles */
.jcf-scrollable-wrapper {
  position: relative;
  width: 100% !important;
}
.jcf-scrollbar-vertical {
  position: absolute;
  cursor: default;
  background: transparent;
  width: 8px;
  bottom: 0;
  right: 0;
  top: 0;
}
.jcf-scrollbar-vertical .jcf-scrollbar-slider {
  border-radius: 4px;
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
  background: transparent;
  height: 0;
  width: 0;
  display: none;
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
  background: #000;
  opacity: .15;
  height: 1px;
  width: 6px;
  border-radius: 4px;
}
.jcf-scrollbar-horizontal {
  position: absolute;
  background: transparent;
  right: auto;
  top: auto;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 8px;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  display: none;
  background: transparent;
  height: 0;
  width: 0;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
  display: inline-block;
  position: relative;
  height: 6px;
  border-radius: 4px;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
  position: absolute;
  background: #000;
  opacity: .15;
  height: 6px;
  border-radius: 4px;
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
  visibility: hidden;
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
  background: transparent;
}
/* ---------------------------------------------------------
   5. Fancybox styles
   ---------------------------------------------------------*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
  margin: 0;
}
.touch-device .fancybox-wrap {
  position: fixed !important;
  top: 20px !important;
  overflow: auto !important;
}
@media (max-width: 767px) {
  .touch-device .fancybox-wrap {
    width: 100% !important;
    margin: -20px 0 0 -20px;
  }
}
.fancybox-skin {
  position: relative;
  background: transparent;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
@media (max-width: 767px) {
  .fancybox-outer,
  .fancybox-inner {
    height: 100vh !important;
  }
}
.fancybox-inner {
  overflow: hidden;
}
@media (max-width: 767px) {
  .fancybox-inner {
    width: 100% !important;
  }
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('../images/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -9999px;
  right: 0;
  width: 0;
  height: 0;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-type-image .fancybox-close {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 15px;
  line-height: 1;
  color: #25cad3;
  opacity: 1;
  height: auto;
  width: auto;
  z-index: 99999;
}
@media (min-width: 768px) {
  .fancybox-type-image .fancybox-close {
    top: 20px;
    right: 20px;
  }
}
.fancybox-type-image .fancybox-close:before {
  content: "\e909";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.fancybox-type-image .fancybox-close:hover {
  color: #4990e2;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../images/fancybox/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  /*overflow: hidden !important;*/
}
.fancybox-lock-test {
  /*overflow-y: hidden !important;*/
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
}
@media (max-width: 767px) {
  .fancybox-overlay {
    background: #fff !important;
  }
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
.fancybox-type-image .fancybox-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fancybox-type-image img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}
/* ---------------------------------------------------------
   6. Slick slider styles (fade/slide)
   ---------------------------------------------------------*/
/* slick slider basic styles (slide effect) */
.slick-slider {
  display: block;
  box-sizing: border-box;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-slider .btn-prev,
.slick-slider .btn-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
}
.slick-slider .btn-prev:before,
.slick-slider .btn-next:before {
  content: "\e902";
  font-size: 32px;
  line-height: 1;
  font-family: "icomoon" !important;
}
.slick-slider .btn-next {
  left: auto;
  right: -10px;
}
.slick-slider .btn-next:before {
  content: "\e903";
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 0 34px;
  padding: 0;
}
@media (min-width: 768px) {
  .slick-list {
    margin-bottom: 30px;
  }
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-track {
  top: 0;
  left: 0;
  position: relative;
  display: block;
  margin: 0;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  outline: none;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow {
  cursor: pointer;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* slick slider basic styles (fade effect) */
.slick-fade-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-fade-slider .slick-track,
.slick-fade-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.big-images-gallery {
  position: relative;
}
@media (min-width: 768px) {
  .big-images-gallery {
    padding-left: 89px;
  }
}
@media (min-width: 992px) {
  .big-images-gallery {
    padding-left: 99px;
  }
}
.big-images-gallery .image-slide-inner {
  position: relative;
}
.big-images-gallery .image-slide-inner img {
  display: block;
  width: 100%;
  height: auto;
}
.big-images-gallery .image-slide-inner .lightbox-opener {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #d3d3d3;
  font-size: 22px;
  text-align: center;
  outline: none;
}
@media (max-width: 768px) {
  .big-images-gallery .image-slide-inner .lightbox-opener {
    pointer-events: none;
  }
}
.big-images-gallery .slick-list {
  border-radius: 6px;
  margin: 0 0 15px;
}
@media (max-width: 768px) {
  .big-images-gallery .slick-list {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .big-images-gallery .slick-list {
    border: 1px solid #f2f2f2;
  }
}
@media (min-width: 768px) {
  .big-images-gallery .slick-dots {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
}
.big-images-gallery .slick-dots li {
  padding: 0 6px;
}
@media (min-width: 768px) {
  .big-images-gallery .slick-dots li {
    display: block;
    padding: 0 0 10px;
  }
}
.big-images-gallery .slick-dots li.slick-active a {
  background: #7e7d7b;
}
@media (min-width: 768px) {
  .big-images-gallery .slick-dots li.slick-active a {
    border-color: #2ab9c1;
    background: none;
  }
}
.big-images-gallery .slick-dots li a {
  width: 7px;
  height: 7px;
  border: none;
  background: #d8d8d8;
}
@media (min-width: 768px) {
  .big-images-gallery .slick-dots li a {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    padding: 0;
    border-radius: 4px;
    background: none;
    border: 1px solid #d8d8d8;
  }
}
.big-images-gallery .slick-dots li a:hover {
  background: #7e7d7b;
}
@media (min-width: 768px) {
  .big-images-gallery .slick-dots li a:hover {
    border-color: #2ab9c1;
    background: none;
  }
}
.big-images-gallery .slick-dots li img {
  display: none;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .big-images-gallery .slick-dots li img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
  }
}
.zoom-item img {
  display: block;
  width: 100%;
  height: auto;
  padding: 15px;
}
@media (max-width: 768px) {
  .popup-visible-on {
    height: 100vh;
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .popup-visible-on .images-popup-holder {
    opacity: 1;
    visibility: visible;
    max-height: 100vh;
    overflow-y: auto;
  }
}
.images-popup-holder {
  position: fixed;
  background: #fff;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}
.images-popup-holder .popup-close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #25cad3;
  z-index: 5;
}
.images-popup-holder .popup-close:hover {
  color: #4990e2;
}
.images-popup-holder .image-slide-inner {
  padding: 60px 15px 0;
  position: relative;
}
.images-popup-holder .image-slide-inner:before {
  left: 0;
  right: 0;
  top: 50px;
  content: '';
  height: 1px;
  background: #ecebe5;
  position: absolute;
}
.images-popup-holder .slide-title {
  position: absolute;
  top: 15px;
  left: 15px;
  font-weight: 400;
  color: #545454;
}
#add-popup01 {
  display: none;
}
.cust-img-gallery .fancybox-skin {
  position: relative;
  background: #fff;
  padding: 50px 15px 15px !important;
  border-radius: 15px;
}
@media (min-width: 768px) {
  .cust-img-gallery .fancybox-skin {
    padding: 30px 80px 15px 15px !important;
  }
}
.cust-img-gallery .fancybox-skin .fancybox-title-float-wrap {
  position: absolute;
  bottom: auto;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  text-align: left;
  border-bottom: 2px solid #efefef;
}
.cust-img-gallery .fancybox-skin .fancybox-title-float-wrap .child {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  background: transparent;
  color: #c0c0c0;
  text-shadow: none;
  font-size: 16px;
  color: #000;
  padding: 7px 20px;
}
.cust-img-gallery .fancybox-skin .fancybox-nav {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) {
  .cust-img-gallery .fancybox-skin .fancybox-nav {
    display: none !important;
  }
}
.cust-img-gallery .fancybox-skin .fancybox-nav span {
  visibility: visible;
  opacity: 1;
  background: none !important;
  width: 25px;
  height: 25px;
  border: 1px solid #d8d8d8;
  border-width: 3px 3px 0 0;
  transform: rotate(45deg);
}
.cust-img-gallery .fancybox-skin .fancybox-nav.fancybox-prev span {
  transform: rotate(-135deg);
}
@media (max-width: 768px) {
  .cust-img-gallery .fancybox-skin .fancybox-outer {
    height: auto !important;
  }
}
@media (max-width: 768px) {
  .cust-img-gallery .fancybox-skin .fancybox-type-image img {
    width: 100%;
    height: auto;
  }
}
.cust-img-gallery .fancybox-skin .fancybox-inner {
  max-width: 700px;
}
@media (max-width: 768px) {
  .cust-img-gallery .fancybox-skin .fancybox-inner {
    height: auto !important;
  }
}
@media (min-width: 768px) {
  .cust-img-gallery .fancybox-skin .fancybox-title {
    display: none;
  }
}
.cust-img-gallery .fancybox-skin .add-pagin {
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .cust-img-gallery .fancybox-skin .add-pagin {
    position: absolute;
    z-index: 9999;
    top: 60px;
    right: 20px;
    text-align: left;
  }
}
.cust-img-gallery .fancybox-skin .add-pagin a {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
  border: 2px solid #e8e8e8;
  border-radius: 5px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .cust-img-gallery .fancybox-skin .add-pagin a {
    display: block;
    margin-bottom: 20px;
  }
}
.cust-img-gallery .fancybox-skin .add-pagin a.active,
.cust-img-gallery .fancybox-skin .add-pagin a:hover {
  border-color: #2ab9c1;
}
.cust-img-gallery .fancybox-skin .add-pagin a img {
  display: block;
  width: 100%;
  height: auto;
}
.images-gallery-wrap {
  position: relative;
}
@media (max-width: 768px) {
  .images-gallery-wrap .zoom-item img {
    max-width: 250px;
    margin: 0 auto;
  }
}
.images-gallery-wrap .icon-zoom-item {
  position: absolute;
  z-index: 99;
  top: 10px;
  right: 10px;
  pointer-events: none;
}
.images-gallery-wrap .icon-zoom-item .icon-search3:before {
  font-family: 'custom-icomoon-product2';
  content: "\e95c";
}
.images-gallery-wrap .label.large {
  top: 10px;
  left: -15px;
  border-radius: 0 18px 18px 0;
  right: auto;
  position: absolute;
  z-index: 99;
}
@media (min-width: 768px) and (max-width: 991px) {
  .images-gallery-wrap .label.large.many-thumbnail {
    left: 90px;
  }
}
@media (min-width: 992px) {
  .images-gallery-wrap .label.large.many-thumbnail {
    left: 100px;
  }
}
@media (max-width: 767px) {
  .images-gallery-wrap .label.large {
    position: absolute;
    font-size: 12px;
    padding: 5px 10px;
    line-height: 1;
  }
}
.popup-img-gallery.fancybox-wrap {
  max-width: 830px !important;
  margin-left: auto;
  margin-right: auto;
}
.popup-img-gallery .fancybox-skin {
  background: #fff;
  border-radius: 15px;
  max-width: 830px !important;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .popup-img-gallery .fancybox-skin {
    border-radius: 0;
  }
}
.popup-img-gallery .fancybox-inner {
  overflow: hidden !important;
  height: auto !important;
  width: auto !important;
}
.popup-img-gallery .lightbox-img-gallery {
  position: relative;
  max-width: 830px;
  margin: 0 auto;
  padding: 15px 170px 15px 50px;
}
.popup-img-gallery .lightbox-img-gallery img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (min-width: 320px) {
  .popup-img-gallery .lightbox-img-gallery img {
    width: 290px;
  }
}
@media (min-width: 360px) {
  .popup-img-gallery .lightbox-img-gallery img {
    width: 330px;
  }
}
@media (min-width: 375px) {
  .popup-img-gallery .lightbox-img-gallery img {
    width: 340px;
  }
}
@media (min-width: 411px) {
  .popup-img-gallery .lightbox-img-gallery img {
    width: 380px;
  }
}
@media (min-width: 768px) {
  .popup-img-gallery .lightbox-img-gallery img {
    width: auto;
  }
}
.popup-img-gallery .top-title-gallery {
  opacity: 0;
  visibility: hidden;
}
.popup-img-gallery #add-popup01 {
  position: static;
  z-index: 1;
  left: 0;
}
#add-popup01 {
  display: block !important;
  position: absolute;
  z-index: -1;
  left: -9999;
}
.popup-img-gallery .slider-header {
  position: relative;
  padding: 20px 40px;
  margin: 0 -30px;
}
.popup-img-gallery .slider-header .slick-list {
  margin: 0;
}
.popup-img-gallery .slider-header .close {
  position: absolute;
  z-index: 3;
  float: none;
  top: 20px;
  right: 55px;
  opacity: 1;
  color: #22c9d3;
  font-weight: normal;
}
.lightbox-img-gallery .slick-dots {
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 0;
  transform: translate(0, 0);
}
.lightbox-img-gallery .slick-dots li {
  display: block;
  padding: 0;
  margin-bottom: 15px;
}
.lightbox-img-gallery .slick-dots li.slick-active a {
  border-color: #edebe5;
  background: none;
}
.lightbox-img-gallery .slick-dots li a {
  border-radius: 3px;
  border-color: transparent;
  width: 90px;
  height: 90px;
}
.lightbox-img-gallery .slick-dots li img {
  display: block;
  width: 100%;
  height: auto;
}
.lightbox-img-gallery .slick-arrow {
  background: none;
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 30px;
  margin-top: -18px;
  width: 25px;
  height: 25px;
  border: 1px solid #d8d8d8;
  border-width: 4px 4px 0 0;
  transform: rotate(-135deg);
  text-indent: -9999px;
  outline: 0;
}
.lightbox-img-gallery .slick-arrow.slick-disabled {
  border-color: #efefef;
}
.lightbox-img-gallery .slick-arrow.slick-next {
  z-index: 5;
  left: auto;
  right: 150px;
  transform: rotate(45deg);
}
@media only screen and (max-width: 768px) {
  .popup-img-gallery .fancybox-skin {
    padding: 0 !important;
  }
  .popup-img-gallery .lightbox-img-gallery {
    padding: 0 15px !important;
  }
  .touch-device .fancybox-wrap.popup-img-gallery {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .popup-img-gallery {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }
  .popup-img-gallery .slider-header {
    position: relative;
    border-bottom: 1px solid #edebe5;
    padding: 15px 50px;
    margin: 0 -30px 10px;
    font-size: 15px;
  }
  .lightbox-img-gallery .slick-dots {
    position: static;
  }
  .lightbox-img-gallery .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px 5px;
  }
  .lightbox-img-gallery .slick-dots li a {
    width: 60px;
    height: 60px;
    border-width: 2px;
  }
  .lightbox-img-gallery .slick-dots li.slick-active a {
    border-color: #22c9d3;
  }
  .lightbox-img-gallery .slick-arrow {
    display: none !important;
  }
  .popup-img-gallery .slider-header .close {
    top: 15px;
    right: 45px;
    font-size: 18px;
  }
  .popup-img-gallery .top-title-gallery {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .one-thumbnail {
    padding-left: 0px;
    margin-left: -15px;
  }
}
@media (min-width: 992px) {
  .one-thumbnail {
    padding-left: 0px;
    margin-left: -15px;
  }
}
@media (min-width: 768px) {
  .one-thumbnail .zoom-item img {
    margin-left: auto;
    margin-right: auto;
    max-width: 65%;
    padding: 30px;
  }
}
.one-thumbnail-popup {
  padding: 15px 170px 15px 200px !important;
}
/* ---------------------------------------------------------
   7. Styles of International Telephone Input plugin
   ---------------------------------------------------------*/
/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.intl-tel-input {
  position: relative;
  display: block;
  width: 100%;
}
.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.intl-tel-input .hide {
  display: none;
}
.intl-tel-input .v-hide {
  visibility: hidden;
}
.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}
.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.intl-tel-input .country-list {
  position: static;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  background-color: transparent;
  border: 0;
  white-space: normal;
  max-height: 200px;
  overflow-y: scroll;
  font-size: 14px;
  text-align: left;
  color: #bdbaba;
}
.intl-tel-input .country-list.jcf-scrollable {
  width: 100% !important;
  height: auto !important;
}
.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
  margin-left: -26px;
}
@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}
.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.intl-tel-input .country-list .divider:before {
  display: none;
}
.intl-tel-input .country-list .country {
  padding: 5px 10px 5px 36px;
}
.intl-tel-input .country-list .country:before {
  display: none;
}
.intl-tel-input .country-list .country .dial-code {
  color: #bdbaba;
}
.intl-tel-input .country-list .country.highlight {
  background-color: #f5f5f5;
}
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 6px;
}
.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}
.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 46px;
}
.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}
.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}
.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px;
}
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px;
}
.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px;
}
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px;
}
.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px;
}
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px;
}
.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px;
}
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px;
}
.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 90;
  margin-top: 1px;
  padding: 1px;
  width: 272px;
  background: #ffffff;
  border: 1px solid #bdbaba;
  border-radius: 3px;
}
@media (min-width: 768px) {
  .intl-tel-input.iti-container .jcf-scrollable-wrapper {
    height: 200px !important;
    max-height: 200px;
  }
}
.intl-tel-input.iti-container .jcf-scrollbar {
  z-index: 99;
}
.intl-tel-input.iti-container:hover {
  cursor: pointer;
}
.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
  width: auto;
}
.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px 10px 36px;
  line-height: 1.5em;
}
.iti-flag {
  width: 20px;
}
.iti-flag.be {
  width: 18px;
}
.iti-flag.ch {
  width: 15px;
}
.iti-flag.mc {
  width: 19px;
}
.iti-flag.ne {
  width: 18px;
}
.iti-flag.np {
  width: 13px;
}
.iti-flag.va {
  width: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}
.iti-flag.ac {
  height: 10px;
  background-position: 0 0;
}
.iti-flag.ad {
  height: 14px;
  background-position: -22px 0;
}
.iti-flag.ae {
  height: 10px;
  background-position: -44px 0;
}
.iti-flag.af {
  height: 14px;
  background-position: -66px 0;
}
.iti-flag.ag {
  height: 14px;
  background-position: -88px 0;
}
.iti-flag.ai {
  height: 10px;
  background-position: -110px 0;
}
.iti-flag.al {
  height: 15px;
  background-position: -132px 0;
}
.iti-flag.am {
  height: 10px;
  background-position: -154px 0;
}
.iti-flag.ao {
  height: 14px;
  background-position: -176px 0;
}
.iti-flag.aq {
  height: 14px;
  background-position: -198px 0;
}
.iti-flag.ar {
  height: 13px;
  background-position: -220px 0;
}
.iti-flag.as {
  height: 10px;
  background-position: -242px 0;
}
.iti-flag.at {
  height: 14px;
  background-position: -264px 0;
}
.iti-flag.au {
  height: 10px;
  background-position: -286px 0;
}
.iti-flag.aw {
  height: 14px;
  background-position: -308px 0;
}
.iti-flag.ax {
  height: 13px;
  background-position: -330px 0;
}
.iti-flag.az {
  height: 10px;
  background-position: -352px 0;
}
.iti-flag.ba {
  height: 10px;
  background-position: -374px 0;
}
.iti-flag.bb {
  height: 14px;
  background-position: -396px 0;
}
.iti-flag.bd {
  height: 12px;
  background-position: -418px 0;
}
.iti-flag.be {
  height: 15px;
  background-position: -440px 0;
}
.iti-flag.bf {
  height: 14px;
  background-position: -460px 0;
}
.iti-flag.bg {
  height: 12px;
  background-position: -482px 0;
}
.iti-flag.bh {
  height: 12px;
  background-position: -504px 0;
}
.iti-flag.bi {
  height: 12px;
  background-position: -526px 0;
}
.iti-flag.bj {
  height: 14px;
  background-position: -548px 0;
}
.iti-flag.bl {
  height: 14px;
  background-position: -570px 0;
}
.iti-flag.bm {
  height: 10px;
  background-position: -592px 0;
}
.iti-flag.bn {
  height: 10px;
  background-position: -614px 0;
}
.iti-flag.bo {
  height: 14px;
  background-position: -636px 0;
}
.iti-flag.bq {
  height: 14px;
  background-position: -658px 0;
}
.iti-flag.br {
  height: 14px;
  background-position: -680px 0;
}
.iti-flag.bs {
  height: 10px;
  background-position: -702px 0;
}
.iti-flag.bt {
  height: 14px;
  background-position: -724px 0;
}
.iti-flag.bv {
  height: 15px;
  background-position: -746px 0;
}
.iti-flag.bw {
  height: 14px;
  background-position: -768px 0;
}
.iti-flag.by {
  height: 10px;
  background-position: -790px 0;
}
.iti-flag.bz {
  height: 14px;
  background-position: -812px 0;
}
.iti-flag.ca {
  height: 10px;
  background-position: -834px 0;
}
.iti-flag.cc {
  height: 10px;
  background-position: -856px 0;
}
.iti-flag.cd {
  height: 15px;
  background-position: -878px 0;
}
.iti-flag.cf {
  height: 14px;
  background-position: -900px 0;
}
.iti-flag.cg {
  height: 14px;
  background-position: -922px 0;
}
.iti-flag.ch {
  height: 15px;
  background-position: -944px 0;
}
.iti-flag.ci {
  height: 14px;
  background-position: -961px 0;
}
.iti-flag.ck {
  height: 10px;
  background-position: -983px 0;
}
.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0;
}
.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0;
}
.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0;
}
.iti-flag.co {
  height: 14px;
  background-position: -1071px 0;
}
.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0;
}
.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0;
}
.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0;
}
.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0;
}
.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0;
}
.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0;
}
.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0;
}
.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0;
}
.iti-flag.de {
  height: 12px;
  background-position: -1269px 0;
}
.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0;
}
.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0;
}
.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0;
}
.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0;
}
.iti-flag.do {
  height: 13px;
  background-position: -1379px 0;
}
.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0;
}
.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0;
}
.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0;
}
.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0;
}
.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0;
}
.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0;
}
.iti-flag.er {
  height: 10px;
  background-position: -1533px 0;
}
.iti-flag.es {
  height: 14px;
  background-position: -1555px 0;
}
.iti-flag.et {
  height: 10px;
  background-position: -1577px 0;
}
.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0;
}
.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0;
}
.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0;
}
.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0;
}
.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0;
}
.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0;
}
.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0;
}
.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0;
}
.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0;
}
.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0;
}
.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0;
}
.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0;
}
.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0;
}
.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0;
}
.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0;
}
.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0;
}
.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0;
}
.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0;
}
.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0;
}
.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0;
}
.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0;
}
.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0;
}
.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0;
}
.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0;
}
.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0;
}
.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0;
}
.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0;
}
.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0;
}
.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0;
}
.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0;
}
.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0;
}
.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0;
}
.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0;
}
.iti-flag.id {
  height: 14px;
  background-position: -2325px 0;
}
.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0;
}
.iti-flag.il {
  height: 15px;
  background-position: -2369px 0;
}
.iti-flag.im {
  height: 10px;
  background-position: -2391px 0;
}
.iti-flag.in {
  height: 14px;
  background-position: -2413px 0;
}
.iti-flag.io {
  height: 10px;
  background-position: -2435px 0;
}
.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0;
}
.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0;
}
.iti-flag.is {
  height: 15px;
  background-position: -2501px 0;
}
.iti-flag.it {
  height: 14px;
  background-position: -2523px 0;
}
.iti-flag.je {
  height: 12px;
  background-position: -2545px 0;
}
.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0;
}
.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0;
}
.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0;
}
.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0;
}
.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0;
}
.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0;
}
.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0;
}
.iti-flag.km {
  height: 12px;
  background-position: -2721px 0;
}
.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0;
}
.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0;
}
.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0;
}
.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0;
}
.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0;
}
.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0;
}
.iti-flag.la {
  height: 14px;
  background-position: -2875px 0;
}
.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0;
}
.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0;
}
.iti-flag.li {
  height: 12px;
  background-position: -2941px 0;
}
.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0;
}
.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0;
}
.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0;
}
.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0;
}
.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0;
}
.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0;
}
.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0;
}
.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0;
}
.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0;
}
.iti-flag.md {
  height: 10px;
  background-position: -3160px 0;
}
.iti-flag.me {
  height: 10px;
  background-position: -3182px 0;
}
.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0;
}
.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0;
}
.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0;
}
.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0;
}
.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0;
}
.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0;
}
.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0;
}
.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0;
}
.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0;
}
.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0;
}
.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0;
}
.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0;
}
.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0;
}
.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0;
}
.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0;
}
.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0;
}
.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0;
}
.iti-flag.my {
  height: 10px;
  background-position: -3578px 0;
}
.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0;
}
.iti-flag.na {
  height: 14px;
  background-position: -3622px 0;
}
.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0;
}
.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0;
}
.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0;
}
.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0;
}
.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0;
}
.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0;
}
.iti-flag.no {
  height: 15px;
  background-position: -3774px 0;
}
.iti-flag.np {
  height: 15px;
  background-position: -3796px 0;
}
.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0;
}
.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0;
}
.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0;
}
.iti-flag.om {
  height: 10px;
  background-position: -3877px 0;
}
.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0;
}
.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0;
}
.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0;
}
.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0;
}
.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0;
}
.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0;
}
.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0;
}
.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0;
}
.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0;
}
.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0;
}
.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0;
}
.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0;
}
.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0;
}
.iti-flag.py {
  height: 11px;
  background-position: -4185px 0;
}
.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0;
}
.iti-flag.re {
  height: 14px;
  background-position: -4229px 0;
}
.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0;
}
.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0;
}
.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0;
}
.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0;
}
.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0;
}
.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0;
}
.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0;
}
.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0;
}
.iti-flag.se {
  height: 13px;
  background-position: -4427px 0;
}
.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0;
}
.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0;
}
.iti-flag.si {
  height: 10px;
  background-position: -4493px 0;
}
.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0;
}
.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0;
}
.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0;
}
.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0;
}
.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0;
}
.iti-flag.so {
  height: 14px;
  background-position: -4625px 0;
}
.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0;
}
.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0;
}
.iti-flag.st {
  height: 10px;
  background-position: -4691px 0;
}
.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0;
}
.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0;
}
.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0;
}
.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0;
}
.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0;
}
.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0;
}
.iti-flag.td {
  height: 14px;
  background-position: -4845px 0;
}
.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0;
}
.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0;
}
.iti-flag.th {
  height: 14px;
  background-position: -4911px 0;
}
.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0;
}
.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0;
}
.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0;
}
.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0;
}
.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0;
}
.iti-flag.to {
  height: 10px;
  background-position: -5043px 0;
}
.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0;
}
.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0;
}
.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0;
}
.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0;
}
.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0;
}
.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0;
}
.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0;
}
.iti-flag.um {
  height: 11px;
  background-position: -5219px 0;
}
.iti-flag.us {
  height: 11px;
  background-position: -5241px 0;
}
.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0;
}
.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0;
}
.iti-flag.va {
  height: 15px;
  background-position: -5307px 0;
}
.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0;
}
.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0;
}
.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0;
}
.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0;
}
.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0;
}
.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0;
}
.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0;
}
.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0;
}
.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0;
}
.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0;
}
.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0;
}
.iti-flag.za {
  height: 14px;
  background-position: -5566px 0;
}
.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0;
}
.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0;
}
.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url("../images/flags.png");
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../images/flags@2x.png");
  }
}
.iti-flag.np {
  background-color: transparent;
}
/* ---------------------------------------------------------
   X. Custom Naturitas Styles
   ---------------------------------------------------------*/
textarea,
input,
button {
  outline: none;
}
a.disabled {
  pointer-events: none;
}
.offer-block {
  margin: 0;
}
.testimonials-section.bg-gray {
  padding-top: 40px;
}
.testimonials-section.bg-gray:before {
  content: "";
  position: absolute;
  top: 0;
  right: -9999px;
  bottom: 0;
  left: -9999px;
  background: #f5f5f5;
  z-index: 1;
}
main .testimonials-section.bg-gray:last-child {
  margin-bottom: -17px;
}
@media (min-width: 768px) {
  main .testimonials-section.bg-gray:last-child {
    margin-bottom: -53px;
  }
}
@media (min-width: 768px) {
  .cart-drop .jcf-scrollable {
    min-height: 0 !important;
  }
}
.cart-drop h3 a {
  color: #25cad3;
}
.card-box .icon-holder {
  padding: 0;
  width: 30%;
}
.card-box .icon-holder .icon {
  font-size: 35px;
}
.card-box .icon-holder .icon.icon-card {
  font-size: 30px;
}
.card-box .custom-radio {
  min-height: auto;
}
.card-box .custom-radio .fake-label {
  display: flex;
}
@media (min-width: 1200px) {
  .card-box .custom-radio .fake-label {
    padding: 10px 15px;
  }
}
.card-box .custom-radio .card-comment {
  font-size: 12px;
  text-transform: uppercase;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 25%;
  text-align: right;
  font-weight: bold;
}
.card-box .custom-radio .card-comment.danger {
  color: #fe3c76;
}
.card-box .custom-radio .card-comment.warning {
  color: #f6a623;
}
.card-box .custom-radio .card-comment.success {
  color: #5cb85c;
}
.card-box .custom-radio .text-content .discount {
  font-size: 12px;
  color: #5cb85c;
  font-weight: 700;
}
.data-section .card-box .box-holder {
  padding: 0;
  min-height: auto;
}
@media (min-width: 1200px) {
  .data-section .card-box .box-holder {
    padding: 0;
  }
}
.checkout #messages {
  margin: 15px 0;
}
.checkout #messages .alert {
  margin-bottom: 15px;
}
.checkout #messages .alert:last-child {
  margin-bottom: 0;
}
.customer-area #messages {
  margin: 0px;
}
.customer-area #messages .alert {
  margin-bottom: 15px;
}
.customer-area #messages .alert:last-child {
  margin-bottom: 30px;
}
.customer-area #messages .alert:first-child {
  margin-top: 0px;
}
.testimonials-section {
  margin-top: 100px;
}
.ui-helper-hidden-accessible {
  position: absolute;
  left: -999em;
}
.category-banners .category-box:before {
  transition: none;
  opacity: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0, rgba(0, 0, 0, 0) 100%);
}
.category-banners .category-box:hover:before {
  opacity: 0.8;
  background: #25cad3;
}
.category-banners .category-box .caption span {
  display: block;
  font-weight: 200;
  font-size: 12px;
}
.nav-drop .nav-blocks {
  flex: 1;
}
@media (min-width: 992px) {
  .nav-drop .nav-blocks {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}
.top-panel .cart-opener.blink {
  background-color: white;
  color: #4990e2;
}
.no-transition {
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
@media (min-width: 768px) {
  .footer-holder .panel,
  .footer-holder .panel:first-child,
  .footer-holder .panel:last-child {
    width: 25%;
    box-sizing: border-box;
  }
}
.breadcrumb-container {
  margin-bottom: 15px;
  position: relative;
}
.breadcrumb-container:before {
  content: "";
  position: absolute;
  top: 0;
  right: -9999px;
  bottom: 0;
  left: -9999px;
  z-index: 1;
}
.breadcrumb-container:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,f5f5f5+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 50px;
}
.breadcrumb-container .breadcrumb-track {
  margin-bottom: 0px;
  padding: 5px 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .breadcrumb-container .breadcrumb-track {
    margin-top: -15px;
  }
}
.breadcrumb-container .breadcrumb-track::-webkit-scrollbar {
  display: none;
}
.breadcrumb-container .breadcrumb-track .breadcrumb {
  margin-bottom: 0;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  display: inline;
}
.breadcrumb-container .breadcrumb-track .breadcrumb li {
  z-index: 2;
  position: relative;
}
.breadcrumb-container .breadcrumb-track .breadcrumb li.active {
  margin-right: 50px;
}
.fancybox-overlay {
  background: rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
  .fancybox-overlay {
    background: rgba(0, 0, 0, 0.25) !important;
  }
}
.floating-box {
  width: 100%;
  display: none;
  position: relative;
  padding: 20px;
  font-size: 14px;
  background: white;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
}
.floating-box h4 {
  font-size: 20px;
}
.floating-box p:last-child {
  margin-bottom: 0;
}
.floating-box img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .floating-box {
    width: 400px;
  }
}
.floating-box a.lightbox-close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.floating-box a.lightbox-close:before {
  content: "\e909";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.touch-device .fancybox-wrap {
  width: auto !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
}
.circle-spinner {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: none;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #FFF;
  animation: spin 1s infinite linear;
  position: relative;
}
@media (max-width: 768px) {
  .circle-spinner {
    width: 22px;
    height: 22px;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
#thank_you h1 {
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 1.5em;
}
#thank_you img.succes {
  margin-top: 25px;
}
#thank_you .info-products-list {
  margin-bottom: 20px;
  display: inline-block;
}
#thank_you .info-products-list .data-col {
  display: inline-block;
}
#thank_you .back-to-top {
  display: none;
}
#thank_you .refNumber {
  text-transform: uppercase;
  color: #4990e2;
  font-weight: 600;
}
#thank_you .refNumber.bank-account {
  margin-top: 21px;
}
#thank_you .crmAlert {
  padding: 25px;
  font-size: .9em;
  display: block;
}
#thank_you .mailConfirm {
  padding-left: 25%;
  padding-right: 25%;
  margin-top: 10px;
}
@media (max-width: 600px) {
  #thank_you .mailConfirm {
    padding-left: 5%;
    padding-right: 5%;
  }
}
#thank_you .bankInfo {
  margin-top: -30px;
  margin-bottom: 30px;
  display: block;
  padding-left: 35%;
  padding-right: 35%;
}
@media (max-width: 768px) {
  #thank_you .bankInfo {
    margin-top: 0px;
    padding-left: 12%;
    padding-right: 12%;
  }
  ol.breadcrumb {
    margin-top: 20px;
  }
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.inline-list {
  line-height: 20px;
  padding: 10px 6px 9px 0;
  margin: 0;
  vertical-align: top;
}
@media (min-width: 992px) {
  .inline-list {
    padding: 7px 6px 9px 0;
  }
}
.inline-list li {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-weight: bold;
}
.inline-list li:before {
  display: none;
}
.inline-list li:first-child:after {
  width: 1px;
  height: 13px;
  content: "";
  display: inline-block;
  vertical-align: top;
  margin: 4px 5px 0 5px;
  background: #505050;
}
.inline-list li {
  font-weight: normal;
}
.inline-list li .text {
  font-weight: bold;
}
.inline-list li:last-child:after {
  display: none;
}
.brand-cover {
  background-image: url('/static/images/brands/brand_banner.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 30px 0 30px;
  margin-bottom: 30px;
  background-position: center center;
  height: auto;
}
@media (max-width: 992px) {
  .brand-cover {
    background-image: url('/static/images/brands/brand_banner_m.jpg');
    background-position: top left;
    background-size: cover;
    padding-top: 15px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.brand-cover .brand-bg-content {
  padding: 0 15px;
  bottom: 0;
  vertical-align: text-bottom;
  position: relative;
  display: block;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 992px) {
  .brand-cover .brand-bg-content {
    margin-top: 30px;
    padding: 30px 15px 15px;
  }
}
.brand-cover .brand-bg-content .brand-thumb {
  background-color: white;
  border: 1px solid #c3c3ce;
  border-radius: 6px;
  padding: 5px;
  width: 16%;
  position: relative;
  vertical-align: middle;
  margin-top: 15px;
}
@media (max-width: 992px) {
  .brand-cover .brand-bg-content .brand-thumb {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 0;
  }
}
.brand-cover .brand-bg-content .brand-title {
  display: inline;
  width: 84%;
  position: relative;
  margin-left: auto;
  padding-left: 10px;
}
@media (max-width: 992px) {
  .brand-cover .brand-bg-content .brand-title {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-bottom: 25px;
    padding-top: 10px;
    padding-left: 0;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .brand-cover .brand-bg-content .collapse-holder {
    padding: 0 30px;
  }
}
.brand-cover .brand-bg-content .brand-desc {
  font-size: 1em;
  color: #4a4a4a;
  font-weight: 400;
  width: 84%;
  position: relative;
  margin-left: auto;
  padding-left: 15px;
  line-height: 1;
  vertical-align: text-top;
  margin-top: -35px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .brand-cover .brand-bg-content .brand-desc {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-left: 0;
  }
}
.brand-cover .brand-bg-content #info-collapse-brand-desc > .brand-desc {
  margin-top: 0;
}
.brand-cover .brand-bg-content .opener-holder {
  width: 84%;
  position: relative;
  margin-left: auto;
  padding-left: 15px;
  padding-top: 8px;
}
@media (max-width: 992px) {
  .brand-cover .brand-bg-content .opener-holder {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .left-banner {
    margin-top: 16% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .left-banner {
    margin-top: 16% !important;
  }
}
/* Change the white to any color ;) */
input:-webkit-autofill {
  -webkit-box-shadow: none !important;
  -webkit-text-fill-color: none !important;
  background-color: inherit !important;
  color: inherit !important;
}
.info-form {
  overflow: initial;
}
.info-form label {
  font-weight: bold;
  color: #808080;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.22;
  display: block;
}
.info-form .custom-checkbox .fake-label,
.info-form .custom-radio .fake-label {
  text-transform: none;
  font-weight: normal;
}
.info-form .custom-checkbox.large .fake-input,
.info-form .custom-radio.large .fake-input {
  margin-top: 0;
}
.info-form .custom-checkbox.large .fake-label,
.info-form .custom-radio.large .fake-label {
  font-size: 18px;
  line-height: 24px;
}
.info-form .checkbox-row .custom-checkbox {
  max-width: none;
}
@media (min-width: 768px) {
  .info-form .half-group {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .info-form .third-group {
    width: 33.33%;
  }
}
.info-form textarea {
  height: 84px;
  min-height: 84px;
}
.button-group {
  margin-top: 40px;
  margin-bottom: 60px;
  overflow: hidden;
}
.button-group .btn-primary {
  float: right;
}
.button-group.left .btn-primary {
  float: none;
}
.no-data {
  font-size: 20px;
  font-weight: normal;
  color: #d0d0d0;
}
/*
.input-success{
    input{
        color:@brand-success;
        background:@pale-green;
        border-color:@brand-success;

        &:focus{
            color:@brand-success;
            background:@pale-green;
            border-color:@brand-success;
        }
    }
    &:after{
        font-family: 'Glyphicons Halflings';
        content: "\e084";
        color:@brand-success;
        position:absolute;
        right:13px;
        top:auto;
        bottom:6px;
    }
    .tooltip{
        z-index:10;
        &.bottom{
            .tooltip-arrow{
                border-bottom-color: @brand-success;
            }
        }
        &.right{
            .tooltip-arrow{
                border-right-color: @brand-success;
            }
        }

        .tooltip-inner{
            background: @brand-success;
        }
    }

    .jcf-select{
        color:@brand-success;
        background:@pale-green;
        border-color:@brand-success;

        .jcf-select-opener{
            right:15px;
        }

        .jcf-select-text{
            color: @brand-success;
        }
    }
}*/
.form-group {
  position: relative;
  margin-bottom: 0 !important;
}
.tooltip {
  opacity: 1 !important;
  margin-right: 3px;
}
.tooltip .tooltip-inner {
  text-align: left;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  /*-webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-bottomright: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;*/
}
.non-field-errors {
  padding: 10px;
  font-size: 14px;
  margin-bottom: 15px;
  background: #f8f0f0;
  color: #d54b4b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
form[data-style=naturitas] .form-row {
  margin-left: -15px;
  margin-right: -15px;
}
form[data-style=naturitas] .form-row .col-xs-6 {
  width: 50%;
}
form[data-style=naturitas] .gender .naturitas-field > label {
  display: none;
}
form[data-style=naturitas] .naturitas-field {
  width: 100%;
  height: 50px;
  position: relative;
  margin-bottom: 26px;
  background-color: white;
}
form[data-style=naturitas] .naturitas-field textarea {
  resize: none;
}
form[data-style=naturitas] .naturitas-field span.jcf-unselectable {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 100%;
  padding-top: 6%;
}
form[data-style=naturitas] .naturitas-field .jcf-select .jcf-select-text {
  margin: 0 30px 0 9px;
  font-size: 15px;
}
form[data-style=naturitas] .naturitas-field input[type=text],
form[data-style=naturitas] .naturitas-field input[type=password],
form[data-style=naturitas] .naturitas-field input[type=email],
form[data-style=naturitas] .naturitas-field textarea,
form[data-style=naturitas] .naturitas-field select {
  margin-bottom: 0;
  background: transparent;
  position: absolute;
  z-index: 50;
  padding: 9px;
  padding-top: 25px;
  line-height: 15px;
  font-size: 15px;
  outline: none;
  box-sizing: inherit;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #777;
  transition: all 0.25s ease-in-out;
}
form[data-style=naturitas] .naturitas-field label {
  position: absolute;
  z-index: 48;
  top: 10px;
  left: 10px;
  margin: 0;
  line-height: 30px;
  height: 30px;
  font-size: 16px;
  transition: all 0.25s ease-in-out;
  font-weight: normal;
  color: #ccc;
  text-transform: none;
}
form[data-style=naturitas] .naturitas-field.focus input[type=text],
form[data-style=naturitas] .naturitas-field.focus input[type=password],
form[data-style=naturitas] .naturitas-field.focus input[type=email],
form[data-style=naturitas] .naturitas-field.focus textarea,
form[data-style=naturitas] .naturitas-field.focus select {
  border-color: #25cad3;
  color: #444;
}
form[data-style=naturitas] .naturitas-field.focus label {
  line-height: 12px;
  height: 12px;
  font-size: 11px;
  color: #25cad3;
}
form[data-style=naturitas] .naturitas-field.focus .intl-tel-input.allow-dropdown .flag-container .selected-flag {
  border-color: #25cad3;
  background-color: rgba(146, 228, 233, 0.5);
}
form[data-style=naturitas] .naturitas-field select {
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 30px;
}
form[data-style=naturitas] .naturitas-field select ~ .arrow {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fe3c76;
  border-left: 1px solid #fe3c76;
  transform: rotate(-135deg);
  pointer-events: none;
}
form[data-style=naturitas] .naturitas-field select ~ label {
  line-height: 12px;
  height: 12px;
  font-size: 11px;
  z-index: 99;
}
form[data-style=naturitas] .naturitas-field.non-empty input {
  border-color: #ccc !important;
  color: #444 !important;
}
form[data-style=naturitas] .naturitas-field.non-empty label {
  line-height: 12px;
  height: 12px;
  font-size: 11px;
  color: #444 !important;
  z-index: 99;
}
form[data-style=naturitas] .naturitas-field input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  z-index: 47;
}
form[data-style=naturitas] .naturitas-field .intl-tel-input.allow-dropdown {
  height: 100%;
}
form[data-style=naturitas] .naturitas-field .intl-tel-input.allow-dropdown .flag-container {
  width: 50px;
}
form[data-style=naturitas] .naturitas-field .intl-tel-input.allow-dropdown .flag-container .selected-flag {
  width: 51px;
  height: 50px;
  top: -1px;
  left: -1px;
  background-color: #F0F0F0;
  border: 1px solid #ccc;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  outline: none;
}
form[data-style=naturitas] .naturitas-field .intl-tel-input.allow-dropdown .flag-container .selected-flag:hover {
  background-color: #E5E5E5;
}
form[data-style=naturitas] .naturitas-field .intl-tel-input.iti-container {
  top: 48px !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 250px !important;
  height: auto !important;
  border-color: #CCC;
  z-index: 999;
}
form[data-style=naturitas] .naturitas-field .intl-tel-input input.phone {
  width: calc(100% - 50px);
  margin-left: 50px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
form[data-style=naturitas] .naturitas-field .intl-tel-input ~ label {
  left: 60px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 62%;
}
form[data-style=naturitas] .naturitas-field.has-error input[type=text],
form[data-style=naturitas] .naturitas-field.has-error input[type=password],
form[data-style=naturitas] .naturitas-field.has-error input[type=email],
form[data-style=naturitas] .naturitas-field.has-error select,
form[data-style=naturitas] .naturitas-field.has-error textarea {
  border-color: #d64b4b;
}
form[data-style=naturitas] .naturitas-field.has-error .intl-tel-input.allow-dropdown .flag-container .selected-flag {
  border-color: #d64b4b;
}
form[data-style=naturitas] .naturitas-field.has-error.focus input[type=text],
form[data-style=naturitas] .naturitas-field.has-error.focus input[type=password],
form[data-style=naturitas] .naturitas-field.has-error.focus input[type=email],
form[data-style=naturitas] .naturitas-field.has-error.focus select,
form[data-style=naturitas] .naturitas-field.has-error.focus textarea {
  padding-right: 9px;
  border: 1px solid #ccc;
  color: #444;
  background-color: #fff;
}
form[data-style=naturitas] .naturitas-field.has-error.focus label {
  opacity: 1;
  color: #444;
  z-index: 99;
}
form[data-style=naturitas] .naturitas-field.has-error.focus .intl-tel-input ~ .error-message {
  width: calc(100% - 50px);
}
form[data-style=naturitas] .naturitas-field.has-error label {
  color: #d64b4b;
  opacity: 1;
}
form[data-style=naturitas] .naturitas-field .error-message {
  z-index: 49;
  width: 100%;
  max-height: 22px;
  overflow: hidden;
  color: #d64b4b;
  text-align: left;
  position: absolute;
  top: 51px;
  font-size: 11px;
  line-height: 11px;
}
form[data-style=naturitas] .nat-checkbox {
  position: relative;
  padding-left: 20px;
}
form[data-style=naturitas] .nat-checkbox > input[type=checkbox] {
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
  position: absolute;
}
form[data-style=naturitas] .nat-checkbox > input[type=checkbox]:checked ~ .nat-input {
  background: #4990e2;
  border-color: #4990e2;
}
form[data-style=naturitas] .nat-checkbox > input[type=checkbox]:checked ~ .nat-input:before {
  opacity: 100;
}
form[data-style=naturitas] .nat-checkbox > .nat-label {
  color: #707070;
  font-weight: normal;
}
form[data-style=naturitas] .nat-checkbox > .nat-input {
  vertical-align: top;
  width: 12px;
  height: 12px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  background: #fff;
  position: absolute;
  transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
  top: 5px;
  left: 0;
}
form[data-style=naturitas] .nat-checkbox > .nat-input:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 4px;
  border: 1px solid #fff;
  border-width: 0 0 1px 1px;
  margin: -3px 0 0 -3px;
  opacity: 0;
  transform: rotate(-45deg);
  transition: opacity 0.3s ease-in-out;
}
form[data-style=naturitas] .button-row {
  padding-top: 20px;
}
@media (max-width: 768px) {
  .form-row .left {
    padding-right: 5px;
  }
  .form-row .right {
    padding-left: 5px;
  }
  form[data-style=naturitas] .naturitas-field span.jcf-unselectable {
    padding-top: 1.6%;
  }
}
@media (min-width: 320px) and (max-width: 559px) {
  form[data-style=naturitas] .naturitas-field span.jcf-unselectable {
    padding-top: 5%;
  }
}
@media (min-width: 560px) and (max-width: 767px) {
  form[data-style=naturitas] .naturitas-field span.jcf-unselectable {
    padding-top: 2.6%;
  }
}
@media (max-width: 330px) {
  .tab-pane form {
    margin: 0;
    display: table;
    width: 90%;
  }
}
body.customer-area form .info-form .form-row > .col-xs-6 {
  width: 28%;
}
@media (max-width: 768px) {
  body.customer-area form .info-form .form-row > .col-xs-6 {
    width: 50%;
  }
}
body.customer-area form .info-form .form-row > .col-xs-12 {
  width: 56%;
}
@media (max-width: 768px) {
  body.customer-area form .info-form .form-row > .col-xs-12 {
    width: 100%;
  }
}
body.customer-area form .info-form .form-row > .col-xs-4 {
  width: 18.6%;
}
@media (max-width: 768px) {
  body.customer-area form .info-form .form-row > .col-xs-4 {
    width: 50%;
  }
}
@media (max-width: 768px) {
  body.customer-area form .info-form .form-row > .mobile-full {
    width: 100% !important;
  }
}
body.customer-area form[data-style=naturitas] .naturitas-field label {
  width: 100%;
}
body.customer-area form[data-style=naturitas] .naturitas-field .arrow + label {
  top: 0;
  font-size: 11px;
  color: #444;
  z-index: 99;
}
.jcf-select .jcf-select-opener {
  top: 15px;
}
@media (min-width: 768px) {
  .data-list dt {
    width: 40%;
  }
}
@media (min-width: 768px) {
  .data-list dd {
    width: 60%;
  }
}
.data-section .card-box .btn-delete {
  background: none;
  border: 0;
}
/*
.purchase-container {
    .products-box {
        .qty{
            width:50px;
            font-size:18px;
            color:@greyish-brown;

            @media (min-width: @screen-tablet) {
                width:60px;
                font-size:20px;
            }
        }

        .seller-thumbnail{
            padding-bottom:20px;

            @media (min-width: @screen-tablet) {
                padding-bottom:54px;
            }
        }
    }
}*/
.purchase-container .products-box .seller-thumbnail .jcf-number {
  left: auto;
  right: 110px;
}
@media (min-width: 768px) {
  .purchase-container .products-box .seller-thumbnail .jcf-number {
    right: 140px;
  }
}
.login-register-slider .slide-col:last-child {
  display: none;
}
.login-register-slider .next-slide {
  display: none;
}
.title-block .delete {
  float: right;
  margin-bottom: -5px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .title-block .delete {
    font-size: 16px;
    line-height: 27px;
    font-weight: 700;
    margin: 0 30px 0 0;
  }
}
.title-block .delete .icon {
  font-size: 16px;
  margin-right: 5px;
}
@media (min-width: 768px) {
  .title-block .edit {
    margin: 0;
  }
}
.title-block .edit .icon {
  font-size: 18px;
}
.title-block h1,
.title-block h2,
.title-block h3,
.title-block h4,
.title-block h5,
.title-block h6 {
  width: calc(100% - 80px);
}
@media (min-width: 768px) {
  .title-block h1,
  .title-block h2,
  .title-block h3,
  .title-block h4,
  .title-block h5,
  .title-block h6 {
    width: 60%;
  }
}
.delivery-methods .card-box,
.user-addresses .card-box,
#payment-method-list .card-box,
#checkout-totals,
#new-delivery-address-form,
#user-login,
#map,
#map-list,
#map-list .delivery-type {
  position: relative;
}
.delivery-methods .card-box .circle-spinner,
.user-addresses .card-box .circle-spinner,
#payment-method-list .card-box .circle-spinner,
#checkout-totals .circle-spinner,
#new-delivery-address-form .circle-spinner,
#user-login .circle-spinner,
#map .circle-spinner,
#map-list .circle-spinner,
#map-list .delivery-type .circle-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -11px;
  margin-top: -11px;
  border-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.7);
  z-index: 61;
}
.delivery-methods .card-box.loading:before,
.user-addresses .card-box.loading:before,
#payment-method-list .card-box.loading:before,
#checkout-totals.loading:before,
#new-delivery-address-form.loading:before,
#user-login.loading:before,
#map.loading:before,
#map-list.loading:before,
#map-list .delivery-type.loading:before {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  z-index: 60;
}
.delivery-methods .card-box.loading .circle-spinner,
.user-addresses .card-box.loading .circle-spinner,
#payment-method-list .card-box.loading .circle-spinner,
#checkout-totals.loading .circle-spinner,
#new-delivery-address-form.loading .circle-spinner,
#user-login.loading .circle-spinner,
#map.loading .circle-spinner,
#map-list.loading .circle-spinner,
#map-list .delivery-type.loading .circle-spinner {
  display: block;
}
.delivery-methods .partner-logo img {
  max-height: 50px;
  max-width: 100px;
}
.delivery-methods .taxes {
  font-weight: 600;
  color: #25cad3;
  padding-right: 10px;
  padding-bottom: 50px;
}
.delivery-methods .taxes-padding {
  padding-bottom: 20px;
}
.delivery-methods .price {
  font-weight: 600;
}
.delivery-methods .card-box .title {
  font-size: 17px;
}
.info-form .checkbox-row {
  margin-bottom: 20px;
}
.info-form .checkbox-row .custom-checkbox {
  float: none;
  width: 60%;
}
.checkout-steps-form {
  margin-top: 20px;
}
.credit-card-form {
  max-width: none;
  width: 100%;
}
@media (min-width: 768px) {
  .credit-card-form {
    width: 50%;
  }
}
.credit-card-form .third-group {
  width: 33.33%;
}
.data-row.donation .custom-checkbox {
  padding-top: 10px;
  position: relative;
}
.data-row.donation .custom-checkbox .fake-input {
  position: absolute;
  left: 0;
  margin-top: 3px;
}
.data-row.donation .custom-checkbox .fake-label {
  display: block;
  padding-left: 20px;
  line-height: 1.4;
  font-size: 14px;
}
.data-row.donation .custom-checkbox .fake-label strong {
  font-weight: 600;
  color: #505050;
}
.data-row.donation .custom-checkbox .fake-label .logo-holder {
  margin-top: 15px;
}
.data-row.donation .custom-checkbox [type="checkbox"]:checked ~ .fake-label {
  color: #808080;
  font-weight: 400;
}
.data-row .info-products-list {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.data-row .info-products-list .data-col {
  position: relative;
  text-align: center;
  width: 16.6%;
  padding: 3px;
  box-sizing: border-box;
}
.data-row .info-products-list .data-col img {
  width: 100%;
}
.data-row .info-products-list .data-col .qty {
  position: absolute;
  display: block;
  width: 16px;
  color: #25cad3;
  background: white;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  text-align: center;
  top: 5px;
  left: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.thank-you-article .product-summary {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.thank-you-article .product-summary li {
  margin: 4px;
}
.thank-you-article .product-summary li:before {
  display: none;
}
.thank-you-article .product-summary li a {
  display: block;
}
.thank-you-article .product-summary li a img {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.thank-you-article .product-summary li a span {
  /*position: absolute;
                    display: block;
                    width: 16px;
                    color: #25cad3;
                    background: white;
                    height: 16px;
                    font-size: 12px;
                    line-height: 16px;
                    font-weight: bold;
                    text-align: center;
                    top: 5px;
                    left: 5px;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;*/
  display: none;
}
.products-box .seller-thumbnail,
.purchase-container .products-box .seller-thumbnail {
  padding: 10px 0;
}
.products-box .seller-thumbnail h3,
.purchase-container .products-box .seller-thumbnail h3 {
  font-weight: 700;
  margin-bottom: 4px;
}
.products-box .seller-thumbnail h3 a,
.purchase-container .products-box .seller-thumbnail h3 a {
  font-size: 16px;
  line-height: 1.143;
  color: #25cad3;
}
.products-box .seller-thumbnail .size,
.purchase-container .products-box .seller-thumbnail .size {
  font-size: 14px;
  line-height: 1.417;
  margin-bottom: 2px;
}
.products-box .seller-thumbnail .title,
.purchase-container .products-box .seller-thumbnail .title {
  margin-bottom: 2px;
}
.products-box .seller-thumbnail .title a,
.purchase-container .products-box .seller-thumbnail .title a {
  color: #505050;
}
.products-box .seller-thumbnail .price-row,
.purchase-container .products-box .seller-thumbnail .price-row {
  margin-top: 10px;
}
.products-box .seller-thumbnail .price-row .price,
.purchase-container .products-box .seller-thumbnail .price-row .price {
  line-height: 32px;
  font-size: 24px;
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail .price-row,
  .purchase-container .products-box .seller-thumbnail .price-row {
    margin-top: 5px;
  }
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail,
  .purchase-container .products-box .seller-thumbnail {
    padding: 20px 0;
  }
}
.products-box .seller-thumbnail .text-block,
.purchase-container .products-box .seller-thumbnail .text-block {
  padding-left: 20px;
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail,
  .purchase-container .products-box .seller-thumbnail {
    padding: 10px;
  }
}
.products-box .jcf-number {
  position: absolute;
  right: 0;
  bottom: auto;
}
.products-box .seller-thumbnail .jcf-number,
.purchase-container .products-box .seller-thumbnail .jcf-number {
  right: 0;
  bottom: auto;
  position: absolute;
}
@media (min-width: 768px) {
  .products-box .seller-thumbnail .jcf-number,
  .purchase-container .products-box .seller-thumbnail .jcf-number {
    right: 64px;
  }
}
.products-box .seller-thumbnail .jcf-number .size,
.purchase-container .products-box .seller-thumbnail .jcf-number .size {
  font-size: 14px;
  line-height: 17px;
}
.products-box .seller-thumbnail .jcf-number .price,
.purchase-container .products-box .seller-thumbnail .jcf-number .price {
  font-size: 24px;
  line-height: 1;
}
.products-box .availability {
  font-size: 12px;
  color: #fe3c76;
  letter-spacing: 0;
  line-height: 1;
  display: block;
}
@media (min-width: 768px) {
  .products-box .availability {
    position: absolute;
    right: 40px;
    width: 140px;
    display: block;
    text-align: center;
    top: 50%;
    margin-top: -42px;
  }
}
@media (min-width: 768px) {
  .purchase-container .title-block h3 {
    width: 75%;
  }
}
.data-row .subdata-row {
  font-size: 14px;
  clear: both;
}
.data-row .subdata-row .title {
  font-weight: normal;
}
.data-row .subdata-row a.remove-voucher {
  font-size: 10px;
}
.checkout-data-column .open-close .opener-holder .opener {
  display: block;
  float: none;
}
.checkout-content .form-active .form-title {
  position: relative;
}
.checkout-content .form-active .form-title .sub-close {
  position: absolute;
  right: 0;
  bottom: 0;
}
.mobile-summary {
  position: fixed;
  display: flex;
  padding: 0 10px;
  margin: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  width: 100%;
  justify-content: space-between;
  background: white;
  z-index: 50;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.12);
}
.mobile-summary li {
  padding: 8px 6px;
  text-align: center;
}
.mobile-summary li:before {
  display: none;
}
.mobile-summary li .title {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #3e7ec8;
}
.mobile-summary li .price {
  display: block;
  font-size: 18px;
  color: #505050;
  font-weight: 300;
}
.mobile-summary li.total .title {
  color: #fe3c76;
}
.mobile-summary li.total .price {
  font-weight: 700;
}
@media (min-width: 768px) {
  .mobile-summary {
    display: none;
  }
}
.checkout-data-column .form-group input.form-control {
  width: calc(100% - 133px);
  float: left;
  margin-bottom: 0;
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .checkout-data-column .form-group input.form-control {
    display: block;
    width: 100%;
    margin-bottom: 13px;
  }
}
.checkout-data-column .form-group .btn {
  float: right;
  width: 122px;
  margin: 0 4px 0 7px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .checkout-data-column .form-group .btn {
    display: block;
    width: 100%;
    margin: 0;
  }
}
.checkout-data-column .button-row .btn {
  font-size: 16px;
}
.checkout-data-column .button-row.fixed {
  position: fixed;
  bottom: 0;
  background: white;
  width: inherit;
  padding: 10px 0;
}
#checkout-payment-method-selection-form .payment-methods .card-box .box-holder {
  min-height: 72px;
}
#checkout-payment-method-selection-form .payment-methods .card-box .icon-holder img {
  max-width: 64px;
  max-height: 64px;
}
#new-address-opener {
  font-size: 16px;
  line-height: 34px;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  padding-left: 21px;
  position: relative;
}
#new-address-opener:before,
#new-address-opener:after {
  position: absolute;
  background-color: #fe3c76;
  content: " ";
}
#new-address-opener:before {
  width: 11px;
  height: 1px;
  left: 0;
  top: 17px;
}
#new-address-opener:after {
  height: 11px;
  width: 1px;
  left: 5px;
  top: 12px;
}
#new-address-opener.open:after {
  display: none;
}
/** NEW CHECKOUT REDESIGN**/
body#checkout .animate-header #header {
  top: -98px !important;
  transition: none !important;
}
body#checkout {
  overflow-x: hidden;
}
body#checkout .testimonials-section {
  display: none;
}
body#checkout .form-group,
body#checkout .form-control {
  display: block;
}
body#checkout .top-panel .menu {
  width: 100%;
}
body#checkout .check-align {
  vertical-align: baseline;
  margin-right: 5px;
  margin-left: -5px;
}
body#checkout .back-to-top {
  display: none;
}
body#checkout .headerLite {
  padding-bottom: 15px;
}
body#checkout .active {
  opacity: 1 !important;
}
body#checkout .collapsed > .step-content {
  display: none;
  transition: all 0.5s ease-in-out;
  transform-origin: left top;
  transform: scaleY(0);
}
body#checkout .step-content {
  transform: scaleY(1);
}
body#checkout .step-content > .shipping-methods {
  padding-top: 1px;
}
body#checkout .step-content > .shipping-methods .custom-checkbox [type="radio"],
body#checkout .step-content > .shipping-methods .custom-radio [type="radio"] {
  position: absolute;
  top: 33%;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  left: 1%;
}
body#checkout .step-content > .shipping-methods .custom-radio.alt-radio .fake-input {
  display: block;
  position: absolute;
  top: 24%;
  height: 20px;
  opacity: 1;
  z-index: 0;
  left: 2%;
  background-color: white;
  width: 20px;
  border: 2px solid #B7B7B7;
}
body#checkout .step-content > .shipping-methods .custom-checkbox [type="radio"]:checked + .fake-input,
body#checkout .step-content > .shipping-methods .custom-radio [type="radio"]:checked + .fake-input {
  border: 7px solid #B7B7B7;
}
body#checkout .step-content > .shipping-methods .delivery-methods .card-box .partner-logo {
  padding: 0 25px 0 35px;
}
body#checkout .step-content > .shipping-methods .delivery-methods .card-box .partner-logo-small {
  width: 165px;
}
body#checkout .step-content > .shipping-methods #pickup-method-list .card-box .partner-logo-small {
  width: 165px;
}
body#checkout .step-content > .shipping-methods > small {
  color: #b3b3b3;
  display: block;
  margin-bottom: 10px;
}
body#checkout #demo > .pending {
  opacity: .5;
  filter: alpha(opacity=50);
  /* IE8 and lower */
}
body#checkout .pending > .step-title {
  opacity: .5;
  filter: alpha(opacity=50);
  /* IE8 and lower */
}
body#checkout .shipping-complete {
  display: none;
}
body#checkout ul.txtInherit > li.lastItem {
  padding: 7px 0px 7px 18px;
}
body#checkout a.cupao {
  color: inherit;
  font-size: inherit;
}
body#checkout a.remove-voucher {
  display: table;
}
body#checkout .backCart {
  margin-bottom: -26px;
  font-size: .95em;
}
body#checkout .backCart span {
  margin-left: 10px;
}
body#checkout #grey-panel {
  background-color: #ececec;
  padding: 7px 8px;
  display: table;
  width: 100%;
  border-radius: 5px;
  margin: 10px 0;
}
body#checkout #grey-panel span {
  margin-top: 3px;
  display: inline-block;
  padding-left: 5px;
}
body#checkout #grey-panel span.bold {
  font-weight: 600;
}
body#checkout #grey-panel a {
  background: none;
  border: 2px solid #4990e2;
  padding: 5px 10px;
  border-radius: 90px;
  font-weight: 600;
  font-size: 1em;
  float: right;
  color: #4990e2;
}
body#checkout #grey-panel a:hover {
  background: #4990e2;
  color: #fff;
}
@media (max-width: 767px) {
  body#checkout #grey-panel {
    text-align: left;
    font-size: 1em;
  }
  body#checkout #grey-panel a {
    float: none !important;
    display: table;
    margin-left: 0;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 8px;
    position: absolute;
    right: 8px;
    top: 74px;
    width: 102px;
  }
  body#checkout #grey-panel span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: inherit;
    display: inline;
    line-height: 0;
  }
  body#checkout #grey-panel img {
    display: inline;
    width: 12%;
    height: auto;
  }
  body#checkout .left {
    padding-left: 15px;
    padding-right: 5px;
  }
  body#checkout .right {
    padding-left: 5px;
    padding-right: 15px;
  }
  #payment-method-list .card-box .custom-radio > .fake-label .deployable .inner {
    padding-top: 0px !important;
  }
}
body#checkout .step-title {
  margin: 20px 0 20px 0;
  border-bottom: 2px solid #4990e2;
  padding-bottom: 10px;
}
body#checkout .step-title .logoutLink {
  margin-right: 10px;
  cursor: pointer;
}
@media (max-width: 768px) {
  body#checkout .step-title .logoutLink {
    margin-right: 2px;
  }
}
body#checkout .step-title > img {
  margin-top: -10px;
}
body#checkout .step-title > span {
  margin-left: 5px;
  color: #4990e2;
  font-weight: 900;
  font-size: 16px;
}
body#checkout .step-title .loggedUser {
  font-size: .8em;
  color: #4d4d4d;
  font-weight: 600;
  text-transform: initial;
  position: absolute;
  width: 37%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 2px;
}
body#checkout .step-title .loggedUser > span {
  text-transform: none;
}
body#checkout .step-title .loggedUser > span.glyphicon-check {
  color: #4990e2;
  padding-right: 10px;
}
body#checkout .step-title a.modifyData {
  font-size: .8em;
  color: #000;
  font-weight: 300;
  text-transform: capitalize;
  position: absolute;
  width: 10%;
  right: 5%;
  padding-top: 2px;
  margin-right: 30px;
}
body#checkout .step-title .stepCheckout {
  float: right;
  margin-right: 10px;
  color: #fff;
  background-color: #25cad3;
  width: 27px;
  border-radius: 50%;
}
body#checkout .step-title .stepCheckout > span {
  padding: 9px;
}
@media (max-width: 768px) {
  body#checkout .step-title .stepCheckout {
    width: 19px;
  }
  body#checkout .step-title .stepCheckout > span {
    padding: 6px;
  }
}
body#checkout p.identifySub {
  margin-bottom: 12px;
  padding-left: 8px;
}
body#checkout p.identifySub > strong {
  font-size: .9em;
  margin-top: 2px;
}
/*
    body#checkout form > div.form-row {
        padding:0;
        margin: 0;
    }*/
body#checkout form div.checkbox-row,
body#checkout form .login-register-form .checkbox-row {
  padding-bottom: 0px;
}
@media (max-width: 768px) {
  body#checkout .form-row > .groupHalf {
    width: 48%;
  }
}
body#checkout .icon-truck {
  display: inline-block;
  float: left;
  margin-right: 8px;
  width: 14%;
}
body#checkout .info-form textarea {
  min-height: 40px;
}
body#checkout .main-box .more-text,
body#checkout .main-box .less-text {
  text-transform: uppercase;
  margin-bottom: 12px;
  margin-top: 6px;
}
body#checkout .more-text > span.glyphicon-plus,
body#checkout .less-text > span.glyphicon-minus {
  font-size: 11px;
  color: #fe3c76;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 3px;
}
body#checkout .total-row {
  border-top: none;
}
@media (min-width: 768px) {
  .info-form {
    min-width: 100%;
    max-width: 100%;
  }
}
body#checkout .subtitle {
  margin: 25px 0 25px;
  text-transform: uppercase;
  font-weight: 600;
  color: #9B9B9B;
  text-align: center;
  border-bottom: 1px solid #D8D8D8;
  width: 100%;
  line-height: 0.1em;
}
@media (max-width: 768px) {
  body#checkout .subtitle {
    margin: 15px 15px;
  }
}
body#checkout .subtitle span {
  background: #fff;
  padding: 0 10px;
}
body#checkout .method {
  color: #25cad3;
  text-transform: inherit;
  font-size: 20px;
}
body#checkout .method > span {
  padding: 0 50px;
  margin-left: 40px;
}
@media (max-width: 768px) {
  body#checkout .method > span {
    padding: 0 10px;
    margin: 0;
  }
}
body#checkout .method > span:before {
  position: absolute;
  margin-top: -14px;
  left: 34%;
  width: 25px;
  height: 25px;
  background-image: url(/static/images/checkout/pickup_shipping.svg);
  content: " ";
  background-repeat: no-repeat;
  background-size: cover;
  background-color: white;
}
@media (max-width: 768px) {
  body#checkout .method > span:before {
    display: none;
  }
}
body#checkout .method > span.home-deliver:before {
  background-image: url(/static/images/checkout/home_shipping.svg);
}
body#checkout .confirmNewAdress {
  margin-bottom: 15px;
}
body#checkout a {
  outline: none;
}
body#checkout .btnDelivery {
  margin-bottom: 35px;
  margin-top: 10px;
}
@media (max-width: 350px) {
  body#checkout .btnDelivery button {
    font-size: 16px;
  }
}
body#checkout .form-row > .col-xs-6,
body#checkout .data-row .col-xs-6 {
  width: 50% !important;
}
body#checkout footer .copyright {
  padding: 6px 0 6px;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.03em;
}
body#checkout main .panel-group .panel {
  margin-bottom: 10px;
}
body#checkout main .panel-default {
  border: none;
}
body#checkout main .panel-default > .panel-heading {
  background-color: #f6f6f6;
}
body#checkout main .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
  background-color: #f6f6f6;
  border-bottom: none;
}
body#checkout main .hasPaymentSaved .panel-heading.selected {
  border: 2px solid #4990e2;
  border-radius: 5px;
}
body#checkout main .hasPaymentSaved .panel-heading.selected h4.panel-title > input {
  border: 6px solid #999;
}
body#checkout main a.addPayment {
  margin-bottom: 15px;
}
body#checkout main .panel-group .panel-heading > h4.panel-title > a[aria-expanded="true"] > input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 2px solid #999;
  transition: 0.2s all linear;
  outline: none;
  margin-right: 5px;
  position: relative;
  top: 2px;
  border: 6px solid black;
}
body#checkout main .panel-group .panel-heading > h4.panel-title img {
  max-width: 100px;
  margin-right: 10px;
  margin-left: 10px;
}
body#checkout main .panel-group .panel-heading > h4.panel-title label {
  color: #555555;
  width: 95%;
  padding-top: 5px;
  z-index: 1;
}
body#checkout main .panel-group .panel-heading > h4.panel-title small {
  display: inline-block;
  font-weight: 600;
  font-size: .7em;
  color: #959595;
}
body#checkout main #isGuestPayment .panel-body.borderAcc {
  border: 2px solid #4990e2;
  transition: 0.5s all linear;
  margin-top: -50px;
  padding-top: 50px;
  border-radius: 5px;
}
body#checkout main #isGuestPayment .panel-body .paymentTitle {
  color: #4990e2;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 600;
  line-height: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
body#checkout main #isGuestPayment .panel-body p.paymentDesc {
  margin: 0;
  padding: 0;
  line-height: 15px;
  font-size: .9em;
}
body#checkout main #isGuestPayment .panel-body .col-xs-3 {
  padding-right: 0;
}
body#checkout main .btnPayment {
  margin-top: 15px;
  margin-bottom: 15px;
}
body#checkout #header {
  box-shadow: none;
}
body#checkout #header .headerLite .navbar-brand {
  display: block;
  width: 141px;
  margin: 0 auto;
  transition: visibility 0.3s ease-in-out 0.15s, opacity 0.3s ease-in-out 0.15s;
  padding: 26px 17px 0 0;
  float: none;
}
@media (max-width: 768px) {
  body#checkout #header .headerLite .navbar-brand {
    padding: 10px 0 10px 0px;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.3;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.3;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
.animate {
  display: block !important;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-name: fadeIn;
  animation-duration: 1s;
}
.invalid {
  border-color: red;
}
.fancybox-overlay {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0% !important;
  overflow-y: hidden !important;
}
#modalLogin {
  border-radius: 5px;
}
#modalLogin .modal-header {
  background-color: transparent;
  border-bottom: none;
}
#modalLogin .modal-header .lightbox-close,
#donation-floating-box .lightbox-close {
  color: #808080;
  font-weight: 100;
}
#modalLogin .modal-header h4 {
  color: #337ab7;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 30px;
}
#modalLogin .modal-body form button {
  color: #fff;
  background-color: #fe3c76;
  border-color: #fe3c76;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 24px;
  margin-bottom: 20px;
}
#modalLogin .modal-body form button:hover {
  color: #fff;
  background-color: #fe3c76;
  border-color: #fe3c76;
}
#modalLogin .modal-body > a {
  text-decoration: underline;
}
.card-box .custom-radio {
  cursor: pointer;
}
#bankcard .panel-heading {
  cursor: pointer;
}
body#checkout .checkout-content #user-addresses .card-box {
  max-height: 95px;
}
@media (max-width: 1200px) {
  body#checkout .checkout-content #user-addresses .card-box {
    max-height: 115px;
  }
  body#checkout .checkout-content #user-addresses .card-box .title {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  body#checkout .checkout-content #user-addresses .card-box .custom-radio .icon-holder .icon {
    font-size: 25px !important;
    margin-right: 2px;
  }
  body#checkout .checkout-content #user-addresses .card-box .custom-radio .card-content {
    width: 93%;
  }
}
body#checkout .checkout-content #user-addresses .card-box .custom-radio {
  cursor: pointer;
}
body#checkout .checkout-content #user-addresses .card-box .custom-radio .fake-label {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
body#checkout .checkout-content #user-addresses .card-box .custom-radio .icon-holder {
  padding: 0;
  max-height: 35px;
}
body#checkout .checkout-content #user-addresses .card-box .custom-radio .icon-holder .icon {
  font-size: 35px;
  line-height: 1;
}
body#checkout .checkout-content #user-addresses .card-box .custom-radio .card-content {
  margin-bottom: 0;
  line-height: 1.2em;
}
body#checkout .checkout-content #user-addresses .card-box .custom-radio .card-content > span {
  display: block;
}
body#checkout .checkout-content .panel-title,
body#checkout .checkout-content .panel-title input,
body#checkout .checkout-content .panel-title label {
  cursor: pointer;
}
body#checkout .panel-group .panel-heading > h4.panel-title > input,
body#checkout .panel-group .panel-heading > h4.panel-title[aria-expanded="false"] > input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 2px solid #999;
  transition: 0.2s all linear;
  outline: none;
  margin-right: 5px;
  position: relative;
  top: 2px;
  background-color: transparent;
}
body#checkout .panel-group .panel-heading > h4.panel-title[aria-expanded="true"] {
  pointer-events: none !important;
  cursor: default;
}
body#checkout .panel-group .panel-heading > h4.panel-title[aria-expanded="true"] > input {
  border: 6px solid #999;
}
body#checkout #checkout-totals .posRight {
  color: #808080;
}
body#checkout #pickup-method-list .card-box .fake-label {
  padding-bottom: 85px;
}
body#checkout #pickup-method-list .card-box .fake-label .taxes {
  padding-bottom: 5px;
}
body#checkout #pickup-method-list .card-box .fake-label .company-time {
  display: block;
  margin-top: 10px;
}
body#checkout #pickup-method-list .card-box .fake-label .shipping-method {
  font-size: 13px;
}
body#checkout #pickup-method-list .card-box .shipping-truck-date {
  position: absolute;
  display: flex;
  width: 100%;
  padding-left: 155px;
  padding-right: 20px;
  bottom: 23px;
}
body#checkout #pickup-method-list .card-box .shipping-truck-date .icon-truck {
  display: inline-block;
  float: left;
  width: 100%;
}
body#checkout #pickup-method-list .card-box .shipping-truck-date .col-xs-6 {
  padding-top: 4px;
}
body#checkout #pickup-method-list .card-box .shipping-truck-date small {
  position: absolute;
  right: 0;
  font-size: 85%;
  top: 6px;
}
body#checkout #delivery-method-list .fake-label {
  padding-bottom: 40px;
}
body#checkout #delivery-method-list .fake-label .company-time {
  display: block;
  margin-top: 10px;
}
body#checkout #delivery-method-list .fake-label .shipping-method {
  font-size: 13px;
}
body#checkout #delivery-method-list .shipping-truck-date {
  position: absolute;
  display: flex;
  width: 100%;
  padding-left: 167px;
  float: right;
  bottom: 32px;
}
body#checkout #delivery-method-list .shipping-truck-date div {
  padding-right: 0px;
}
body#checkout #delivery-method-list .shipping-truck-date .icon-truck {
  display: inline-block;
  float: left;
  width: 71%;
}
body#checkout #delivery-method-list .shipping-truck-date .col-xs-6 {
  padding-top: 4px;
}
body#checkout #delivery-method-list .shipping-truck-date small {
  position: absolute;
  right: 0;
  font-size: 85%;
  top: 6px;
}
/*body#checkout #delivery-method-list .company-discount {
    font-size: .9em;
}*/
#thank_you .grey-panel {
  display: table;
  background-color: #f3f3f3;
  padding: 10px 20px;
  border-radius: 5px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}
#thank_you .image-holder {
  position: relative;
}
#thank_you .image-holder img.succes {
  position: absolute;
  left: 65px;
}
.secu-code {
  background: url(../images/checkout/card.svg) no-repeat scroll 7px 13px;
  padding-left: 30px !important;
  background-color: white;
}
body#checkout .third-group {
  width: 33.3%;
}
@media (max-width: 768px) {
  body#checkout .fancybox-wrap {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
  }
  #modalLogin,
  #donation-floating-box {
    height: 100%;
    width: 100%;
    top: 0;
    margin-top: 0;
    border-radius: 0;
  }
  body#checkout .backCart {
    top: 22px;
    position: absolute;
    z-index: 1;
  }
  body#checkout .backCart i {
    font-size: 1.3em;
    font-weight: 600;
  }
  body#checkout .checkout-content {
    overflow: visible;
  }
  body#checkout #delivery-method-list .company-time,
  body#checkout #delivery-method-list .company-discount {
    margin-left: 0;
  }
  #thank_you .grey-panel {
    width: 100%;
  }
  #thank_you .image-holder img.succes {
    left: 0;
  }
  body#checkout .step-title > span {
    font-size: 15px;
  }
  .mobile-half {
    width: 50%;
    float: left;
  }
  body#checkout .third-group {
    width: 100%;
  }
  body#checkout .more-text > span.glyphicon-plus,
  body#checkout .less-text > span.glyphicon-minus {
    margin-top: 0px;
  }
  body#checkout main .panel-group .panel-heading > h4.panel-title label {
    width: 89%;
  }
}
#payment-method-list .card-box {
  margin-bottom: 10px;
  display: block;
}
#payment-method-list .card-box .custom-radio > .fake-label {
  padding: 15px;
  padding-left: 50px;
  display: block;
}
#payment-method-list .card-box .custom-radio > .fake-label h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  color: #555;
  pointer-events: none;
}
#payment-method-list .card-box .custom-radio > .fake-label h4 small {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 10px;
  pointer-events: none;
}
#payment-method-list .card-box .custom-radio > .fake-label .deployable {
  max-height: 0;
  transition: 0.5s all ease-in-out;
  overflow: hidden;
}
#payment-method-list .card-box .custom-radio > .fake-label .deployable .inner {
  padding-top: 20px;
}
#payment-method-list .card-box .custom-radio .alt-fake-input {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 2px solid #999;
  transition: .2s all linear;
  pointer-events: none;
  position: absolute;
  background-color: transparent;
  top: 21px;
  left: 20px;
}
#payment-method-list .card-box .custom-radio input[type=radio]:checked ~ .alt-fake-input {
  border: 6px solid #999;
}
#payment-method-list .card-box .custom-radio input[type=radio]:checked ~ .fake-label .deployable {
  max-height: 360px;
}
#payment-method-list .card-box.stored-bankcard .custom-radio > .fake-label h4 img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
#payment-method-list .card-box.stored-bankcard .custom-radio > .fake-label h4 .card-details {
  display: inline-block;
}
#payment-method-list .card-box.stored-bankcard .custom-radio > .fake-label h4 .card-details .name {
  font-weight: normal;
  color: #999;
}
#payment-method-list .card-box.stored-bankcard .custom-radio > .fake-label h4 .card-expriation {
  float: right;
  width: 150px;
  text-align: right;
  font-size: 14px;
  font-weight: normal;
}
#payment-method-list .card-box.bank-transfer .deployable,
#payment-method-list .card-box.multibanco .deployable,
#payment-method-list .card-box.paypal .deployable,
#payment-method-list .card-box.cash-on-delivery .deployable {
  padding-left: 60px;
  position: relative;
}
#payment-method-list .card-box.bank-transfer .deployable img.illustrator,
#payment-method-list .card-box.multibanco .deployable img.illustrator,
#payment-method-list .card-box.paypal .deployable img.illustrator,
#payment-method-list .card-box.cash-on-delivery .deployable img.illustrator {
  position: absolute;
  top: 20px;
  left: 0;
  width: 45px;
  display: block;
}
#payment-method-list .card-box.has-error .custom-radio [type="radio"]:checked ~ .fake-label,
#payment-method-list .card-box.has-error .custom-radio [type="radio"]:checked ~ .alt-fake-input {
  color: #d54b4b;
  border-color: #d54b4b;
}
#payment-method-list .card-box.has-error .custom-radio h4 {
  color: #d54b4b !important;
}
#payment-method-list .card-box.has-error .custom-radio h4 .card-details .name {
  color: #d54b4b !important;
}
@media (min-width: 768px) and (max-width: 992px) {
  body#checkout main {
    padding-top: 150px;
  }
}
body#checkout .checkout-container {
  position: relative;
}
body#checkout .checkout-container #render-basket-mobile {
  background: white;
  border-color: #dedede !important;
  border: 1px solid;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  padding: 8px;
  font-size: 1em;
  font-weight: 900;
  text-align: left;
  text-transform: inherit;
  margin-bottom: -1px;
  outline: none;
  display: block;
  color: #666;
  position: relative;
  border-bottom: none;
}
@media (min-width: 768px) {
  body#checkout .checkout-container #render-basket-mobile {
    display: none;
  }
}
body#checkout .checkout-container #render-basket-mobile:after {
  position: absolute;
  border-right: 1px solid #fe3c76;
  border-bottom: 1px solid #fe3c76;
  content: " ";
  right: 15px;
  top: 15px;
  width: 8px;
  height: 8px;
  transition: 0.2s all ease-in-out;
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
body#checkout .checkout-container #render-basket-mobile.collapsed {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: 1px solid #dedede;
}
body#checkout .checkout-container #render-basket-mobile.collapsed:after {
  -webkit-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
body#checkout .checkout-container > .row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  body#checkout .checkout-container > .row {
    display: block;
  }
}
@media (max-width: 768px) {
  body#checkout .checkout-container > .row > .col-sm-7 {
    order: 2;
  }
}
@media (max-width: 768px) {
  body#checkout .checkout-container > .row > .col-sm-4 {
    margin-bottom: 20px;
    order: 1;
  }
}
@media (min-width: 768px) {
  body#checkout .checkout-container #checkout-totals.collapse {
    display: block !important;
  }
}
@media (max-width: 768px) {
  body#checkout .checkout-container #checkout-totals > .wrapper {
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: none;
  }
}
body#checkout .checkout-container .continue-shopping {
  position: absolute;
  color: #999;
  padding-left: 20px;
  display: inline-block;
  top: -30px;
}
body#checkout .checkout-container .continue-shopping:before {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 8px;
  left: 4px;
  border-left: 2px solid #25cad3;
  border-top: 2px solid #25cad3;
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media (max-width: 768px) {
  body#checkout .checkout-container .continue-shopping {
    z-index: 100;
    top: -100px;
    width: 30px;
    height: 30px;
  }
  body#checkout .checkout-container .continue-shopping:before {
    width: 15px;
    height: 15px;
  }
}
body#checkout .checkout-container .checkout-content {
  border-top: 1px solid #e3e2e2;
}
body#checkout .checkout-container .checkout-content ul.nav-tabs {
  margin-bottom: 20px;
  display: inline-flex;
  width: 100%;
  border-bottom: 2px solid #ddd;
}
body#checkout .checkout-container .checkout-content ul.nav-tabs > li {
  margin: 0 0 -11px;
}
body#checkout .checkout-container .checkout-content ul.nav-tabs > li:before {
  display: none;
}
body#checkout .checkout-container .checkout-content ul.nav-tabs > li > a {
  text-align: center;
  color: #999 ;
  font-weight: 600;
  border-radius: 8px 8px 0 0;
  padding: 10px 0;
  line-height: 0;
  letter-spacing: 0.1em;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  border: 2px solid transparent;
}
body#checkout .checkout-container .checkout-content ul.nav-tabs > li > a:hover {
  background-color: #f5f5f5;
}
body#checkout .checkout-container .checkout-content ul.nav-tabs > li > a > img {
  display: inline;
  margin: 0 5px;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
body#checkout .checkout-container .checkout-content ul.nav-tabs > li.active > a {
  color: #555;
  border: 2px solid #ddd;
  border-bottom-color: transparent;
}
body#checkout .checkout-container .checkout-content ul.nav-tabs > li.active > a > img {
  opacity: 1;
  filter: alpha(opacity=100);
}
body#checkout .checkout-container .checkout-content .tab-content > .active {
  margin-bottom: 20px;
}
body#checkout #step1 #isGuest form[data-style=naturitas] .naturitas-field {
  margin-bottom: 22px;
}
form[data-style=naturitas] .naturitas-field select {
  padding-right: 30px;
  line-height: 2;
  padding-top: 15px;
  padding-bottom: 5px;
}
@media (max-width: 768px) {
  body#checkout .fancybox-opened {
    top: 0 !important;
    width: 100% !important;
    height: 101% !important;
    background-color: white;
  }
}
body#checkout .maps-info {
  overflow: hidden;
  font-family: 'bariol', Helvetica, Arial, sans-serif;
  font-weight: normal;
  /*span.provider {
        display: none;
    }*/
}
body#checkout .maps-info span {
  display: block;
  margin: 5px 0;
  color: #4a4a4a;
  font-weight: 400;
}
body#checkout .maps-info span:first-child {
  font-weight: 600;
  text-transform: uppercase;
  color: #4990e2;
}
body#checkout .maps-info span.hours {
  font-weight: 600;
  margin: 0;
  line-height: 0.5;
  padding-left: 20px;
}
body#checkout .maps-info span.hours > span {
  text-transform: capitalize;
  display: inline-block;
  color: #4a4a4a;
  font-weight: 400;
}
body#checkout .maps-info span.week {
  padding-left: 0;
}
body#checkout .maps-info span.week:before {
  position: relative;
  opacity: 1;
  z-index: 0;
  width: 20px;
  left: 0;
  content: "\e023";
  color: #4990e2;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
}
body#checkout .maps-info .choose-pick-up-point {
  display: none;
}
@media (max-width: 768px) {
  body#checkout .maps-info .choose-pick-up-point {
    color: white;
    background-color: #25cad3;
    border-color: #25cad3;
    padding: 5px 10px;
    display: block;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    margin: 5px 0 0 0;
    width: 100%;
    border-radius: 22px;
    position: relative;
    font-size: 12px;
  }
}
body#checkout #pick-modal {
  overflow: hidden;
}
body#checkout #pick-modal ul.nav-tabs {
  display: none;
  position: inherit;
}
@media (max-width: 768px) {
  body#checkout #pick-modal ul.nav-tabs {
    display: table;
    width: 100%;
    border-bottom: 2px solid #acacac;
    padding: 0 15px;
  }
  body#checkout #pick-modal ul.nav-tabs li {
    margin: 0 0 -3px;
    width: 50%;
    text-align: center;
  }
  body#checkout #pick-modal ul.nav-tabs li > a {
    padding: 15px 45px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-weight: 600;
    color: #9b9b9b;
    background-color: #fafafa;
  }
  body#checkout #pick-modal ul.nav-tabs li.active a,
  body#checkout #pick-modal ul.nav-tabs li.active a:hover,
  body#checkout #pick-modal ul.nav-tabs li.active a:focus {
    border: 2px solid #acacac;
    border-bottom-color: transparent;
    color: #535353;
    background-color: white;
  }
}
body#checkout #pick-modal .tab-content #map-wrapper .map-overlay {
  display: none;
}
@media (max-width: 768px) {
  body#checkout #pick-modal .tab-content #map-wrapper .map-overlay {
    position: absolute;
    z-index: 1;
    border: none;
    border-radius: 0;
    margin: 1px 0 0 0;
    cursor: pointer;
    display: table;
    width: 100%;
    text-align: center;
    background-color: white;
    opacity: .65;
    filter: alpha(opacity=65);
    height: 77%;
    padding: 40% 10% 0 10%;
  }
  body#checkout #pick-modal .tab-content #map-wrapper .map-overlay .empty-map {
    padding: 0;
    margin: 0;
    font-size: 1.5em;
    font-weight: 600;
    color: black;
  }
}
@media (max-width: 768px) {
  body#checkout #pick-modal .tab-content {
    height: -moz-calc(-70%);
    height: -webkit-calc(-70%);
    height: calc(-70%);
  }
}
body#checkout #pick-modal #map {
  height: 567px;
  width: 50%;
  float: left;
}
@media (max-width: 768px) {
  body#checkout #pick-modal #map {
    width: 100%;
    float: none;
    height: 75%;
    margin-top: 10px;
    position: absolute !important;
  }
}
body#checkout #pick-modal #map-list {
  overflow-y: scroll;
  height: 440px;
  width: 50%;
  display: block;
  opacity: 1;
  padding: 0;
}
@media (max-width: 768px) {
  body#checkout #pick-modal #map-list {
    width: 100%;
    float: none;
    height: 100%;
    border-left: none;
    display: none;
    padding-top: 10px;
  }
}
body#checkout #pick-modal #map-list.active {
  display: table;
}
body#checkout #pick-modal .change-zipcode {
  float: right;
  width: 50%;
  margin-right: 0;
}
@media (max-width: 768px) {
  body#checkout #pick-modal .change-zipcode {
    margin-left: 0%;
    width: 100%;
    position: relative;
    top: 0;
    display: block;
    height: 110px;
    margin-bottom: 10px;
  }
}
body#checkout #pick-modal .change-zipcode form#choosePickUpForm .form-group {
  padding-right: 0;
}
.pack-point {
  width: 98% !important;
  margin-bottom: 20px !important;
}
.delivery-type {
  background-color: #FCFBFB;
  border: 1px solid #dddddd;
  padding: 4px 10px;
  display: block;
  cursor: pointer;
  display: table;
  width: 100%;
}
@media (max-width: 768px) {
  .delivery-type {
    padding: 4px 5px;
  }
}
.delivery-type input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: 0.2s all linear;
  outline: none;
  margin-right: 5px !important;
  position: relative;
  top: 2px;
  border: 1px solid 999;
}
.delivery-type span {
  display: inline-block;
  position: relative;
}
.delivery-type span.deliver-days {
  font-weight: 400;
}
.point-selected {
  display: block;
  flex-flow: row wrap;
  width: 100%;
  background: #f5f5f5;
  border-radius: 3px;
  border: 3px solid #4990e2;
  cursor: default;
  padding: 10px 10px;
  position: relative;
}
.point-selected .local,
.point-selected .adress,
.point-selected .hours {
  padding: 0 7px;
  font-size: 1.5rem;
  line-height: 1;
}
.point-selected #selected-pickup-hours-sat,
.point-selected #selected-pickup-hours-sun {
  display: block;
  margin-left: 25px;
  margin-top: -5px;
  margin-bottom: 5px;
}
.point-selected .glyphicon-time {
  color: #4990e2;
  padding: 0 0 0 7px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .point-selected .glyphicon-time {
    margin-top: 10px;
  }
}
.point-selected .provider-logo {
  position: absolute;
  top: 8px;
  right: 12px;
  width: auto;
  max-width: 30%;
}
@media (max-width: 768px) {
  .point-selected .provider-logo {
    top: auto;
    bottom: 8px;
  }
}
.point-selected .provider-logo img {
  max-width: 100%;
  max-height: 85px;
  width: auto;
}
@media (max-width: 768px) {
  .point-selected .provider-logo img {
    max-height: 50px;
  }
}
.point-active {
  border: 2px solid #4990e2;
  cursor: default;
}
.point-active .timetable {
  font-weight: 600;
  text-decoration: underline;
}
#pick-modal .delivery-type {
  background-color: white;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #f0f0f0;
}
#pick-modal .delivery-type:first-child {
  border-top: 1px solid #f0f0f0;
}
#pick-modal .empty-results {
  background-color: white !important;
}
#pick-modal .point-active {
  background-color: #f5f5f5;
}
#pick-modal .point-active .info-pick .hours {
  display: block;
  font-size: 1.2rem;
  padding: 0 10px 0 20px;
  position: relative;
  top: -5px;
  font-weight: 600;
  line-height: 1.4;
}
#pick-modal .point-active .info-pick .hours > span {
  font-weight: normal;
}
#pick-modal .point-active .info-pick #pickup-hours-week:before {
  position: absolute;
  opacity: 1;
  z-index: 0;
  width: 20px;
  left: 0;
  content: "\e023";
  color: #4990e2;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
}
#pick-modal .point-active .info-pick .align-right {
  border: 7px solid #B7B7B7;
}
#pick-modal .point-active .btn-pickup {
  color: white;
  background-color: #25cad3;
  border-color: #25cad3;
  float: right;
  position: absolute;
  bottom: 5px;
  right: 10px;
  padding: 7px 20px;
  display: block !important;
  font-size: 15px;
}
@media (max-width: 768px) {
  #pick-modal .point-active .btn-pickup {
    right: 5px;
    padding: 7px 15px;
  }
}
.delivery-type span.local {
  font-size: 1.6rem;
  text-transform: uppercase;
  display: block;
  color: #4990e2;
  font-weight: 600;
}
#pick-modal .heavy-load {
  display: block !important;
  text-align: center;
  position: absolute;
  top: 20%;
  right: 0;
  padding: 20% 1%;
  margin: 0px;
  background-color: white;
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #4990e2;
  font-weight: 600;
  width: 50%;
  border-left: 1px solid #e2e2e2;
}
@media (max-width: 768px) {
  #pick-modal .heavy-load {
    top: 20%;
    left: 0;
    padding: 50% 1%;
    width: 100%;
    border-left: none;
    height: 100%;
  }
}
#pick-modal .info-pick {
  width: 100%;
  padding: 0 0 0 40px;
}
#pick-modal .info-pick .local {
  font-size: 1.5rem;
  text-transform: uppercase;
  display: block;
  color: #4990e2;
  font-weight: 600;
  line-height: 15px;
  margin-top: 5px;
}
#pick-modal .info-pick .no-result-img {
  width: 25%;
  margin-top: 25%;
}
@media (max-width: 768px) {
  #pick-modal .info-pick .no-result-img {
    margin-top: 17%;
  }
}
#pick-modal .info-pick .no-results {
  text-align: center;
  margin: 2% 0 15% 0;
  padding: 0 25%;
  font-size: 1.25rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #acacac;
}
@media (max-width: 768px) {
  #pick-modal .info-pick .no-results {
    padding: 0 21%;
  }
}
#pick-modal .info-pick .adress {
  font-weight: 400;
  overflow: hidden;
  line-height: 1;
  text-transform: capitalize;
  margin: 5px 0;
  font-size: 13px;
}
@media (max-width: 768px) {
  #pick-modal .info-pick .adress {
    margin-top: 4px;
    margin-bottom: 10px;
  }
}
#pick-modal .info-pick .hours {
  display: none;
  /*font-size: 1rem;
        padding: 0 10px 0 0;
        position: relative;
        top: -8px;

        @media (max-width: @screen-tablet) {
            top: -2px;
        }*/
}
#pick-modal .info-pick .btn-pickup {
  display: none;
}
#pick-modal .info-pick #pickup-address-line3 {
  display: none;
}
#pick-modal .info-pick .align-right {
  display: block;
  position: absolute;
  top: 5px;
  height: 20px;
  opacity: 1;
  z-index: 0;
  background-color: white;
  width: 20px;
  border: 2px solid #B7B7B7;
  border-radius: 50%;
  left: 5px;
}
#pick-modal .info-pick .num-marker {
  position: absolute;
  top: 3px;
  right: 10px;
  color: white;
  font-size: 16px;
}
@media (max-width: 768px) {
  #pick-modal .info-pick .num-marker {
    top: 5px;
    right: 9px;
  }
}
#pick-modal .no-zip {
  padding: 0;
}
button#choose-pick-up-point {
  position: sticky;
  bottom: 0;
  border-radius: 0;
  background-color: #25cad3;
  color: white;
  z-index: 99;
  width: 50%;
  display: block;
  text-align: center;
  float: right;
}
@media (max-width: 768px) {
  button#choose-pick-up-point {
    position: fixed;
    width: 100%;
    float: none;
  }
}
button#choose-pick-up-point[disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #EDEDED;
  color: #969696;
  /*@media (max-width: @screen-tablet) {
        color: white;
        z-index: 99;
    }*/
}
body#checkout #pick-modal h3.modal-title {
  text-align: left;
  font-weight: 500;
  font-size: 1.5em;
  background: white;
  color: #444;
  padding: 10px 15px 10px 15px;
}
@media (max-width: 768px) {
  body#checkout #pick-modal h3.modal-title {
    padding: 10px 25px 10px 15px;
  }
}
body#checkout #pick-modal .lightbox-close {
  color: #808080;
}
body#checkout #pick-modal {
  padding: 0;
  width: 992px;
  border-radius: 6px;
}
@media (max-width: 768px) {
  body#checkout #pick-modal {
    width: 100%;
    border-radius: 0;
  }
}
body#checkout a .change-point {
  font-weight: 600;
  text-decoration: underline;
}
body#checkout .other-person {
  display: table;
  width: 100%;
  margin: 12px 0 0;
}
@media (max-width: 768px) {
  body#checkout .other-person .col-xs-12 {
    padding: 0;
    padding-bottom: 10px;
  }
}
body#checkout .other-person > span {
  padding-top: 12px;
  font-weight: 400;
}
body#checkout #pick-modal .modal-header {
  display: none;
}
body#checkout #pick-modal .change-zip {
  display: table;
  width: 100%;
  padding: 5px 10px;
  background: white;
  color: #444;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
body#checkout #pick-modal .change-zip input {
  height: 20px;
  width: 100px;
  display: inline;
  margin-left: 10px;
}
body#checkout img.pointer {
  display: inline;
  float: right;
  position: absolute;
  top: 15px;
  right: 20px;
}
body#checkout #edit-zip img.pointer {
  width: 10%;
}
body#checkout .search-point a.cancel {
  color: #808080;
}
body#checkout #pick-modal form#choosePickUpForm div.naturitas-field {
  margin-bottom: 10px;
}
body#checkout #pick-modal form#choosePickUpForm input#pickup-postcode {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
body#checkout .search-point {
  margin-top: 14px;
  width: 50px;
  margin-left: 0;
  display: table;
}
@media (max-width: 767px) {
  body#checkout .search-point {
    margin-top: 16px;
  }
}
body#checkout .search-point a.pick-modal {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  text-transform: initial;
  font-weight: 600;
  text-align: center;
  padding: 11px 20px 10px 40px;
  position: relative;
  display: inline-block;
  font-size: 15px;
  background-color: #4990e2;
  color: #ffffff;
  border: 2px solid #4990e2;
}
@media (max-width: 768px) {
  body#checkout .search-point a.pick-modal {
    padding: 13px 30px 14px 40px;
  }
}
body#checkout .search-point a.pick-modal:before {
  font-family: 'custom-icomoon';
  line-height: 48px;
  font-size: 18px;
  width: 50px;
  position: absolute;
  content: '\e900';
  top: 0px;
  left: 0;
}
body#checkout div.wrap-selecter {
  position: absolute;
  bottom: 55px;
  left: 185px;
  width: 78%;
  display: block;
}
@media (max-width: 1200px) {
  body#checkout div.wrap-selecter {
    left: 124px;
  }
}
@media (max-width: 330px) {
  body#checkout div.wrap-selecter {
    left: 120px;
  }
}
body#checkout #pickup-method-list div.wrap-selecter {
  position: absolute;
  bottom: 55px;
  left: 175px;
  width: 78%;
  display: block;
}
@media (max-width: 1200px) {
  body#checkout #pickup-method-list div.wrap-selecter {
    left: 124px;
  }
}
@media (max-width: 330px) {
  body#checkout #pickup-method-list div.wrap-selecter {
    left: 120px;
  }
}
body#checkout a.pick-modal-points {
  border: 1px solid #dedede;
  border-radius: 6px;
  padding: 5px 2px 5px 30px;
  color: #4a4a4a;
  width: 100%;
  background-color: white;
  text-align: left;
  font-size: 14px;
  line-height: 1.47;
  letter-spacing: 0.02em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  max-width: 85%;
}
body#checkout a.pick-modal-points:before {
  position: absolute;
  margin-top: 0px;
  left: 10px;
  width: 15px;
  height: 18px;
  background-image: url(/static/images/checkout/direction_selected.svg);
  content: " ";
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1200px) {
  body#checkout a.pick-modal-points {
    max-width: 75%;
  }
}
@media (max-width: 330px) {
  body#checkout a.pick-modal-points {
    max-width: 72%;
  }
}
body#checkout .wrap-selecter > .pick-modal-points > #pick-point-selected {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
/*body#checkout a.pick-modal:hover, a.pick-modal:focus {
    background-color: #4990e2;
    color: #ffffff !important;
    border: 2px solid #4990e2;
    outline: none;
}*/
#pick-point-selected > p {
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  body#checkout #pick-modal {
    top: 0px;
    background-color: white;
    height: 100%;
    width: 100%;
  }
  body#checkout #pick-modal .modal-dialog {
    height: 100%;
    width: 100%;
  }
  body#checkout #pick-modal .modal-dialog .modal-content {
    height: 100%;
    box-shadow: none;
  }
}
body#checkout .step-content .select-area span {
  display: block;
  font-weight: 600;
  color: #505050;
  padding: 0 5px;
}
body#checkout .step-content .select-area select {
  width: 100%;
  height: 46px;
  background: transparent;
  border-radius: 6px;
  padding: 0 5px;
  margin-bottom: 10px;
}
body#checkout .home-shipping .change-shipping-method,
body#checkout .pickup-shipping .change-shipping-method {
  padding: 0 0 10px 0;
}
body#checkout .home-shipping .change-shipping-method .change-point,
body#checkout .pickup-shipping .change-shipping-method .change-point {
  text-decoration: none;
}
body#checkout .home-shipping h3.method,
body#checkout .pickup-shipping h3.method {
  margin: 0 0 20px;
}
#user-addresses .fake-input {
  display: none !important;
}
@media (max-width: 768px) {
  .delivery-methods,
  .payment-methods {
    padding-bottom: 0;
  }
}
body#checkout div#_hj_feedback_container {
  display: none;
}
.intro-section .intro-carousel .slide a {
  z-index: 10;
  position: relative;
}
.intro-section .intro-carousel .slide p {
  font-size: 30px;
  font-weight: 100;
}
.intro-section .intro-carousel .slide:before {
  display: none;
}
.intro-section .intro-carousel .slide .text-block {
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;
  color: white;
  position: relative;
  z-index: 10;
}
.intro-section .intro-carousel .slide .text-block h1 {
  color: white;
}
.intro-section .intro-carousel .slide .text-block a {
  color: white;
}
@media (min-width: 768px) {
  .intro-section .intro-carousel .slide .text-block {
    background: none;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .intro-section .intro-carousel .slide.dark .text-block {
    color: #505050;
  }
  .intro-section .intro-carousel .slide.dark .text-block h1 {
    color: #505050;
  }
  .intro-section .intro-carousel .slide.dark .text-block div.btn {
    color: #505050;
    border-color: #505050;
  }
  .intro-section .intro-carousel .slide.dark .text-block div.btn:hover {
    background: #505050;
    color: white;
  }
}
.intro-section .intro-carousel .slide.tha-right .text-block {
  text-align: right;
}
.intro-section .intro-carousel .slide.tha-right .text-block .text-content {
  float: right;
}
.intro-section .intro-carousel .slide.tha-center .text-block {
  text-align: center;
}
.intro-section .intro-carousel .slide.tha-center .text-block .text-content {
  margin: 0 auto;
}
.intro-section .intro-carousel .slide.tha-left .text-block {
  text-align: left;
}
.intro-section .intro-carousel .slide.bva-top .text-block {
  vertical-align: top;
}
.intro-section .intro-carousel .slide.bva-middle .text-block {
  vertical-align: middle;
}
.intro-section .intro-carousel .slide.bva-bottom .text-block {
  vertical-align: bottom;
}
.partner-product-block a {
  color: #505050;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 20px;
  font-size: 18px;
  margin: 5px 0;
}
.partner-product-block a .text {
  color: #808080;
  line-height: 18px;
  border-top: 1px solid #808080;
  font-weight: 400;
  font-size: 16px;
  text-transform: initial;
}
.home .category-image .dark-overlay {
  display: block;
  position: relative;
}
.home .category-image .dark-overlay:before {
  content: "";
  transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: #000;
  opacity: .4;
}
.home .category-image .dark-overlay:hover:before {
  background: #25cad3;
  opacity: 0.8;
}
.home .category-image .dark-overlay .caption a {
  color: white;
}
.home .category-image .dark-overlay .caption a:before {
  display: none;
}
.home .category-image .caption {
  text-align: center;
}
.home .category-image .caption .promo {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-top: 1px solid white;
  margin: 0 auto;
  margin-top: 5px;
  padding-top: 5px;
  width: 75%;
  text-transform: none;
}
.intro-section .intro-carousel .slide.dark .text-block a.no-hover {
  outline: none;
}
.intro-section .intro-carousel .slide.dark .text-block a.no-hover:hover {
  background: transparent;
  color: #505050;
}
.help-accordion .slide a {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .search .form-group {
    max-width: 500px;
  }
}
.member-block img {
  width: 100%;
  height: 100%;
}
.back-to-top {
  z-index: 99;
}
#fc_frame {
  left: 10px !important;
  z-index: 9 !important;
  /*&:before {
        font-family: 'bariol',Helvetica,Arial,sans-serif;
        position: absolute;
        top: 20px;
        left: 3px;
        width: 100%;
        height: 100%;
        line-height: 2;
        font-size: 12px;
        text-align: center;
        color: white;
        font-weight: 400;
        content: "Discuter";
        pointer-events: none;

    }*/
}
.promos-banner {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .promos-banner {
    padding-left: 0;
    padding-right: 0;
  }
}
body#thankyou .promos-banner {
  display: none;
}
/*.blue-stripe {
    background-color: #25CAD3;
    padding:5px 10px;
    text-align: center;
    color: white;
    font-weight: normal;
    font-size: 1em;
    //margin: 10px 0;
    position: relative;
    @media (max-width: @screen-tablet) {
        padding: 2px 7px;
    }

    & > img {
         @media (max-width: @screen-tablet) {
            display: none;
        }

    }

    & > span {
        padding: 0 5px 0 0;
        @media (max-width: @screen-tablet) {
            margin-bottom: 10px;
            margin-top: 6px;
            display: block;
        }

        & > i {
            padding: 0 10px 0 0;
        }
    }

    > div.promo {
        background-color: white;
        border-radius: 8px;
        padding: 0 8px;
        display: inline-block;
        text-align: center;
        font-size: .8em;
        @media (max-width: @screen-tablet) {
            display: none;
        }

        & > span {
            text-transform: uppercase;
            color: #25CAD3;
            font-weight: 600;
        }
    }

    & a.promo-close  {
        position: absolute;
        width: 25px;
        height: 25px;
        top: 7px;
        right: 15px;
        display: block;
        background: none;
        font-weight: 300;
        border: 1px solid white;
        border-radius: 50%;
         @media (max-width: @screen-tablet) {
            right: 6px;
            top: 6px;
        }


        &:before {
            font-family: 'icomoon';
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            line-height: 2;
            font-size: 12px;
            text-align: center;
            color: white;
            font-weight: 300;
            content: "\e909";
        }
    }
}*/
#shipments-and-deliveries-q1 .table-responsive .table {
  margin: 0;
}
#shipments-and-deliveries-q1 .table-responsive .table > thead > tr > th {
  padding: 10px 5px;
  font-size: 15px;
}
#shipments-and-deliveries-q1 .table-responsive .table > tbody > tr > td {
  padding: 10px 5px;
  font-size: 14px;
}
#cgv-livraisons .table-responsive {
  margin: 20px 0 20px 0;
}
#cgv-livraisons .table-responsive .table {
  margin: 0;
}
#cgv-livraisons .table-responsive .table > thead > tr > th {
  padding: 10px 5px;
  font-size: 15px;
}
#cgv-livraisons .table-responsive .table > tbody > tr > td {
  padding: 10px 5px;
  font-size: 14px;
}
.main-nav > li.hover > .nav-drop > .nav-holder > .nav-wrap > .nav-blocks {
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  column-count: 4;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  padding: 0;
}
.main-nav > li.hover > .nav-drop > .nav-holder > .nav-wrap > .nav-blocks > li {
  padding-bottom: 10px;
}
.main-nav > li.hover > .nav-drop > .nav-holder > .nav-wrap > .nav-blocks > li > .title {
  font-size: 16px;
  border-bottom: 0;
  margin-bottom: 10px;
  line-height: 18px;
}
.main-nav > li.hover > .nav-drop > .nav-holder > .nav-wrap > .nav-blocks > li > .title strong {
  color: #25cad3;
}
.main-nav > li.hover > .nav-drop > .nav-holder > .nav-wrap > .nav-blocks > li > .nav-drop > ul {
  padding: 0;
}
.main-nav > li.hover > .nav-drop > .nav-holder > .nav-wrap > .nav-blocks > li > .nav-drop > ul > li a {
  padding: 0;
}
.main-nav > li.hover > .nav-drop > .nav-holder > .nav-wrap > .nav-blocks > li > .nav-drop > ul > li a:before {
  display: none;
}
@media (min-width: 768px) {
  .cart-drop .cart-form {
    padding-bottom: 160px;
  }
}
@media (min-width: 768px) {
  .cart-holder.hover .cart-drop {
    max-height: 500px;
  }
}
@media (min-width: 768px) {
  .cart-drop .drop-footer {
    max-height: 160px;
    overflow: hidden;
  }
}
.cart-drop .drop-footer .price-row {
  line-height: 20px;
  color: #505050;
  font-size: 14px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 15px 0 9px;
}
@media (min-width: 768px) {
  .cart-drop .drop-footer .price-row {
    padding: 0;
  }
}
.cart-drop .drop-footer .price-row .title {
  display: block;
  width: 100px;
  padding-right: 10px;
  text-transform: uppercase;
}
.cart-drop .drop-footer .price-row .price {
  display: block;
  text-align: right;
  width: 140px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .cart-holder.hover .cart-drop.with-discounts,
  .cart-holder.hover .cart-drop.with-donation {
    max-height: 520px;
  }
}
@media (min-width: 768px) {
  .cart-drop.with-discounts .cart-form,
  .cart-drop.with-donation .cart-form {
    padding-bottom: 180px;
  }
}
@media (min-width: 768px) {
  .cart-drop.with-discounts .drop-footer,
  .cart-drop.with-donation .drop-footer {
    max-height: 180px;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .cart-holder.hover .cart-drop.with-discounts.with-donation {
    max-height: 540px;
  }
}
@media (min-width: 768px) {
  .cart-drop.with-discounts.with-donation .cart-form {
    padding-bottom: 200px;
  }
}
@media (min-width: 768px) {
  .cart-drop.with-discounts.with-donation .drop-footer {
    max-height: 200px;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .search-opener {
    width: 150px;
  }
  .search-opener .icon {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .search-form {
    width: 150px;
  }
}
@media (min-width: 768px) {
  #nav {
    margin-right: 160px;
  }
}
@media (min-width: 768px) {
  .fixed-header #nav {
    margin-right: 160px;
  }
}
@media (min-width: 768px) {
  .nav-opener {
    right: 170px;
  }
}
.top-panel .menu {
  width: 100%;
}
@media (min-width: 768px) {
  .top-panel .menu {
    width: 65%;
  }
}
@media (min-width: 992px) {
  .top-panel .menu {
    width: 75%;
  }
}
.top-panel .menu .slick-list {
  margin-bottom: 0;
}
.top-panel .menu .slick-arrow:before {
  font-size: 16px;
}
.top-panel .menu .slick-arrow.btn-next {
  right: 0;
}
.top-panel .menu .slick-arrow.btn-prev {
  left: 0;
}
.top-panel .menu .slide {
  width: 100vw;
  text-align: center;
  float: left;
  padding: 0;
  margin-right: -1px;
  position: relative;
}
.top-panel .menu .slide .no-link {
  cursor: default;
}
.top-panel .menu .slide:before {
  width: 1px;
  height: 22px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffff;
}
@media (min-width: 992px) {
  .fixed-header .top-panel .menu .slide:before {
    width: 1px;
    height: 16px;
  }
}
@media (max-width: 768px) {
  .top-panel .menu .slide:before {
    display: none;
  }
}
@media (min-width: 768px) {
  .top-panel .menu .slide {
    width: auto;
  }
}
.top-panel .menu .slide:first-child:before {
  display: none;
}
@media (min-width: 768px) {
  .top-panel .menu .slide:first-child a {
    padding-right: 50px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .top-panel .menu .slide:last-child {
    display: none;
  }
}
.top-panel .menu .slide.active a {
  color: #4a90e2;
  background: #ffffff;
}
.top-panel .menu .slide a {
  display: block;
  padding: 8px 7px;
  position: relative;
}
@media (min-width: 768px) {
  .top-panel .menu .slide a {
    padding: 7px 38px 7px 14px;
  }
}
@media (min-width: 1200px) {
  .top-panel .menu .slide a {
    padding: 7px 44px 7px 18px;
  }
}
@media (min-width: 992px) {
  .fixed-header .top-panel .menu .slide a {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
/*GENERICS*/
.thin {
  font-weight: 300 !important;
}
.colorBlue {
  color: #25cad3;
}
.colorPink {
  color: #fe3c76 !important;
}
.voffset10 {
  margin-top: 10px;
}
.posRight {
  position: absolute;
  right: 0;
}
.antiMount {
  display: table;
  width: 100%;
}
.txtInherit {
  text-transform: inherit !important;
}
.active {
  opacity: 1 !important;
}
/*SPECIFICS FOR THE C.ART*/
body#cart a.back-to-top {
  display: none;
}
@media (max-width: 768px) {
  body#cart header > .container {
    min-height: 58px;
  }
}
body#cart .products-box {
  border-bottom: 1px solid #e3e2e2;
}
body#cart section.testimonials-section {
  margin-top: 50px;
}
body#cart .mobile-summary {
  position: inherit;
  display: flex;
  padding: 0 10px;
  margin: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  width: 100%;
  justify-content: space-between;
  background: white;
  z-index: 50;
  box-shadow: none;
  border-top: 1px solid #dedede;
}
body#cart .mobile-summary li .title {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
}
body#cart .col-sm-8 div.price-row {
  display: block;
}
body#cart .top-panel ul.list-inline > li > a.telf {
  white-space: nowrap;
}
body#cart .seller-thumbnail .text-block {
  border-left: none;
}
@media (max-width: 767px) {
  body#cart #basket-totals .checkout-data-column {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
    left: 0;
    background: white;
    padding-bottom: 10px;
  }
  body#cart #basket-totals .checkout-data-column .button-row {
    padding: 0 10px;
  }
  body#cart #basket-list h1 {
    font-size: 23px;
    color: #4990e2;
  }
}
body.basket-open div#_hj_feedback_container {
  display: none;
}
html {
  background: #f1f1f1;
}
#new-header {
  margin-bottom: -1px;
  transition: margin 0.3s ease-in-out, box-shadow 0.1s ease-in-out;
}
#new-header .user-panel-holder li.user-link:before {
  display: none;
}
#new-header .user-panel-holder li.user-link .drop > ul {
  padding: 13px;
  padding-top: 20px;
}
#new-header .user-panel-holder li.user-link .drop > ul > li {
  line-height: 1;
  padding-bottom: 20px;
}
#new-header .user-panel-holder li.user-link .drop > ul > li:last-child {
  padding-bottom: 0;
}
#new-header > .container {
  min-height: auto !important;
}
body.nav-active #new-header {
  min-width: 320px;
  margin: 0 -277px 0 277px;
}
#new-header > .container > .main > .searcher-holder {
  padding: 15px 0;
  padding-left: 160px;
  padding-right: 110px;
  position: relative;
  background: white;
}
#new-header > .container > .main > .searcher-holder > a.main-logo,
#new-header > .container > .main > .searcher-holder > a.main-logo:after {
  display: block;
  position: absolute;
  width: 150px;
  height: 42px;
  background: url(../images/logo.svg) no-repeat 0% 50%;
  background-size: contain;
  top: 15px;
  left: 0;
}
#new-header > .container > .main > .searcher-holder > .new-cart-holder {
  position: absolute;
  right: 0;
  top: 15px;
  width: 110px;
  height: 50px;
}
#new-header > .container > .main > .searcher-holder > .new-cart-holder > a {
  display: block;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  line-height: 50px;
  padding: 0;
  padding-right: 40px;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: black;
  font-weight: 400;
}
#new-header > .container > .main > .searcher-holder > .new-cart-holder > a:before {
  width: 35px;
  height: 50px;
  font-family: 'icomoon';
  line-height: 50px;
  font-size: 30px;
  position: absolute;
  text-align: center;
  content: '\e904';
  top: 0;
  right: 0;
  color: #4990e2;
}
#new-header > .container > .main > .searcher-holder > .new-cart-holder > a .badge.num {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #fe3c76;
  position: absolute;
  line-height: 16px;
  padding: 0px 2px;
  border-radius: 50%;
  height: 14px;
  top: 4px;
  right: -5px;
  width: 16px;
  height: 16px;
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper {
  position: relative;
  z-index: 103;
  /* Chrome <=56, Safari < 10 */
  /* FF 4-18 */
  /* FF 19-51 */
  /* IE 10+ */
  /* Modern Browsers */
  /* Chrome <=56, Safari < 10 */
  /* FF 4-18 */
  /* FF 19-50 */
  /* IE 10+ */
  /* Modern Browsers */
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper #searcher {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ddd;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-size: 16px;
  padding-right: 55px;
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper ::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper :-moz-placeholder {
  opacity: 1;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper ::-moz-placeholder {
  opacity: 1;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper :-ms-input-placeholder {
  opacity: 1;
  -ms-transition: opacity .5s;
  transition: opacity .5s;
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper ::placeholder {
  opacity: 1;
  transition: opacity .5s;
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper *:focus::-webkit-input-placeholder {
  opacity: 0;
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper *:focus:-moz-placeholder {
  opacity: 0;
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper *:focus::-moz-placeholder {
  opacity: 0;
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper *:focus:-ms-input-placeholder {
  opacity: 0;
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper *:focus::placeholder {
  opacity: 0;
}
#new-header > .container > .main > .searcher-holder > .searcher-wrapper:before {
  font-family: 'custom-icomoon';
  line-height: 50px;
  font-size: 25px;
  width: 50px;
  position: absolute;
  text-align: center;
  content: '\e900';
  top: 0;
  right: 5px;
  color: #25cad3;
}
#new-header > .container > #new-nav {
  background: #FAFAFA;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  height: 39px;
  margin-right: -100%;
  margin-left: -100%;
  padding-left: 100%;
  padding-right: 100%;
}
#new-header > .container > #new-nav .navigation-holder {
  position: relative;
}
#new-header > .container > #new-nav .tab {
  float: left;
}
#new-header > .container > #new-nav .tab > a {
  display: block;
  text-transform: uppercase;
  padding: 11px 16px;
  color: #4A4A4A;
  font-weight: 900;
  font-size: 16px;
  line-height: 16px;
}
#new-header > .container > #new-nav .tab.hover > a {
  background: #f0f0f0;
  cursor: pointer;
}
#new-header > .container > #new-nav .tab.deployable > a {
  padding-right: 30px;
  position: relative;
  font-size: 16px;
}
#new-header > .container > #new-nav .tab.deployable > a:after {
  width: 38px;
  height: 10px;
  font-family: 'custom-icomoon';
  line-height: 10px;
  font-size: 10px;
  position: absolute;
  text-align: center;
  content: '\e901';
  top: 14px;
  right: 0;
  color: #aaa;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  z-index: 49;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment {
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background: white;
  box-sizing: border-box;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  padding: 15px 0 50px 0;
  width: 100%;
  z-index: 100;
  overflow: hidden;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder {
  position: relative;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .block {
  float: left;
  width: 25%;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .block h3 {
  margin-bottom: 15px;
  color: #25cad3;
  text-transform: uppercase;
  font-size: 16px;
  padding-left: 15px;
  padding-top: 10px;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .block > .block-holder {
  position: relative;
  overflow: auto;
  height: 100%;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column {
  max-height: 350px;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.first-level > .jcf-scrollable-wrapper > .jcf-scrollbar-vertical {
  opacity: 0;
}
@media (min-width: 768px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column {
    width: 180px;
  }
}
@media (min-width: 992px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column {
    width: 235px;
  }
}
@media (min-width: 1200px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column {
    width: 285px;
  }
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column > ul {
  max-height: 100%;
  height: 100%;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column > ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border-right: 2px solid #e8e8e8;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column > ul > li > a {
  display: block;
  padding: 15px;
  padding-right: 20px;
  color: #717171;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column > ul > li.has-children > a:after {
  width: 10px;
  height: 50px;
  font-family: 'custom-icomoon';
  line-height: 50px;
  font-size: 12px;
  position: absolute;
  text-align: center;
  content: '\e901';
  top: 0px;
  right: 10px;
  color: #aaa;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column > ul > li.hover > a {
  background-color: #FAFAFA;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  color: black;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column > ul > li.hover > a:before {
  color: #25cad3 !important;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column > ul > li.hover > a:after {
  color: #25cad3 !important;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column > ul > li.hover > .column {
  visibility: visible;
  opacity: 1;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.first-level > ul > li > a {
  padding-left: 50px;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.second-level,
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.third-level,
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level {
  display: block;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  height: calc(100% - 30px);
  margin: 15px 0;
  box-sizing: border-box;
  padding-left: 2px;
}
@media (min-width: 768px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.second-level,
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.third-level,
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level {
    width: 180px;
  }
}
@media (min-width: 992px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.second-level,
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.third-level,
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level {
    width: 235px;
  }
}
@media (min-width: 1200px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.second-level,
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.third-level,
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level {
    width: 285px;
  }
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.second-level > ul,
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.third-level > ul,
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level > ul {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 100%;
  max-height: 100%;
  width: 100% !important;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.second-level > ul > li > a,
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.third-level > ul > li > a,
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level > ul > li > a {
  padding: 6px 15px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 14px;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.second-level > ul > li > a:after,
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.third-level > ul > li > a:after,
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level > ul > li > a:after {
  height: 40px;
  line-height: 26px;
  font-size: 10px;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.second-level > ul > li::first-letter,
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.third-level > ul > li::first-letter,
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level > ul > li::first-letter {
  text-transform: uppercase;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.second-level > ul > li:last-child,
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.third-level > ul > li:last-child,
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level > ul > li:last-child {
  padding-bottom: 20px;
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column .brands-selection {
  position: fixed;
  top: 350px;
  margin-left: -2px;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  padding: 1px 10px;
  overflow-y: hidden;
  background: #FAFAFA;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  z-index: 9;
  border-bottom-right-radius: 7px;
  border-left: 2px solid #e8e8e8;
  clip: rect(0px, 855px, 50px, 0px);
}
@media (max-width: 1200px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column .brands-selection {
    clip: rect(0px, 705px, 50px, 0px);
  }
}
@media (max-width: 991px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column .brands-selection {
    display: none;
  }
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column .brands-selection img {
  width: 115px;
  display: inline;
  padding: 4px 12px;
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1);
  /* Microsoft Edge and Firefox 35+ */
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column .brands-selection img:hover {
  -webkit-filter: grayscale(0);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(0);
  /* Microsoft Edge and Firefox 35+ */
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column .brands-selection .all-brands {
  margin-left: 40px;
  color: #fff;
  background-color: #25cad3;
  border-color: #25cad3;
}
@media (min-width: 768px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.second-level {
    left: 193px;
  }
}
@media (min-width: 992px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.second-level {
    left: 248px;
  }
}
@media (min-width: 1200px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.second-level {
    left: 298px;
  }
}
@media (min-width: 768px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.third-level {
    left: 371px;
  }
}
@media (min-width: 992px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.third-level {
    left: 481px;
  }
}
@media (min-width: 1200px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.third-level {
    left: 581px;
  }
}
#new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level {
  border-right: 0;
}
@media (min-width: 768px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level {
    left: 549px;
  }
}
@media (min-width: 992px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level {
    left: 714px;
  }
}
@media (min-width: 1200px) {
  #new-header > .container > #new-nav .tab.deployable > .deployment-wrapper > .deployment .deployment-holder .column.fourth-level {
    left: 864px;
  }
}
#new-header > .container > #new-nav .tab.deployable.hover > .deployment-wrapper {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out;
  overflow: hidden;
  -moz-overflow: hidden;
}
#new-header > .container > #new-nav .tab.deployable.categories-tab > .deployment-wrapper > .deployment > .deployment-holder > .column.first-level > ul > li > a {
  padding-left: 50px;
}
#new-header > .container > #new-nav .tab.deployable.categories-tab > .deployment-wrapper > .deployment > .deployment-holder > .column.first-level > ul > li > a:before {
  width: 50px;
  height: 46px;
  font-family: 'custom-icomoon';
  line-height: 46px;
  font-size: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  color: #555555;
}
#new-header > .container > #new-nav .tab.deployable.categories-tab > .deployment-wrapper > .deployment > .deployment-holder > .column.first-level > ul > li.bebe-y-mama > a:before {
  content: '\e911';
}
#new-header > .container > #new-nav .tab.deployable.categories-tab > .deployment-wrapper > .deployment > .deployment-holder > .column.first-level > ul > li.salud > a:before {
  content: '\e916';
}
#new-header > .container > #new-nav .tab.deployable.categories-tab > .deployment-wrapper > .deployment > .deployment-holder > .column.first-level > ul > li.higiene-cosmetica > a:before {
  content: '\e912';
}
#new-header > .container > #new-nav .tab.deployable.categories-tab > .deployment-wrapper > .deployment > .deployment-holder > .column.first-level > ul > li.mascotas > a:before {
  content: '\e917';
}
#new-header > .container > #new-nav .tab.deployable.categories-tab > .deployment-wrapper > .deployment > .deployment-holder > .column.first-level > ul > li.alimentacion > a:before {
  content: '\e914';
}
#new-header > .container > #new-nav .tab.deployable.categories-tab > .deployment-wrapper > .deployment > .deployment-holder > .column.first-level > ul > li.control-de-peso > a:before {
  content: '\e913';
}
#new-header > .container > #new-nav .tab.deployable.categories-tab > .deployment-wrapper > .deployment > .deployment-holder > .column.first-level > ul > li.accesorios-de-salud > a:before {
  content: '\e915';
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations {
  width: 50%;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations .column.first-level {
  height: 512px;
  max-height: 512px;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations .column.second-level {
  margin-top: 58px;
  height: 512px;
  max-height: 512px;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations > .block-holder > .column.first-level > ul > li > a:before {
  width: 50px;
  height: 46px;
  font-family: 'custom-icomoon';
  line-height: 46px;
  font-size: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  color: #555555;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations > .block-holder > .column.first-level > ul > li.sistema-respiratorio-e-inmunitario > a:before {
  content: '\e90e';
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations > .block-holder > .column.first-level > ul > li.bienestar-relievo-y-descanso > a:before {
  content: '\e90d';
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations > .block-holder > .column.first-level > ul > li.peso-saludable > a:before {
  content: '\e90c';
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations > .block-holder > .column.first-level > ul > li.articulaciones-huesos-y-musculos > a:before {
  content: '\e90b';
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations > .block-holder > .column.first-level > ul > li.cardiovascular-diabetes-y-circulacion > a:before {
  content: '\e90a';
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations > .block-holder > .column.first-level > ul > li.digestion-y-eliminacion > a:before {
  content: '\e909';
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations > .block-holder > .column.first-level > ul > li.salud-sexual-y-hormonal-fertilidad-y-maternidad > a:before {
  content: '\e908';
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations > .block-holder > .column.first-level > ul > li.memoria-funciones-cognitivas-vison-y-oido > a:before {
  content: '\e907';
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.recommendations > .block-holder > .column.first-level > ul > li.salud-quotidiana-al-natural > a:before {
  content: '\e906';
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.diets {
  padding-right: 15px;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.diets > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.diets > ul > li {
  margin: 10px 0;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.diets > ul > li > a {
  display: inline;
  padding: 0px 15px;
  color: #717171;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.diets > ul > li > a > img {
  width: 17%;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.diets > ul > li > a:hover {
  color: black;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.diets > ul > li > a:before {
  position: absolute;
  content: " ";
  width: 60px;
  height: 46px;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.objectives {
  padding-right: 15px;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.objectives h3 {
  padding-left: 0;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.objectives > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.objectives > ul > li {
  float: left;
  width: 50%;
  padding: 5px;
  overflow: hidden;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.objectives > ul > li > a {
  display: block;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.objectives > ul > li > a img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.objectives > ul > li > a > span {
  margin-top: 5px;
  display: block;
  color: #717171;
  text-align: center;
  font-size: 14px;
  height: 28px;
  line-height: 14px;
  font-weight: normal;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.objectives > ul > li > a:hover > span {
  color: black;
}
#new-header > .container > #new-nav .tab.deployable.recommendations-tab > .deployment-wrapper > .deployment > .deployment-holder > .block.objectives > ul > li > a:hover img {
  filter: brightness(90%);
}
#new-header > .container > #new-nav .tab.fixed-search {
  display: none;
}
#new-header > .container > #new-nav .tab.brands-tab {
  float: right;
}
#new-header > .container > #new-nav .tab.brands-tab > a {
  display: block;
  padding-right: 45px;
  position: relative;
  text-transform: capitalize;
  font-size: 16px;
}
#new-header > .container > #new-nav .tab.brands-tab > a:after {
  width: 38px;
  height: 38px;
  font-family: 'icomoon';
  line-height: 38px;
  font-size: 20px;
  position: absolute;
  text-align: center;
  content: '\e90e';
  top: 0;
  right: 0;
  color: #aaa;
  color: #25cad3;
}
@media (max-width: 768px) {
  #wrapper {
    padding-top: 0;
  }
}
.nav-slide {
  padding: 70px 15px 0px 15px;
  display: none;
}
@media (max-width: 768px) {
  .nav-slide {
    display: block;
  }
}
.nav-slide > a.logo,
.nav-slide > a.logo:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 35px;
  top: 5px;
  left: -5px;
  background: url(../images/logo-white.svg) no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  opacity: 0.6;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */
}
.nav-slide .user-links {
  color: white;
  font-size: 16px;
  line-height: 1.2;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 117%;
  margin-left: -7%;
  padding-left: 17px;
}
.nav-slide .user-links .text-right {
  margin-left: 12%;
}
.nav-slide .user-links a {
  font-weight: 400;
  font-size: 16px;
  color: white;
  text-decoration: underline;
}
.main-nav {
  margin: 0 -15px;
}
.main-nav .opener {
  right: 0px;
}
.main-nav > li > span {
  padding: 15px 60px 15px 50px;
}
.main-nav > li > span {
  position: relative;
}
.main-nav > li > span > a.text {
  position: initial;
  pointer-events: none;
}
.main-nav > li > span > a.text:before {
  width: 50px;
  height: 46px;
  font-family: 'custom-icomoon';
  line-height: 46px;
  font-size: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  color: white;
  font-weight: normal;
  opacity: 0.6;
}
.main-nav > li.bebe-y-mama > span > a.text:before {
  content: '\e911';
}
.main-nav > li.salud > span > a.text:before {
  content: '\e916';
}
.main-nav > li.higiene-cosmetica > span > a.text:before {
  content: '\e912';
}
.main-nav > li.mascotas > span > a.text:before {
  content: '\e917';
}
.main-nav > li.alimentacion > span > a.text:before {
  content: '\e914';
}
.main-nav > li.control-de-peso > span > a.text:before {
  content: '\e913';
}
.main-nav > li.accesorios-de-salud > span > a.text:before {
  content: '\e915';
}
.main-nav > li.my-account {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.main-nav > li.my-account > span > a.text:before {
  display: none;
}
.nav-drop .nav-blocks ul a {
  padding: 0;
  display: inline;
}
.nav-drop .title {
  display: block;
  position: relative;
  padding: 10px 30px 10px 37px;
  width: 100%;
  text-overflow: ellipsis;
}
.nav-drop .title a {
  width: 100%;
  line-height: 1;
  display: block;
}
#lateral-basket .block {
  position: fixed;
  top: 0;
  right: -360px;
  width: 350px;
  bottom: 0;
  background: white;
  z-index: 210;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  transition: right 0.3s ease-in-out;
}
@media (max-width: 600px) {
  #lateral-basket .block {
    width: 100%;
    right: -105%;
  }
}
#lateral-basket .block > .loading-overlay {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
}
#lateral-basket .block > .loading-overlay > .message {
  width: 100px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
}
#lateral-basket .block > .loading-overlay > .message > .spinner {
  background: transparent;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid rgba(0, 0, 0, 0.6);
  width: 60px;
  height: 60px;
  top: 0;
  left: 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
}
#lateral-basket .block > .loading-overlay > .message h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
}
#lateral-basket .block > .content-updated {
  width: 100%;
  height: 100%;
  padding: 50px 0px 230px 0px;
}
#lateral-basket .block > .content-updated.has-discount,
#lateral-basket .block > .content-updated.has-payment-comission {
  padding-bottom: 243px;
}
#lateral-basket .block > .content-updated.has-discount .totals,
#lateral-basket .block > .content-updated.has-payment-comission .totals {
  height: 243px;
}
#lateral-basket .block > .content-updated.has-discount.has-payment-comission {
  padding-bottom: 276px;
}
#lateral-basket .block > .content-updated.has-discount.has-payment-comission .totals {
  height: 276px;
}
#lateral-basket .block > .content-updated > h3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #FAFAFA;
  border-bottom: 1px solid #F0F0F0;
  text-transform: uppercase;
  padding: 0 15px;
  color: #4990e2;
  font-weight: 900;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  font-weight: 600;
}
#lateral-basket .block > .content-updated > h3 .units {
  font-size: 12px;
  color: #999;
  margin-left: 10px;
  text-transform: none;
}
#lateral-basket .block > .content-updated > .no-contents {
  padding: 55% 0;
  font-size: 16px;
  line-height: 1.5;
  display: block;
  text-align: center;
}
#lateral-basket .block > .content-updated > .no-contents input {
  margin-top: 10px;
}
#lateral-basket .block > .content-updated > a.basket-close {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  right: 15px;
  display: block;
}
#lateral-basket .block > .content-updated > a.basket-close:before {
  font-family: 'icomoon';
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 13px;
  text-align: right;
  color: #4A4A4A;
  font-weight: normal;
  content: "\e909";
}
#lateral-basket .block > .content-updated > ul.contents {
  max-height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  overflow-y: hidden;
}
@media (min-height: 305px) {
  #lateral-basket .block > .content-updated > ul.contents {
    overflow-y: visible;
  }
}
#lateral-basket .block > .content-updated > ul.contents > li {
  padding: 10px 15px;
  padding-left: 95px;
  padding-right: 120px;
  border-bottom: 1px dotted #eee;
  position: relative;
  min-height: 100px;
  line-height: 1.1;
}
#lateral-basket .block > .content-updated > ul.contents > li > a.remove-line {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  right: 15px;
  display: block;
}
#lateral-basket .block > .content-updated > ul.contents > li > a.remove-line:before {
  font-family: 'icomoon';
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
  text-align: right;
  color: #ccc;
  font-weight: normal;
  content: "\e909";
}
#lateral-basket .block > .content-updated > ul.contents > li > a.image-link {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 10px;
  left: 15px;
  display: block;
}
#lateral-basket .block > .content-updated > ul.contents > li > a.image-link > img {
  width: 100%;
  height: 100%;
  display: block;
}
#lateral-basket .block > .content-updated > ul.contents > li > span.price {
  width: 130px;
  position: absolute;
  right: 15px;
  bottom: 48px;
  font-size: 20px;
  color: #4A4A4A;
  text-align: right;
}
#lateral-basket .block > .content-updated > ul.contents > li > a.brand {
  font-size: 16px;
  color: #25cad3;
  font-weight: 500;
  letter-spacing: 0.2px;
  display: block;
  font-weight: 900;
}
#lateral-basket .block > .content-updated > ul.contents > li > a.name {
  font-size: 16px;
  color: #303030;
  line-height: 1.2;
  display: block;
}
#lateral-basket .block > .content-updated > ul.contents > li > span.presentation {
  font-size: 12px;
  color: #bbb;
  line-height: 1.2;
  display: block;
}
#lateral-basket .block > .content-updated > ul.contents > li > span.fulfillment-time {
  font-size: 11px;
  color: #fe3c76;
  line-height: 1.2;
  display: block;
}
#lateral-basket .block > .content-updated > ul.contents > li > .jcf-number {
  width: 100px;
  margin-top: 10px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#lateral-basket .block > .content-updated > ul.contents > li > .jcf-number > input[type=number] {
  width: 100%;
}
#lateral-basket .block > .content-updated > .totals {
  position: absolute;
  width: 100%;
  height: 210px;
  left: 0;
  bottom: 0;
}
#lateral-basket .block > .content-updated > .totals > ul {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  list-style: none;
  margin-bottom: 0;
  background: #fafafa;
  padding: 0;
  padding-bottom: 15px;
}
#lateral-basket .block > .content-updated > .totals > ul > li {
  font-size: 14px;
  line-height: 32px;
  padding: 0 15px;
  border-bottom: 1px solid #F0F0F0;
  position: relative;
}
#lateral-basket .block > .content-updated > .totals > ul > li.delivery-date,
#lateral-basket .block > .content-updated > .totals > ul > li.delivery-date:after {
  padding-left: 42px;
  border-bottom: 1px solid #F0F0F0;
  border-top: 1px solid #F0F0F0;
  background: url(../images/checkout/icon-truck.svg) 0 50% no-repeat;
  padding-top: 5px;
  padding-bottom: 5px;
  background-size: auto 42%;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}
#lateral-basket .block > .content-updated > .totals > ul > li.total > .price {
  position: absolute;
  width: 100px;
  display: block;
  text-align: right;
  top: 0;
  right: 15px;
}
#lateral-basket .block > .content-updated > .totals > ul > li.total.order-total {
  border-bottom: 0;
  font-size: 18px;
  color: #4A4A4A;
  font-weight: bold;
  font-size: 24px;
}
#lateral-basket .block > .content-updated > .totals > ul > li.total.order-total > span.comment {
  font-size: 12px;
  color: #aaa;
  font-weight: normal;
}
#lateral-basket .block > .content-updated > .totals > ul > li.total.order-total > span.price {
  color: #fe3c76;
}
#lateral-basket .block > .content-updated > .totals > ul > li.total .free-shipping,
#lateral-basket .block > .content-updated > .totals > ul > li.total .discount {
  line-height: 16px;
  margin-bottom: 10px;
  font-size: 12px;
  padding: 0;
  color: #25CAD3;
  font-weight: 600;
  /* &:before{
                                    width: 15px;
                                    height: 15px;
                                    font-family: 'custom-icomoon';
                                    font-size: 13px;
                                    position: absolute;
                                    content: "\e92a";
                                    top: 32px;
                                    left: 15px;
                                    color: white;
                                    font-weight: 500;
                                    text-align: center;
                                    background-color: #fe3c76;
                                    border-radius: 50%;
                                    line-height: 1;
                                }*/
}
#lateral-basket .block > .content-updated > .totals > ul > li.total .free-shipping > span.up-sell,
#lateral-basket .block > .content-updated > .totals > ul > li.total .discount > span.up-sell {
  font-size: 16px;
}
#lateral-basket .block > .content-updated > .totals > ul > li.total .free-shipping > span.offer-type,
#lateral-basket .block > .content-updated > .totals > ul > li.total .discount > span.offer-type {
  font-size: 14px;
}
#lateral-basket .block > .content-updated > .totals > ul > li.checkout-btn {
  border-bottom: 0;
}
#lateral-basket .block > .content-updated > .totals > ul > li > a.finish-order {
  display: block;
  width: 100%;
  font-size: 16px;
  padding: 6px 12px;
  text-transform: uppercase;
  margin-top: 10px;
}
#lateral-basket .block > .content-updated > .totals > ul > li.discount {
  color: #25cad3;
  font-weight: 600;
}
#lateral-basket .block > .content-updated > .totals > ul > li.discount > span.discount-type {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 270px;
  display: block;
}
#lateral-basket.loading-state .block .loading-overlay {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
#lateral-basket .overlay {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 200;
  display: block;
}
body.basket-open {
  overflow: hidden;
}
body.basket-open #lateral-basket .block {
  right: 0;
}
body.basket-open #lateral-basket .overlay {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .main-nav .opener,
  .main-nav .nav-drop .opener {
    height: 38px;
    width: 100%;
    display: block;
    margin-top: 12px;
    position: absolute;
  }
  .main-nav .opener .icon {
    float: right;
    margin-right: 10px;
    position: relative;
    right: 0;
    text-align: right;
    display: inline;
  }
}
li.objectives img {
  border-radius: 6px;
  display: block;
}
li.objectives li.control-de-peso span.title a img,
li.objectives li.control-de-peso span.title a img:after {
  content: url(../images/header/01_weight_management.png);
}
li.objectives li.aceites-esenciales span.title a img,
li.objectives li.aceites-esenciales span.title a img:after {
  content: url(../images/header/02_aromatherapy.png);
}
li.objectives li.detox span.title a img,
li.objectives li.detox span.title a img:after {
  content: url(../images/header/03_detox.png);
}
li.objectives li.antioxidante span.title a img,
li.objectives li.antioxidante span.title a img:after {
  content: url(../images/header/04_antioxidant_antiaging.png);
}
li.objectives li.probioticos span.title a img,
li.objectives li.probioticos span.title a img:after {
  content: url(../images/header/05_probiotics.png);
}
li.objectives li.sueno span.title a img,
li.objectives li.sueno span.title a img:after {
  content: url(../images/header/06_sueno.png);
}
li.diets img {
  padding: 0 15px 0 0;
  display: inline-block;
}
li.diets li.bio span.title > a img,
li.diets li.bio span.title > a img:after {
  content: url(../images/header/01_bio_eco_mob.svg);
}
li.diets li.sin-gluten span.title > a img,
li.diets li.sin-gluten span.title > a img:after {
  content: url(../images/header/03_gluten_free_mob.svg);
}
li.diets li.sin-sal span.title > a img,
li.diets li.sin-sal span.title > a img:after {
  content: url(../images/header/06_salt_free_mob.svg);
}
li.diets li.vegan span.title > a img,
li.diets li.vegan span.title > a img:after {
  content: url(../images/header/02_vegan_mob.svg);
}
li.diets li.sin-lacteos span.title > a img,
li.diets li.sin-lacteos span.title > a img:after {
  content: url(../images/header/05_lactose_free_mob.svg);
}
li.diets li.sin-azucar span.title > a img,
li.diets li.sin-azucar span.title > a img:after {
  content: url(../images/header/04_sugar_free_mob.svg);
}
.health-block {
  margin: 20px 0 20px;
  font-weight: 400;
  color: white;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  line-height: .1em;
  text-transform: initial;
}
.health-block span {
  background: #4990e2;
  padding: 0 10px;
}
li.categories > span > span.text,
li.diets > span > span.text,
li.objectives > span > span.text {
  margin-left: -35px;
}
body:after {
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  top: 150px;
  content: " ";
  transition: visibility 0s, opacity 0s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
body.show-dark-bg:after {
  visibility: visible;
  opacity: 1;
  transition: visibility 0.3s, opacity 0.3s ease-in-out;
}
body.dark-bg-searcher:after {
  visibility: visible;
  opacity: .3;
  transition: visibility 0.3s, opacity 0.3s ease-in-out;
}
body.hovered-header #new-header {
  position: fixed;
  width: 100%;
  background-color: white;
  top: 0;
  z-index: 100;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
body.hovered-header #wrapper #nat-main-promo-above-top-banner {
  top: -10px;
}
body.fixed-new-header #wrapper {
  padding-top: 151px;
}
@media (max-width: 768px) {
  body.fixed-new-header #wrapper {
    padding-top: 50px;
  }
}
@media (min-width: 992px) {
  body.fixed-new-header #wrapper #nat-main-promo-above-top-banner {
    display: none;
  }
}
body.fixed-new-header #new-header {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  padding-top: 0 !important;
}
@media (max-width: 768px) {
  body.fixed-new-header #new-header {
    background: white;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  body.fixed-new-header #new-header > .container {
    padding: 0;
  }
}
body.fixed-new-header #new-header > .container > .top-panel {
  display: none;
}
body.fixed-new-header #new-header > .container > .main {
  height: 0;
}
body.fixed-new-header #new-header > .container > .main .main-logo {
  position: absolute;
  z-index: 110;
  width: 120px;
  top: 0;
  height: 40px;
}
body.fixed-new-header #new-header > .container > .main .searcher-holder {
  background-color: transparent;
  padding: 0;
}
@media (max-width: 768px) {
  body.fixed-new-header #new-header > .container > .main .searcher-holder {
    padding-left: 100px;
    padding-right: 50px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.fixed-new-header #new-header > .container > .main .searcher-holder > a.responsive-menu-opener {
  display: none;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0px;
  position: absolute;
  z-index: 99;
}
body.fixed-new-header #new-header > .container > .main .searcher-holder > a.responsive-menu-opener:before {
  width: 100%;
  height: 100%;
  font-family: 'custom-icomoon';
  line-height: 50px;
  font-size: 25px;
  position: absolute;
  text-align: center;
  content: '\e902';
  top: 0px;
  left: 0;
  color: #4990e2;
  font-weight: 600;
}
@media (max-width: 768px) {
  body.fixed-new-header #new-header > .container > .main .searcher-holder > a.responsive-menu-opener {
    display: block;
  }
}
@media (max-width: 768px) {
  body.fixed-new-header #new-header > .container > .main .searcher-holder > a.main-logo,
  body.fixed-new-header #new-header > .container > .main .searcher-holder > a.main-logo:after {
    display: none;
  }
}
body.fixed-new-header #new-header > .container > .main .searcher-holder > a.logo-mobile {
  display: none;
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
  left: 50px;
  z-index: 99;
}
body.fixed-new-header #new-header > .container > .main .searcher-holder > a.logo-mobile:before {
  font-family: 'icomoon';
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  line-height: 50px;
  text-align: center;
  content: "\e905";
  color: #25cad3;
  font-size: 25px;
  display: block;
}
@media (max-width: 768px) {
  body.fixed-new-header #new-header > .container > .main .searcher-holder > a.logo-mobile {
    display: block;
  }
}
body.fixed-new-header #new-header > .container > .main .searcher-holder > a.logo-mobile i.icon-leaf {
  font-size: 1.5em;
  margin-top: 8px;
  display: inline-block;
}
body.fixed-new-header #new-header > .container > .main .searcher-holder .searcher-wrapper {
  display: none;
}
body.fixed-new-header #new-header > .container > .main .searcher-holder .new-cart-holder {
  height: 50px;
  position: absolute;
  top: 0;
  background-color: transparent;
  width: 50px;
  z-index: 110;
  right: 0;
}
body.fixed-new-header #new-header > .container > .main .searcher-holder .new-cart-holder a.cart-opener {
  line-height: 50px;
  color: #404040;
  font-weight: normal;
  overflow: hidden;
  width: 50px;
  color: transparent;
  padding-right: 0;
}
body.fixed-new-header #new-header > .container > .main .searcher-holder .new-cart-holder a.cart-opener:before {
  height: 50px;
  line-height: 50px;
  text-align: right;
  right: 14px;
  color: #4990e2;
  font-weight: bold;
  font-size: 26px;
}
body.fixed-new-header #new-header > .container > .main .searcher-holder .new-cart-holder a.cart-opener .badge {
  right: 5px;
  text-indent: 0;
}
@media (max-width: 768px) {
  body.fixed-new-header #new-header > .container > .main .searcher-holder .new-cart-holder a.cart-opener .badge.num {
    text-indent: 0;
    width: 20px;
    height: 37%;
    right: 5px;
  }
}
body.fixed-new-header #new-header > .container > .main .searcher-holder .new-cart-holder a.cart-opener:hover {
  background: #f0f0f0;
}
body.fixed-new-header #new-header > .container > #new-nav {
  border-bottom: 1px solid #F2F2F2;
  height: 50px;
  background-color: #FAFAFA;
}
body.fixed-new-header #new-header > .container > #new-nav > .navigation-holder {
  height: 100%;
  padding-left: 120px;
  padding-right: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
}
@media (max-width: 768px) {
  body.fixed-new-header #new-header > .container > #new-nav > .navigation-holder {
    padding-left: 100px;
  }
}
body.fixed-new-header #new-header > .container > #new-nav > .navigation-holder > .tab {
  float: none;
}
body.fixed-new-header #new-header > .container > #new-nav > .navigation-holder > .tab.brands-tab {
  display: none;
}
@media (max-width: 768px) {
  body.fixed-new-header #new-header > .container > #new-nav > .navigation-holder > .tab.deployable {
    display: none;
  }
}
body.fixed-new-header #new-header > .container > #new-nav > .navigation-holder > .tab > a {
  height: 100%;
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
}
body.fixed-new-header #new-header > .container > #new-nav > .navigation-holder > .tab.deployable > a:after {
  width: 50px;
  top: 18px;
  font-size: 11px;
  line-height: 11px;
  right: -7px;
}
body.fixed-new-header #new-header > .container > #new-nav > .navigation-holder > .tab > .deployment {
  top: 50px;
}
body.fixed-new-header #new-header > .container > #new-nav > .navigation-holder > .tab.fixed-search {
  display: block;
  flex-grow: 2;
  position: relative;
  padding: 0 5px;
}
body.fixed-new-header #new-header > .container > #new-nav > .navigation-holder > .tab.fixed-search > input {
  margin: 6px 0;
  width: 100%;
  height: 36px;
  padding: 7px 15px;
  border: 2px solid #e0e0e0;
  border-radius: 20px;
  box-sizing: border-box;
  line-height: 22px;
  padding-right: 40px;
}
body.fixed-new-header #new-header > .container > #new-nav > .navigation-holder > .tab.fixed-search > input::placeholder {
  color: #ccc;
}
body.fixed-new-header #new-header > .container > #new-nav > .navigation-holder > .tab.fixed-search:before {
  font-family: 'custom-icomoon';
  line-height: 32px;
  height: 32px;
  font-size: 20px;
  width: 32px;
  position: absolute;
  text-align: center;
  content: '\e900';
  top: 8px;
  right: 13px;
  color: #25cad3;
}
#results-info {
  position: absolute;
  top: 96px;
  left: 18%;
  background-color: white;
  padding: 0 12px;
  z-index: 103;
  width: 68%;
  border-radius: 12px;
  border: 1px solid #dedede;
  height: 565px;
}
@media (min-width: 1366px) and (max-width: 1440px) {
  #results-info {
    left: 21%;
    width: 61.5%;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #results-info {
    left: 25%;
    width: 53.5%;
  }
}
@media (min-width: 1600px) and (max-width: 1680px) {
  #results-info {
    left: 21%;
    width: 61.5%;
  }
}
@media (min-width: 1680px) and (max-width: 1919px) {
  #results-info {
    left: 26%;
    width: 51%;
  }
}
@media (min-width: 1920px) and (max-width: 2200px) {
  #results-info {
    left: 29%;
    width: 44.5%;
  }
}
#results-info .searcher-close {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 0;
  right: 35px;
  display: block;
}
#results-info .searcher-close:before {
  font-family: 'icomoon';
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  line-height: 50px;
  font-size: 16px;
  text-align: right;
  color: #4A4A4A;
  font-weight: normal;
  content: "\e909";
}
#results-info h3 {
  font-size: 1.2em;
  text-transform: uppercase;
  margin: 10px 0;
}
#results-info #results-products .result-list,
#results-info #results-brands .result-list,
#results-info #results-categories .result-list {
  padding: 3px 0;
}
@media (max-width: 768px) {
  #results-info #results-products .result-list,
  #results-info #results-brands .result-list,
  #results-info #results-categories .result-list {
    margin: 8px 0;
  }
}
#results-info #results-products .result-list a,
#results-info #results-brands .result-list a,
#results-info #results-categories .result-list a {
  color: #717171;
  font-weight: 400;
}
#results-info #results-products .result-list a > img,
#results-info #results-brands .result-list a > img,
#results-info #results-categories .result-list a > img {
  width: 10%;
}
#results-info #results-products .result-list a > span.product-brand,
#results-info #results-brands .result-list a > span.product-brand,
#results-info #results-categories .result-list a > span.product-brand {
  font-weight: 600;
}
#results-info #results-products .result-list a:hover,
#results-info #results-brands .result-list a:hover,
#results-info #results-categories .result-list a:hover {
  color: #444444;
}
@media (max-width: 768px) {
  #results-info #results-products,
  #results-info #results-brands,
  #results-info #results-categories {
    float: none !important;
    padding: 10px 0 !important;
    border: none !important;
  }
}
#results-info .no-results-found {
  display: none;
}
#results-info .no-results + .no-results-found {
  display: block;
  color: #7777;
  font-size: 1em;
  font-weight: 400;
}
#results-info .right-results {
  width: 65%;
  float: right;
  border-left: 1px solid #dedede;
  height: 100%;
  padding: 12px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  #results-info .right-results {
    height: auto;
    width: 100%;
    border: none;
    padding: 0;
  }
}
#results-info .right-results #results-products .result-list a {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#results-info .left-results {
  width: 35%;
  float: left;
  height: 100%;
  padding: 12px;
}
@media (max-width: 768px) {
  #results-info .left-results {
    height: auto;
    width: 100%;
    padding: 0;
  }
}
#results-info .left-results #results-brands .result-list a {
  font-weight: 600;
}
#results-info .left-results #results-brands .result-list a img {
  width: 35%;
}
.fixed-new-header #results-info {
  top: 42px;
  left: 34%;
  width: 56%;
  overflow-x: hidden;
  padding: 0 25px;
}
@media (max-width: 768px) {
  .fixed-new-header #results-info {
    top: 46px;
    left: 0;
    width: 100%;
    border: 0;
    height: 100%;
    position: fixed;
    padding: 25px 15px 60px 15px;
    overflow-y: scroll;
    z-index: 99;
    background: white;
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  html.df-fix-layout div#_hj_feedback_container {
    display: none;
  }
}
#toky_container {
  z-index: 100 !important;
}
@media (max-width: 768px) {
  #product main {
    padding: 0 0 15px;
  }
}
@media (min-width: 768px) {
  #product main {
    padding: 15px 0 15px;
  }
}
#product .breadcrumb-container {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #product .breadcrumb-container {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  #product .breadcrumb-container .breadcrumb-track {
    padding: 0 0 5px 0;
  }
}
.visual-holder.style {
  padding-bottom: 14px;
}
.visual-holder.style .big-images {
  border-radius: 6px;
  padding: 0;
}
@media (min-width: 768px) {
  .visual-holder.style .big-images {
    border: 1px solid #f2f2f2;
  }
}
@media (min-width: 992px) {
  .visual-holder.style .big-images {
    width: calc(100% - 126px);
  }
}
.visual-holder.style .big-images li {
  height: 300px;
}
@media (min-width: 768px) {
  .visual-holder.style .big-images li {
    height: 380px;
  }
}
@media (min-width: 992px) {
  .visual-holder.style .big-images li {
    height: 420px;
    padding-right: 0;
  }
}
.visual-holder.style .lightbox-opener {
  right: 14px;
  top: 2px;
  font-size: 22px;
  bottom: auto;
  left: auto;
}
.visual-holder.style .small-images {
  justify-content: center;
  padding: 16px 0 0;
}
@media (min-width: 768px) {
  .visual-holder.style .small-images {
    justify-content: inherit;
    padding: 0;
  }
}
.visual-holder.style .small-images li {
  min-width: inherit;
  width: auto;
  padding: 0 6px;
}
@media (min-width: 768px) {
  .visual-holder.style .small-images li {
    min-width: 77px;
    width: 25%;
    padding: 0 5px 10px 4px;
  }
}
.visual-holder.style .small-images li.active button {
  background: #7e7d7b;
  border-color: transparent;
}
@media (min-width: 768px) {
  .visual-holder.style .small-images li.active button {
    border-color: #2ab9c1;
    background: none;
  }
}
.visual-holder.style .small-images li img {
  border-radius: 4px;
}
.visual-holder.style .small-images button {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  margin: 0;
  background: #d8d8d8;
}
@media (min-width: 768px) {
  .visual-holder.style .small-images button {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background: none;
  }
}
.visual-holder.style .small-images button:hover {
  border-color: transparent;
  background: #7e7d7b;
}
@media (min-width: 768px) {
  .visual-holder.style .small-images button:hover {
    background: none;
    border-color: #2ab9c1;
  }
}
.visual-holder.style .lightbox-opener {
  color: #d3d3d3;
}
.visual-holder.style .lightbox-opener:after,
.visual-holder.style .lightbox-opener:before {
  display: none;
}
.product-article.style {
  padding: 10px 0 0;
}
@media (max-width: 768px) {
  .product-article.style {
    padding: 0;
  }
}
.product-article.style .discounts-holder .custom-radio [type="radio"]:checked ~ .fake-label {
  border-color: #2ab9c1;
  background: #f9fdfd;
}
.product-article.style .discounts-holder .custom-radio .fake-label {
  background: none;
  border: 2px solid #e8e8e8;
}
.product-article.style .price-tag {
  color: #535353;
  padding: 0 0 0 20px;
  position: relative;
}
.product-article.style .price-tag .glyphicon,
.product-article.style .price-tag .icon {
  position: absolute;
  left: 0;
  top: 2px;
  color: #2ab9c1;
}
.product-article.style .price-tag .icon-correct:before {
  font-family: 'custom-icomoon-product2';
  content: "\e95e";
}
.product-article.style .info-text {
  display: inline-block;
  vertical-align: top;
  padding: 1px 8px;
  line-height: 19px;
  border-radius: 6px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .product-article.style .info-text {
    float: right;
    margin-top: 12px;
    text-align: center;
  }
}
.product-article.style .avail-alert-danger {
  background-color: #f8f0f0;
  border: 1px solid #d54b4b;
  color: #d54b4b;
}
.product-article.style .avail-alert-info {
  background-color: #F9FDFD;
  border: 1px solid #2AB9C1;
  color: #2AB9C1;
}
.product-article.style .avail-alert-warning {
  background-color: #F9FDFD;
  border: 1px solid #F6A622;
  color: #F6A622;
}
.product-article.style h1 {
  font-size: 26px;
  line-height: 29px;
  margin-bottom: 5px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .product-article.style h1 {
    padding: 0;
    margin-bottom: 11px;
  }
}
.product-article.style h1 .val {
  color: #808080;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  display: block;
  padding-top: 5px;
}
.product-article.style .return-info {
  padding: 0;
  text-align: center;
  color: #535353;
  line-height: 15px;
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
}
.product-article.style .return-info .text {
  width: 203px;
  padding: 0 0 0 30px;
  position: relative;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
.product-article.style .return-info .icon {
  font-size: 26px;
  line-height: 28px;
  position: absolute;
  left: 0;
  top: 0;
  color: #2ab9c1;
}
.product-article.style .return-info .icon-calendar:before {
  font-family: 'custom-icomoon-product';
  content: "\e900";
  font-size: 20px;
}
.product-article.style .one-thumbnail-return-info {
  padding: 0 0 0 99px;
}
.product-article.style .header {
  padding: 0 0 26px;
}
@media (max-width: 768px) {
  .product-article.style .header {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .product-article.style .header {
    padding: 0 0 10px;
    border-bottom: 1px solid #efefef;
  }
}
.product-article.style .header .text {
  font-size: 18px;
  line-height: 20px;
}
.product-article.style .rating-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.product-article.style .rating-area a.rating-info {
  color: #9b9b9b;
}
.product-article.style .rating-area a:hover {
  text-decoration: underline;
}
.product-article.style .add-to-cart-form {
  display: block;
  padding: 0;
}
.product-article.style .add-to-cart-form h2 {
  font-size: 18px;
  line-height: 20px;
  color: #3e7dc9;
}
.product-article.style .add-to-cart-form .price-row {
  padding: 12px 0;
  align-items: flex-end;
  border-bottom: 1px solid #efefef;
  margin: 0 0 5px;
}
@media (max-width: 768px) {
  .product-article.style .add-to-cart-form .price-row {
    padding: 5px 0;
  }
}
@media (min-width: 768px) {
  .product-article.style .add-to-cart-form .price-row {
    padding: 15px 0 6px;
    margin: 0 0 13px;
  }
}
.product-article.style .add-to-cart-form .price-row .price {
  font-size: 40px;
  line-height: 44px;
  letter-spacing: -0.33px;
  color: #4a4a4a;
}
.product-article.style .add-to-cart-form .price-row .note-text {
  display: inline-block;
  vertical-align: bottom;
  padding: 0 0 7px 2px;
  color: #f93b74;
  font-size: 14px;
  line-height: 15px;
}
@media (max-width: 768px) {
  .product-article.style .add-to-cart-form .price-row .note-text {
    display: table;
  }
}
@media (min-width: 768px) {
  .product-article.style .add-to-cart-form .price-row-no-border {
    border-bottom: none;
  }
}
.product-article.style .add-to-cart-form .col {
  width: auto;
  position: relative;
}
.product-article.style .add-to-cart-form .col + .col {
  width: auto;
  height: auto;
}
.product-article.style .add-to-cart-form .old-price {
  font-size: 18px;
  line-height: 20px;
  color: #c0c0c0;
  margin: 0;
}
.product-article.style .add-to-cart-form .availability-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 9px;
}
.product-article.style .add-to-cart-form .availability-info-right {
  display: block;
  margin: 0 0 10px;
  float: right;
}
.product-article.style .add-to-cart-form .open-close {
  padding-bottom: 21px;
}
@media (min-width: 768px) {
  .product-article.style .add-to-cart-form .open-close {
    padding-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .product-article.style .add-to-cart-form .open-close {
    padding-bottom: 0;
  }
}
.product-article.style .add-to-cart-form .open-close section {
  font-size: 12px;
  line-height: 13px;
  color: #969696;
  letter-spacing: 1.29px;
  margin: 8px 0 0;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}
.product-article.style .add-to-cart-form .add-btn-row {
  margin: 0;
  width: 100%;
  min-height: 56px;
}
@media (min-width: 768px) {
  .product-article.style .add-to-cart-form .add-btn-row {
    min-height: 76px;
  }
}
.product-article.style .add-to-cart-form .add-btn-row.no-min-height {
  min-height: 0px;
}
.product-article.style .add-to-cart-form .add-btn-row .btn-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  z-index: 9;
}
@media (min-width: 768px) {
  .product-article.style .add-to-cart-form .add-btn-row .btn-panel {
    justify-content: flex-start;
  }
}
.product-article.style .add-to-cart-form .add-btn-row .btn {
  margin: 0;
  width: calc(100% - 110px);
  padding: 6px;
  order: 2;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .product-article.style .add-to-cart-form .add-btn-row .btn {
    width: 180px;
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .product-article.style .add-to-cart-form .add-btn-row .btn {
    margin: 0 13px 0 0;
    width: 230px;
  }
}
@media (max-width: 350px) {
  .product-article.style .add-to-cart-form .add-btn-row .btn {
    font-size: 15px;
  }
}
.product-article.style .add-to-cart-form .add-btn-row .alt-number {
  width: 102px;
  margin: 0 8px 0 0;
  order: 1;
}
@media (min-width: 768px) {
  .product-article.style .add-to-cart-form .add-btn-row .alt-number {
    width: 152px;
  }
}
.product-article.style .add-to-cart-form .add-btn-row .alt-number .jcf-number {
  height: 35px;
}
@media (min-width: 768px) {
  .product-article.style .add-to-cart-form .add-btn-row .alt-number .jcf-number {
    height: 45px;
  }
}
.product-article.style .add-to-cart-form .add-btn-row .alt-number .jcf-number input {
  font-size: 20px;
  line-height: 24px;
  padding: 3px 35px;
}
.product-article.style .add-to-cart-form .add-btn-row .alt-number .jcf-number .jcf-btn-inc,
.product-article.style .add-to-cart-form .add-btn-row .alt-number .jcf-number .jcf-btn-dec {
  right: 6px;
  font-size: 22px;
  line-height: 27px;
  width: 34px;
  z-index: 5;
}
@media (min-width: 768px) {
  .product-article.style .add-to-cart-form .add-btn-row .alt-number .jcf-number .jcf-btn-inc,
  .product-article.style .add-to-cart-form .add-btn-row .alt-number .jcf-number .jcf-btn-dec {
    font-size: 32px;
    line-height: 32px;
  }
}
.product-article.style .add-to-cart-form .add-btn-row .alt-number .jcf-number .jcf-btn-dec {
  left: 6px;
  right: auto;
}
.product-article.style .add-to-cart-form .add-btn-row-right {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .product-article.style .add-to-cart-form .add-btn-row-right {
    margin-bottom: 0px;
    min-height: 40px;
  }
}
.product-article.style .add-to-cart-form .payment {
  padding: 0 0 0 23px;
  position: relative;
  order: 3;
  color: #969696;
}
.product-article.style .add-to-cart-form .payment .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  line-height: 24px;
  color: #e9e9e9;
}
.product-article.style .add-to-cart-form .payment .icon-lock:before {
  font-family: 'custom-icomoon-product2';
  content: "\e955";
}
.product-article.style .add-to-cart-form .no-price-product {
  position: relative;
  margin-top: 10px;
  float: left;
  width: 100%;
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  .product-article.style .add-to-cart-form .no-price-product {
    margin-top: 2px;
  }
}
.product-article.style .add-to-cart-form .no-price-product > span:first-child {
  background: #fe3c76;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .product-article.style .add-to-cart-form .no-price-product > span:first-child {
    top: 3px;
  }
}
@media (max-width: 1024px) {
  .product-article.style .add-to-cart-form .no-price-product > span:first-child {
    top: 8px;
  }
}
@media (max-width: 1200px) {
  .product-article.style .add-to-cart-form .no-price-product > span:first-child.top-position {
    top: 2px;
  }
}
.product-article.style .add-to-cart-form .no-price-product > span:first-child .glyphicon {
  font-size: 18px;
  line-height: 14px;
  top: -2px;
}
.product-article.style .add-to-cart-form .no-price-product > span:nth-child(2) {
  display: flex;
  vertical-align: middle;
  line-height: 1.2;
  padding-left: 35px;
  padding-bottom: 10px;
}
.product-article.style .add-to-cart-form .no-price-product > span:nth-child(2) input {
  height: 40px;
}
.product-article.style .add-to-cart-form .no-price-product > span:nth-child(2) input[type="button"] {
  height: 40px;
  line-height: 0;
  margin-left: 10px;
  margin-top: -5px;
}
@media (max-width: 1200px) {
  .product-article.style .add-to-cart-form .no-price-product > span:nth-child(2) input[type="button"] {
    top: 9px;
    margin-top: 0px;
  }
}
@media (max-width: 480px) {
  .product-article.style .add-to-cart-form .no-price-product > span:nth-child(2) input[type="button"] {
    line-height: 0.8;
    margin-top: 8px;
  }
}
.product-article.style .add-to-cart-form .no-price-product .form-row .form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px 0 22px;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 10px !important;
}
.product-article.style .add-to-cart-form .no-price-product .form-row .form-group input {
  height: 40px;
}
.product-article.style .add-to-cart-form .no-price-product .form-row .form-group input[type="button"] {
  line-height: 0;
  margin-left: 10px;
}
.product-article.style .add-to-cart-form .no-price-product .form-row .form-group .field {
  width: 100%;
}
.product-article.style .add-to-cart-form .no-price-product section {
  font-size: 12px;
  line-height: 13px;
  color: #969696;
  letter-spacing: 1.29px;
  margin: 8px 0 0;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 480px) {
  .product-article.style .add-to-cart-form .no-price-product section {
    top: 15px;
  }
}
.product-article.style .add-to-cart-form .no-price-product .label-text {
  color: #616161;
  padding: 0 0 0 30px;
  position: relative;
  margin: 0 0 7px;
  font-size: 16px;
  line-height: 20px;
}
.product-article.style .add-to-cart-form .no-price-product .label-text strong {
  vertical-align: middle;
}
@media (min-width: 768px) {
  .product-article.style .add-to-cart-form .no-price-product .label-text {
    line-height: 19px;
  }
}
.product-article.style .add-to-cart-form .no-price-product .label-text .icon {
  background: #25cad3;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-article.style .add-to-cart-form .no-price-product .label-text .icon .glyphicon {
  font-size: 12px;
  line-height: 14px;
  top: 0px;
}
.product-article.style .add-to-cart-form .no-price-product .label-text .icon.red {
  background: #fe3c76;
}
.product-article.style .add-to-cart-form .no-price-product .label-text .icon.red .glyphicon {
  top: -1px;
}
.product-article.style .discounts-holder {
  margin: 0 -3px;
}
.product-article.style .discounts-holder .col {
  width: 96px;
  padding: 0 3px;
}
@media (max-width: 768px) {
  .product-article.style .discounts-holder .col {
    margin: 0 0 7px 0px;
  }
}
.product-article.style .discounts-holder .col + .col {
  width: 96px;
}
.product-article.style .discounts-holder .custom-radio {
  border-radius: 6px;
  text-align: center;
  padding-bottom: 0;
}
.product-article.style .discounts-holder .custom-radio .fake-label {
  border-radius: 6px;
  display: block;
  padding: 11px 4px;
}
.product-article.style .discounts-holder .custom-radio .text {
  width: 100%;
}
@media (min-width: 768px) {
  .product-article.style .discounts-holder .custom-radio .text {
    padding: 2px;
  }
}
.product-article.style .discounts-holder .custom-radio .num,
.product-article.style .discounts-holder .custom-radio strong {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 18px;
  color: #4a4a4a;
  font-weight: 700;
}
.product-article.style .list-info {
  padding: 11px 0;
  list-style: none;
  color: #535353;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  .product-article.style .list-info {
    margin-top: 120px;
  }
}
@media (max-width: 480px) {
  .product-article.style .list-info.list-info-not-logged {
    margin-top: 150px;
  }
}
.product-article.style .list-info li {
  padding: 0 0 0 34px;
  margin: 0 0 5px;
}
.product-article.style .list-info li:before {
  display: none;
}
.product-article.style .list-info .glyphicon,
.product-article.style .list-info .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 19px;
  line-height: 20px;
  color: #2ab9c1;
}
.product-article.style .list-info .icon {
  font-size: 25px;
}
.product-article.style .list-info .icon.icon-correct {
  font-size: 15px;
}
.product-article.style .list-info .icon.icon-correct:before {
  font-family: 'custom-icomoon-product2';
  content: "\e95e";
}
.product-article.style .list-info .icon-calendar:before {
  font-family: 'custom-icomoon-product';
  content: "\e900";
  font-size: 20px;
}
@media (max-width: 768px) {
  .product-article.style .col-sm-6 {
    padding: 0;
  }
}
/* popover styles */
.popover-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 0 0;
  position: relative;
  margin: 0 -5px -12px;
}
@media (min-width: 768px) {
  .popover-row {
    border-top: 1px solid #efefef;
    margin: 0;
    clear: both;
  }
}
@media (max-width: 768px) {
  .popover-row {
    margin-bottom: 30px;
    display: table;
    width: 100%;
    padding: 0;
  }
}
.popover-row .collapsed-box {
  position: absolute !important;
  left: 4px;
  top: 100%;
  width: 280px;
  box-shadow: 0 1px 2px 0 rgba(165, 165, 165, 0.5);
  background-color: #fafafa;
  border-radius: 4px;
  color: #535353;
  z-index: 99;
  padding: 0;
  border: 1px solid #D8D8D8;
  display: none;
}
@media (min-width: 992px) {
  .popover-row .collapsed-box {
    width: 403px;
  }
}
.popover-row .wrap {
  padding: 5px 11px 9px;
  line-height: 16px;
}
.popover-row p {
  margin: 0;
}
.popover-row .icon {
  color: #e9e9e9;
}
.popover-row li {
  padding: 5px 0 5px;
  position: relative;
  margin: 0 10px;
  align-items: center;
  display: inline-block;
  width: 60px;
}
.popover-row li:before {
  display: none;
}
.popover-row li small {
  display: block;
  text-align: center;
  position: absolute;
  line-height: 1;
  padding-top: 5px;
  width: 100%;
}
.product-description-content.style {
  padding: 0;
  margin: 0;
}
.product-description-content.style > .row > h2 {
  font-size: 18px;
  line-height: 20px;
  color: #3e7dc9;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .product-description-content.style {
    padding: 51px 0 0;
    margin: 26px 0 32px;
  }
}
@media (min-width: 992px) {
  .product-description-content.style {
    padding: 50px 0 0;
    clear: both;
  }
}
.product-description-content.style .desc-open-close {
  line-height: 25px;
}
.product-description-content.style .desc-open-close h2 {
  font-size: 18px;
  line-height: 22px;
  margin: 0;
}
@media (min-width: 768px) {
  .product-description-content.style .desc-open-close h2 {
    margin: 0 0 19px;
  }
}
.product-description-content.style .desc-open-close p {
  margin: 0 0 5px;
}
.product-description-content.style .link {
  display: block;
}
.product-description-content.style .desc-opener {
  color: #3e7dc9;
  padding: 12px 20px 12px 0;
}
@media (min-width: 768px) {
  .product-description-content.style .desc-opener {
    padding: 16px 20px 15px 0;
  }
}
.product-description-content.style h3 {
  color: #616161;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 1.71px;
  text-transform: uppercase;
  padding: 15px 0 0;
}
.product-description-content.style .information-area .info-open-close .opener-holder {
  padding: 20px 0 0;
}
.product-description-content.style .information-area .info-open-close .opener-holder:after {
  display: none;
}
.product-description-content.style .info-open-close .collapse.in + .opener-holder:after {
  opacity: 0;
  visibility: hidden;
}
.product-description-content.style .info-open-close .collapse {
  display: none !important;
  overflow: hidden;
  height: 0 !important;
}
.product-description-content.style .info-open-close .collapse.in {
  display: block !important;
  height: auto !important;
}
.product-description-content.style .info-open-close .opener-holder {
  padding: 0;
  position: relative;
}
.product-description-content.style .info-open-close .opener-holder:after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);
  height: 47px;
  content: '';
  position: absolute;
  bottom: 36px;
  left: 0;
  right: 0;
}
.product-description-content.style .alt-indents {
  padding: 0;
  color: #969696;
  line-height: 21px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .product-description-content.style .alt-indents {
    padding: 0 0 0 12px;
  }
}
.product-description-content.style .alt-indents li {
  padding-bottom: 4px;
}
.product-description-content.style .alt-indents li:before {
  margin: 8px 20px 0 0;
  background: #969696;
}
.product-description-content.style .open-close .opener {
  font-size: 14px;
}
.product-description-content.style .tab-content > .tab-pane {
  display: block;
}
@media (min-width: 768px) {
  .product-description-content.style .tab-content > .tab-pane {
    display: none;
  }
}
@media (min-width: 768px) {
  .product-description-content.style .tab-content > .tab-pane.active {
    display: block;
  }
}
@media (max-width: 768px) {
  .product-description-content.style .desc_text {
    padding: 0 8px;
  }
}
/* tab content  style*/
.tab-content .desc-open-close {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .tab-content .desc-open-close {
    padding-bottom: 20px;
  }
}
.tab-content .desc-open-close .collapse-holder {
  padding: 23px 0 0;
}
.tab-content .desc-open-close .title {
  display: block;
  color: #535353;
  margin: 0 0 5px;
}
.tab-content .information-area {
  background: #fafafa;
  padding: 15px 20px;
  border-radius: 6px;
  margin: 0 0 15px;
}
@media (min-width: 768px) {
  .tab-content .information-area {
    border-radius: 0;
    margin: 0;
  }
}
.tab-content .infromation-list {
  margin: 0;
  padding: 0;
}
.tab-content .infromation-list li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px dashed #d3d3d3;
}
.tab-content .infromation-list li:before {
  display: none;
}
.tab-content .infromation-list li .title {
  margin: 0;
}
/* data sheet styles */
.data-sheet-row {
  position: relative;
  overflow: hidden;
}
.data-sheet-row h2 {
  font-size: 18px;
  line-height: 22px;
  color: #3e7dc9;
  margin: 0 0 11px;
}
@media (min-width: 768px) {
  .data-sheet-row h2 {
    margin: 0 0 20px;
  }
}
.data-sheet-row h2 .desc-opener {
  color: #3e7dc9;
}
.data-sheet-row .sheet-list {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}
.data-sheet-row .sheet-list > li {
  position: relative;
  padding: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .data-sheet-row .sheet-list > li {
    padding: 6px 0 6px 45px;
  }
}
@media (min-width: 992px) {
  .data-sheet-row .sheet-list > li {
    width: calc(50% - 15px);
  }
}
@media (max-width: 992px) {
  .data-sheet-row .sheet-list > li {
    background: #fafafa;
  }
}
@media (min-width: 992px) {
  .data-sheet-row .sheet-list > li:nth-child(4n+1),
  .data-sheet-row .sheet-list > li:nth-child(4n+2) {
    background: #fafafa;
  }
}
@media (max-width: 992px) {
  .data-sheet-row .sheet-list > li:nth-child(even) {
    background: #fff;
  }
}
.data-sheet-row .sheet-list > li:before {
  display: none;
}
.data-sheet-row .sheet-list .icon {
  position: absolute;
  left: 0;
  top: 4px;
  color: #2ab9c1;
  font-size: 20px;
  line-height: 24px;
  z-index: 4;
}
@media (min-width: 768px) {
  .data-sheet-row .sheet-list .icon {
    left: 13px;
    top: 6px;
  }
}
@media (max-width: 768px) {
  .data-sheet-row .sheet-list .icon {
    left: 5px;
  }
}
.data-sheet-row .sheet-list .icon-area-application:before {
  font-family: 'custom-icomoon-product';
  content: "\e901";
  font-size: 18px;
}
.data-sheet-row .sheet-list .icon-dosage:before {
  font-family: 'custom-icomoon-product';
  content: "\e902";
  font-size: 18px;
}
.data-sheet-row .sheet-list .icon-precaution:before {
  font-family: 'custom-icomoon-product';
  content: "\e903";
  font-size: 18px;
}
.data-sheet-row .sheet-list .icon-spices:before {
  font-family: 'custom-icomoon-product2';
  content: "\e95d";
}
.data-sheet-row .sheet-list .icon-chemical:before {
  font-family: 'custom-icomoon-product2';
  content: "\e952";
}
.data-sheet-row .sheet-list .icon-formato:before {
  font-family: 'custom-icomoon-product2';
  content: "\e953";
}
.data-sheet-row .sheet-list .icon-ingredientes:before {
  font-family: 'custom-icomoon-product2';
  content: "\e954";
}
.data-sheet-row .sheet-list .icon-sabor:before {
  font-family: 'custom-icomoon-product2';
  content: "\e956";
}
.data-sheet-row .sheet-list .icon-valores:before {
  font-family: 'custom-icomoon-product2';
  content: "\e957";
}
.data-sheet-row .sheet-list .icon-aroma:before {
  font-family: 'custom-icomoon-product2';
  content: "\e958";
}
.data-sheet-row .sheet-list .icon-categoria:before {
  font-family: 'custom-icomoon-product2';
  content: "\e959";
}
.data-sheet-row .sheet-list .icon-color:before {
  font-family: 'custom-icomoon-product2';
  content: "\e95a";
}
.data-sheet-row .sheet-list .icon-contenido:before {
  font-family: 'custom-icomoon-product2';
  content: "\e95b";
}
.data-sheet-row .details-list {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -10px;
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 768px) {
  .data-sheet-row .details-list {
    padding-left: 25px;
  }
}
.data-sheet-row .details-list.list-arrow {
  font-weight: 700;
}
.data-sheet-row .details-list.list-arrow li:not(:first-child) {
  padding-left: 20px;
}
@media (max-width: 768px) {
  .data-sheet-row .details-list.list-arrow li:not(:first-child) {
    padding-left: 17px;
  }
}
.data-sheet-row .details-list.list-arrow li:before {
  font: 10px/12px 'icomoon';
  content: "\e903";
  background: none;
  border-radius: 0;
  color: #6e6e6e;
  position: relative;
  top: -6px;
  margin: 0 6px 0 -6px;
  display: inline-block;
  vertical-align: middle;
  left: -15px;
}
.data-sheet-row .details-list.list-other-formats {
  font-weight: 700;
}
.data-sheet-row .details-list li {
  padding: 5px 19px 5px;
}
@media (min-width: 768px) {
  .data-sheet-row .details-list li {
    padding: 0 19px 0;
    margin: 0 0 9px;
  }
}
.data-sheet-row .details-list li:first-child {
  padding: 6px 0 6px 37px;
}
@media (min-width: 768px) {
  .data-sheet-row .details-list li:first-child {
    padding: 0 0 0 10px;
    margin: 0 -8px 0 0;
    width: auto;
    background: none;
  }
}
@media (max-width: 768px) {
  .data-sheet-row .details-list li:first-child {
    padding: 6px 0 6px 20px;
  }
}
.data-sheet-row .details-list li:nth-child(1):before,
.data-sheet-row .details-list li:nth-child(2):before {
  display: none;
}
.data-sheet-row .details-list li:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #C0C0C0;
  margin: -1px 0 0 -2px;
}
.data-sheet-row .details-list li strong {
  letter-spacing: 0.5px;
}
.data-sheet-row .information-area .info-open-close .opener-holder:after {
  display: none;
}
.data-sheet-row .opener {
  font-size: 14px;
  line-height: 15px;
  padding-right: 25px;
  text-align: right;
}
@media (min-width: 768px) {
  .data-sheet-row .opener {
    text-align: left;
  }
}
.data-sheet-row .opener .icon {
  margin-top: 1px;
}
.data-sheet-row .open-close .opener-holder {
  padding: 10px 10px 0;
  position: relative;
}
.data-sheet-row .open-close .opener-holder:after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #ffffff 100%);
  height: 66px;
  content: '';
  position: absolute;
  bottom: 26px;
  left: 0;
  right: 0;
  z-index: 5;
}
.data-sheet-row .info-open-close .collapse.in + .opener-holder:after {
  opacity: 0;
  visibility: hidden;
}
.data-sheet-row .info-open-close .collapse {
  display: none !important;
  overflow: hidden;
  height: 0 !important;
}
.data-sheet-row .info-open-close .collapse.in {
  display: block !important;
  height: auto !important;
}
.products-row {
  margin: 0 -10px;
  padding: 28px 0 0;
  position: relative;
}
.products-row .heading {
  padding-bottom: 13px;
}
@media (min-width: 768px) {
  .products-row .heading {
    padding-bottom: 20px;
  }
}
.products-row .heading h2 {
  font-size: 18px;
  padding-bottom: 13px;
}
.products-row .slick-list {
  padding: 0 15px 0 0;
}
@media (min-width: 768px) {
  .products-row .slick-list {
    padding: 0;
  }
}
.products-row .slick-dots {
  display: none !important;
}
@media (min-width: 768px) {
  .products-row .slick-dots {
    display: block !important;
  }
}
.products-row .slick-dots li {
  padding: 0 2px;
}
.products-row .link-holder {
  font-size: 14px;
  line-height: 15px;
  font-weight: 700;
  text-align: center;
  display: block;
  margin: -14px 0 17px;
}
@media (min-width: 768px) {
  .products-row .link-holder {
    text-align: right;
    position: absolute;
    right: 0;
    top: 28px;
    margin: 0;
  }
}
.products-row .link-holder .icon {
  display: inline-block;
  vertical-align: middle;
  color: #f93b74;
}
.products-row .product-slider .slick-track {
  margin-left: auto;
  margin-right: auto;
}
.products-row .slick-slider .btn-next,
.products-row .slick-slider .btn-prev {
  box-shadow: 0 0 4px 0 rgba(109, 109, 109, 0.5);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: #dbdbdb;
  background: #fff;
  transform: none;
  top: 81px;
  display: none !important;
}
@media (min-width: 768px) {
  .products-row .slick-slider .btn-next,
  .products-row .slick-slider .btn-prev {
    display: block !important;
  }
}
.products-row .slick-slider .btn-next:before,
.products-row .slick-slider .btn-prev:before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  line-height: 20px;
  position: absolute;
}
.products-row .slick-slider .btn-next:hover,
.products-row .slick-slider .btn-prev:hover {
  color: #f62874;
}
.products-row .slick-slider .btn-next {
  right: 0;
}
.products-row .slick-slider .btn-prev {
  left: 0;
}
.products-row .slick-dots {
  margin: -10px 0 0;
}
.products-row .slick-dots li {
  padding: 0 7px;
}
.products-row .slick-dots li button {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #d8d8d8;
  border: none;
}
.products-row .slick-dots li button:hover {
  background: #7e7d7b;
}
.products-row .slick-dots li.slick-active button {
  background: #7e7d7b;
}
.products-row .product-thumbnail {
  min-height: 320px;
}
@media (max-width: 768px) {
  .products-row .product-thumbnail {
    min-height: 0;
  }
}
.products-row .product-thumbnail a.btn-add-to-cart {
  bottom: 0;
  border-radius: 50px;
  padding: 0 15px 0 35px;
  display: table;
  text-align: center;
  line-height: 31px;
  width: 120px;
  height: 31px;
  position: absolute;
}
@media (max-width: 768px) {
  .products-row .product-thumbnail a.btn-add-to-cart {
    position: relative;
  }
}
.products-row .product-thumbnail a.btn-add-to-cart:before {
  font-family: 'icomoon';
  line-height: 31px;
  font-size: 15px;
  position: absolute;
  text-align: center;
  content: '\e904';
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #43d8e1;
  display: inline-block;
  color: #fff;
  white-space: nowrap;
  border-radius: 50%;
  width: 31px;
  height: 31px;
  vertical-align: middle;
}
.products-row .product-thumbnail a.btn-add-to-cart:hover {
  background: #2fc9d2;
}
.products-row .product-thumbnail a.btn-add-to-cart:hover .circle {
  background: #43d8e1;
}
.products-row .product-thumbnail a.btn-add-to-cart .circle-spinner,
.products-row .product-thumbnail a.btn-add-to-cart .just-added,
.products-row .product-thumbnail a.btn-add-to-cart .add {
  line-height: 0;
}
.products-row .product-thumbnail .confirm-add-to-cart:before {
  background-color: #4990e2 !important;
}
.products-row .product-thumbnail .loading .circle-spinner {
  margin-top: 5px !important;
  margin-bottom: 3px !important;
}
@media (max-width: 768px) {
  .products-row .product-thumbnail .loading .circle-spinner {
    margin-top: 4px;
    margin-bottom: 0;
  }
}
/* product-thumbnail styles */
.product-thumbnail {
  position: relative;
  overflow: hidden;
  font-size: 14px;
  line-height: 15px;
  padding: 0 5px;
}
@media (min-width: 768px) {
  .product-thumbnail {
    padding: 0 10px;
  }
}
.product-thumbnail .image {
  display: block;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 5px;
}
@media (min-width: 768px) {
  .product-thumbnail .image {
    padding: 0 0 10px;
  }
}
.product-thumbnail .image img {
  display: block;
  margin: 0 auto;
}
.product-thumbnail .title {
  display: block;
  margin: 0 0 5px;
}
@media (min-width: 768px) {
  .product-thumbnail .title {
    margin: 0 0 6px;
  }
}
.product-thumbnail .title a {
  color: #535353;
}
.product-thumbnail .text-block {
  padding: 5px 0 0;
}
@media (min-width: 768px) {
  .product-thumbnail .text-block {
    padding: 6px 0 0;
  }
}
.product-thumbnail h3 {
  font-size: 14px;
  line-height: 14px;
  margin: 0 0 7px;
}
.product-thumbnail h3 a {
  color: #2ab9c1;
}
.product-thumbnail .size {
  display: block;
  font-size: 13px;
  line-height: 14px;
  margin: 0 0 5px;
}
.product-thumbnail .rating-area {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0 10px;
}
.product-thumbnail .rating-area .val {
  font-size: 13px;
  line-height: 14px;
  margin: 0 0 0 4px;
}
.product-thumbnail .star-rating {
  margin: 0;
}
.product-thumbnail .star-rating.small {
  margin: 0;
}
.product-thumbnail .star-rating li {
  color: #f7f1e7;
}
.product-thumbnail .star-rating li.active {
  color: #f4a625;
}
.product-thumbnail .price-row {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  font-size: 24px;
  line-height: 26px;
  color: #303030;
  margin: 0 0 7px;
}
.product-thumbnail .price-row .old-price {
  text-decoration: line-through;
  font-size: 14px;
  line-height: 15px;
  color: #969696;
  margin: 0 0 0 5px;
  font-weight: 700;
}
.product-thumbnail .btn-add-to-cart {
  padding: 6px 15px 6px 45px;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  background: #2fc9d2;
  height: 30px;
  border: none;
  text-transform: none;
}
.product-thumbnail .btn-add-to-cart:hover {
  background: #43d8e1;
}
.product-thumbnail .btn-add-to-cart:hover .circle {
  background: #2fc9d2;
}
.product-thumbnail .btn-add-to-cart .circle {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #43d8e1;
}
/* faq styles */
.block-faq {
  position: relative;
  overflow: hidden;
  padding: 20px 0 0;
}
.block-faq h3 {
  color: #3e7dc9;
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 12px;
}
@media (min-width: 768px) {
  .block-faq h3 {
    margin: 0 0 15px;
  }
}
.form-question {
  position: relative;
  overflow: hidden;
}
.form-question label {
  font-weight: 400;
  color: #4a4a4a;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .form-question label {
    margin-bottom: 5px;
  }
}
.form-question .form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0 22px;
}
.form-question .form-group .field {
  width: 600px;
  margin: 0 11px 0 0;
}
.form-question input.form-control {
  height: 40px;
  padding: 9px 10px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .form-question input.form-control {
    padding: 12px 20px;
  }
}
.form-question input.form-control::-webkit-input-placeholder {
  color: #303030;
}
.form-question input.form-control::-moz-placeholder {
  color: #303030;
}
.form-question input.form-control:-ms-input-placeholder {
  color: #303030;
}
.form-question .label-text {
  color: #616161;
  padding: 0 0 0 30px;
  position: relative;
  margin: 0 0 7px;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .form-question .label-text {
    line-height: 19px;
    margin: 22px 0 20px;
  }
}
.form-question .label-text .icon {
  background: #25cad3;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-question .label-text .icon .glyphicon {
  font-size: 12px;
  line-height: 14px;
}
.form-question .btn {
  min-width: 110px;
  font-size: 16px;
  line-height: 18px;
  text-transform: none;
  padding: 8px;
}
@media (min-width: 768px) {
  .form-question .btn {
    min-width: 161px;
  }
}
/* question-box styles */
.question-box {
  position: relative;
  overflow: hidden;
}
.question-box .question {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px 6px 10px;
}
@media (min-width: 768px) {
  .question-box .question {
    padding: 10px 10px 17px;
  }
}
.question-box .title {
  width: 100%;
  padding: 0 0 6px;
  line-height: 18px;
  color: #4a4a4a;
}
@media (min-width: 768px) {
  .question-box .title {
    width: 82px;
    padding: 0 10px 0 0;
  }
}
.question-box .text {
  width: 100%;
  line-height: 18px;
}
@media (min-width: 768px) {
  .question-box .text {
    width: calc(100% - 82px);
  }
}
.question-box .answer {
  background: #fafafa;
  border-radius: 6px;
  color: #4a4a4a;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px 7px 17px;
}
@media (min-width: 768px) {
  .question-box .answer {
    padding: 14px 10px 17px;
  }
}
.question-box .answer .text {
  font-size: 15px;
}
@media (min-width: 768px) {
  .question-box .answer .text {
    font-size: 14px;
  }
}
.question-box h4 {
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 4px;
}
@media (min-width: 768px) {
  .question-box h4 {
    margin: 0 0 7px;
  }
}
.question-box p {
  margin: 0;
}
.question-box .posted {
  display: block;
  font-size: 11px;
  line-height: 12px;
  color: #9b9b9b;
}
/* opinion block styles */
.block-opinion {
  position: relative;
  overflow: hidden;
  padding: 44px 0 0;
}
@media (min-width: 768px) {
  .block-opinion {
    padding: 83px 0 0;
    margin: -30px 0 0;
  }
}
.block-opinion h3 {
  color: #3e7dc9;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  margin: 0 0 19px;
}
@media (min-width: 768px) {
  .block-opinion h3 {
    text-align: left;
    margin: 0 0 16px;
  }
}
.block-opinion .header {
  position: relative;
  text-align: center;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .block-opinion .header {
    padding-bottom: 24px;
    text-align: left;
  }
}
.block-opinion .star-rating.large {
  margin: 0 0 0 -1px;
}
@media (min-width: 768px) {
  .block-opinion .star-rating.large {
    margin: 0 0 2px -1px;
  }
}
.block-opinion .star-rating li {
  color: #f6ead8;
  margin: 0 -1px;
}
.block-opinion .star-rating li.active {
  color: #f6a623;
}
.block-opinion .rating-points {
  font-size: 36px;
  line-height: 40px;
  color: #616161;
  margin: 0 0 5px;
}
@media (min-width: 768px) {
  .block-opinion .rating-points {
    margin: 0 0 3px;
  }
}
.block-opinion .review-info {
  display: block;
  color: #969696;
  font-size: 10px;
  line-height: 11px;
  letter-spacing: 1.07px;
}
.block-opinion .star-list {
  max-width: 240px;
  margin: -8px auto 0;
}
.block-opinion .star-list li {
  display: flex;
  flex-direction: row;
  padding: 0;
  align-items: center;
}
.block-opinion .star-list li:before {
  display: none;
}
.block-opinion .star-list .text {
  font-size: 14px;
  line-height: 18px;
  width: 103px;
  padding: 0 20px 0 0;
  text-align: right;
}
.block-opinion .progress {
  margin: 0;
  width: 113px;
  height: 5px;
  border-radius: 5px;
  background: #fafafa;
  box-shadow: none;
}
.block-opinion .progress .progress-bar {
  background: #f6a622;
}
.block-opinion .label-text {
  color: #616161;
  padding: 10px 0 0;
  position: relative;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 15px;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  .block-opinion .label-text {
    text-align: right;
    margin: 0 0 7px;
    padding: 14px 0 0 0;
  }
}
.block-opinion .label-text .icon {
  background: #25cad3;
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  margin: 0 5px 0 0;
}
.block-opinion .label-text .icon .glyphicon {
  font-size: 8px;
  line-height: 13px;
  vertical-align: top;
}
.block-opinion .img-trust {
  text-align: center;
}
@media (min-width: 768px) {
  .block-opinion .img-trust {
    text-align: right;
  }
}
.block-opinion .img-trust img {
  max-width: 100%;
  vertical-align: top;
}
.opinion-area {
  border-top: 1px solid #ebebeb;
  padding: 23px 0 0;
}
.opinion-area .title {
  display: block;
  font-size: 14px;
  line-height: 15px;
  color: #616161;
  letter-spacing: 1.5px;
  margin: 0 0 13px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .opinion-area .title {
    margin: 0 0 15px;
  }
}
.opinion-area .opinion-open-close {
  margin: 0;
}
.opinion-area .opinion-open-close .collapse.in + .opener-holder {
  margin: 0;
}
.opinion-area .opinion-open-close .collapse.in + .opener-holder:after {
  opacity: 0;
  visibility: hidden;
}
.opinion-area .opinion-open-close .opener-holder {
  padding: 10px 0 0;
  position: relative;
  margin: -16px 0 0;
}
.opinion-area .opinion-open-close .opener-holder:after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);
  height: 66px;
  content: '';
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  transition: all 0.4s ease;
}
@media (min-width: 768px) {
  .opinion-area .opinion-open-close .opener-holder:after {
    bottom: 18px;
  }
}
.opinion-area .opinion-open-close .opener-holder .opener {
  font-size: 14px;
  line-height: 16px;
  z-index: 9;
}
.opinion-box {
  padding: 0 0 19px;
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 12px;
}
@media (min-width: 768px) {
  .opinion-box {
    padding: 12px 0 19px;
    margin: 0;
  }
}
.opinion-box.featured-opinion {
  padding: 22px 19px 15px;
  background: #fafafa;
  border-radius: 6px;
  font-size: 18px;
  line-height: 19px;
  border: none;
  margin: 0 0 15px;
}
@media (min-width: 768px) {
  .opinion-box.featured-opinion {
    padding: 15px 26px;
    line-height: 20px;
    margin: 0;
  }
}
.opinion-box.featured-opinion h4 {
  font-size: 20px;
  line-height: 22px;
}
.opinion-box.featured-opinion p {
  margin: 0 0 10px;
}
.opinion-box .posted {
  font-size: 11px;
  line-height: 12px;
  color: #969696;
  font-weight: 400;
}
.opinion-box h4 {
  font-size: 16px;
  line-height: 18px;
  color: #616161;
  margin: 0 0 6px;
}
.opinion-box p {
  margin: 0;
}
.block-opinion .review-row,
.rating-area .review-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 3px;
}
.block-opinion .review-row .star-rating-bg,
.rating-area .review-row .star-rating-bg {
  display: inline-block;
  height: 16px;
  background: url(../images/ico-star-small.svg) repeat-x 0 50%;
  background-size: 18px 15px;
  width: 90px;
  position: relative;
  vertical-align: middle;
  margin-left: -3px;
}
.block-opinion .review-row .star-rating-bg .star-rating-active,
.rating-area .review-row .star-rating-bg .star-rating-active {
  height: 16px;
  background: url(../images/ico-star-small-active.svg) repeat-x 0 50%;
  background-size: 18px 15px;
}
.block-opinion .review-row .star-rating-bg.large,
.rating-area .review-row .star-rating-bg.large {
  height: 18px;
  background: url(../images/ico-star-small.svg) repeat-x 0 50%;
  background-size: 25px 22px;
  width: 125px;
}
.block-opinion .review-row .star-rating-bg.large .star-rating-active,
.rating-area .review-row .star-rating-bg.large .star-rating-active {
  height: 18px;
  background: url(../images/ico-star-small-active.svg) repeat-x 0 50%;
  background-size: 25px 22px;
}
@media (max-width: 768px) {
  .block-opinion .review-row .star-rating-bg.large,
  .rating-area .review-row .star-rating-bg.large {
    margin-left: auto;
    margin-right: auto;
  }
}
.block-opinion .review-row .star-rating-bg.small,
.rating-area .review-row .star-rating-bg.small {
  height: 14px;
  background: url(../images/ico-star-small.svg) repeat-x 0 50%;
  background-size: 14px 12px;
  width: 70px;
}
.block-opinion .review-row .star-rating-bg.small .star-rating-active,
.rating-area .review-row .star-rating-bg.small .star-rating-active {
  height: 14px;
  background: url(../images/ico-star-small-active.svg) repeat-x 0 50%;
  background-size: 14px 12px;
}
.block-opinion .rating-row .header-rating,
.rating-area .rating-row .header-rating {
  margin-top: 4px;
  margin-bottom: 4px;
}
.block-opinion .rating-row .header-rating .rating-info,
.rating-area .rating-row .header-rating .rating-info {
  line-height: 1.3;
  margin-left: 10px;
}
.products-info-area {
  background: #fafafa;
  padding: 26px 0 9px;
}
@media (min-width: 768px) {
  .products-info-area {
    padding: 26px 0 20px;
  }
}
.products-info-area .flex-row {
  align-items: center;
}
.products-info-area .heading {
  text-align: center;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .products-info-area .heading {
    text-align: inherit;
  }
}
.products-info-area .heading h2 {
  color: #3e7dc9;
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .products-info-area .heading h2 {
    float: right;
    max-width: 160px;
  }
}
.products-info-area .heading h2:before {
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 768px) {
  .products-info-area .heading h2:before {
    left: 0;
    transform: none;
  }
}
.products-info-area .slick-slider .slick-slide {
  padding: 0 6px;
}
.products-info-area .slick-slider .slick-list {
  margin: 0;
  padding: 5px 20px 15px 0;
}
@media (min-width: 768px) {
  .products-info-area .slick-slider .slick-list {
    padding: 5px 0 15px;
  }
}
@media (min-width: 1200px) {
  .products-info-area .slick-slider .slick-list {
    padding: 5px 75px 15px 0;
  }
}
.products-info-area .product-image {
  background: #ffffff;
  min-width: 122px;
  min-height: 122px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .products-info-area .product-image {
    min-width: inherit;
    min-height: inherit;
    width: 105px;
    height: 105px;
  }
}
#footer {
  z-index: 10;
  position: relative;
}
.availability-info-right {
  display: block;
  margin: 0 0 10px;
  float: right;
}
#modalLoginQuestion {
  border-radius: 5px;
}
#modalLoginQuestion .modal-header {
  background-color: transparent;
  border-bottom: none;
}
#modalLoginQuestion .modal-header .lightbox-close {
  color: #808080;
  font-weight: 100;
}
#modalLoginQuestion .modal-header h4 {
  color: #337ab7;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 30px;
}
#modalLoginQuestion .modal-body form button {
  color: #fff;
  background-color: #fe3c76;
  border-color: #fe3c76;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 24px;
  margin-bottom: 20px;
}
#modalLoginQuestion .modal-body form button:hover {
  color: #fff;
  background-color: #fe3c76;
  border-color: #fe3c76;
}
#modalLoginQuestion .modal-body > a {
  text-decoration: underline;
}
@media (max-width: 768px) {
  #modalLoginQuestion {
    height: 100%;
    width: 100%;
    top: 0;
    margin-top: 0;
    border-radius: 0;
  }
}
body#product .login-register-slider {
  padding: 0;
}
body#product .login-register-slider .button-row {
  padding: 0;
}
body#product .login-register-slider .button-row button {
  margin-bottom: 0;
}
.password2-ellipsis .naturitas-field label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 91%;
}
@media (min-width: 768px) {
  body#product .testimonials-section {
    margin-bottom: -15px;
  }
}
.icon-cultivo_ecologico {
  font-size: 67px;
}
@media (max-width: 768px) {
  .icon-cultivo_ecologico {
    font-size: 57px;
  }
}
.icon-cultivo_ecologico:before {
  font-family: 'stamps_and_certifications';
  content: "\e900";
}
.icon-vegano:before {
  font-family: 'stamps_and_certifications';
  content: "\e901";
}
.icon-vegetariano:before {
  font-family: 'stamps_and_certifications';
  content: "\e902";
}
.icon-sin_ogm {
  font-size: 40px;
}
@media (max-width: 768px) {
  .icon-sin_ogm {
    font-size: 30px;
  }
}
.icon-sin_ogm:before {
  font-family: 'stamps_and_certifications';
  content: "\e903";
}
.icon-comercio_justo:before {
  font-family: 'stamps_and_certifications';
  content: "\e904";
}
.icon-icon-kosher {
  font-size: 60px;
}
@media (max-width: 768px) {
  .icon-icon-kosher {
    font-size: 50px;
  }
}
.icon-icon-kosher:before {
  font-family: 'stamps_and_certifications';
  content: "\e905";
}
.icon-sin_gluten {
  font-size: 80px;
}
@media (max-width: 768px) {
  .icon-sin_gluten {
    font-size: 70px;
  }
}
.icon-sin_gluten:before {
  font-family: 'stamps_and_certifications';
  content: "\e906";
}
.icon-sin_lactosa {
  font-size: 85px;
}
@media (max-width: 768px) {
  .icon-sin_lactosa {
    font-size: 75px;
  }
}
.icon-sin_lactosa:before {
  font-family: 'stamps_and_certifications';
  content: "\e907";
}
.icon-sin_frutos_de_cascara:before {
  font-family: 'stamps_and_certifications';
  content: "\e908";
}
.icon-sin_cacahuetes:before {
  font-family: 'stamps_and_certifications';
  content: "\e909";
}
.icon-sin_azucar {
  font-size: 80px;
}
@media (max-width: 768px) {
  .icon-sin_azucar {
    font-size: 70px;
  }
}
.icon-sin_azucar:before {
  font-family: 'stamps_and_certifications';
  content: "\e90a";
}
.icon-sin_sal:before {
  font-family: 'stamps_and_certifications';
  content: "\e90b";
}
.icon-sin_huevo {
  font-size: 65px;
}
@media (max-width: 768px) {
  .icon-sin_huevo {
    font-size: 55px;
  }
}
.icon-sin_huevo:before {
  font-family: 'stamps_and_certifications';
  content: "\e90c";
}
.icon-sin_leche {
  font-size: 80px;
}
@media (max-width: 768px) {
  .icon-sin_leche {
    font-size: 70px;
  }
}
.icon-sin_leche:before {
  font-family: 'stamps_and_certifications';
  content: "\e90d";
}
.icon-sin_soja:before {
  font-family: 'stamps_and_certifications';
  content: "\e90e";
}
.icon-sin_sesamo {
  font-size: 87px;
}
@media (max-width: 768px) {
  .icon-sin_sesamo {
    font-size: 77px;
  }
}
.icon-sin_sesamo:before {
  font-family: 'stamps_and_certifications';
  content: "\e90f";
}
.icon-sin_levadura:before {
  font-family: 'stamps_and_certifications';
  content: "\e910";
}
.icon-sin_crustaceos {
  font-size: 70px;
}
@media (max-width: 768px) {
  .icon-sin_crustaceos {
    font-size: 60px;
  }
}
.icon-sin_crustaceos:before {
  font-family: 'stamps_and_certifications';
  content: "\e911";
}
.icon-sin_cafeina {
  font-size: 68px;
}
@media (max-width: 768px) {
  .icon-sin_cafeina {
    font-size: 58px;
  }
}
.icon-sin_cafeina:before {
  font-family: 'stamps_and_certifications';
  content: "\e912";
}
.icon-sin_pescado {
  font-size: 50px;
}
@media (max-width: 768px) {
  .icon-sin_pescado {
    font-size: 40px;
  }
}
.icon-sin_pescado:before {
  font-family: 'stamps_and_certifications';
  content: "\e913";
}
.icon-sin_fructosa {
  font-size: 80px;
}
@media (max-width: 768px) {
  .icon-sin_fructosa {
    font-size: 70px;
  }
}
.icon-sin_fructosa:before {
  font-family: 'stamps_and_certifications';
  content: "\e914";
}
.icon-sin_apio {
  font-size: 80px;
}
@media (max-width: 768px) {
  .icon-sin_apio {
    font-size: 70px;
  }
}
.icon-sin_apio:before {
  font-family: 'stamps_and_certifications';
  content: "\e915";
}
.icon-sin_mostaza {
  font-size: 90px;
}
@media (max-width: 768px) {
  .icon-sin_mostaza {
    font-size: 80px;
  }
}
.icon-sin_mostaza:before {
  font-family: 'stamps_and_certifications';
  content: "\e916";
}
.icon-sin_altramuces {
  font-size: 65px;
}
@media (max-width: 768px) {
  .icon-sin_altramuces {
    font-size: 55px;
  }
}
.icon-sin_altramuces:before {
  font-family: 'stamps_and_certifications';
  content: "\e917";
}
.icon-sin_moluscos:before {
  font-family: 'stamps_and_certifications';
  content: "\e918";
}
.icon-sin_parabenos:before {
  font-family: 'stamps_and_certifications';
  content: "\e919";
}
.icon-cruelty_free {
  font-size: 80px;
}
@media (max-width: 768px) {
  .icon-cruelty_free {
    font-size: 70px;
  }
}
.icon-cruelty_free:before {
  font-family: 'stamps_and_certifications';
  content: "\e91a";
}
.icon-sin_silicona {
  font-size: 85px;
}
@media (max-width: 768px) {
  .icon-sin_silicona {
    font-size: 75px;
  }
}
.icon-sin_silicona:before {
  font-family: 'stamps_and_certifications';
  content: "\e91b";
}
.icon-sin_fluor {
  font-size: 50px;
}
@media (max-width: 768px) {
  .icon-sin_fluor {
    font-size: 40px;
  }
}
.icon-sin_fluor:before {
  font-family: 'stamps_and_certifications';
  content: "\e91c";
}
.icon-sin_aluminio {
  font-size: 50px;
}
@media (max-width: 768px) {
  .icon-sin_aluminio {
    font-size: 40px;
  }
}
.icon-sin_aluminio:before {
  font-family: 'stamps_and_certifications';
  content: "\e91d";
}
.home .nosto_element {
  padding-bottom: 20px;
}
.products-row .product-thumbnail .text-block .price-row .label.large {
  top: 0;
  left: 10px;
  border-radius: 0 18px 18px 0;
  right: auto;
  position: absolute;
}