/*** GADGETS&CUINA ****/
/**** wearebab.com *****/
/* ******************* */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/worksans/v23/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32KxfXBi8Jow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/worksans/v23/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/worksans/v23/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBi8Jow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/worksans/v23/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBi8Jow.ttf) format('truetype');
}
/* RESET */
form,
p,
h1,
h2,
h3 {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
a:hover {
  opacity: 0.7;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
a {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  text-decoration: none;
}
input,
input:focus,
select,
select:focus {
  outline: none;
  box-shadow: none !important;
}
/* FONTS */
.typeOneLight {
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
}
.typeOneRegular {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.typeOneMedium {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.typeOneSemiBold {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}
/* COLORS*/
/* SOURCES */
/* BASICS */
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  color: #000000;
  background: #FFF;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
body.noscroll {
  overflow: hidden;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
body.noscroll .global-underlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  cursor: pointer;
}
body.hfix.noscroll .global-underlay {
  top: 76px;
}
.body-product-list,
.body-search,
.body-family-list,
.body-collections {
  background: #f5f5f5;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.cp:hover {
  opacity: 0.7;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.cp {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  text-decoration: none;
}
.btn {
  position: relative;
  z-index: 0;
  display: inline-block;
  padding: 14px 55px;
  background: #e23b34;
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid #e23b34;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.btn:hover {
  opacity: 1;
  background: #FFF;
  color: #e23b34;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.btn.invert {
  position: relative;
  z-index: 0;
  display: inline-block;
  padding: 14px 55px;
  text-align: center;
  color: #e23b34;
  background: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid #e23b34;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.btn.invert:hover {
  opacity: 1;
  color: #FFF;
  background: #e23b34;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.clear {
  clear: both;
}
.wrapper {
  width: 1178px;
  max-width: 100%;
  margin: auto;
}
.content_body {
  padding-top: 167px;
}
.body-checkout .content_body {
  padding-top: 75px;
}
.body-checkout .content_body {
  padding-top: 75px;
}
body.body-checkout.noscroll:after {
  top: 75px;
}
@media (min-width: 946px) {
  body.gifts-ideas .content_body {
    padding-top: 166px;
  }
}
@media (max-width: 945px) {
  body.noscroll:after {
    top: 106px;
  }
  .content_body {
    padding-top: 106px;
  }
}
@media (max-width: 900px) {
  .body-checkout .content_body {
    padding-top: 118px;
  }
}
@media (max-width: 768px) {
  body.noscroll:after {
    top: 100px;
  }
  .content_body {
    padding-top: 102px;
  }
  .alternative-header .content_body {
    padding-top: 80px;
  }
  .body-checkout .content_body {
    padding-top: 93px;
  }
  body.body-checkout.noscroll:after {
    top: 50px;
  }
}
@media (max-width: 599px) {
  .btn {
    padding: 12px !important;
    font-size: 12px;
  }
  .content_body {
    padding-top: 50px;
  }
  body.home .content_body {
    padding-top: 140px;
  }
}
.cookies_alert_wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 3px solid #e40613;
  background-color: #fff;
  padding: 14px 0;
  text-align: center;
  z-index: 2;
}
.cookies_alert {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0 50px 0 0;
  font-style: italic;
  font-size: 14px;
}
@media (max-width: 650px) {
  .cookies_alert {
    padding-left: 15px;
    padding-right: 45px;
  }
}
.cookies_alert .b_close {
  position: absolute;
  width: 23px;
  height: 23px;
  top: 10px;
  right: 10px;
}
.tooltip {
  display: none;
  position: absolute;
  right: -12px;
  bottom: 27px;
  width: 320px;
  padding: 14px 10px 14px 21px;
  border: 1px solid #e23b34;
  background: #fff;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.29em;
  color: #4a4a4a;
  text-align: left;
}
.tooltip:after {
  content: "";
  display: block;
  width: 16px;
  height: 9px;
  background: rgba(255, 255, 255, 0) url("../images/pointer-down2-red.svg") no-repeat center;
  background-size: auto;
  position: absolute;
  right: 10px;
  bottom: -9px;
}
/* FORMS INPUTS AND ELEMENTS */
.message {
  margin: 0 0 13px 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1em;
  color: #fff;
}
.message span {
  display: block;
  padding: 5px 10px;
  border-radius: 3px;
}
.message .ok {
  background-color: #090;
}
.message .ko {
  background-color: #e00;
}
form .input {
  position: relative;
}
form .input label {
  position: absolute;
  top: 16px;
  left: 13px;
  font-size: 14px;
  line-height: 14px;
  color: #9b9b9b;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
form .input label {
  top: 12px;
  font-size: 11px;
  line-height: 11px;
}
form .input.active label {
  top: 12px;
  font-size: 11px;
  line-height: 11px;
}
form .input.radio label {
  position: static;
  font-size: 14px;
  line-height: 14px;
  pointer-events: initial;
}
form .input {
  margin-bottom: 13px;
}
form .input input[type="text"],
form .input input[type="password"],
form .input input[type="email"],
form .input input[type="tel"],
form textarea,
.select2-container--default .select2-selection--single {
  padding: 24px 12px 8px 12px;
  width: 100%;
  border: 1px solid #cecece;
  border-radius: 2px;
  outline: none;
  font-size: 14px;
  line-height: initial;
  color: #333;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  background: #fafafa;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.select2-container--default .select2-selection--single {
  padding: 16px 12px 16px 12px;
}
form .input input[type="text"]::placeholder,
form .input input[type="password"]::placeholder,
form .input input[type="email"]::placeholder,
form textarea::placeholder {
  color: #9b9b9b;
}
form .input input[type="text"]:focus,
form .input input[type="password"]:focus,
form .input input[type="email"]:focus,
form textarea:focus {
  background: #FFF;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
form .input {
  position: relative;
}
form .input .form-checkbox + label {
  position: static;
  display: inline-block;
  width: calc(100% - 35px);
  vertical-align: top;
  line-height: 1.4em;
  font-size: 14px;
  color: #4a4a4a;
  cursor: pointer;
  pointer-events: auto;
}
form .input .form-checkbox + label a {
  color: #e23b34;
}
form .input .select2-container {
  width: 100% !important;
}
form .input .select2-container .select2-selection--single {
  height: auto;
  background: #FFF;
}
form .input .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.2em;
  font-size: 14px;
}
form .input .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 11px;
  height: 6px;
  top: 22px;
  right: 14px;
}
form .input .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: block;
  position: static;
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat center;
  background-size: auto;
  background-size: 100%;
  border: none;
  width: 100%;
  height: 100%;
}
form .input .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background: rgba(255, 255, 255, 0) url("../images/arrow_up.svg") no-repeat center;
  background-size: auto;
  background-size: 100%;
  border: none;
  width: 100%;
  height: 100%;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #e23b34;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  outline: none;
}
form .input .g-recaptcha {
  width: 304px;
  margin: 0 auto;
}
.form-checkbox {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 1px solid #969696;
  background-color: #f7f7f7 !important;
  color: #666;
  top: 0;
  height: 18px;
  width: 18px !important;
  border-radius: 2px;
  cursor: pointer;
  margin: 0 5px 0 0 !important;
  outline: none;
  line-height: 120% !important;
}
.form-checkbox:checked::before {
  position: absolute;
  font-size: 12px;
  left: 4px;
  top: -1px;
  content: '\02143';
  transform: rotate(40deg);
  color: #e23b34;
  font-weight: bold;
}
.form-checkbox:hover {
  background-color: #fff;
}
.form-checkbox:checked {
  background-color: #fff;
}
.form-checkbox + label {
  font-size: 14px;
  color: #4a4a4a;
  cursor: pointer;
}
form .recaptcha .g-recaptcha {
  margin-top: 40px;
  margin-left: calc(50% - 150px);
}
/*************************  HEADER  **************************/
.top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  max-width: 100%;
  margin: auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
}
body.right-opened .top .header-underlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  cursor: pointer;
}
/* INFO HEADER*/
.info-header {
  background: #3e3e3e;
  font-size: 0;
}
.info-header .wrapper {
  width: 1184px;
  max-width: calc(100% - 20px);
  height: 42px;
  overflow: hidden;
}
.info-header .info-element {
  display: inline-block;
  width: 25%;
  padding: 10px 0;
  text-align: left;
}
.info-header .info-element img {
  display: inline-block;
  vertical-align: middle;
  padding-right: 12px;
}
.info-header .info-element span {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  font-size: 13px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.info-header .store img {
  width: 35px;
}
.body-checkout .info-header {
  display: none;
}
@media (max-width: 1045px) {
  .info-header {
    padding: 0 10px;
  }
  .info-header .wrapper {
    display: flex;
    justify-content: space-between;
  }
  .info-header .wrapper .info-element {
    width: auto;
    padding-left: 10px;
  }
  .info-header .wrapper .info-element span {
    font-size: 12px;
  }
  .info-header .wrapper .info-element:first-child {
    padding-left: 0;
  }
}
@media (max-width: 945px) {
  .info-header {
    height: 30px;
    line-height: 30px;
  }
  .info-header .wrapper {
    display: block;
    text-align: center;
  }
  .info-header .wrapper .info-element {
    display: none;
    width: initial;
  }
  .info-header .wrapper .info-element img {
    display: none;
  }
  .info-header .wrapper .info-element.store {
    display: block;
    padding: 0;
    text-align: center;
  }
}
/* CENTRAL HEADER*/
.central-header {
  position: relative;
  height: 76px;
  background: #e23b34 url(../images/bg-header.png);
}
.central-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50% + 190px);
  height: 76px;
  background-image: linear-gradient(to right, rgba(226, 59, 52, 0), #e23b34, #e23b34);
  z-index: 0;
}
.central-header .content {
  position: absolute;
  top: 0;
  left: calc(50% - 599px);
  height: 76px;
  width: 1198px;
  max-width: 100%;
  padding: 0 10px;
}
.central-header .content .left .hamb {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.central-header .content .left .logo {
  display: inline-block;
  margin: 13px 0 0 0;
  vertical-align: middle;
}
.central-header .content .left .logo h1 {
  font-size: 0;
}
.central-header .content .left .logo img {
  width: 119px;
}
.central-header .content .right {
  float: right;
  width: calc(100% - 130px);
  max-width: 870px;
  padding: 15px;
  text-align: right;
}
.central-header .content .right .element {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin: 0 0 0 63px;
}
.central-header .content.user-logged .right .element {
  margin: 0 0 0 44px;
}
.central-header .content .right .element.shop {
  margin-left: 0 !important;
}
.central-header .content .right .shop .img img {
  width: 22px;
}
.central-header .content .right .element .img {
  position: relative;
  max-height: 22px;
}
.central-header .content .right .element .img .numproducts {
  position: absolute;
  right: 9px;
  bottom: -2px;
  width: 14px;
  height: 14px;
  padding: 0;
  background: #FFF;
  color: #e23b34;
  font-size: 12px;
  line-height: 14px;
  border-radius: 100%;
  text-align: center;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.central-header .content .right .element span {
  display: block;
  padding: 5px 0 0 0;
  color: #FFF;
  font-size: 13px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.central-header .content .right .call {
  display: none;
}
.central-header .content .right .wishlist,
.central-header .content .right .userpoints {
  display: none;
}
.central-header .content.user-logged .right .wishlist,
.central-header .content.user-logged .right .userpoints {
  display: inline-block;
}
.central-header .content .right .account {
  position: relative;
}
.central-header .content .right .account:hover {
  opacity: 1;
}
.central-header .content.user-logged .right .account span {
  padding-right: 13px;
  background: rgba(255, 255, 255, 0) url("../images/arrow-down-white.svg") no-repeat right 10px;
  background-size: 10px;
}
.central-header .content .right .account .img img {
  width: 21px;
}
.central-header .content .right .account ul {
  position: absolute;
  top: 50px;
  left: -45px;
  width: 150px;
  margin: 0;
  padding: 10px;
  list-style: none;
  line-height: 1.5em;
  text-align: left;
  background: #e23b34;
  box-shadow: 0px 10px 13px rgba(0, 0, 0, 0.4);
}
.central-header .content .right .account ul li + li {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #bb2923;
}
.central-header .content .right .account ul li a {
  color: #ffffff;
}
.central-header .content .right .search-link-block {
  display: inline-block;
  width: calc(100% - 327px);
  max-width: 510px;
  float: left;
}
.central-header .content.user-logged .right .search-link-block {
  width: calc(100% - 382px);
  max-width: 455px;
}
.central-header .content .right .search-link {
  position: relative;
  width: 100%;
  background: #ffffff url(../images/ico-lens-red.svg) calc(100% - 15px) center no-repeat;
  border-radius: 3px;
  text-align: left;
  cursor: text;
  font-size: 14px;
  color: #9b9b9b;
}
.central-header__select-label {
  display: inline-block;
  margin: 0;
  padding: 11px 13px 9px 13px;
  border-right: 1px solid #e2e2e2;
  font-size: 9px;
  line-height: 1em;
  vertical-align: top;
}
.central-header .content .right .search-link select {
  display: block;
  width: 85px;
  height: 16px;
  margin: 0 0 0 -13px;
  padding: 3px 13px 0 13px;
  background: transparent url("../images/arrow_down_gray.svg") no-repeat right 5px;
  background-size: 9px;
  border: 0;
  cursor: pointer;
  color: #666;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 11px;
  outline: none;
  vertical-align: initial;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.central-header .content .right .search-link .is-blog select {
  width: 125px;
}
.central-header .content .right .search-link .is-firefox select {
  padding: 0 9px;
}
.central-header .content .right .search-link input {
  display: inline-block;
  width: calc(100% - 178px);
  height: 45px;
  margin: 0;
  padding: 14px;
  background: transparent;
  border: 0;
}
.central-header .content .right .search-link input:focus {
  outline: none;
  box-shadow: none;
}
/*header fixed*/
.central-header.h-fixed .content .left .logo {
  margin-left: 18px;
}
.central-header .content .left .hamb {
  margin: 12px 0 0 2px;
  cursor: pointer;
}
.central-header .content .left .hamb img {
  width: 22px;
}
/*variants*/
.body-checkout .central-header .content .left .hamb {
  display: none !important;
}
.body-checkout .central-header .content .left .logo {
  margin-left: 10px;
}
.body-checkout .central-header .content .right .call {
  display: inline-block;
}
.body-checkout .central-header .content .right .account {
  margin-left: 32px;
}
.body-checkout .central-header .content .right .shop,
.body-checkout .central-header .content .right .wishlist,
.body-checkout .central-header .content .right .userpoints,
.body-checkout .central-header .content .right .cart,
.body-checkout .central-header .content .right .search-link-block,
.body-checkout .central-header .content .right .search-link {
  display: none;
}
.nav-ribbon {
  background: #bb2923;
  box-shadow: inset -1px 3px 6px 0px rgba(0, 0, 0, 0.06);
}
.nav-ribbon .block {
  display: inline-block;
}
.nav-ribbon .block ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-ribbon .block ul li {
  display: inline-block;
}
.nav-ribbon .block ul li a {
  display: block;
  padding: 16px 21px;
  color: #FFF;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
}
.nav-ribbon .block ul li:nth-child(3) a {
  padding-right: 8px;
  padding-left: 8px;
}
.nav-ribbon .title-menu {
  display: none;
}
.nav-ribbon .block.b1 {
  width: 21.4%;
  min-width: 172px;
  border-right: 1px solid #a31f1a;
}
.nav-ribbon .block.b1 .menu {
  padding: 16px 19px;
  cursor: pointer;
}
.nav-ribbon .block.b1 .menu img {
  width: 14px;
  vertical-align: middle;
}
.nav-ribbon .block.b1 .menu span {
  margin: 0 0 0 12px;
  color: #FFF;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.3px;
}
.nav-ribbon .block.b3 {
  float: right;
  border-left: 1px solid #a31f1a;
}
.nav-ribbon .block.b3 ul li {
  border-right: 1px solid #a31f1a;
}
.body-checkout .nav-ribbon {
  display: none;
}
@media (max-width: 1198px) {
  .central-header .content {
    width: 100%;
    left: 0;
  }
  .nav-ribbon .block.b1 {
    width: 19%;
  }
  .central-header.h-fixed .content .left .logo {
    margin-left: 8px;
  }
  .central-header.h-fixed .content .right {
    width: calc(100% - 170px);
  }
  /*variants */
  .body-checkout .central-header.h-fixed .content .left .logo {
    margin-left: 10px;
  }
  .nav-ribbon .block ul li a {
    padding: 16px 6px;
  }
}
@media (max-width: 945px) {
  .central-header .content .right {
    width: calc(100% - 168px);
  }
  .central-header .content.user-logged .right .search-link-block {
    width: calc(100% - 308px);
  }
  .central-header .content.user-logged .right .element {
    margin-left: 25px;
  }
  .central-header .content .left .hamb {
    display: inline-block !important;
    margin-right: 8px;
  }
  .nav-ribbon {
    display: none;
  }
}
@media (max-width: 768px) {
  .central-header {
    height: 50px;
    background: #e23b34;
  }
  .central-header:before {
    display: none;
  }
  .central-header .content {
    height: 50px;
    padding: 0 15px;
  }
  .central-header .content .right {
    width: 50%;
    padding: 15px 0 0 0;
    font-size: 0;
  }
  .central-header .content .right .search-link-block {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100% !important;
    background: #bb2923;
    padding: 7px 15px 8px 15px;
  }
  .hfix .central-header .content .right .search-link-block {
    top: 50px;
  }
  /*.central-header .content .right .search-link {padding:11px;}*/
  .central-header .content .right .search-link input {
    padding: 11px;
  }
  .central-header .content .right .element {
    width: 32px;
    height: 27px;
  }
  .central-header .content .right .element img {
    max-width: 100%;
    max-height: 100%;
  }
  .central-header .content .right .element span {
    display: none;
  }
  .central-header .content .right .element.call {
    margin-right: 28px;
    margin-left: 0;
  }
  .central-header .content .right .element.account {
    margin: 0;
    width: 23px;
    vertical-align: top;
  }
  .central-header .content .right .account.account .img img {
    width: 23px;
    height: 23px;
  }
  .central-header .content .right .element.account ul {
    left: auto;
    right: -15px;
    top: 35px;
  }
  .central-header .content .right .element.account ul a {
    font-size: 14px;
    line-height: 1.25em;
  }
  .central-header .content .right .element .img .numproducts {
    display: block;
    right: 3px;
    bottom: -4px;
  }
  .central-header .content .right .element.shop {
    display: none !important;
  }
  .central-header .content .right .element.wishlist,
  .central-header .content .right .element.userpoints {
    display: none !important;
  }
  .central-header .content .right .element.cart {
    margin-left: 18px;
  }
  .central-header .content.user-logged .right .search-link-block {
    width: 100%;
  }
  /* search button for alternative headers */
  .alternative-header .central-header {
    background: rgba(255, 255, 255, 0) url("../images/bg-header.png") no-repeat center center;
    background-size: 200%;
  }
  .alternative-header .central-header .content .right .search-link-block {
    position: static;
    width: 20px;
    height: 20px;
    padding: 0;
    float: none;
    background: transparent;
    vertical-align: top;
    margin-right: 24px;
    overflow: hidden;
  }
  .alternative-header .central-header .content .right .search-link-block .search-link {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0) url("../images/ico-lens-white.svg") no-repeat center;
    background-size: auto;
    font-size: 0;
  }
  .alternative-header .central-header .content .right .search-link-block .search-link .close {
    position: absolute;
    right: 0px;
    top: 8px;
    width: 64px;
    height: 40px;
    background: #e23b34 url("../images/ico-close-white.svg") no-repeat center center;
    background-size: 20px;
  }
  .alternative-header .central-header .content .right .search-link-block .search-link form {
    display: none;
    position: fixed;
    left: 0;
    top: 80px;
    width: 100%;
    padding: 8px 15px;
    background: #e23b34;
  }
  .alternative-header .central-header .content .right .search-link-block .search-link.opened form {
    display: block;
  }
  .alternative-header .central-header .content .right .search-link-block .search-link label {
    padding: 8px 13px 7px 13px;
    background: #ffffff;
    border-radius: 2px 0 0 2px;
  }
  .alternative-header .central-header .content .right .search-link-block .search-link input {
    width: calc(100% - 148px);
    height: 40px;
    background: #ffffff;
    border-radius: 0 2px 2px 0;
  }
  /* alternative header with fixed header*/
  .alternative-header.hfix .central-header .content .right .search-link-block .search-link form {
    top: 50px;
  }
  .central-header .content .left .logo {
    padding-top: 0;
    margin-top: 11px;
  }
  .central-header .content .left .logo img {
    width: 70px;
  }
  .nav-ribbon {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #FFF;
  }
  .menuresponsive {
    border-bottom: 2px solid #e9e9e9;
  }
  .nav-ribbon .title-menu {
    display: block;
    width: 100%;
    padding: 15px 15px 14px 15px;
    background: #FFF;
  }
  .nav-ribbon .block,
  .nav-ribbon .block.b3 {
    display: block;
    float: none;
  }
  .nav-ribbon .block.b1 .menu {
    width: 100%;
  }
  .nav-ribbon .block ul li {
    display: block;
  }
  .nav-ribbon .block ul li a,
  .nav-ribbon .block.b1 .menu span {
    color: #999;
  }
  .nav-ribbon .block.b1,
  .nav-ribbon .block.b3 ul li,
  .nav-ribbon .block.b3 {
    border: none;
  }
  .nav-ribbon .block.b1 .menu,
  .nav-ribbon .block ul li,
  .nav-ribbon .block.b3 ul li {
    border-bottom: 1px solid #e9e9e9;
  }
}
@media (max-width: 599px) {
  .central-header .content .right .search-link input {
    font-size: 11px;
  }
}
@media (max-width: 413px) {
  .central-header .content .right .search-link input {
    width: calc(100% - 168px);
    font-size: 10px;
  }
  .central-header .content .right .search-link select {
    width: 120px;
    background-size: 10px;
    font-size: 10px;
  }
}
/* MENU */
.top_nav {
  position: fixed;
  left: calc(50% - 589px);
  right: auto;
  top: 178px;
  z-index: 1;
  max-width: 250px;
  height: calc(100% - 180px);
  margin: auto;
}
.top_nav:hover {
  width: 1174px;
  max-width: 1174px;
}
.top_nav h2,
.top_nav h3 {
  font-size: inherit;
  font-weight: inherit;
}
.top_nav_main:before {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: 20px;
  width: 12px;
  height: 7px;
  background: rgba(255, 255, 255, 0) url("../images/menu-pointer.svg") no-repeat center;
  background-size: auto;
  background-position: 0 0;
}
body.right-opened .top_nav_main:before {
  display: none;
}
body.hfix .top_nav {
  top: 87px;
  height: calc(100% - 87px);
}
body.right-opened .top_nav:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 439px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.top_nav .mobile-items {
  display: none;
}
.top_nav ul {
  padding: 5px 0 5px 0;
  margin: 0;
  list-style: none;
  width: 250px;
  background: #FFF;
  border: 1px solid #e23b34;
}
.top_nav ul li {
  padding-right: 10px;
  padding-left: 14px;
}
.top_nav ul li a {
  display: block;
  border-bottom: 1px solid #dcdcdc;
  font-size: 13px;
  color: #4a4a4a;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  line-height: 1.92em;
}
.top_nav ul li:last-of-type a {
  border: none;
}
.top_nav ul li a.nav_family {
  position: relative;
  display: block;
  padding: 16px 22px 14px 34px;
  font-size: 15px;
  color: #444;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  line-height: 14px;
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family-default.svg") no-repeat left;
  background-size: auto;
  letter-spacing: 0.02em;
}
.top_nav ul li a.nav_family:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  right: 0;
  width: 7px;
  height: 11px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_right-red.svg") no-repeat center;
  background-size: auto;
}
.top_nav ul li a strong {
  font-size: 15px;
  color: #444;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.top_nav ul li.nav_item_n > a:hover {
  opacity: 1;
}
.top_nav ul li ul li a {
  border: 0;
  line-height: 25px;
  font-size: 13px;
}
.top_nav ul li ul li a strong {
  color: #e23b34;
  font-size: 15px;
}
.top_nav ul li ul li a.end-family {
  border: 0;
  color: #4a4a4a;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.top_nav ul li ul li a.end-family:hover {
  color: #e23b34;
  opacity: 1;
}
ul.top_nav_families div {
  display: none;
}
ul.top_nav_families > li:nth-child(1) > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family1.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li:nth-child(2) > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family2.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li:nth-child(3) > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family3.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li:nth-child(4) > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family4.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li:nth-child(5) > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family5.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li:nth-child(6) > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family6.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li:nth-child(7) > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family7.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li:nth-child(8) > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family8.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li:nth-child(9) > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family9.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li#family-516 > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family1.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li#family-609 > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family8.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li#family-557 > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family3.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li#family-710 > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family2.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li#family-760 > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family4.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li#family-836 > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family9.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li#family-880 > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family5.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li#family-912 > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family7.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li#family-1085 > a.nav_family {
  background: rgba(255, 255, 255, 0) url("../images/ico-menu-family9.svg") no-repeat left;
  background-size: auto;
}
ul.top_nav_families > li:hover {
  background-color: #f5f5f5;
}
/* menu on home page*/
/*body.home .top_nav {pointer-events:none;}
body.home .top_nav .top_nav_families {}*/
@media (max-width: 1194px) {
  .top_nav {
    left: 15px;
  }
  .top_nav:hover {
    max-width: 100%;
  }
}
@media (max-width: 945px) {
  .top_nav {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100%;
    max-width: 100%;
    height: 100% !important;
    background: #ffffff;
  }
  .top_nav_main:before {
    display: none;
  }
  .top_nav .desktop-items {
    display: none !important;
  }
  .top_nav .mobile-items {
    display: block;
  }
  .top_nav_header {
    height: 48px;
    padding: 18px 14px 0 16px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 16px;
    cursor: pointer;
  }
  .top_nav_header img {
    width: 12px;
    vertical-align: middle;
  }
  .top_nav_header .close {
    float: right;
    display: block;
    width: 13px;
    height: 13px;
    background: rgba(255, 255, 255, 0) url("../images/ico-close-gray.svg") no-repeat center;
    background-size: auto;
    background-size: 100%;
  }
  .top_nav ul {
    width: 100%;
    border: none;
  }
  .top_nav > ul > li:nth-child(1) {
    display: block;
  }
  .top_nav ul li,
  .top_nav ul li:last-of-type {
    border-bottom: 2px solid #f1f1f1;
  }
  .top_nav_panels.mobile-items {
    display: flex;
    width: 300%;
    height: calc(100% - 48px);
  }
  .top_nav_panel {
    width: 33.33%;
    height: 100%;
    overflow-y: scroll;
  }
  .top_nav_panels ul {
    padding: 0;
    font-size: 13px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    line-height: 15px;
  }
  .top_nav_panels ul li {
    padding: 18px 16px 16px 14px;
  }
  .top_nav_panels ul li a {
    display: block;
    position: relative;
    height: 15px;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
  }
  .top_nav_panels ul li.has-children a {
    color: #e23b34;
  }
  .top_nav_panels ul li.no-color a {
    color: #444444;
  }
  .top_nav_panels ul li.back {
    padding: 15px 16px 14px 32px !important;
    color: #e23b34 !important;
    background: rgba(255, 255, 255, 0) url("../images/arrow-left-red.svg") no-repeat 13px center;
    background-size: auto;
  }
  .top_nav_panels ul li.has-children a:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    width: 7px;
    height: 11px;
    background: rgba(255, 255, 255, 0) url("../images/arrow_right-red.svg") no-repeat center;
    background-size: auto;
  }
  .top_nav_panels .panel-1 ul + ul {
    background: #f9f9f9;
  }
  .top_nav .top_nav_panels .panel-1 ul li a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
  }
  .top_nav_panels .panel-2 ul.top_nav_families > li {
    padding-top: 0;
    padding-bottom: 0;
  }
  .top_nav_panels .panel-2 ul.top_nav_families > li > a {
    line-height: inherit;
    height: initial;
  }
  .top_nav_panels .panel-2 ul.top_nav_families > li:nth-child(1) > a.nav_family {
    background: rgba(255, 255, 255, 0) url("../images/arrow-left-red.svg") no-repeat left;
    background-size: auto;
  }
  .top_nav_panels .panel-2 ul.top_nav_families > li:nth-child(2) > a.nav_family {
    background: rgba(255, 255, 255, 0) url("../images/ico-menu-family1.svg") no-repeat left;
    background-size: auto;
  }
  .top_nav_panels .panel-2 ul.top_nav_families > li:nth-child(3) > a.nav_family {
    background: rgba(255, 255, 255, 0) url("../images/ico-menu-family8.svg") no-repeat left;
    background-size: auto;
  }
  .top_nav_panels .panel-2 ul.top_nav_families > li:nth-child(4) > a.nav_family {
    background: rgba(255, 255, 255, 0) url("../images/ico-menu-family3.svg") no-repeat left;
    background-size: auto;
  }
  .top_nav_panels .panel-2 ul.top_nav_families > li:nth-child(5) > a.nav_family {
    background: rgba(255, 255, 255, 0) url("../images/ico-menu-family2.svg") no-repeat left;
    background-size: auto;
  }
  .top_nav_panels .panel-2 ul.top_nav_families > li:nth-child(6) > a.nav_family {
    background: rgba(255, 255, 255, 0) url("../images/ico-menu-family4.svg") no-repeat left;
    background-size: auto;
  }
  .top_nav_panels .panel-2 ul.top_nav_families > li:nth-child(7) > a.nav_family {
    background: rgba(255, 255, 255, 0) url("../images/ico-menu-family5.svg") no-repeat left;
    background-size: auto;
  }
  .top_nav_panels .panel-2 ul.top_nav_families > li:nth-child(8) > a.nav_family {
    background: rgba(255, 255, 255, 0) url("../images/ico-menu-family7.svg") no-repeat left;
    background-size: auto;
  }
  .top_nav_panels .panel-2 ul.top_nav_families > li:nth-child(9) > a.nav_family {
    background: rgba(255, 255, 255, 0) url("../images/ico-menu-family9.svg") no-repeat left;
    background-size: auto;
  }
  .top_nav_panels .panel-2 ul.top_nav_families > li:nth-child(10) > a.nav_family {
    background: rgba(255, 255, 255, 0) url("../images/ico-menu-family10.svg") no-repeat left;
    background-size: auto;
  }
  .top_nav_panels .panel-2 ul.shops li {
    padding-top: 13px;
    padding-bottom: 11px;
  }
  .top_nav_panels .panel-2 ul.shops li > a {
    padding: 0;
  }
  .top_nav_panels .panel-2 ul.shops .shop {
    position: static;
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 0;
  }
  .top_nav_panels .panel-2 ul.shops .shop div {
    position: static;
    width: 56px;
    height: 56px;
    float: left;
    border: 3px solid #e23b34;
    border-radius: 50%;
  }
  .top_nav_panels .panel-2 ul.shops .shop div img {
    width: 100%;
  }
  .top_nav_panels .panel-2 ul.shops .shop-1 div {
    border-color: #10da9f;
  }
  .top_nav_panels .panel-2 ul.shops .shop-2 div {
    border-color: #6a91fb;
  }
  .top_nav_panels .panel-2 ul.shops .shop-3 div {
    border-color: #d44872;
  }
  .top_nav_panels .panel-2 ul.shops .shop-4 div {
    border-color: #e3e668;
  }
  .top_nav_panels .panel-2 ul.shops .shop p {
    width: calc(100% - 70px);
    float: right;
    padding: 8px 0 0 0;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.38em;
    color: #9b9b9b;
  }
  .top_nav_panels .panel-2 ul.shops .shop p span {
    display: block;
    font-size: 16px;
    line-height: 19px;
    color: #333333;
  }
  .top_nav_panels .panel-2 ul.shops .right {
    padding-top: 16px;
    border-bottom: 0;
    text-align: right;
  }
  .top_nav_panels .panel-2 ul.shops .right a {
    display: block;
    padding: 0 28px 0 0;
    background: rgba(255, 255, 255, 0) url("../images/arrow_right-red.svg") no-repeat right 4px;
    background-size: auto;
    color: #e23b34;
  }
}
/* Categories segon i tercer nivell */
.nav_item_n > div,
.nav_item_s > div {
  position: absolute;
  left: 249px;
  right: 0;
  top: 0;
  overflow-y: hidden;
  width: calc(100% - 249px);
  height: 480px;
  background: #FFF;
  border: 1px solid #bb2923;
}
.nav_item_n > div ul,
.nav_item_s > div ul {
  width: 100%;
  padding: 20px 0 10px 15px;
  border: none;
  column-count: 3;
}
.nav_item_n > div ul li,
.nav_item_s > div ul li {
  margin: 0 0 20px 0;
  border: none;
}
.nav_item_n > div ul li > a,
.nav_item_s > div ul li > a,
.nav_item_n > div ul li > a strong,
.nav_item_s > div ul li > a strong {
  color: #bb2923;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.nav_item_n > div ul li > a,
.nav_item_s > div ul li > a {
  padding: 0;
}
.nav_item_n > div ul li h3 a,
.nav_item_s > div ul li h3 a {
  padding: 4px 0;
}
.column-count-1 > div ul {
  width: 33%;
  column-count: 1;
}
.column-count-2 > div ul {
  width: 66%;
  column-count: 2;
}
@media (min-width: 769px) {
  #family-412.column-count-1 > div ul {
    height: 424px;
  }
  #family-760.column-count-3 > div {
    height: 510px;
  }
  #family-609.column-count-1 > div ul {
    height: 270px;
  }
  #family-657.column-count-1 > div ul {
    height: 290px;
  }
  #family-710.column-count-2 > div ul {
    height: 333px;
    width: 33%;
    column-count: 1;
  }
  #family-880.column-count-1 > div ul {
    width: 34%;
    height: 210px;
  }
  #family-912.column-count-1 > div ul {
    width: 66%;
    column-count: 2;
    height: 220px;
  }
  #family-1085.column-count-1 > div ul {
    width: 66%;
    height: 170px;
    column-count: 2;
  }
}
/*************************  END HEADER  **************************/
/****************************  FOOTER  ***************************/
.body-product-list .bottom {
  margin-top: 68px;
}
.body-search .bottom {
  margin-top: 68px;
}
.bottom {
  clear: both;
}
.info-footer {
  padding: 0 10px;
  background: #3e3e3e;
  font-size: 0;
  border-top: 2px solid #e23b34;
}
.info-footer .wrapper {
  width: 1184px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}
.info-footer .info-element {
  display: inline-block;
  width: 25%;
  padding: 24px 0;
  text-align: left;
}
.info-footer .info-element img {
  display: inline-block;
  vertical-align: middle;
  max-height: 23px;
  padding-right: 12px;
}
.info-footer .info-element span {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  font-size: 13px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
/* footer newsletter */
.subscribe-footer {
  padding: 0 10px;
  background: rgba(255, 255, 255, 0) url("../images/bg-footer-4.png") no-repeat 0 0;
  background-size: auto;
  background-repeat: repeat;
}
.subscribe-footer .superior {
  padding: 15px 0 0 0;
  overflow: hidden;
}
.subscribe-footer .text {
  width: calc(50% - 25px);
  margin: 0 25px 0 0;
  float: left;
}
.subscribe-footer .title {
  color: #FFF;
  font-size: 24px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1em;
}
.subscribe-footer .content {
  margin: 8px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.43em;
  color: #fff;
  opacity: 0.5;
}
.subscribe-footer .form {
  width: calc(50% - 25px);
  float: left;
}
.subscribe-footer .message {
  margin-bottom: 15px;
}
.subscribe-footer .form .input {
  display: inline-block;
}
.subscribe-footer .form .input.email {
  width: 75%;
}
.subscribe-footer .form .input.submit {
  width: calc(25% - 5px);
  padding-left: 5px;
}
.subscribe-footer .form .input input {
  height: 45px;
  margin: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  vertical-align: middle;
}
.subscribe-footer .form .input input[type="submit"] {
  width: 100%;
  padding: 13px 5px 16px 5px;
}
.subscribe-footer .form .check input {
  width: 18px;
  height: 18px;
  padding: 0;
  margin-left: 0;
}
.subscribe-footer .form .check label {
  position: static;
  pointer-events: all;
}
.subscribe-footer .form .check.active label {
  font-size: 13px;
  line-height: 15px;
}
.subscribe-footer .form label {
  font-size: 13px;
  line-height: 15px;
  color: #ffffff;
}
.subscribe-footer .form label a {
  color: inherit;
}
.subscribe-footer .form .input.store {
  width: 75%;
}
.subscribe-footer .form .input.store select {
  appearance: none;
  width: 100%;
  height: 45px;
  margin: 0;
  padding: 12px 5px;
  border: 1px solid #cecece;
  vertical-align: middle;
  font: inherit;
  color: #8b8b8b;
  background: #FFFFFF url("../images/arrow_down.svg") no-repeat calc(100% - 10px) center;
  background-size: 11px;
}
.subscribe-footer .form .recaptcha .g-recaptcha {
  margin: 0;
}
.subscribe-footer .social {
  margin: 26px 0 0 0;
  padding: 17px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.11);
  clear: both;
}
.subscribe-footer .social ul {
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  text-align: center;
}
.subscribe-footer .social ul li {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin: 0 20px;
}
.subscribe-footer .social ul li a {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.subscribe-footer .social ul li a.tw {
  background: #2CAAE1;
}
.subscribe-footer .social ul li a.yt {
  background: #E5E5E5;
}
.subscribe-footer .social ul li a.fb {
  background: #36609F;
}
.subscribe-footer .social ul li a.ig {
  background: #D43D6A;
}
.subscribe-footer .social ul li a.gp {
  background: #DC4E41;
}
.subscribe-footer .social ul li a svg {
  width: 32px;
  height: 32px;
  margin: 5px 0 0 0;
}
.subscribe-footer .social ul li a.yt svg {
  width: 27px;
  height: 27px;
  margin: 7px 0 0 0;
}
.body-checkout .subscribe-footer {
  display: none;
}
.shops {
  padding: 32px 10px;
  background: #3e3e3e;
}
.shops .title {
  padding: 0 0 25px 0;
  text-align: center;
  color: #FFF;
  font-size: 21px;
  letter-spacing: -0.3px;
}
.shops .shop-list {
  font-size: 0;
}
.shops .shop {
  display: inline-block;
  width: 25%;
  overflow: hidden;
}
.shops .shop .img {
  float: left;
  margin: 0 18px 0 0;
  width: 69px;
  height: 69 px;
  border-radius: 50%;
  border: 3px solid #e23b34;
  overflow: hidden;
}
.shops .shop:nth-child(1) .img {
  border-color: #10da9f;
}
.shops .shop:nth-child(2) .img {
  border-color: #6a91fb;
}
.shops .shop:nth-child(3) .img {
  border-color: #d44872;
}
.shops .shop:nth-child(4) .img {
  border-color: #e3e668;
}
.shops .shop .img img {
  width: 100%;
}
.shops .shop .adress {
  color: #FFF;
  font-size: 13px;
  line-height: 1.38em;
}
.shops .shop .maps {
  display: inline-block;
  margin: 6px 0 0 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.38em;
  opacity: 0.5;
}
.body-checkout .shops {
  display: none;
}
.help-info {
  padding: 22px 10px;
  background: #3e3e3e;
  border-top: 1px solid #535353;
  border-bottom: 1px solid #535353;
}
.help-info .link {
  display: inline-block;
  width: 49%;
  text-align: center;
  color: #FFF;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.38em;
}
.help-info .link img {
  display: inline-block;
  vertical-align: middle;
  padding: 0 12px 0 0;
}
.help-info .link span {
  display: inline-block;
  vertical-align: middle;
}
.body-checkout .help-info {
  display: none;
}
.menu-footer {
  padding: 38px 10px;
  background: #3e3e3e;
  font-size: 0;
}
.menu-footer .column {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  font-size: 14px;
  line-height: 1em;
}
.menu-footer .title {
  padding: 0 0 16px 0;
  color: #FFF;
  font-size: 15px;
}
.menu-footer .title a {
  font: inherit;
  color: inherit;
}
.menu-footer .trust {
  padding-top: 36px;
}
.menu-footer .cards img {
  margin: 8px 0 0 0;
}
.menu-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-footer ul li {
  padding: 8px 0;
}
.menu-footer ul li a {
  color: #9e9e9e;
}
.body-checkout .menu-footer {
  display: none;
}
.lang-footer {
  padding: 0 10px 33px 10px;
  background: #3e3e3e;
  color: #9e9e9e;
}
.lang-footer a {
  display: inline-block;
  height: 15px;
  padding: 0 14px 0 0;
  margin: 0 8px 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: -0.2px;
  line-height: 15px;
}
.lang-footer a.cat {
  border-right: 1px solid #fff;
}
.lang-footer a.active,
.lang-footer a:hover {
  color: #FFF;
}
.body-checkout .lang-footer {
  display: none;
}
.red-ribbon {
  background: #e23b34;
  padding: 16px 10px 14px 10px;
  font-size: 12px;
  line-height: 1.33em;
}
.red-ribbon .logo {
  display: inline-block;
  vertical-align: middle;
  margin-right: 64px;
  width: 94px;
}
.red-ribbon .logo img {
  width: 100%;
}
.red-ribbon .copyright {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
}
.red-ribbon .links-footer {
  float: right;
  padding-top: 10px;
}
.red-ribbon .links-footer ul {
  margin: 0;
  padding: 0;
}
.red-ribbon .links-footer ul li {
  display: inline-block;
}
.red-ribbon .links-footer ul li a {
  color: #FFF;
}
.red-ribbon .links-footer ul li a:after {
  content: "·";
  display: inline-block;
  padding: 0 12px;
}
.red-ribbon .links-footer ul li:last-of-type a:after {
  display: none;
}
@media (max-width: 1072px) {
  .info-footer {
    padding: 0;
  }
  .info-footer .wrapper {
    display: flex;
    justify-content: space-between;
  }
  .info-footer .info-element {
    width: auto;
    padding-left: 10px;
  }
  .info-footer .info-element:first-child {
    padding-left: 0;
  }
  .help-info .link {
    width: 32%;
  }
}
@media (max-width: 945px) {
  .info-footer {
    padding: 0 15px;
  }
  .info-footer .wrapper {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .info-footer .info-element {
    width: 100%;
    padding: 0;
    margin: 12px 0 0 0;
    line-height: 27px;
  }
  .info-footer .info-element:last-child {
    margin-bottom: 12px;
  }
  .info-footer .info-element img {
    padding-right: 9px;
  }
  .subscribe-footer .text,
  .subscribe-footer .form {
    width: initial;
    float: none;
  }
  .subscribe-footer .form {
    margin: 14px 0 0 0;
  }
  .subscribe-footer .form .input.email {
    width: 187px;
  }
  .subscribe-footer .form .input.submit {
    width: 100px;
  }
  .subscribe-footer .form .input input {
    height: 40px;
  }
  .subscribe-footer .form .input.check {
    display: block;
  }
  .subscribe-footer .form .input.check input {
    height: 18px;
  }
}
@media (max-width: 925px) {
  .red-ribbon {
    text-align: center;
  }
  .red-ribbon .logo {
    margin-right: 15px;
  }
  .red-ribbon .links-footer {
    float: none;
    display: block;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .subscribe-footer .superior {
    padding: 10px 14px;
  }
  .subscribe-footer .title {
    font-size: 18px;
    line-height: 1.33em;
  }
}
@media (max-width: 680px) {
  .body-search .bottom {
    margin-top: 20px;
  }
  .shops {
    padding: 8px 14px;
  }
  .shops .title {
    margin-bottom: 18px;
    padding: 7px 0 0 0;
    font-size: 16px;
    text-align: left;
  }
  .shops .shop {
    display: block;
    width: auto;
    margin: 20px 0;
  }
  .help-info {
    padding: 0;
  }
  .help-info .link {
    display: block;
    width: initial;
    height: 40px;
    padding: 0 17px;
    line-height: 40px;
    font-size: 14px;
    text-align: left;
  }
  .help-info .link + .link {
    border-top: 1px solid rgba(255, 255, 255, 0.11);
  }
  .subscribe-footer .social ul li a svg {
    width: 26px;
    height: 26px;
    margin: 4px 0 0 0;
  }
  .info-footer .info-element {
    width: 100%;
  }
  .subscribe-footer {
    padding: 0;
  }
  .subscribe-footer .superior {
    width: 100%;
  }
  .subscribe-footer .social {
    width: 100%;
    margin-top: 0;
  }
  .subscribe-footer .social ul li a.yt svg {
    width: 20px;
    height: 20px;
    margin-top: 6px;
  }
  .subscribe-footer .form .input.store {
    width: 292px;
  }
  .shops .shop-list .shop {
    width: 100%;
  }
  .help-info .link {
    width: 100%;
    text-align: left;
  }
  .subscribe-footer .social ul li {
    width: 33px;
    height: 33px;
  }
  .menu-footer {
    padding: 0;
  }
  .menu-footer .column {
    width: 100%;
    padding: 30px 14px;
  }
  .lang-footer {
    padding: 6px 14px 28px 14px;
  }
  .red-ribbon {
    padding: 11px 17px 9px 17px;
  }
  .red-ribbon .wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .red-ribbon .logo {
    width: 76px !important;
    max-width: 76px !important;
  }
  .red-ribbon .copyright {
    width: calc(100% - 92px);
    text-align: left;
  }
  .red-ribbon .links-footer {
    width: 100%;
    font-size: 10px;
    letter-spacing: -0.027em;
  }
  .red-ribbon .links-footer ul li a:after {
    padding: 0 7px;
  }
  .menu-footer .title {
    padding-bottom: 5px;
  }
}
/****************************  FOOTER  ***************************/
/* MODAL COLUMN */
.modal-column {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 360px;
  max-width: 100%;
  background: #FFF;
  z-index: 2;
}
.modal-column .ribbon-top {
  padding: 14px;
  border-bottom: 2px solid #eaeaea;
}
.modal-column .ribbon-top .title {
  color: #444;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.modal-column .ribbon-top .title img {
  padding-right: 7px;
}
.modal-column .ribbon-top .title img,
.modal-column .ribbon-top .title span {
  vertical-align: middle;
}
.modal-column .ribbon-top .right {
  float: right;
}
.modal-column .ribbon-top .right .products {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
  font-size: 12px;
  color: #e23b34;
}
.modal-column .ribbon-top .right .close {
  display: inline-block;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0) url("../images/grey-close.svg") no-repeat center;
  background-size: auto;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.modal-column.slide-fade-enter-active {
  transition: all 0.3s ease;
}
.modal-column.slide-fade-leave-active {
  transition: all 0.3s cubic-bezier(0.8, 0.5, 0.5, 0.5);
}
.modal-column.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateX(360px);
}
.modal-column .btn {
  width: 100%;
  padding: 14px 5px;
}
.modal-column .inner-content-modal {
  padding: 29px 16px;
}
/* variants */
.modal-column.shopping-cart .ribbon-top .right .close {
  width: auto;
  height: auto;
  background: none;
  font-size: 11px;
  line-height: 2.2em;
  color: #e23b34;
}
@media (max-width: 599px) {
  .modal-column {
    width: 100%;
  }
}
/* MODAL SQUARE */
.modal-square {
  position: fixed;
  top: calc(50% - 356px);
  left: 0;
  right: 0;
  margin: auto;
  padding: 73px 20px;
  width: 775px;
  max-width: 100%;
  overflow: scroll;
  max-height: 100%;
  background: #FFF;
  border-radius: 2px;
  z-index: 10;
  overflow: hidden;
}
.modal-square .modal-close {
  position: absolute;
  top: 22px;
  right: 22px;
  background: rgba(255, 255, 255, 0) url("../images/close-red.svg") no-repeat center;
  background-size: auto;
  background-size: 100%;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.modal-square .content-modal {
  max-width: 590px;
  margin: auto;
}
.modal-square .header-modal {
  text-align: center;
}
.modal-square .header-modal img {
  display: block;
  margin: auto;
  margin-top: -13px;
  width: 196px;
  height: 128px;
}
.modal-square .header-modal .title {
  font-size: 30px;
  line-height: 1.13;
  letter-spacing: -0.5px;
  text-align: center;
  color: #333333;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.modal-square .header-modal .title span {
  display: block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.modal-square .header-modal .subtitle {
  margin-top: 22px;
  font-size: 15px;
  color: #4a4a4a;
  line-height: 1.47em;
}
.modal-square form {
  margin: 30px 0 0 0;
}
.modal-square form .input.checkbox {
  margin-top: 30px;
  margin-bottom: 0;
  text-align: left;
}
.modal-square form .submit {
  text-align: center;
}
.modal-square .btns-links .btn {
  padding: 14px;
  width: 245px;
}
.modal-square .slect-lang {
  width: 200px;
  margin: auto;
}
/*redefinitions */
#modal-login .message {
  margin: 0 0 13px 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1em;
  color: #fff;
}
#modal-login .message .title {
  display: block;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #e00;
}
#modal-login .message.received .title {
  background-color: #090;
}
@media (max-width: 567px) {
  .modal-square {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 55px 16px;
    overflow: scroll;
  }
  .modal-square .modal-close {
    top: 14px;
    right: 14px;
    width: 18px;
    height: 18px;
  }
  .modal-square .header-modal p {
    font-size: 20px;
  }
  .modal-square form .submit {
    margin-top: 30px;
  }
  .modal-square form .submit input {
    width: 100%;
  }
}
@media (max-height: 715px) {
  .modal-square {
    top: 0;
    height: 100%;
    overflow-y: scroll;
  }
}
/* MODAL LOGIN */
.remind-pwd {
  margin: 10px 0 28px 0;
  color: #e23b34;
  font-size: 12px;
  cursor: pointer;
}
.discover {
  display: block;
  margin-top: 17px;
  color: #e23b34;
  text-align: center;
}
.discover:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 0 2px 3px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_right-red.svg") no-repeat 0 0;
  background-size: 6px;
  vertical-align: text-bottom;
}
.new-client .title {
  margin: 31px 0;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.new-client .title span {
  position: relative;
  z-index: 1;
  padding: 5px;
  background: #FFF;
  color: #4a4a4a;
}
.new-client .title:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 7px;
  width: 100%;
  height: 2px;
  background: #d9d9d9;
}
.new-client .btn.invert {
  font-size: 13px;
}
.recover-pwd .title {
  margin: 0 0 8px 0;
  font-size: 16px;
}
.recover-pwd .subtitle {
  margin-bottom: 36px;
  color: #8b8b8b;
}
.recover-pwd .cancel {
  color: #e23b34;
}
.recover-pwd .submit {
  overflow: hidden;
}
.recover-pwd .submit .btn {
  float: right;
  width: 50%;
  padding: 9px;
}
.recover-pwd.recived .title {
  background: rgba(255, 255, 255, 0) url("../images/check.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
  padding-left: 20px;
  font-size: 16px;
  color: #5eb342;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}
.recover-pwd.recived .subtitle {
  margin: 14px 0 30px 0;
}
.recover-pwd.recived .submit .btn {
  float: none;
  width: 100%;
  padding: 14px 9px;
}
.recover-pwd.recived form .input:nth-of-type(3) {
  margin-top: 29px;
}
/* MODAL LOGIN SQUARE */
.modal-square.member .message {
  margin-top: 20px;
}
.modal-square.member .header-modal {
  text-align: left;
}
.modal-square.member .header-modal img {
  float: left;
  max-width: 80px;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-right: 24px;
}
.modal-square.member .header-modal .title {
  padding-top: 7px;
  text-align: left;
}
.modal-square.member .header-modal .subtitle {
  text-align: left;
  margin-top: 5px;
}
.modal-square.member form .input:nth-of-type(1),
.modal-square.member form .input:nth-of-type(2) {
  display: inline-block;
  width: calc(49.5% - 3px);
}
.modal-square.member form .input:nth-of-type(1) {
  margin-right: 3px;
}
.modal-square.member form .input:nth-of-type(2) {
  margin-left: 3px;
}
.modal-square.member form .submit {
  margin: 45px 0 0 0;
  padding: 38px 0 0 0;
  border-top: 1px solid #cecece;
}
.modal-square.member form .recaptcha + .submit {
  margin-top: 35px;
}
.modal-square.member form .input.active span.view {
  position: absolute;
  top: 17px;
  right: 13px;
  width: 24px;
  height: 14px;
  background: rgba(255, 255, 255, 0) url("../images/view.svg") no-repeat center;
  background-size: auto;
  background-position: right center;
  cursor: pointer;
}
.modal-square.member form .input.active span.noview {
  background: rgba(255, 255, 255, 0) url("../images/noview.svg") no-repeat center;
  background-size: auto;
}
.character-conditions {
  margin: 18px 0 28px 0;
}
.character-conditions ul {
  margin: 0;
  padding: 0;
  max-height: 65px;
}
.character-conditions ul li {
  display: inline-block;
  width: 49%;
  margin: 2px 0;
  color: #e23b34;
  font-size: 12px;
}
.character-conditions ul li:before {
  content: "·";
  display: inline-block;
  margin-right: 4px;
  font-size: 30px;
  line-height: 20px;
  vertical-align: middle;
}
.character-conditions ul li span {
  color: #4a4a4a;
}
.character-conditions ul li.complet {
  opacity: 0.6;
  color: #4a4a4a;
}
.character-conditions .msg.ok {
  background: rgba(255, 255, 255, 0) url("../images/check.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
  background-size: 19px;
  height: 19px;
  padding-top: 1px;
  padding-left: 27px;
  font-size: 14px;
  color: #5eb342;
}
@media (max-width: 567px) {
  .character-conditions ul {
    max-height: 100%;
  }
  .character-conditions ul li {
    display: block;
  }
  .modal-square.member form .input:nth-of-type(1),
  .modal-square.member form .input:nth-of-type(2) {
    width: 100%;
    display: block;
  }
}
/******************* SHOPPING CART  *******************/
.shopping-cart .content-modal {
  height: calc(100% - 51px);
}
.sc {
  position: relative;
  height: 100%;
}
.sc .empty-message {
  position: absolute;
  left: 0;
  top: calc(50% - 50px);
  width: 100%;
  padding: 80px 0 0 0;
  background: rgba(255, 255, 255, 0) url("../images/ico-cart3-gray.png") no-repeat center 0;
  background-size: auto;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #8b8b8b;
  text-align: center;
}
.sc .empty-message.with-wishlist {
  top: calc(25% - 50px);
}
.sc-wishlist-products {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 50%;
  padding: 22px 23px;
  border-top: 1px solid #d9d9d9;
  text-align: center;
}
.sc-wishlist-products .title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #8b8b8b;
}
.sc-wishlist-products .title strong {
  display: block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #e23b34;
}
.sc-wishlist-products ul {
  display: flex;
  padding: 0;
  margin: 22px 0 0 0;
  list-style: none;
  justify-content: space-around;
  align-content: center;
}
.sc-wishlist-products ul li {
  width: 87px;
}
.sc-wishlist-products ul li:nth-child(3) + li {
  display: none;
}
.sc-wishlist-products ul li a {
  display: block;
  line-height: 0;
  width: 100%;
  height: 100px;
  border: 1px solid #d5d5d5;
}
.sc-wishlist-products ul li img {
  width: 100%;
  margin-top: 6px;
}
.sc-wishlist-products .btn {
  height: 45px;
  margin-top: 26px;
}
.sc-wishlist-products .btn:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 17px;
  margin: -2px 10px 0 0;
  background: rgba(255, 255, 255, 0) url("../images/ico-hart-empty-white.svg") no-repeat 0 0;
  background-size: 100%;
  vertical-align: middle;
}
.sc-wishlist-products .btn:hover:before {
  background: rgba(255, 255, 255, 0) url("../images/ico-hart-filled-red.svg") no-repeat 0 0;
  background-size: 100%;
}
.sc-notices {
  padding: 15px 16px 15px 14px;
  border-bottom: 1px solid #d9d9d9;
}
.sc .notice {
  display: flex;
  padding: 14px;
  border: 1px solid;
  border-radius: 2px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #4a4a4a;
  justify-content: space-between;
}
.sc .notice .right {
  text-align: right;
}
/* notices variants */
.sc .notice.to-free-shipping {
  display: block;
  padding-left: 55px;
  background: #fff9f3 url("../images/ico-money-orange.svg") no-repeat 13.8px center;
  background-size: 33px;
  border-color: rgba(255, 148, 50, 0.44);
  font-size: 12px;
  color: #ff9432;
}
.sc .notice.to-free-shipping strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.sc .notice.earn-bonus {
  padding-top: 11px;
  padding-bottom: 10px;
  background-color: rgba(94, 179, 66, 0.07);
  border-color: #5eb342;
}
.sc .notice.earn-bonus .left:before {
  content: "i";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: 0 8px 0 0;
  background-color: #5eb342;
  border-radius: 50%;
  vertical-align: middle;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 13px;
  text-align: center;
  color: #fff;
  line-height: 17px;
}
/* products in cart */
.sc-prods {
  height: calc(100% - 270px);
  padding: 20px 16px 20px 14px;
  overflow-y: scroll;
}
.sc-notices + .sc-prods {
  height: calc(100% - 270px - 93px);
}
.sc-prod {
  position: relative;
  display: flex;
  margin: 0 0 16px 0;
  padding: 0 0 17px 0;
  border-bottom: 1px solid #e2e2e2;
  justify-content: space-between;
}
.sc-prod .image {
  position: relative;
  width: 75px;
  height: 89px;
  border: 1px solid #eeeeee;
}
.sc-prod .image img {
  max-width: calc(100% - 10px);
  margin: 5px;
}
.sc-prod .image .count {
  position: absolute;
  bottom: -7px;
  right: -5px;
  width: 18px;
  height: 18px;
  border-radius: 8px;
  background-color: #ff9432;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  color: #fff;
}
.sc-prod .data {
  position: relative;
  width: calc(100% - 75px - 7px);
}
.sc-prod .title {
  margin-right: 71px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1em;
  color: #444444;
}
.sc-prod .title a {
  color: inherit;
}
.sc-prod .size-color {
  margin: 5px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1em;
  color: #8e8e8e;
}
.sc-prod .price {
  position: absolute;
  right: 10px;
  bottom: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1em;
  color: #333333;
}
.sc-prod .qtty {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 96px;
  height: 30px;
  border: 1px solid #d9d9d9;
}
.sc-prod .qtty .plib_qty .qty_up,
.sc-prod .qtty .plib_qty .qty_down {
  background-size: 7px !important;
}
.sc-prod .qtty .plib_qty input {
  width: 32px;
  font-size: 15px;
}
.sc-prod .remove {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0) url("../images/ico-close-gray.svg") no-repeat 0 0;
  background-size: 12px;
  cursor: pointer;
}
.sc-summary {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 270px;
  border-top: 1px solid #d9d9d9;
}
.sc-summary-info {
  padding: 11px 14px 14px 15px;
}
.sc-summary .line {
  display: flex;
  justify-content: space-between;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1em;
}
.sc-summary .line + .line {
  margin-top: 15px;
}
.sc-summary .line strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #333333;
}
.sc-summary .line strong.free {
  color: #5eb342;
}
.sc-summary .line i {
  display: block;
  font-size: 11px;
  font-style: normal;
  color: #8e8e8e;
}
/* line variants*/
.sc-summary .line.total {
  margin-top: 9px;
  padding-top: 7px;
  border-top: 1px solid #e2e2e2;
  font-size: 16px;
  line-height: 1em;
}
.sc-summary .line.total strong {
  font-size: 24px;
  line-height: 1em;
  color: inherit;
}
.sc-summary .line.bonus-applied {
  color: #5eb342;
  overflow: hidden;
}
.sc-summary .line.bonus-applied strong {
  float: right;
  color: inherit;
}
.sc-summary .store-picking {
  height: 19px;
  padding: 0 0 0 28px;
  margin: 11px 0;
  background: rgba(255, 255, 255, 0) url("../images/ico-store2-gray.svg") no-repeat 0 0;
  background-size: auto;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #7f7f7f;
  line-height: 19px;
}
.sc-summary .store-picking strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.sc-summary .btn {
  margin-top: 8px;
  text-align: center;
}
.sc-apply-bonus {
  padding: 0 14px 0 15px;
}
.apply-bonus-item {
  border-bottom: 1px solid #e2e2e2;
}
.apply-bonus-item .heading {
  display: flex;
  padding: 14px 0 14px 41px;
  justify-content: space-between;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: #e23b34;
}
.apply-bonus-item .button {
  padding-top: 3px;
}
.apply-bonus-item .button .open {
  display: inline-block;
  width: 11px;
  height: 11px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat 0 0;
  background-size: 11px;
  cursor: pointer;
}
.apply-bonus-item .button .close {
  display: none;
  width: 11px;
  height: 11px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_up.svg") no-repeat 0 0;
  background-size: 11px;
  cursor: pointer;
}
.apply-bonus-item .details {
  display: none;
  padding: 0 0 14px 0;
}
.apply-bonus-item .details .input {
  margin-bottom: 0;
}
.apply-bonus-item .details input {
  width: calc(100% - 141px - 9px) !important;
}
.apply-bonus-item .details .btn {
  width: 141px;
  padding-right: 10px;
  padding-left: 10px;
}
html[lang="ca"] .apply-bonus-item .details .btn {
  font-size: 11px;
}
.apply-bonus-item .info {
  padding: 7px 0 0 0;
  font-size: 12px;
  color: #444;
}
/* states */
.apply-bonus-item.open .button .open {
  display: none;
}
.apply-bonus-item.open .button .close {
  display: inline-block;
}
.apply-bonus-item.open .details {
  display: block;
}
/* variants */
.apply-bonus-item.code {
  background: rgba(255, 255, 255, 0) url("../images/ico-label-red.svg") no-repeat 9px 12px;
  background-size: auto;
}
.apply-bonus-item.bonus-card {
  background: rgba(255, 255, 255, 0) url("../images/ico-bonuscard-red.png") no-repeat 2px 13px;
  background-size: auto;
}
/* shopping cart variant - when in checkout process */
.body-checkout .sc-notices {
  display: none;
}
@media (max-width: 599px) {
  .modal-column.shopping-cart {
    width: 100%;
  }
}
/******************* END SHOPPING CART  *******************/
/******************** SEARCHER MODAL **************************/
.gs_cont {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(100% - 64px);
  background: #FFF;
  z-index: 2;
}
.gs_cont.vwresults {
  bottom: 0;
}
body.hfix .gs_cont {
  top: 0;
}
.gs_wrapper {
  position: relative;
  height: 100%;
  max-height: 100%;
  padding: 40px 0 0 0;
}
.gs_searchbox {
  width: 1016px;
  max-width: 100%;
  margin: 0 auto 30px auto;
  padding: 0 20px;
}
.gs_searchbox .close {
  position: absolute;
  top: 17px;
  right: 23px;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0) url("../images/ico-close-gray.svg") no-repeat center;
  background-size: auto;
  font-size: 0;
}
.gs_searchbox input {
  width: 100%;
  height: 60px;
  padding: 9px 15px 9px 60px;
  border: none;
  border-bottom: 1px solid #e23b34;
  background: rgba(255, 255, 255, 0) url("../images/ico-lens-gray.svg") no-repeat 15px calc(50% + 4px);
  background-size: auto;
  font-size: 36px;
  letter-spacing: -0.8px;
  line-height: 42px;
  color: #939393;
  outline: none;
}
.gs_searchbox input::placeholder {
  font-size: 36px;
  color: #c3c3c3;
}
.gs_results_wrapper {
  height: calc(100% - 89px);
  overflow: hidden;
}
.gs_cont.vwresults .gs_results_wrapper {
  display: block;
}
.gs_results_int {
  padding-top: 10px;
}
.gs_results_col {
  display: inline-block;
  vertical-align: top;
}
.results_general_search {
  width: 976px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  overflow: hidden;
}
.gs_results_seeall {
  border-top: 1px solid #e3e3e3;
  text-align: right;
}
.gs_results_seeall a {
  display: inline-block;
  padding: 11px 16px 11px 0;
  color: #e23b34;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_right-red.svg") no-repeat calc(100% - 2px) calc(50% + 1px);
  background-size: 6px;
}
.gs_results_prods {
  width: 58.92%;
  display: flex;
  flex-wrap: wrap;
  float: left;
}
.gs_results_prods .title {
  width: 100%;
  padding: 0 0 15px 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #4a4a4a;
  font-size: 14px;
}
.gs_results_prod_item {
  width: calc(50% - 12px);
  padding: 20px 20px 20px 0;
  border-top: 1px solid #e3e3e3;
}
.gs_results_prod_item:nth-child(odd) {
  margin-left: 11px;
}
.gs_results_prod_item:nth-child(even) {
  margin-right: 11px;
}
.gs_results_prod_img {
  float: left;
  width: 66px;
}
.gs_results_prod_img img {
  width: 100%;
}
.gs_results_prod_title a {
  color: #444;
  font-size: 12px;
}
.gs_results_prod_title a strong {
  color: #e23b34;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.gs_results_prod_price {
  color: #000;
  font-size: 13px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.gs_results_prods .gs_results_seeall {
  width: 100%;
}
.gs_results_entries {
  width: 25%;
  max-width: 255px;
  float: right;
}
.gs_results_entries_receptes span,
.gs_results_entries_blogs span,
.gs_results_entries_tallers span {
  display: block;
  padding-bottom: 15px;
}
.gs_results_entries_receptes ul,
.gs_results_entries_blogs ul,
.gs_results_entries_tallers ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e3e3e3;
}
.gs_results_entries ul li {
  padding: 8px 0;
}
.gs_results_entries ul li a {
  display: block;
  padding-left: 27px;
  min-height: 21px;
  color: #444;
  font-size: 12px;
  background: rgba(255, 255, 255, 0) url("../images/ico-technique-red.svg") no-repeat left;
  background-size: auto;
}
/* entries results variations */
.gs_results_entries ul li.result_technique a {
  background: rgba(255, 255, 255, 0) url("../images/ico-technique-red.svg") no-repeat left;
  background-size: auto;
}
.gs_results_entries ul li.result_recipe a {
  background: rgba(255, 255, 255, 0) url("../images/ico-recipe-red.svg") no-repeat left;
  background-size: auto;
}
.gs_results_categories {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #eeeeee;
}
.gs_results_categories div {
  width: 976px;
  max-width: calc(100% - 30px);
  margin: auto;
  padding: 17px 0 9px 0;
}
.gs_results_categories_title {
  display: inline-block;
  margin-bottom: 8px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  vertical-align: middle;
  color: #4a4a4a;
}
.gs_results_categories div ul {
  display: inline-block;
  height: 38px;
  max-width: calc(100% - 90px);
  padding: 0;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
}
.gs_results_categories div ul li {
  display: inline-block;
  margin: 0 0 7px 10px;
  float: left;
}
.gs_results_categories div ul li a {
  display: block;
  padding: 8px 12px 9px 12px;
  font-size: 13px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #8B8B8B;
  box-shadow: 2px 2px 2px 0 rgba(212, 212, 212, 0.5);
  background: #FFF;
}
@media (max-width: 768px) {
  .gs_cont {
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .gs_searchbox {
    margin-bottom: 0;
  }
  .gs_wrapper {
    padding: 0;
    width: 100%;
    height: 100%;
  }
  .gs_searchbox input {
    padding: 14px 5px;
    font-size: 13px;
    color: #3b3b3b;
    background: #ffffff;
  }
  .gs_searchbox input::placeholder {
    font-size: 14px;
  }
  .gs_results_wrapper {
    height: calc(100% - 112px);
    padding-bottom: 20px;
    overflow: scroll;
  }
  .gs_results_prods {
    width: 100%;
    max-width: 100%;
  }
  .gs_results_prod_item {
    vertical-align: top;
    width: 100%;
    padding: 16px 20px 15px 0;
  }
  .gs_results_prod_item:nth-child(odd) {
    margin-left: 0;
  }
  .gs_results_prod_item:nth-child(even) {
    margin-right: 0;
  }
  .gs_results_entries {
    width: 100%;
    max-width: 100%;
    float: none;
  }
  .gs_results_categories {
    position: static;
  }
}
/*************** BREAD CRUMB *****************/
body .group178_div1 {
  position: relative;
  float: none;
  height: 62px;
  clear: both;
}
.bread-crumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #444444;
  line-height: 1em;
  z-index: 2;
}
.bread-crumb .wrapper {
  width: 1174px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}
.bread-crumb-int {
  float: left;
  display: flex;
  border-left: 1px solid #e8e8e8;
}
.bread-crumb .item {
  position: relative;
  display: inline-block;
  padding: 8px 22px 10px 14px;
  margin: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  overflow: visible;
  background: none;
}
.bread-crumb .item:hover {
  box-shadow: initial;
}
.bread-crumb .item:before {
  content: "";
  display: block;
  width: 9px;
  height: 32px;
  position: absolute;
  top: -1px;
  right: -1px;
  background: rgba(255, 255, 255, 0) url("../images/bg-breadcrumb-item.svg") no-repeat center;
  background-size: auto;
  background-size: 100% !important;
}
.bread-crumb .item:last-child:before {
  background: rgba(255, 255, 255, 0) url("../images/bg-breadcrumb-last-item.svg") no-repeat center;
  background-size: auto;
}
.bread-crumb .item a {
  color: inherit;
}
.bread-crumb .item span {
  display: inline-block;
  max-height: 12px;
  overflow: hidden;
}
.bread-crumb .item:last-child span {
  word-break: break-all;
}
/*item redefinition*/
.bread-crumb .item.home {
  padding-left: 33px;
  background: rgba(255, 255, 255, 0) url("../images/ico-home-red.svg") no-repeat 13px 8px;
  background-size: auto;
  color: #e23b34;
}
.bread-crumb .item.has-childs span {
  padding-right: 14px;
  background: rgba(255, 255, 255, 0) url("../images/pointer-down-red.svg") no-repeat right center;
  background-size: auto;
}
.bread-crumb .item.has-childs .childs {
  position: absolute;
  width: 300px;
  top: 31px;
  left: -8px;
  display: none;
  border: 1px solid #e8e8e8;
  border-top: 0;
  background: #fff;
  z-index: 1;
  box-shadow: 0 2px 4px 0 #d5d5d5;
}
.bread-crumb .item.has-childs .childs ul {
  list-style: none;
  padding: 10px 20px;
  margin: 0;
}
.bread-crumb .item.has-childs .childs ul li {
  padding: 9px 0 5px;
}
.bread-crumb .item.has-childs .childs ul li + li {
  padding-left: 15px;
}
.bread-crumb .item.has-childs .childs ul li:hover {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
/*item states*/
.bread-crumb .item.has-childs.open {
  border-right: 1px solid #e8e8e8;
  border-bottom: 0;
}
.bread-crumb .item.has-childs.open:before {
  display: none;
}
.bread-crumb .item.has-childs.open:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -8px;
  width: 8px;
  border-bottom: 1px solid #fff;
}
.bread-crumb .item.has-childs.open .childs {
  display: block;
}
.bread-crumb .wrapper:after {
  content: '';
  display: block;
  clear: both;
}
@media (max-width: 945px) {
  .bread-crumb {
    margin: 10px 0;
    font-size: 10.8px;
  }
  .bread-crumb .wrapper {
    max-width: calc(100% - 20px);
  }
  .bread-crumb .item {
    padding-top: 9px;
    padding-bottom: 8px;
  }
  .bread-crumb .item:before {
    width: 8px;
    height: 29px;
  }
  .bread-crumb .item span {
    max-height: 10px;
    overflow: hidden;
  }
  .bread-crumb .item.home {
    padding-right: 28px;
    padding-left: 13px;
    font-size: 0;
  }
}
@media (max-width: 768px) {
  .bread-crumb {
    padding-top: 0;
  }
  .bread-crumb .item.has-childs .childs {
    top: 27px;
  }
}
@media (max-width: 650px) {
  .body-product-list .bread-crumb,
  .body-family-list .bread-crumb,
  .body-product .bread-crumb {
    display: none;
  }
  .body-product-list .group178_div1,
  .body-family-list .group178_div1 {
    height: 15px;
  }
  .body-product .group178_div1 {
    height: 0px;
  }
  .bread-crumb .item:nth-child(3) {
    display: none;
  }
}
/*************** END BREAD CRUMB *****************/
/* SLIDE OPENING */
.slide-opening {
  max-width: 1280px;
  width: 100%;
  margin: 3px auto 45px auto;
  padding: 54px 0 0 303px;
  overflow: hidden;
}
.swiper-opening {
  padding-bottom: 40px;
  max-width: 970px;
  width: 100%;
  float: right;
}
.slide-opening .swiper-slide .info {
  position: absolute;
  left: 48px;
  display: inline-block;
  max-width: 393px;
  padding: 0;
}
.slide-opening .swiper-slide .info .title {
  padding: 0 0 15px 0;
  font-size: 40px;
  color: #333;
  line-height: 1.1em;
  font-weight: 300;
}
.slide-opening .swiper-slide .info .title span {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.slide-opening .swiper-slide .info .subittle {
  padding: 0 0 10px 0;
  color: #6f6f6f;
  font-size: 16px;
}
.slide-opening .swiper-slide .info .prices {
  padding: 0 0 15px 0;
}
.slide-opening .swiper-slide .info .prices .new {
  display: inline-block;
  font-size: 28px;
  color: #444;
}
.slide-opening .swiper-slide .info .prices .old {
  display: inline-block;
  vertical-align: text-bottom;
  margin: 0 12px;
  color: #8a8a8a;
  text-decoration: line-through;
}
.slide-opening .swiper-slide .info .prices .savings {
  display: inline-block;
  vertical-align: text-bottom;
  color: #87a54d;
}
.slide-opening .swiper-slide .info .btn {
  padding-top: 13px;
}
.slide-opening .swiper-slide .info .btn:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 16px;
  margin: 0 3px 0 0;
  background: url("../images/ico-cart-white.svg") 0 0 no-repeat;
  background-size: 100%;
  vertical-align: top;
}
.slide-opening .swiper-slide .info .btn:hover:before {
  background: url("../images/ico-cart-red.svg") 0 0 no-repeat;
  background-size: 100%;
}
.slide-opening .swiper-slide .image {
  display: inline-block;
  float: right;
  max-width: 520px;
}
.slide-opening .swiper-slide .image .img {
  display: block;
}
.slide-opening .swiper-slide .image .img img {
  width: 100%;
}
.slide-opening .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  padding-right: 55px;
  text-align: right;
}
.slide-opening .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.slide-opening .swiper-pagination-bullet-active {
  background: #e23b34;
}
@media (max-width: 1167px) {
  .slide-opening {
    padding-left: 250px;
  }
}
@media (max-width: 1024px) {
  .slide-opening .swiper-slide .info {
    max-width: 250px;
  }
  .slide-opening .swiper-slide .info .title {
    font-size: 35px;
  }
  .slide-opening .swiper-slide .image {
    max-width: 460px;
  }
}
@media (max-width: 945px) {
  .slide-opening {
    padding-left: 0;
  }
  .slide-opening .swiper-slide .info {
    left: 15px;
    max-width: calc(45% - 15px);
  }
  .slide-opening .swiper-slide .image {
    max-width: calc(55% - 15px);
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  .slide-opening .swiper-slide .info .title {
    font-size: 30px;
  }
}
@media (max-width: 700px) {
  .slide-opening .swiper-slide .info .title {
    font-size: 26px;
  }
  .slide-opening .swiper-slide .info .prices .new {
    font-size: 23px;
  }
}
@media (max-width: 599px) {
  .slide-opening {
    padding-top: 15px;
  }
}
@media (max-width: 567px) {
  .slide-opening {
    margin: 0;
    padding: 0;
  }
  .slide-opening .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    padding-right: 0;
    text-align: center;
  }
  .slide-opening .swiper-slide .info {
    position: static;
    width: 65%;
    padding: 18px 0 0 10px;
    max-width: calc(45% - 5px);
  }
  .slide-opening .swiper-slide .info .title {
    font-size: 22px;
    line-height: 1.09em;
    padding: 0 0 11px 0;
  }
  .slide-opening .swiper-slide .info .subittle {
    font-size: 13px;
  }
  .slide-opening .swiper-slide .info .prices .new {
    font-size: 20px;
  }
  .slide-opening .swiper-slide .info .prices .old {
    margin: 0 7px;
  }
  .slide-opening .swiper-slide .info .prices .savings {
    display: block;
    font-size: 11px;
  }
  .slide-opening .swiper-slide .info .btn {
    display: none;
  }
  .slide-opening .swiper-slide .image {
    float: none;
    max-width: 250px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .swiper-opening {
    padding-bottom: 34px;
  }
  .swiper-slide a.cover {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
  }
  .swiper-slide a.cover:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .slide-opening .swiper-slide .image .img img {
    width: 50%;
    display: block;
    max-width: 67%;
    margin-right: -5px;
    margin-top: 20px;
    margin-bottom: 10px;
    float: right;
  }
  .slide-opening .swiper-slide .image {
    max-width: 100%;
    width: 100%;
    text-align: right;
    overflow: hidden;
  }
  .slide-opening .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .slide-opening .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 17px;
  }
  .slide-opening .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}
/* RIBBON ICON LNKS */
.ribbon-links {
  padding: 22px;
  background: #f1f1f1;
  text-align: center;
  background: rgba(255, 255, 255, 0) url("../images/textura-bg.svg") no-repeat center;
  background-size: auto;
  background-repeat: repeat;
}
.ribbon-links .wrapper {
  max-width: 970px;
  width: 100%;
}
.ribbon-links .link {
  display: inline-block;
  width: 32%;
}
.ribbon-links .link:nth-child(1) {
  float: left;
  cursor: pointer;
}
.ribbon-links .link:nth-child(3) {
  float: right;
}
.ribbon-links .link .img {
  display: block;
  margin-bottom: 14px;
  height: 61px;
}
.ribbon-links .link .img img {
  height: 100%;
}
.ribbon-links .link .title {
  padding-bottom: 5px;
}
.ribbon-links .link .title a {
  color: #474747;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.ribbon-links .link .view a {
  color: #e23b34;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.ribbon-links .link:hover .img {
  opacity: 0.6;
}
/* redefinitions by use cases */
@media (max-width: 567px) {
  .ribbon-links {
    padding: 4px 12px;
    text-align: left;
  }
  .ribbon-links .link .title a {
    font-size: 14px;
  }
  .ribbon-links .link {
    display: block;
    width: 100%;
    padding: 13px 0;
    overflow: hidden;
  }
  .ribbon-links .link:nth-child(1) {
    float: none;
  }
  /*.ribbon-links .link:nth-child(1) img {width: 32px; margin-left: 4px;}*/
  /*.ribbon-links .link:nth-child(2) img {width: 27px; margin-left: 4px;}*/
  .ribbon-links .link:nth-child(3) {
    float: none;
  }
  /*.ribbon-links .link:nth-child(3) img {width: 27px;}*/
  .ribbon-links .link .img {
    float: left;
    height: 37px;
    margin: 0;
    margin-right: 10px;
    min-width: 43px;
    text-align: center;
  }
}
/* CARDS - ELEMENTS COMUNS */
.item {
  position: relative;
  padding: 9px;
  background: #FFF;
  overflow: hidden;
}
.item:hover {
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
}
.item .item-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.item .ribbon {
  position: absolute;
  top: 10px;
  left: -1px;
  z-index: 1;
  padding: 5px 8px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #e23b34;
  font-size: 12px;
  color: #FFF;
  pointer-events: none;
}
.item .ribbon.new {
  background-color: #5EB342;
}
.item .ribbon.featured {
  background-color: #e23b34;
}
.item .ribbon.offer {
  background-color: #16b7cb;
}
.item .img {
  display: block;
  width: 100%;
}
.item .img img {
  width: 100%;
}
.item .img img + img {
  display: none;
}
.item .block-info-option {
  position: relative;
  padding: 4px;
}
.item .info {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item:hover .info {
  opacity: 0;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item .info .prices {
  text-align: left;
}
.item .info .prices .actual-price {
  font-size: 16px;
  letter-spacing: -0.2px;
  color: #333;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.item .info .prices .last-price {
  padding: 0 1px;
  font-size: 10px;
  letter-spacing: -0.2px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  color: #979797;
  text-decoration: line-through;
}
.item .info .prices .salvings {
  font-size: 11px;
  letter-spacing: -0.5px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  color: #979797;
}
.item .info .name-product {
  min-height: 77px;
  padding: 10px 5px 10px 0;
  font-size: 15px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  line-height: 1.27;
  letter-spacing: -0.3px;
  color: #444444;
}
.item .info .name-product a {
  color: inherit;
}
.item .info .recipe-calendar {
  padding: 12px 0 10px 0;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: -0.2px;
  color: #83a348;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.item .option .block-option .btn {
  width: 100%;
  padding: 13px;
  text-align: center;
}
.item .option .block-option .btn.view:before {
  content: "";
  display: inline-block;
  width: 20px;
  margin: 2px 6px 0 0;
  height: 13px;
  background: url(../images/ico-eye-red.svg);
  vertical-align: top;
}
.item .option .block-option .btn.view:hover {
  background-color: #fff;
  color: #e23b34;
}
.item .option .block-option .btn.buy {
  margin: 11px 0 0 0;
  padding: 9px;
}
.item .option .block-option .btn span,
.item .option .block-option .btn svg {
  display: inline-block;
  vertical-align: middle;
}
.item .option .block-option .btn.buy svg {
  stroke: #FFF;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item .option .block-option .btn.buy:hover {
  background-color: #e23b34;
  color: #fff;
}
.rating .stars {
  display: inline-block;
  vertical-align: middle;
}
.rating .stars .star {
  display: inline-block;
  width: 11px;
  height: 11px;
  background: rgba(255, 255, 255, 0) url("../images/star_gris.svg") no-repeat center;
  background-size: auto;
}
.rating .stars .star.full {
  background: rgba(255, 255, 255, 0) url("../images/star_yellow.svg") no-repeat center;
  background-size: auto;
}
.rating .total-rating {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.42;
  letter-spacing: -0.3px;
  color: #e23b34;
}
/* PRODUCT-CARD */
.stock {
  display: none;
  cursor: pointer;
}
.stock .see {
  padding-right: 14px;
  font-size: 12px;
  line-height: 3.33;
  letter-spacing: -0.2px;
  color: #444444;
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat center;
  background-size: auto;
  background-position: right center;
  background-size: 8px;
}
.stock .stock-list {
  display: block;
  width: 229px;
  padding: 0 12px;
  opacity: 0;
  position: absolute;
  bottom: 12px;
  background: #FFF;
  border: 1px solid #e23b34;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  z-index: 1;
}
.stock .stock-list:after {
  content: "";
  position: absolute;
  left: 48px;
  right: 0;
  bottom: -7px;
  margin: auto;
  width: 10px;
  height: 10px;
  background: #FFF;
  border-right: 1px solid #e4392c;
  border-bottom: 1px solid #e4392c;
  transform: rotate(45deg);
}
.stock:hover .stock-list {
  opacity: 1;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.stock .stock-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.stock .stock-list ul li {
  padding: 13px 0 13px 32px;
  background: rgba(255, 255, 255, 0) url("../images/unavailable.png") no-repeat left center;
  background-size: auto;
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #444444;
  border-bottom: 1px solid #dcdcdc;
}
.stock .stock-list ul .disponible {
  background: rgba(255, 255, 255, 0) url("../images/check.svg") no-repeat left center;
  background-size: 18px;
  background-position: left center;
}
.stock .stock-list ul li:last-of-type {
  border: none;
}
.item .option {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  opacity: 0;
  background: #FFF;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item:hover .option {
  opacity: 1;
  bottom: 0;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item .block-mark-recommended {
  display: none;
}
.item .product-mark {
  display: block;
  width: 38px;
  margin: auto;
  margin-right: -5px;
}
.item .product-mark img {
  width: 100%;
}
.item .recommended {
  display: block;
  position: absolute;
  bottom: 12px;
  width: 54px;
  height: 54px;
  background: rgba(255, 255, 255, 0) url("../images/gadgets-recomanat.svg") no-repeat center;
  background-size: auto;
  background-size: 100%;
}
.item .option .block-option {
  display: inline-block;
  width: 100%;
}
.item .option .block-option .apt {
  display: none;
  padding-left: 26px;
  font-size: 13px;
  color: #4a4a4a;
  background: rgba(255, 255, 255, 0) url("../images/ico-check2-red.svg") no-repeat 0 2px;
  background-size: auto;
}
.colors {
  display: block;
  padding: 0 0 8px 0;
}
.colors .color {
  display: inline-block;
  margin: 0 6px;
  width: 25px;
  height: 25px;
  background: #999;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.colors .color:first-of-type {
  margin-left: 0;
}
.colors .color:last-of-type {
  margin-right: 0;
}
.colors .color.c1 {
  background: #6bce74;
}
.colors .color.c2 {
  background: #1db1e5;
}
.colors .color.c3 {
  background: #766ce3;
}
.colors .color.c4 {
  background: #bb58a6;
}
.colors .color.c5 {
  background: #a52e3d;
}
.colors .color.color-selected {
  border: 1px solid #e23b34;
  padding: 5px;
  box-shadow: inset 0 0 0px 5px #FFF;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.colors .color.rojo,
.colors .color.vermell {
  background-color: #cc0000;
}
.colors .color.azul,
.colors .color.blau {
  background-color: #14b4ff;
}
.colors .color.naranja,
.colors .color.taronja {
  background-color: #ff7800;
}
.colors .color.fucsia,
.colors .color.fucsia {
  background-color: #ff0078;
}
.colors .color.violeta,
.colors .color.violeta {
  background-color: #78288C;
}
.colors .color.blanco,
.colors .color.blanc {
  background-color: #f6f6f6;
}
.colors .color.gris,
.colors .color.gris {
  background-color: #cccccc;
}
.colors .color.negro,
.colors .color.negre {
  background-color: #151515;
}
.colors .color.rosa,
.colors .color.rosa {
  background-color: #ff8f8f;
}
.colors .color.marron,
.colors .color.marro {
  background-color: #8b4410;
}
.colors .color.amarillo,
.colors .color.groc {
  background-color: #fffc00;
}
.colors .color.transparente,
.colors .color.transparent {
  background: url(../images/bg-tran-representation.gif);
}
.colors .color.crema,
.colors .color.crema {
  background-color: #ffd67d;
}
.colors .color.dorado,
.colors .color.daurat {
  background-color: #ffd800;
}
.colors .color.plata,
.colors .color.plata {
  background-color: #bdbdbd;
}
.colors .color.azul-marino,
.colors .color.blau-mari {
  background-color: #0035fa;
}
.colors .color.verde,
.colors .color.verd {
  background-color: #009846;
}
.colors .color.acer,
.colors .color.acero {
  background-color: #b2b2b4;
}
.colors .color.porpra,
.colors .color.purpura {
  background-color: #800080;
}
.colors .color.perla,
.colors .color.perla {
  background-color: #fefaee;
}
.colors .color.burdeus,
.colors .color.burdeos {
  background-color: #921a1b;
}
.colors .color.beix,
.colors .color.beige {
  background-color: #d3b697;
}
.colors .color.bronze,
.colors .color.bronce {
  background-color: #CD7F32;
}
.colors .color.terracota {
  background-color: #e2725b;
}
.colors .color.turquesa {
  background-color: #4fa9b1;
}
.colors .color.menta {
  background-color: #9bfad0;
}
.colors .color.lima {
  background-color: #bfff00;
}
.sizes {
  padding-bottom: 7px;
}
.sizes p {
  padding: 0 0 11px 0;
  font-size: 14px;
  letter-spacing: -0.4px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.sizes ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.sizes ul li {
  display: inline-block;
  width: calc(50% - 5px);
  margin: 5px 0;
}
.sizes ul li:nth-of-type(odd) {
  margin-right: 5px;
}
.sizes ul li:nth-of-type(even) {
  margin-left: 5px;
}
.sizes ul li .btn {
  font-size: 14px;
  text-transform: inherit;
}
.item .option .block-option.select-size .sizes {
  display: block;
}
.item .option .block-option.select-size .colors,
.item .option .block-option.select-size > .btn {
  display: none;
}
/* PRODUCT-CART HORIZONTAL */
.item.horizontal .info .name-product {
  min-height: initial;
}
.item.product-card.horizontal .option .block-option {
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: calc(100% - 28px);
}
@media (max-width: 567px) {
  .item {
    padding: 4px;
  }
  .item .ribbon {
    font-size: 9px;
  }
  .item .img {
    width: 100%;
  }
  .item .info .prices .actual-price {
    display: block;
    font-size: 12px;
    line-height: 0.8em;
  }
  .item .info .prices .last-price {
    padding-left: 0;
    padding-right: 3px;
    font-size: 11px;
    line-height: 1.08em;
  }
  .item .info .prices .salvings {
    font-size: 9px;
    line-height: 1.08em;
  }
  .item .info .name-product {
    min-height: 31px;
    font-size: 11px;
    padding: 4px 0 0px 0;
  }
  .item .info .recipe-calendar {
    font-size: 9px;
    padding: 4px 0 10px 0;
  }
  .rating .stars .star,
  .rating .stars .star.full {
    width: 7px;
    height: 7px;
    background-size: 100%;
  }
  .rating .total-rating {
    font-size: 8px;
  }
}
/* PRODUCTE HORITZONTAL */
@media (min-width: 769px) {
  .item.product-card.horizontal {
    padding: 0;
    box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
    overflow: visible;
  }
  .item.product-card.horizontal:hover .info {
    opacity: 1;
  }
  .item.product-card.horizontal .img {
    display: inline-block;
    vertical-align: top;
    width: 182px;
    padding: 16px;
    margin-right: 11px;
  }
  .item.product-card.horizontal .block-mark-recommended {
    display: inline-block;
    float: right;
    width: 54px;
    height: 150px;
    margin-right: 30px;
    margin-left: 10px;
  }
  .item.product-card.horizontal .block-info-option {
    display: inline-block;
    vertical-align: top;
    padding: 0 275px 0 0;
    width: calc(100% - 198px);
    min-height: 182px;
  }
  .item.product-card.horizontal .block-info-option .info {
    display: inline-block;
    vertical-align: top;
    padding: 16px 0;
    width: 100%;
    height: 100%;
  }
  .item.product-card.horizontal .block-info-option .option {
    position: absolute;
    top: 0;
    right: 0;
    left: inherit;
    display: inline-block;
    vertical-align: top;
    opacity: 1;
    padding: 14px;
    background: #f8f8f8;
    float: right;
    width: 275px;
    height: 100%;
  }
  .item.product-card.horizontal .option .block-option .colors {
    position: absolute;
    bottom: 54px;
    left: 0;
    right: 14px;
  }
  .item.product-card.horizontal .option .block-option .apt,
  .item.product-card.horizontal .option .product-mark,
  .item.product-card.horizontal .option .recommended {
    display: block;
  }
  /*.item.product-card.horizontal .option .block-option > .btn.invert {display:none;}*/
  .item.product-card.horizontal .option .block-option .btn.buy {
    width: 100%;
  }
  /*.item.product-card.horizontal .option .block-option .btn.buy {position:absolute; bottom:14px; left:14px; right:14px; width:calc(~"100% - 28px");}*/
  .item.product-card.horizontal .stock {
    position: relative;
    display: inline-block;
    height: 14px;
    margin-top: -6px;
  }
  .item.product-card.horizontal .info .recipe-calendar {
    padding: 5px 0 0 0;
  }
  .item.product-card.horizontal .info .prices .actual-price {
    font-size: 22px;
  }
  .item.product-card.horizontal .rating {
    padding-top: 23px;
  }
  .item.product-card.horizontal .sizes {
    left: 14px;
    right: 14px;
    bottom: 0;
  }
}
@media (max-width: 820px) and (min-width: 769px) {
  .item.product-card.horizontal .block-mark-recommended {
    height: 193px;
  }
  .item.product-card.horizontal .recommended {
    bottom: 25px;
  }
}
/* CARD CATEGORIE SIDEBAR */
.item.product-card.horizontal.sidebar {
  margin: 0 0 14px 0;
  border: 1px solid #dbdbdb;
  box-shadow: none !important;
}
.item.product-card.horizontal.sidebar .item-link {
  z-index: 1;
}
.item.product-card.horizontal.sidebar .img {
  padding: 10px;
  width: 138px;
}
.item.product-card.horizontal.sidebar .block-info-option {
  padding: 0;
  min-height: auto;
  width: calc(100% - 154px);
}
.item.product-card.horizontal.sidebar .info .prices .actual-price {
  font-size: 16px;
}
.item.product-card.horizontal.sidebar .rating {
  padding-top: 0;
}
.item.product-card.horizontal.sidebar .info .prices .last-price {
  padding: 0 10px 0 1px;
}
/* CARD-WORKSHOP */
.item.workshop-card {
  max-width: 100%;
  border: 1px solid #d9d9d9;
  padding: 0;
}
.item.workshop-card .ribbon {
  pointer-events: auto;
}
.item.workshop-card .img {
  display: inline-block;
  vertical-align: top;
  padding: 17px;
  width: 268px;
}
.item.workshop-card .block-info-option {
  display: inline-block;
  vertical-align: top;
  padding: 17px;
  width: calc(100% - 273px);
}
.item.workshop-card .info {
  opacity: 1;
}
.item.workshop-card .type-card {
  font-size: 12px;
  line-height: 1.67em;
  color: #888888;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item.workshop-card h2 {
  min-height: 55px;
  padding: 2px 0 9px 0;
  font-size: 22px;
  line-height: 1;
  letter-spacing: -0.4px;
  color: #444444;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.item.workshop-card h2 a {
  color: #444444;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item.workshop-card:hover .type-card,
.item.workshop-card:hover h2 a {
  color: #e23b34;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item.workshop-card .info-time {
  font-size: 13px;
  color: #666;
  line-height: 1.62em;
}
.item.workshop-card .info-time span {
  padding: 0 10px 0 24px;
  border-right: 1px solid #dedede;
}
.item.workshop-card .info-time span:last-of-type {
  padding-right: 0;
  border: none;
}
.item.workshop-card .info-time span:first-of-type {
  padding-left: 20px;
}
.item.workshop-card .info-time .day {
  background: rgba(255, 255, 255, 0) url("../images/icon-calendar.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
}
.item.workshop-card .info-time .duration {
  background: rgba(255, 255, 255, 0) url("../images/icon-clock.svg") no-repeat center;
  background-size: auto;
  background-position: 4px center;
}
.item.workshop-card .info-time .teacher {
  background: rgba(255, 255, 255, 0) url("../images/icon-chef.svg") no-repeat center;
  background-size: auto;
  background-position: 4px -1px;
}
.item.workshop-card .place {
  display: block;
  margin: 17px 0 5px 0;
  background: rgba(255, 255, 255, 0) url("../images/icon-place.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
  padding: 6px 0 5px 33px;
  font-size: 14px;
  line-height: 0.93;
  letter-spacing: -0.3px;
  color: #333333;
}
.item.workshop-card .place.valencia {
  background: rgba(255, 255, 255, 0) url("../images/icon-place-yellow.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
}
.item.workshop-card .explanation-whorkshop {
  position: relative;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.43;
  overflow: hidden;
}
.item.workshop-card .explanation-whorkshop .hidder {
  width: 100%;
  height: 80px;
  padding: 40px 0 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #e23b34;
  line-height: 40px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, #ffffff 50%);
  cursor: pointer;
}
.item.workshop-card .explanation-whorkshop .hidder:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 7px;
  margin: 0 0 0 5px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat center;
  background-size: auto;
  vertical-align: middle;
}
.item.workshop-card .explanation-whorkshop .hidder.opened {
  background: transparent;
}
.item.workshop-card .explanation-whorkshop .hidder.opened:after {
  background: rgba(255, 255, 255, 0) url("../images/arrow_up.svg") no-repeat center;
  background-size: auto;
  vertical-align: middle;
}
.item.workshop-card .option {
  position: static;
  opacity: 1;
  padding-top: 22px;
}
.item.workshop-card .block-option-right {
  float: right;
}
.item.workshop-card .block-option-left {
  float: left;
  padding-top: 4px;
}
.item.workshop-card .products-guests {
  font-size: 13px;
  line-height: 1.62em;
  color: #888888;
}
.item.workshop-card .discount {
  font-size: 13px;
  color: #83a348;
  line-height: 1.62em;
}
.item.workshop-card .workshop-price {
  padding-left: 18px;
  font-size: 22px;
  color: #444;
}
.item.workshop-card .workshop-free {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #5eb342;
}
@media (max-width: 567px) {
  .item.workshop-card .ribbon,
  .item.workshop-card .img {
    display: none;
  }
  .item.workshop-card .block-info-option {
    width: 100%;
    padding: 14px;
  }
  .item.workshop-card .type-card {
    font-size: 11px;
  }
  .item.workshop-card h2 {
    min-height: initial;
    font-size: 16px;
  }
  .item.workshop-card .place {
    margin-top: 9px;
    padding: 6px 0 5px 23px;
    font-size: 12px;
    background-size: 17px;
  }
  .item.workshop-card .option {
    padding-top: 0;
  }
  .item.workshop-card .products-guests {
    font-size: 12px;
  }
  .item.workshop-card .discount {
    font-size: 12px;
  }
  .item.workshop-card .workshop-price {
    font-size: 20px;
    padding-left: 4px;
  }
  .item.workshop-card .block-option-right {
    padding-top: 9px;
  }
  .item.workshop-card .info-time {
    font-size: 12px;
  }
  .item.workshop-card .info-time .day,
  .item.workshop-card .info-time .duration,
  .item.workshop-card .info-time .teacher {
    background-size: 13px;
  }
}
/* TALLER + OPCIÓ DE COMPRA */
.item.workshop-card.buy-option {
  border: none;
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
  font-size: 0;
}
.item.workshop-card.buy-option .img {
  position: relative;
  width: 402px;
  height: 252px;
  padding: 0;
  overflow: hidden;
}
.item.workshop-card.buy-option .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.item.workshop-card.buy-option .block-info-option {
  position: static;
  width: calc(100% - 402px);
  padding: 17px 14px 14px 17px;
}
.item.workshop-card.buy-option h2 {
  padding: 2px 90px 15px 0;
  font-size: 28px;
}
.item.workshop-card.buy-option .place {
  margin: 15px 0 0 0;
}
/*.item.workshop-card.buy-option .exclusive-club {position:absolute; top:20px; right:27px; width:85px; height:74px; .bg-img('exclusiu-club.svg');}*/
.item.workshop-card.buy-option .option {
  position: absolute;
  bottom: 14px;
  width: calc(100% - 438px);
  left: inherit;
  right: 14px;
  margin-top: 56px;
  padding: 12px 0 0 0;
  border-top: 1px solid #eaeaea;
}
.item.workshop-card.buy-option .workshop-price {
  display: inline-block;
  vertical-align: middle;
  margin: 0 9px 0 0;
  padding: 0 7px 0 0;
  font-size: 30px;
  border-right: 1px solid #d5d5d5;
  line-height: 1.1em;
}
.item.workshop-card.buy-option .workshop-free {
  display: inline-block;
  vertical-align: middle;
  margin: 0 9px 0 0;
  font-size: 20px;
  line-height: 33px;
}
.item.workshop-card.buy-option .discount {
  display: inline-block;
  vertical-align: middle;
  width: 175px;
  max-width: calc(100% - 75px);
  font-size: 14px;
  color: #8b8b8b;
  line-height: 1.2em;
}
.item.workshop-card.buy-option .discount span {
  display: block;
  clear: both;
  color: #ff9432;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.item.workshop-card.buy-option .block-option-left {
  width: 42%;
}
.item.workshop-card.buy-option .block-option-right {
  width: 58%;
}
.item.workshop-card.buy-option .block-option-right .hours {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.item.workshop-card.buy-option .block-option-right .btn {
  display: inline-block;
  vertical-align: middle;
  width: 265px;
  max-width: calc(100% - 162px);
  padding: 14px;
  text-align: center;
}
.item.workshop-card.buy-option .hours {
  /*margin-right:38px;*/
}
.item.workshop-card.buy-option .hours .hour-selected {
  padding-right: 22px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat center;
  background-size: auto;
  background-position: right center;
  background-size: 11px;
  font-size: 14px;
  color: #444;
  cursor: pointer;
}
.hours .hours-list {
  display: block;
  width: 105px;
  padding: 0 12px;
  opacity: 0;
  position: absolute;
  bottom: 25px;
  right: -22px;
  z-index: 1;
  background: #FFF;
  border: 1px solid #e23b34;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.hours .hours-list:after {
  content: "";
  position: absolute;
  left: 48px;
  right: 0;
  bottom: -7px;
  margin: auto;
  width: 10px;
  height: 10px;
  background: #FFF;
  border-right: 1px solid #e4392c;
  border-bottom: 1px solid #e4392c;
  transform: rotate(45deg);
}
.hours:hover .hours-list {
  opacity: 1;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.hours .hours-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hours .hours-list ul .disponible {
  background: rgba(255, 255, 255, 0) url("../images/check.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
}
.hours .hours-list ul li {
  padding: 13px 0 13px 0;
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #444444;
  border-bottom: 1px solid #dcdcdc;
}
.hours .hours-list ul li:last-of-type {
  border: none;
}
.item.workshop-card.buy-option.disabled .img,
.item.workshop-card.disabled:hover .type-card,
.item.workshop-card.disabled:hover h2 a,
.item.workshop-card.buy-option.disabled .discount span,
.item.workshop-card.buy-option.disabled .hours .hour-selected,
.item.workshop-card.buy-option.disabled .block-option-right .btn {
  filter: grayscale(100%);
}
.item.workshop-card.buy-option.disabled .block-option-right .btn {
  background: #cecece;
  border-color: #cecece;
  cursor: default;
}
.item.workshop-card.buy-option.disabled .block-option-right .btn:hover {
  color: #FFF;
}
@media (max-width: 570px) {
  .taller_form {
    display: flex;
    flex-direction: column;
  }
  .taller_form form {
    order: 1;
  }
  .taller_form .alert-success {
    margin-top: 10px;
    order: 2;
  }
}
@media (max-width: 1020px) {
  .item.workshop-card.buy-option .block-option-right,
  .item.workshop-card.buy-option .block-option-left {
    float: none;
    width: 100%;
  }
  .item.workshop-card.buy-option .option {
    padding: 0;
    position: static;
    width: auto;
    margin-top: 10px;
  }
  /*.item.workshop-card.buy-option .block-info-option {width: calc(~"100% - 329px");}*/
  .item.workshop-card.buy-option .block-option-left {
    padding: 8px 0;
    border-bottom: 1px solid #eaeaea;
  }
  .item.workshop-card.buy-option .block-option-right {
    padding: 8px 0 0 0;
  }
  .item.workshop-card.buy-option .hours {
    margin-right: 10px;
  }
  /*.item.workshop-card.buy-option .block-option-right .btn {max-width:calc(~"100% - 119px");}*/
  .item.workshop-card.buy-option .exclusive-club {
    left: 5px;
    top: 5px;
    background-color: #FFF;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    background-size: 58px;
  }
  /*.item.workshop-card.buy-option .img {overflow:hidden; width: 329px;}*/
  /*.item.workshop-card.buy-option .img img {width:402px; max-width: 100%}*/
  .item.workshop-card.buy-option h2 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 9px;
  }
  .item.workshop-card.buy-option .place {
    margin-top: 9px;
  }
  /*.body-workshops .item.workshop-card.buy-option .img {width: 329px; height: 206px;}*/
}
@media (max-width: 815px) {
  .item.workshop-card.buy-option .block-option-right .btn {
    width: calc(100% - 162px);
  }
}
@media (max-width: 768px) {
  .item.workshop-card.buy-option .img {
    width: 300px;
    height: 188px;
  }
  .item.workshop-card.buy-option .block-info-option {
    width: calc(100% - 300px);
  }
  .item.workshop-card.buy-option h2 {
    font-size: 16px;
  }
  .item.workshop-card.buy-option .block-option-right .hours {
    display: block;
  }
}
@media (max-width: 699px) {
  .item.workshop-card.buy-option .img {
    display: block;
    width: 100%;
    height: 0;
    padding: 0 0 62.6% 0;
  }
  .item.workshop-card.buy-option .block-info-option {
    width: 100%;
    padding: 11px;
  }
  .item.workshop-card.buy-option .workshop-price {
    font-size: 20px;
  }
  .item.workshop-card.buy-option .discount {
    font-size: 12px;
  }
  .item.workshop-card.buy-option .hours {
    margin-right: 12px;
  }
  .item.workshop-card.buy-option .block-option-right .btn {
    max-width: calc(100% - 121px);
    padding: 14px 5px;
  }
  .item.workshop-card.buy-option .exclusive-club {
    left: inherit;
    right: 16px;
    top: 16px;
  }
}
@media (max-width: 599px) {
  .item.workshop-card.buy-option .hours {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .item.workshop-card.buy-option .block-option-right .btn {
    width: 100% !important;
    max-width: 100% !important;
    margin: 5px 0 0 0 !important;
  }
}
/* TALLER + OPCIÓ DE COMPRA + SLIDE */
.social-item-block ul {
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  max-width: 245px;
}
.social-item-block ul li {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 6px;
}
.social-item-block ul li a {
  display: block;
  margin: auto;
  width: 33px;
  height: 33px;
}
.social-item-block ul li a svg {
  width: 100%;
}
.social-item-block ul li a.wishlist {
  width: auto;
  height: auto;
}
.social-item-block ul li a.wishlist svg {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 17px;
}
.social-item-block ul li a.wishlist span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 6px;
  font-size: 16px;
  color: #cecece;
}
.social-item-block ul li:last-of-type {
  margin-left: 11px;
  margin-right: 0;
  padding-left: 16px;
  border-left: 1px solid #d9d9d9;
}
.item.workshop-card.buy-option.withslide .swiper-slide .img {
  max-width: 100%;
}
.item.workshop-card.buy-option.withslide .img {
  width: 500px;
  height: 313px;
  max-width: 100%;
}
.item.workshop-card.buy-option.withslide .block-info-option {
  width: calc(100% - 500px);
}
.item.workshop-card.buy-option.withslide h2 {
  font-size: 32px;
}
.item.workshop-card.buy-option.withslide .option {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}
.item.workshop-card.buy-option.withslide .option {
  padding: 14px;
}
.social-item-block {
  display: inline-block;
  float: left;
  padding: 5px 0 0 3px;
}
.item.workshop-card.buy-option.withslide .block-option-left {
  float: right;
  width: auto;
  margin-right: 38px;
  padding-top: 7px;
}
.item.workshop-card.buy-option.withslide .block-option-right {
  float: right;
  width: auto;
}
.item.workshop-card.buy-option.withslide .block-option-right .hours {
  margin-right: 50px;
}
.learnmore {
  display: inline-block;
  padding: 13px 0 0 0;
  color: #e23b34;
  font-size: 14px;
}
.item.workshop-card.buy-option.withslide .explanation-whorkshop {
  padding-top: 19px;
}
.body-workshop .item.workshop-card.buy-option {
  padding-bottom: 70px;
}
.body-workshop .item.workshop-card.buy-option.withslide .explanation-whorkshop {
  padding-bottom: 40px;
}
.item.workshop-card.buy-option.withslide .swiper-button-next {
  background: rgba(255, 255, 255, 0) url("../images/arrow_right.svg") no-repeat center;
  background-size: auto;
  background-size: 100%;
  width: 17px;
  height: 33px;
  top: calc(50% - 35px);
}
.item.workshop-card.buy-option.withslide .swiper-button-prev {
  background: rgba(255, 255, 255, 0) url("../images/arrow_left.svg") no-repeat center;
  background-size: auto;
  background-size: 100%;
  width: 17px;
  height: 33px;
  top: calc(50% - 35px);
}
/* items timetable selction with select 2 */
.item.workshop-card.buy-option .block-option-right .select2-container {
  max-width: 152px;
  margin-right: 10px;
}
.item.workshop-card.buy-option .block-option-right .select2-container--default .select2-selection--single {
  height: 48px;
}
.item.workshop-card.buy-option .block-option-right .select2-container--default .select2-selection--single .select2-selection__rendered {
  position: absolute;
  top: 11px;
}
.item.workshop-card.buy-option .block-option-right .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 11px;
}
.item.workshop-card.buy-option .block-option-right .select2-container--default .select2-search--dropdown .select2-search__field {
  display: none;
}
@media (max-width: 1040px) {
  .workshop-page .item.workshop-card.buy-option {
    padding-bottom: 100px;
  }
  .social-item-block {
    float: none;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
  }
  .item.workshop-card.buy-option.social-item-block {
    float: left;
    padding: 5px 0 0 3px;
  }
  .item.workshop-card.buy-option.withslide {
    padding-bottom: 117px;
  }
  .item.workshop-card.buy-option.withslide .block-option-left {
    float: left;
    margin-right: 15px;
  }
  .item.workshop-card.buy-option.withslide .block-option-right .hours {
    margin-right: 15px;
  }
  .item.workshop-card.buy-option.withslide .img {
    display: inline-block;
    width: 402px;
    height: 252px;
  }
  .item.workshop-card.buy-option.withslide .img img {
    width: 100%;
  }
  .item.workshop-card.buy-option.withslide .block-info-option {
    width: calc(100% - 402px);
  }
  .item.workshop-card.buy-option.withslide .learnmore {
    padding-top: 5px;
  }
  .item.workshop-card.buy-option.withslide .explanation-whorkshop {
    padding-top: 10px;
  }
  .item.workshop-card.buy-option.withslide .social-item-block ul {
    margin-left: 0;
  }
}
@media (max-width: 1020px) {
  .item.workshop-card.buy-option.withslide .option {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
  }
}
@media (max-width: 768px) {
  .item.workshop-card.buy-option.withslide {
    padding-bottom: 121px;
  }
  .item.workshop-card.buy-option.withslide h2 {
    font-size: 18px;
  }
  .item.workshop-card.buy-option.withslide .block-option-left {
    margin: 0;
    width: 40%;
  }
  .item.workshop-card.buy-option.withslide .block-option-right {
    margin: 0;
    width: 60%;
  }
  .item.workshop-card.buy-option.withslide .block-option-right .btn {
    width: calc(100% - 124px);
  }
  .swiper-button-next,
  .swiper-button-prev {
    top: 50%;
  }
}
@media (max-width: 699px) {
  .item.workshop-card.buy-option.withslide .img {
    display: block;
    width: 100%;
    height: 0;
    padding: 0 0 62.6% 0;
  }
  .item.workshop-card.buy-option.withslide .block-info-option {
    display: block;
    width: 100%;
  }
  .item.workshop-card.buy-option.withslide {
    padding-bottom: 0;
  }
  .item.workshop-card.buy-option.withslide .block-info-option {
    width: 100%;
  }
  .item.workshop-card.buy-option.withslide .option {
    position: static;
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .item.workshop-card.buy-option.withslide .social-item-block {
    order: 2;
    margin-bottom: 7px;
    text-align: center;
  }
  .item.workshop-card.buy-option.withslide .social-item-block li {
    margin: 0 3px;
  }
  .item.workshop-card.buy-option.withslide .social-item-block li:last-of-type {
    display: none;
  }
  .item.workshop-card.buy-option.withslide .block-option-left {
    width: 100%;
    order: 0;
  }
  .item.workshop-card.buy-option.withslide .block-option-right {
    width: 100%;
    order: 1;
    padding: 18px 0 0 0;
  }
  .item.workshop-card.buy-option.withslide .block-option-right .btn {
    display: block;
    margin: 18px 0 24px 0;
    width: 100%;
    max-width: 100%;
  }
  .item.workshop-card.buy-option .place {
    margin-top: 7px;
  }
  .item.workshop-card.buy-option.withslide .social-item-block ul {
    margin-left: auto;
  }
  .item.workshop-card.buy-option .block-option-right .select2-container {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* TECHNICAL CARD */
.item.technical-card {
  max-width: 100%;
  border: 1px solid #d9d9d9;
  padding: 0;
}
.item.technical-card .ribbon {
  pointer-events: auto;
}
.item.technical-card .img {
  display: block;
  padding: 17px;
  width: 100%;
}
.item.technical-card .block-info-option {
  display: block;
  padding: 0 17px 17px 17px;
  width: 100%;
}
.item.technical-card .info {
  opacity: 1;
}
.item.technical-card .type-card {
  font-size: 12px;
  line-height: 1.67em;
  color: #888888;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item.technical-card h2 {
  padding: 7px 0 15px 0;
  font-size: 22px;
  line-height: 1.2em;
  letter-spacing: -0.4px;
  color: #444444;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.item.technical-card h2 a {
  color: #444444;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item.technical-card:hover .type-card,
.item.technical-card:hover h2 a {
  color: #e23b34;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item.technical-card .info-time {
  margin-top: 13px;
  font-size: 13px;
  color: #666;
  line-height: 1.62em;
}
.item.technical-card .info-time span {
  padding: 0 10px 0 24px;
  border-right: 1px solid #dedede;
}
.item.technical-card .info-time span:last-of-type {
  padding-right: 0;
  border: none;
}
.item.technical-card .info-time span:first-of-type {
  padding-left: 26px;
}
.item.technical-card .info-time .day {
  background: rgba(255, 255, 255, 0) url("../images/icon-calendar.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
}
.item.technical-card .info-time .save {
  background: rgba(255, 255, 255, 0) url("../images/icon-save.svg") no-repeat center;
  background-size: auto;
  background-position: 3px center;
  background-size: 15px;
  cursor: pointer;
}
.item.technical-card .info-time .saved,
.item.technical-card .info-time .wished {
  background: rgba(255, 255, 255, 0) url("../images/icon-saved.svg") no-repeat center;
  background-size: auto;
  background-position: 3px center;
  background-size: 15px;
  cursor: pointer;
}
.item.technical-card .info-time .level {
  background: rgba(255, 255, 255, 0) url("../images/icon-level.svg") no-repeat center;
  background-size: auto;
  background-position: 3px center;
  background-size: 15px;
}
.item.technical-card .info-time .duration {
  background: rgba(255, 255, 255, 0) url("../images/icon-clock.svg") no-repeat center;
  background-size: auto;
  background-position: 4px center;
}
.item.technical-card .info-time .teacher {
  background: rgba(255, 255, 255, 0) url("../images/icon-chef.svg") no-repeat center;
  background-size: auto;
  background-position: 4px -1px;
}
.item.technical-card .place {
  display: block;
  margin: 17px 0 5px 0;
  background: rgba(255, 255, 255, 0) url("../images/icon-place.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
  padding: 6px 0 5px 33px;
  font-size: 14px;
  line-height: 0.93;
  letter-spacing: -0.3px;
  color: #333333;
}
.item.technical-card .explanation-whorkshop {
  margin-top: 17px;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.43;
}
.item.technical-card .option {
  position: static;
  opacity: 1;
  padding-top: 22px;
}
.item.technical-card .block-option-right {
  float: right;
}
.item.technical-card .block-option-left {
  float: left;
  padding-top: 4px;
}
.item.technical-card .products-guests {
  font-size: 13px;
  line-height: 1.62em;
  color: #888888;
}
.item.technical-card .discount {
  font-size: 13px;
  color: #83a348;
  line-height: 1.62em;
}
.item.technical-card .workshop-price {
  padding-left: 18px;
  font-size: 22px;
  color: #444;
}
/* REDEFINITIONS BY USE CASES */
/*recipies list*/
.body-recipies .item.technical-card.lessinfo {
  padding-bottom: 0;
}
.body-recipies .item.technical-card h2 {
  min-height: 100px;
}
.body-recipies .item.technical-card.lessinfo .info-time {
  bottom: 15px;
}
.body-recipies .item.technical-card .img {
  display: block;
  position: relative;
  width: calc(100% - 34px);
  height: 0;
  padding: 0 0 57% 0;
  margin: 17px;
  overflow: hidden;
}
.body-recipies .item.technical-card .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
/*blog list*/
.body-blogs .item.technical-card.lessinfo {
  padding-bottom: 0;
}
.body-blogs .item.technical-card h2 {
  min-height: 100px;
}
.body-blogs .item.technical-card.lessinfo .info-time {
  bottom: 15px;
}
.body-blogs .item.technical-card .img {
  display: block;
  position: relative;
  width: calc(100% - 34px);
  height: 0;
  padding: 0 0 57% 0;
  margin: 17px;
  overflow: hidden;
}
.body-blogs .item.technical-card .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 599px) {
  .item.technical-card h2 {
    min-height: initial;
    padding: 2px 0 10px 0;
    font-size: 16px;
  }
  .item.technical-card .img,
  .item.technical-card .ribbon {
    display: none;
  }
  .item.technical-card .block-info-option {
    padding: 14px;
  }
  .item.technical-card .rating .stars .star,
  .item.technical-card .rating .stars .star.full {
    width: 10px;
    height: 10px;
  }
  .item.technical-card .rating .total-rating {
    font-size: 11px;
  }
  .item.technical-card .explanation-whorkshop {
    margin-top: 0;
    padding: 10px 0 0 0;
    font-size: 13px;
  }
  .item.technical-card .info-time {
    margin-top: 11px;
  }
  /* REDEFINITIONS BY USE CASES */
  /*recipies list*/
  .body-recipies .item.technical-card h2 {
    min-height: initial;
  }
  /*blogs list*/
  .body-blogs .item.technical-card h2 {
    min-height: initial;
  }
  .body-recipies .item.technical-card.lessinfo {
    padding-bottom: 10px;
  }
}
/* TECHNICAL CARD HORIZONTAL */
.item.technical-card.horizontal .img {
  display: inline-block;
  vertical-align: top;
  width: 288px;
  max-width: 50%;
}
.item.technical-card.horizontal .img {
  height: 256px;
  padding-bottom: 20px;
  border-bottom: 20px solid #fff;
  overflow: hidden;
}
.item.technical-card.horizontal .block-info-option {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 293px);
  padding: 15px;
  padding-left: 0;
}
.item.technical-card.horizontal .rating {
  position: absolute;
  right: 17px;
  top: 15px;
}
.item.technical-card.horizontal .info-time {
  margin: 2px 0 12px 0;
}
.item.technical-card.horizontal .explanation-whorkshop {
  margin-top: 10px;
}
.item.technical-card.horizontal h2 {
  padding: 2px 0 10px 0;
}
@media (max-width: 567px) {
  .item.technical-card.horizontal .img {
    display: block;
    max-width: 100%;
    width: 100%;
    padding: 10px;
    padding-bottom: 0;
  }
  .item.technical-card.horizontal .block-info-option {
    width: 100%;
    padding: 10px;
  }
  .item.technical-card.horizontal .rating {
    position: static;
  }
  .item.technical-card.horizontal .info-time {
    margin: 12px 0 5px 0;
  }
}
/* TECHNICAL CARD REDUCED INFO */
.item.technical-card.lessinfo {
  min-height: 402px;
  padding-bottom: 30px;
}
.item.technical-card.lessinfo .ribbon {
  top: 15px;
  padding: 5px 14px;
}
.item.technical-card.lessinfo .info-time .save {
  float: right;
  border: 0;
  padding: 0 25px 0 0px;
  background-position: right center;
  background-size: 21px;
}
.item.technical-card.lessinfo .info-time .day {
  background-size: 16px;
}
.item.technical-card.lessinfo .info-time .level {
  background: rgba(255, 255, 255, 0) url("../images/icon-level.svg") no-repeat center;
  background-size: auto;
  background-size: 12px;
  background-position: 3px center;
}
.item.technical-card.lessinfo .info-time {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
}
.item.technical-card.lessinfo .block-info-option {
  position: static;
}
@media (max-width: 567px) {
  .item.technical-card.lessinfo .ribbon {
    display: block;
    top: 10px;
  }
  .item.technical-card.lessinfo .img {
    display: block;
    padding: 10px;
  }
  .item.technical-card.lessinfo .block-info-option {
    padding: 0 10px 10px 10px;
  }
  .item.technical-card.lessinfo {
    min-height: auto;
  }
  .item.technical-card.lessinfo .info-time {
    position: static;
    padding-bottom: 25px;
  }
}
/* IMPRESCINDIBLES */
.item.imprescindibles-card {
  max-width: 100%;
  padding: 0;
  border: 1px solid #e7e7e7;
}
.item.imprescindibles-card .img {
  padding: 0;
}
.item.imprescindibles-card .block-info-option {
  padding: 14px;
}
.item.imprescindibles-card:hover .info {
  opacity: 1;
}
.item.imprescindibles-card .option {
  display: block;
  opacity: 1;
  position: static;
  margin-top: 10px;
  padding-top: 15px;
  text-align: right;
  border-top: 1px solid #e7e7e7;
}
.item.imprescindibles-card h2 {
  padding: 0;
  font-size: 22px;
  line-height: 1.2em;
  letter-spacing: -0.4px;
  color: #444444;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.item.imprescindibles-card h2 a {
  color: #444444;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item.imprescindibles-card .explanation {
  margin-top: 0;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.43;
}
.item.imprescindibles-card .option .btn {
  width: 194px;
  padding: 14px;
  text-align: center;
}
.item.imprescindibles-card .option .price {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 11px;
  font-size: 23px;
  color: #333;
  letter-spacing: -0.3px;
}
.item.imprescindibles-card .option .price span {
  display: block;
  font-size: 13px;
  color: #666;
}
/* REDEFINITIONS BY USECASES*/
/* recipies list */
body.body-recipies .item.imprescindibles-card .info {
  min-height: 75px;
}
.collections-list {
  width: 1175px;
  max-width: calc(100% - 40px);
  padding: 0 0 40px 0;
  margin: 0 auto;
}
.collections-list-wrapper {
  width: cal(100% + 23px);
  margin: 0 0 0 -23px;
  padding: 20px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.collections-list .item {
  width: calc(33.33% - 23px);
  margin: 23px 0 0 23px;
}
.collections-list .item.helpyou-card {
  padding-top: 25px;
}
@media (max-width: 1024px) {
  .collections-list .item {
    width: calc(50% - 23px);
  }
}
@media (max-width: 700px) {
  .collections-list-wrapper {
    width: 100;
    margin: 0;
    padding-top: 0;
  }
  .collections-list .item {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 567px) {
  .item.imprescindibles-card h2 {
    font-size: 16px;
  }
  .item.imprescindibles-card .block-info-option {
    padding: 10px;
  }
  .item.imprescindibles-card .option {
    margin-top: 9px;
    padding-top: 10px;
  }
  .item.imprescindibles-card .explanation {
    font-size: 13px;
  }
  .item.imprescindibles-card .option .price {
    font-size: 22px;
  }
  .item.imprescindibles-card .option .btn {
    width: 138px;
  }
  /* REDEFINITIONS BY USECASES*/
  /* recipies list */
  body.body-recipies .item.imprescindibles-card .info {
    min-height: 0;
  }
}
/* MADE YOU */
.item.madeyou-card {
  max-width: 100%;
  min-height: 428px;
  padding: 0;
  border: 1px solid #e7e7e7;
}
.item.madeyou-card .img {
  padding: 11px;
}
.item.madeyou-card .block-info-option {
  padding: 14px;
  text-align: center;
}
.item.madeyou-card:hover .info {
  opacity: 1;
}
.item.madeyou-card .option {
  display: block;
  opacity: 1;
  position: static;
  margin-top: 10px;
  padding-top: 15px;
  text-align: right;
  border-top: 1px solid #e7e7e7;
}
.item.madeyou-card h2 {
  padding: 0;
  font-size: 22px;
  line-height: 1.2em;
  letter-spacing: -0.4px;
  color: #444444;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.item.madeyou-card h2 a {
  color: #444444;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item.madeyou-card .explanation {
  margin: 18px 0 27px 0;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.43;
}
.item.madeyou-card .view {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 16px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #e23b34;
}
@media (max-width: 567px) {
  .item.madeyou-card {
    min-height: initial;
  }
  .item.madeyou-card h2 {
    font-size: 16px;
  }
  .item.madeyou-card .block-info-option,
  .item.madeyou-card .img {
    padding: 10px;
  }
  .item.madeyou-card .block-info-option {
    min-height: 174px;
    padding: 10px;
  }
  .item.madeyou-card .explanation {
    margin: 8px 0 14px 0;
    font-size: 13px;
  }
  .item.madeyou-card .view {
    margin-bottom: 13px;
    font-size: 14px;
  }
}
/* PROVISIONAL SIZES */
.body-wrapper {
  background: #f5f5f5;
  padding: 15px;
}
.provisional {
  max-width: 1175px;
  margin: auto;
}
.provisional .product-card {
  width: 211px;
  margin: 15px 0;
}
.provisional .workshop-card {
  width: 780px;
  margin: 15px 0;
}
.provisional .workshop-card.buy-option {
  width: 100%;
  margin: 15px 0;
}
.provisional .technical-card {
  width: 375px;
  margin: 15px 0;
}
.provisional .technical-card.horizontal {
  width: 875px;
  margin: 15px 0;
}
.provisional .item.imprescindibles-card {
  width: 377px;
  margin: 15px 0;
}
@media (min-width: 769px) {
  .provisional .product-card.horizontal {
    width: 874px;
    max-width: 100%;
    margin: 40px 0 15px 0;
  }
}
/* BLOCKS CARDS SWIPER */
.block-cards {
  padding: 40px 10px;
  background: #fff;
}
.block-cards.grey {
  background: #f8f8f8;
}
.block-cards .wrapper-block {
  max-width: 1175px;
  margin: auto;
  overflow: hidden;
}
.block-cards.more-stores-by-city .wrapper-block {
  overflow: initial;
}
.block-cards .header-block {
  margin-bottom: 26px;
  padding: 0 0 18px 0;
  border-bottom: 1px solid #e23b34;
}
.block-cards .header-block .title {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 0.73;
  letter-spacing: -0.4px;
  color: #333333;
}
.block-cards .header-block .arrows {
  position: relative;
  float: right;
}
.block-cards .header-block .arrows .swiper-button-next {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px 0 0;
  background: rgba(255, 255, 255, 0) url("../images/arrow_right.svg") no-repeat center;
  background-size: auto;
  background-size: 100%;
  width: 11px;
  height: 11px;
}
.block-cards .header-block .arrows .swiper-button-prev {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
  background: rgba(255, 255, 255, 0) url("../images/arrow_left.svg") no-repeat center;
  background-size: auto;
  background-size: 100%;
  width: 11px;
  height: 11px;
}
.block-cards .header-block .arrows .seeall {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #e23b34;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  line-height: 1.05em;
}
.block-cards .description-block {
  margin: -10px 0 36px 0;
}
.block-cards .description-block .img {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
}
.block-cards .description-block .img img {
  width: 100%;
}
.block-cards .description-block p {
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  width: calc(100% - 102px);
  max-width: 589px;
  font-size: 16px;
  color: #4a4a4a;
  line-height: 1.38em;
}
.block-cards .swiper-container {
  width: calc(100% - 6px);
  overflow: visible;
}
.block-cards .swiper-block-product-card .swiper-wrapper .item {
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
}
.block-cards .swiper-pagination {
  position: static;
  margin-top: 50px;
}
.block-cards .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #e23b34;
}
/*redefinitions by use cases*/
/*workshops by store*/
.block-cards .block-list .swiper-container[data-role="slider"] {
  width: 100%;
}
/* recommended gadgets - home  */
.block-cards.recommended-gadgets,
.block-cards.new-gadgets {
  padding-bottom: 0;
}
.block-cards.outlet {
  padding-bottom: 60px;
}
/* related recipes to recipe */
.block-cards.recipe-related-recipes .related-recipies-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.block-cards.recipe-related-recipes .related-recipies-container .item {
  width: calc(33.33% - 20px);
  min-height: initial;
  padding-bottom: 12px;
}
/* recommended gadgets - gift page  */
body.gifts-ideas .block-cards.recommended-gadgets {
  padding-bottom: 40px;
}
/* recommended gadgets - about us  */
body.body-about-us .block-cards.recommended-gadgets {
  padding-bottom: 40px;
}
.full-column > .block-cards:last-of-type {
  padding-bottom: 65px;
}
.right-column > .block-cards {
  padding: 0;
}
.right-column > .block-cards.sticky {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .block-cards .header-block .arrows .swiper-button-prev,
  .block-cards .header-block .arrows .swiper-button-next {
    display: none;
  }
  .block-cards .header-block .title {
    font-size: 24px;
  }
}
@media (max-width: 567px) {
  .block-cards {
    padding: 20px 10px;
  }
  .block-cards .header-block {
    margin-bottom: 16px;
    padding: 0 0 10px 0;
  }
  .block-cards .header-block .title {
    width: calc(100% - 105px);
    font-size: 16px;
    line-height: 1em;
  }
  .block-cards .header-block-full .title {
    width: 100%;
  }
  .block-cards .header-block .title.noviewmore {
    width: 100%;
  }
  .block-cards .header-block .arrows {
    display: inline-block;
    width: 100px;
    text-align: right;
    vertical-align: baseline;
  }
  .block-cards .header-block .arrows .seeall {
    font-size: 13px;
    text-transform: inherit;
  }
  .block-cards .description-block {
    margin: 0 0 20px 0;
  }
  .block-cards .description-block .img {
    width: 57px;
  }
  .block-cards .description-block p {
    margin-left: 0;
    font-size: 11px;
    width: calc(100% - 62px);
  }
  .block-cards .swiper-pagination {
    margin-top: 20px;
  }
  .block-cards .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .block-cards .swiper-block-product-card .swiper-wrapper .item {
    min-height: 232px;
  }
  .block-cards.recipe-related-recipes .related-recipies-container .item {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (min-width: 567px) {
  .block-cards .swiper-container.swiper-block-imprescindibles-card .swiper-pagination {
    display: none;
  }
}
/* BLOCK CARDS LIST */
.block-cards-list {
  margin-left: -15px;
  margin-right: -12px;
}
.block-cards-list .item {
  display: inline-block;
  margin: 0 14px 28px 14px;
  width: calc(20% - 32px);
}
/* BLOCK LIST */
.block-list .left-column {
  display: inline-block;
  vertical-align: top;
  width: 66.4%;
}
.block-list .item {
  margin-bottom: 14px;
}
.block-list .right-column {
  display: inline-block;
  vertical-align: top;
  width: 33.1%;
}
.block-list .right-column .item {
  margin-left: 13px;
  min-height: 543px;
}
.block-list .btn {
  float: right;
}
@media (max-width: 1192px) {
  .block-list .right-column .item {
    min-height: 553px;
  }
}
@media (max-width: 1130px) {
  .block-list .right-column .item {
    min-height: 569px;
  }
}
@media (max-width: 1100px) {
  .block-list .right-column .item {
    min-height: 584px;
  }
}
@media (max-width: 970px) {
  .block-list .left-column {
    width: 100%;
    margin-bottom: 27px;
  }
  .block-list .right-column {
    width: 100%;
  }
  .block-list .right-column .item {
    min-height: initial;
    margin-left: 0;
  }
  .block-list .right-column .item.technical-card .img {
    display: inline-block;
    vertical-align: top;
    padding: 17px;
    width: 268px;
  }
  .block-list .right-column .item.technical-card .block-info-option {
    display: inline-block;
    vertical-align: top;
    padding: 17px;
    width: calc(100% - 273px);
  }
}
@media (max-width: 567px) {
  .block-list .item {
    margin-bottom: 0;
  }
  .block-list .btn {
    margin-top: 11px;
    float: none;
    width: 100%;
    text-align: center;
  }
  .block-list .right-column .item.technical-card .img {
    display: none;
  }
  .block-list .right-column .item.technical-card .block-info-option {
    width: 100%;
  }
  .block-list .right-column .item.technical-card .block-info-option .rating {
    display: none;
  }
  .block-list .right-column .item.technical-card .block-info-option .info-time {
    margin-top: 0;
  }
}
/* INSTAGRAM */
.block-instagram {
  padding: 40px 10px;
  background: #fff;
}
.block-instagram .wrapper-block {
  max-width: 1175px;
  margin: auto;
  overflow: hidden;
}
.block-instagram .header-block {
  margin-bottom: 26px;
  padding: 0 0 18px 0;
  border-bottom: 1px solid #e23b34;
}
.block-instagram .header-block .title {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 0.73;
  letter-spacing: -0.4px;
  color: #333333;
}
.btns-links {
  margin-top: 62px;
  text-align: center;
}
.btn.inst {
  padding-right: 30px;
  background: #e23b34 url('../images/instagram_white.svg') no-repeat 20px center;
  background-size: 20px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.btn.fb {
  padding-right: 30px;
  background: #e23b34 url('../images/facebook_white.svg') no-repeat 21px center;
  background-size: 11px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.btn.inst:hover {
  background: #FFF url('../images/instagram_red.svg') no-repeat 20px center;
  background-size: 20px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.btn.fb:hover {
  background: #FFF url('../images/facebook_red.svg') no-repeat 21px center;
  background-size: 11px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
@media (max-width: 567px) {
  .btns-links {
    margin-top: 18px;
  }
  .btn.fb {
    padding: 12px 12px 12px 30px !important;
    background-position: 11px center;
    background-size: 8px;
  }
  .btn.inst {
    padding: 12px 12px 12px 30px !important;
    background-position: 9px center;
    background-size: 15px;
  }
  .block-instagram .header-block {
    margin-bottom: 16px;
    padding: 0 0 10px 0;
  }
  .block-instagram .header-block .title {
    font-size: 16px;
    line-height: 1em;
  }
}
/* TÈCNIQUES I RECEPTES */
.technical-block {
  font-size: 0;
}
.technical-block .wrapper-block {
  max-width: 1205px;
  padding-bottom: 5px;
}
.technical-block .technical-card {
  display: inline-block;
  width: calc(33.3% - 24px);
  margin: 0 12px 25px 12px;
  font-size: 14px;
  box-shadow: 1px 0px 0px 1px rgba(212, 212, 212, 0.3);
  border: none;
  vertical-align: top;
}
.technical-block .technical-card:hover {
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
}
@media (max-width: 768px) {
  .technical-block .technical-card {
    width: calc(50% - 24px);
  }
}
@media (max-width: 567px) {
  .technical-block .technical-card {
    width: calc(100% - 0px);
    margin: 0 0 18px 0;
  }
  .technical-block .item.technical-card .img,
  .technical-block .item.technical-card .ribbon {
    display: block;
  }
  .technical-block .item.technical-card .img {
    padding: 10px 10px 7px 10px;
  }
  .body-recipies .technical-block .item.technical-card .img,
  .body-blogs .technical-block .item.technical-card .img {
    padding-bottom: 57%;
  }
}
.header-techniques-recipes {
  padding: 42px 0 35px 0;
}
.header-techniques-recipes h1 {
  padding-bottom: 14px;
  font-size: 30px;
  line-height: 0.63em;
  letter-spacing: -0.5px;
  text-align: center;
  color: #333;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.header-techniques-recipes h2 {
  font-size: 15px;
  line-height: 1.47em;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.header-techniques-recipes .btns-links {
  margin-top: 32px;
  font-size: 0;
}
.header-techniques-recipes .btns-links a {
  width: 148px;
  text-transform: inherit;
  font-size: 16px;
  font-weight: normal;
  padding: 12px;
}
.header-techniques-recipes .btns-links a img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  width: 14px;
  margin-right: 7px;
}
.header-techniques-recipes .btns-links a svg {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  width: 14px;
  margin-right: 7px;
}
.header-techniques-recipes .btns-links .techniques {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/*.header-techniques-recipes .btns-links .techniques:hover {background:@red; color:#FFF;}*/
.header-techniques-recipes .btns-links .recipes {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-bottom: 11px;
}
.header-techniques-recipes .btns-links .active {
  background: #e23b34 !important;
  color: #ffffff !important;
  border-color: #e23b34 !important;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.header-techniques-recipes .btns-links .inactive {
  background: #f8f8f8 !important;
  color: #8b8b8b !important;
  border-color: #dcdcdc !important;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.ribbon-filters {
  background: #f5f5f5;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
.ribbon-filters .filters {
  position: relative;
  max-width: 1205px;
  margin: auto;
}
.ribbon-filters .filters ul {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ribbon-filters .filters ul li {
  position: static;
  display: inline-block;
  padding: 0;
}
.ribbon-filters .filters > ul > li:first-of-type {
  width: 211px;
}
.ribbon-filters .filters > ul > li > a {
  display: inherit;
  margin: 0;
  padding: 14px 33px 14px 14px;
  cursor: pointer;
  font-size: 14px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #e23b34;
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat center;
  background-size: auto;
  background-position: calc(100% - 17px) center;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.ribbon-filters .filters > ul > li:hover > a {
  background-color: #fff;
  opacity: 1;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.ribbon-filters .filters > ul > li > a span {
  display: inline-block;
  margin-left: 5px;
  width: 14px;
  height: 14px;
  background: #e23b34;
  color: #FFF;
  font-size: 11px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  text-align: center;
  border-radius: 50%;
}
.ribbon-filters .filters ul li ul {
  display: none;
}
/*.ribbon-filters .filters ul:last-of-type {float:right;}*/
.ribbon-filters .filters ul.other-options {
  position: relative;
}
.ribbon-filters .filters ul.other-options > li > ul {
  padding: 15px;
  float: none;
  column-count: unset;
}
.ribbon-filters .filters ul.other-options > li:hover > ul {
  display: block;
}
.filters-btn {
  display: none;
}
.ribbon-filters .filters ul li:hover > ul {
  display: block;
}
.ribbon-filters .filters ul li ul {
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  z-index: 2;
  background: #FFF;
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
}
.ribbon-filters .filters ul li ul li:last-of-type {
  float: none;
}
.ribbon-filters .filters ul li ul li a {
  color: #4a4a4a;
}
.ribbon-filters .filters ul li ul li a:hover {
  color: #e23b34;
}
.ribbon-filters .filters ul li ul li.active a {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #e23b34;
}
.ribbon-filters .filters ul li ul {
  padding: 15px 30px;
  column-count: 4;
}
.ribbon-filters .filters ul li ul li {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 10px 0;
}
.ribbon-filters .filters ul li.checks {
  position: relative;
}
.ribbon-filters .filters ul li.checks ul {
  padding: 17px;
  column-count: 1;
}
.ribbon-filters .filters ul li.checks ul {
  right: inherit;
  left: 0;
  width: 185px;
}
.ribbon-filters .filters ul li.checks ul .btn {
  display: block;
  width: 100%;
  padding: 8px;
}
.ribbon-filters .filters ul li.checks ul li {
  width: 100%;
}
.ribbon-filters .filters ul li.checks ul li .input {
  padding-bottom: 11px;
  border-bottom: 1px solid #e5e5e5;
}
.ribbon-filters .filters ul li.checks ul li .input:nth-of-type(3) {
  border: none;
  padding-bottom: 0;
}
.ribbon-filters .filters .erase {
  display: none;
}
@media (max-width: 567px) {
  .ribbon-filters .filters ul li ul {
    column-count: 2;
  }
  .ribbon-filters .filters ul li:last-of-type {
    float: none;
  }
  .filters-btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 14px;
    font-size: 14px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    color: #e23b34 !important;
    background: rgba(255, 255, 255, 0) url("../images/filters.svg") no-repeat center;
    background-size: auto;
    padding-left: 18px;
    background-position: left center;
  }
  /*.ribbon-filters .filters ul {display: none;}*/
  .ribbon-filters .filters ul.other-options {
    float: none;
    display: inline-block;
    width: 140px;
  }
  .ribbon-filters .filters > ul.other-options > li:first-of-type {
    width: 100%;
  }
  .ribbon-filters .filters.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    z-index: 10;
    display: flex;
    flex-direction: column;
    overflow: scroll;
  }
  .ribbon-filters .filters.active ul {
    display: block;
  }
  .ribbon-filters .filters.active ul li,
  .ribbon-filters .filters ul li:first-of-type ul li {
    display: block;
    width: 100%;
  }
  .ribbon-filters .filters.active ul:first-of-type {
    display: block;
  }
  .ribbon-filters .filters.active .filters-btn {
    position: static;
    order: 0;
  }
  .ribbon-filters .filters.active ul:last-of-type {
    order: 1;
  }
  .ribbon-filters .filters.active ul:first-of-type {
    order: 2;
  }
  .ribbon-filters .filters.active ul li ul,
  .ribbon-filters .filters.active ul li:nth-of-type(2) ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .ribbon-filters .filters.active .filters-btn,
  .ribbon-filters .filters.active ul li p,
  .ribbon-filters .filters.active ul:first-of-type {
    border-bottom: 1px solid #ebebeb;
  }
  .ribbon-filters .filters.active ul li:first-of-type ul {
    padding: 4px 14px;
    column-count: 1;
  }
  .ribbon-filters .filters.active ul li:nth-of-type(2) ul li .input {
    padding-bottom: 10px;
    border: 0;
  }
  .ribbon-filters .filters.active .filters-btn {
    padding-left: 42px;
    background-position: 14px center;
    color: #000;
  }
  .ribbon-filters .filters.active ul li p.mostpopulars {
    background-color: #f9f9f9;
  }
  .ribbon-filters .filters ul li p {
    background-position: 97% center;
  }
  /* redefinitions by use cases*/
  .body-workshops .ribbon-filters .filters ul {
    display: block;
  }
  .body-workshops .ribbon-filters .filters ul > li {
    display: block;
  }
  .body-workshops .ribbon-filters .filters ul ul.submenu.shops-list li {
    display: inline-block;
    width: initial;
  }
  .header-techniques-recipes h1 {
    font-size: 17px;
  }
  .header-techniques-recipes h2 {
    font-size: 13px;
  }
  .header-techniques-recipes {
    padding: 22px 0 26px 0;
  }
  .header-techniques-recipes .btns-links a {
    font-size: 13px;
    width: 120px;
    padding: 8px !important;
  }
  .header-techniques-recipes .btns-links {
    margin-top: 20px;
  }
  /*.ribbon-filters .filters > ul > li > a {display:block; width:100%; padding:14px; background-position:calc(~"100% - 10px") center;}*/
}
.filters-selected {
  padding: 14px 0;
  background: #f5f5f5f5;
}
.inner-filters-selected {
  max-width: 1175px;
  margin: auto;
}
.inner-filters-selected ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.inner-filters-selected ul li {
  display: inline-block;
  margin-right: 10px;
}
.inner-filters-selected ul li span {
  display: block;
  padding: 10px;
  font-size: 13px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #8b8b8b;
  background-size: 9px;
  background-position: calc(100% - 11px) center;
  background-color: #fff;
  box-shadow: 2px 2px 2px 0 rgba(212, 212, 212, 0.5);
  cursor: pointer;
}
.inner-filters-selected ul li span img {
  margin-left: 16px;
}
@media (max-width: 768px) {
  .filters-selected {
    padding: 14px;
  }
}
@media (max-width: 567px) {
  .filters-selected {
    display: none;
  }
}
/* LOADING */
.block-loading {
  padding: 0 0 60px 0;
  background: #f8f8f8;
  text-align: center;
}
.block-loading.loading .loading-content {
  animation: fade 2s infinite;
  display: block;
  margin: auto;
  width: 100px;
  cursor: pointer;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #e23b34;
  font-size: 14px;
  line-height: 1em;
}
.block-loading.loading .loading-content img {
  width: 80px;
}
.block-loading.loading .loading-content span {
  display: block;
  width: 100%;
  padding-top: 5px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 11px;
  color: #e23b34;
}
@media (max-width: 567px) {
  /*.block-loading.loading .loading-content {width:55px;}*/
}
@keyframes fade {
  0% {
    opacity: 0.2;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
/* RECOMMENDER BLOCK */
.recommender {
  padding: 60px 0;
  background: rgba(255, 255, 255, 0) url("../images/bg-recommender-big.png") no-repeat center;
  background-size: cover;
  text-align: center;
}
.recommender .wrapper {
  width: 974px;
  max-width: calc(100% - 30px);
  padding: 8px;
  background: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);
}
.recommender .inner {
  padding: 10px 16px 37px 16px;
  border: 1.3px solid #e23b34;
}
.recommender .title {
  margin: 42px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 0.63em;
  letter-spacing: -0.5px;
  color: #444444;
}
.recommender .title.main {
  margin: 0;
  padding: 120px 0 0 0;
  background: rgba(255, 255, 255, 0) url("../images/ico-gift-box.svg") no-repeat top center;
  background-size: auto;
}
.recommender .panel {
  position: relative;
  margin: 37px 0 0 0;
  border-top: 1px solid #cecece;
}
.recommender .panel:before {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 15px);
  top: -1px;
  width: 30px;
  height: 18px;
  background: #fff url("../images/pointer-down-gray.svg") no-repeat 0 0;
  background-size: auto;
}
.recommender .categories ul {
  display: flex;
  padding: 0;
  margin: 45px 0 0 0;
  list-style: none;
  flex-wrap: wrap;
}
.recommender .categories ul li {
  width: 25%;
  padding: 91px 12px 12px 12px;
  border: 1.3px solid #fff;
  text-align: center;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #4a4a4a;
  line-height: 1em;
  background: rgba(255, 255, 255, 0) url("../images/icon-chef.svg") no-repeat top center;
  background-size: 59px;
  cursor: pointer;
}
/* li status*/
.recommender .categories ul li:hover {
  border-color: #e23b34 !important;
}
.recommender .categories ul li.selected {
  border-color: #e23b34;
}
.recommender .categories ul:hover li.selected {
  border-color: #fff;
}
/* li redefinitions*/
.recommender .categories ul li.weeding {
  background: rgba(255, 255, 255, 0) url("../images/ico-glasses.svg") no-repeat top center;
  background-size: auto;
}
.recommender .categories ul li.starters {
  background: rgba(255, 255, 255, 0) url("../images/ico-levels.svg") no-repeat top center;
  background-size: auto;
}
.recommender .categories ul li.trendys {
  background: rgba(255, 255, 255, 0) url("../images/ico-kitchenglove.svg") no-repeat top center;
  background-size: auto;
}
.recommender .categories ul li.chefs {
  background: rgba(255, 255, 255, 0) url("../images/ico-chefhat.svg") no-repeat top center;
  background-size: auto;
  background-size: 59px;
}
.recommender .categories ul li.gift {
  background: rgba(255, 255, 255, 0) url("../images/ico-gift-hand.svg") no-repeat top center;
  background-size: auto;
}
.recommender .categories ul li.category1064 {
  background: rgba(255, 255, 255, 0) url("../images/ico-gift-hand.svg") no-repeat top center;
  background-size: auto;
}
/*amic invisible*/
.recommender .categories ul li.category1066 {
  background: rgba(255, 255, 255, 0) url("../images/ico-badge-color.svg") no-repeat top center;
  background-size: auto;
}
/*quedar bien, gran regal*/
.recommender .categories ul li.category1067 {
  background: rgba(255, 255, 255, 0) url("../images/ico-chefhat.svg") no-repeat top center;
  background-size: auto;
  background-size: 59px;
}
/* chefs */
.recommender .categories ul li.category1084 {
  background: rgba(255, 255, 255, 0) url("../images/ico-chefhat.svg") no-repeat center 17px;
  background-size: auto;
  background-size: 40px;
}
/*minixefs*/
.recommender .categories ul li.category1068 {
  background: rgba(255, 255, 255, 0) url("../images/ico-levels.svg") no-repeat top center;
  background-size: auto;
}
/*principians*/
.recommender .categories ul li.category1069 {
  background: rgba(255, 255, 255, 0) url("../images/ico-estris-color.svg") no-repeat top center;
  background-size: auto;
}
/*gaddgets fanaticos*/
.recommender .categories ul li.category1070 {
  background: rgba(255, 255, 255, 0) url("../images/ico-eco-color.svg") no-repeat top center;
  background-size: 70px;
}
/*trendys eco i bio*/
/*.recommender .categories ul li.category1076 {.bg-img('ico-glasses.svg', top center);} nadal-navidad*/
.recommender .categories ul li.category1076 {
  background: rgba(255, 255, 255, 0) url("../images/ico-muffin-color.svg") no-repeat top center;
  background-size: auto;
}
/*els mes rebosters*/
.recommender .price-slider {
  position: relative;
  width: 700px;
  max-width: calc(100% - 40px);
  margin: 72px auto 0 auto;
}
.recommender .price .min,
.recommender .price .max {
  position: absolute;
  top: 18px;
  left: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #8b8b8b;
  font-size: 14px;
  font-style: inherit;
}
.recommender .price .max {
  left: auto;
  right: 0;
}
.recommender .price .ui-slider {
  width: 100%;
  border-radius: 2px;
  height: 6px;
  background: #e3e3e3;
  border: 0;
}
.recommender .price .ui-slider-range {
  background: #e23b34;
  z-index: 1;
}
.recommender .price .ui-state-default,
.recommender .price .ui-widget-content .ui-state-default,
.recommender .price .ui-widget-header .ui-state-default {
  background: #ffffff;
  border-color: #cdcecb;
  border: 1px solid #e23b34;
  width: 34px;
  height: 34px;
  margin-top: -11px;
  border-radius: 50%;
  z-index: 2;
  cursor: move;
}
.recommender .price .ui-state-default,
.recommender .price .ui-widget-content .ui-state-default {
  border: 1px solid #ccc;
}
.recommender .price .ui-widget-content .ui-state-default strong {
  display: block;
  width: 75px;
  height: 33px;
  margin: 50px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 28px;
  color: #333;
}
.recommender .price .ui-state-default:focus,
.recommender .price .ui-widget-content .ui-state-default:focus,
.recommender .price .ui-widget-header .ui-state-default:focus {
  outline: none;
}
.recommender .btn {
  margin-top: 110px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 1.14em;
}
@media (max-width: 560px) {
  .recommender {
    background-size: initial;
    background-repeat: repeat;
  }
  .recommender .title {
    line-height: 1em;
  }
  .recommender .categories ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .recommender .categories ul li {
    width: 33.33%;
  }
  .recommender .price-slider {
    margin: 55px auto 0 12px;
  }
  .recommender .btn {
    margin-top: 60px;
  }
}
@media (max-width: 460px) {
  .recommender .categories ul li {
    width: 50%;
  }
}
/* Report PAGE */
.report-page {
  max-width: 1205px;
  margin: auto;
  padding: 0 15px;
}
.report-page .left-column {
  display: inline-block;
  vertical-align: top;
  margin: 44px 0 0 0;
  width: calc(100% - 380px);
}
.report-page .left-column .report-content {
  max-width: 675px;
  width: 100%;
}
.report-page .right-column {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 44px 0 0 0;
  width: 375px;
}
.report .header-report {
  position: relative;
  padding: 0 0 24px 0;
  margin: 0 0 19px 0;
  border-bottom: 1px solid #e8e8e8;
}
.report .header-report .product-sheet-share {
  position: absolute;
  top: -9px;
  right: -12px;
  width: 106px;
  height: 32px;
  padding: 0 0 0 32.3px;
  border: 1px solid #e8e8e8;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 30px;
  color: #e23b34;
  background: rgba(255, 255, 255, 0) url("../images/ico-share-red.svg") no-repeat 11px 8px;
  background-size: auto;
  cursor: pointer;
  z-index: 3;
}
.report .header-report .category {
  font-size: 14px;
  color: #666;
  text-transform: uppercase;
}
.report .header-report h1 {
  margin: 5px 0 8px 0;
  font-size: 38px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.report .header-report .rating {
  display: inline-block;
  vertical-align: middle;
  padding-right: 14px;
  border-right: 1px solid #e8e8e8;
  margin-right: 6px;
}
.report .header-report .save {
  display: inline-block;
  vertical-align: middle;
  padding-left: 22px;
  background: rgba(255, 255, 255, 0) url("../images/icon-save.svg") no-repeat center;
  background-size: auto;
  background-position: 3px center;
  background-size: 15px;
  color: #e23b34;
  cursor: pointer;
}
.report .info-report {
  margin: 0 0 21px 0;
}
.report .info-report .chef {
  width: 100%;
}
.report .info-report .chef .img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  max-width: 50px;
}
.report .info-report .chef .img img {
  width: 100%;
}
.report .info-report .chef .text-bubble {
  display: inline-block;
  width: calc(100% - 67px);
  vertical-align: middle;
  padding: 11px 16px;
  background-color: rgba(90, 161, 191, 0.07);
  border-radius: 6px;
}
.report .info-report .chef .text-bubble {
  position: relative;
}
.report .info-report .chef .text-bubble:before {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 7px);
  left: -10px;
  width: 10px;
  height: 13px;
  background: url('../images/trianglebubble.jpg') no-repeat center;
}
/*.report .info-report .chef .text-bubble p {font-size:14px; .typeOneMedium; margin-bottom:6px; color:#4a4a4a;}*/
.report .info-report .chef .text-bubble p {
  font-size: 14px;
  line-height: 18px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  color: #333;
}
.report .info-report .chef .text-bubble p + p {
  padding: 3px 0 0 0;
  font-size: 13px;
  line-height: 21px;
  font-weight: 400;
}
.report .info-report .difficult {
  display: inline-block;
  padding-left: 14px;
  width: 172px;
}
.report .info-report .difficult .img {
  display: inline-block;
  vertical-align: middle;
  max-width: 57px;
}
.report .info-report .difficult .img img {
  width: 100%;
}
.report .info-report .difficult .text {
  display: inline-block;
  width: calc(100% - 62px);
  vertical-align: middle;
}
.report .info-report .difficult .text span {
  font-size: 12px;
  text-transform: uppercase;
  color: #666;
}
.report .info-report .difficult .text .level {
  text-transform: inherit;
  color: #333;
  font-size: 16px;
}
.report .media-report {
  margin: 0 0 55px 0;
}
.report .media-report .img {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 0 62.6% 0;
  overflow: hidden;
}
.report .media-report .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.report .media-report .img.video {
  display: block;
  position: relative;
}
.report .media-report .img.video:after {
  content: "";
  position: absolute;
  top: calc(50% - 42px);
  left: 0;
  right: 0;
  z-index: 1;
  width: 85px;
  height: 85px;
  margin: auto;
  background: rgba(255, 255, 255, 0.3) url('../images/play.svg') no-repeat center;
  border-radius: 50%;
  cursor: pointer;
}
.report .ingredients .title {
  padding: 0 0 21px 0;
  font-size: 26px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #333;
  line-height: 0.73em;
  letter-spacing: -0.4px;
  border-bottom: 1px solid #e23b34;
}
.report .ingredients .ingredients-list {
  margin-top: 27px;
}
.report .ingredients .ingredients-list p + p {
  margin-top: 15px;
}
.report .ingredients .ingredients-list p span,
.report .ingredients .ingredients-list p strong,
.report .ingredients .ingredients-list p b {
  display: block;
  margin: 0 0 7px 0;
  font-size: 16px;
  color: #e23b34;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  text-decoration: none !important;
}
.report .ingredients .ingredients-list p u {
  color: #e23b34;
}
.report .ingredients .ingredients-list ul + p {
  display: block;
  margin: 20px 0 0 0;
}
.report .ingredients .ingredients-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  column-count: 2;
}
.report .ingredients .ingredients-list ul li {
  display: inline-block;
  padding: 10px 0;
  width: 94%;
  font-size: 16px;
  border-bottom: 1px solid #e5e5e5;
}
.report .ingredients .ingredients-list ul li span {
  padding-right: 31px;
}
.report .ingredients img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 15px auto 30px auto;
}
.report .steps-list {
  margin: 43px 0 0 0;
  counter-reset: li;
}
.report .steps {
  margin: 50px 0 0 0;
}
.report .steps img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 15px auto 30px auto;
}
.report .steps .title {
  padding: 0 0 21px 0;
  font-size: 26px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #333;
  line-height: 0.73em;
  letter-spacing: -0.4px;
  border-bottom: 1px solid #e23b34;
}
.report .steps-list p span {
  display: block;
  margin: 0 0 7px 0;
  font-size: 18px;
  color: #333;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  text-decoration: none !important;
}
.report .steps-list p strong,
.report .steps-list p b {
  color: #e23b34;
}
.report .steps-list ol,
.report .steps-list ul {
  padding: 0 !important;
  list-style: none;
}
.report .steps-list ol li,
.report .steps-list ul li {
  overflow: hidden;
  padding-bottom: 15px;
}
.report .steps-list ol li::before,
.report .steps-list ul li::before {
  content: counter(li);
  counter-increment: li;
  color: red;
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin: 0 13px 7px 0;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #FFF;
  background: #e23b34;
  line-height: 30px;
}
.report .steps .time-info {
  margin: 28px 0 0 0;
}
.report .steps .time-info .block-time {
  display: inline-block;
  vertical-align: top;
  width: calc(25% - 4px);
  font-size: 0;
}
.report .steps .time-info .block-time .progress-circle {
  float: left;
  margin-right: 14px;
}
.report .steps .time-info .block-time .theme {
  padding: 12px 0 3px 0;
  font-size: 12px;
  text-transform: uppercase;
  color: #666;
  line-height: 1.66em;
}
.report .steps .time-info .block-time .time {
  font-size: 16px;
  color: #333;
  line-height: 0.71em;
}
.report .step {
  margin: 0 0 20px 0;
}
.report .step .title-step {
  margin: 0 0 17px 0;
  font-size: 24px;
  color: #333;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.report .step .title-step span {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 13px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #FFF;
  background: #e23b34;
  line-height: 30px;
}
.report .step .img {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
}
.report .step .img img {
  width: 100%;
}
.report .step .description-step {
  font-size: 16px;
  line-height: 1.38em;
  letter-spacing: -0.3px;
  color: #4a4a4a;
}
.report .step .description-step a {
  color: #e23b34;
}
.print {
  margin: 50px 0 68px 0;
  text-align: center;
}
.print .btn {
  width: 270px;
}
.title-right-column-products {
  margin: 0 0 23px 0;
  font-size: 19px;
  letter-spacing: -0.2px;
  color: #333;
}
/* redefinition by use cases */
.body-blog .report .step .description-step p {
  padding: 0 0 15px 0;
}
.body-blog .report .info-report .mobile-item {
  display: none;
}
.body-blog .report .info-report .desktop-item {
  display: initial;
}
.report .modal-square {
  display: none;
}
.report .modal-square {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 10px;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
}
.report .modal-square .content-modal {
  position: relative;
  margin-top: 8%;
  padding: 53px;
  width: 959px;
  max-width: 100%;
}
.report .modal-square .content-modal .video {
  position: relative;
  padding-bottom: 56.5%;
}
.report .modal-square .content-modal .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.report .modal-square .modal-close {
  top: 0;
  right: 0;
  width: 33px;
  height: 33px;
}
.topbar {
  position: fixed;
  left: 0;
  right: 0;
  top: 76px;
  z-index: 4;
  background: #FFF;
  padding: 11px;
  width: 100%;
  box-shadow: 2px 2px 2px 0 rgba(212, 212, 212, 0.5);
}
.topbar .topbar-wrapper {
  max-width: 1175px;
  margin: auto;
}
.topbar .title {
  margin-bottom: 3px;
  font-size: 17px;
  letter-spacing: -0.3px;
  color: #333;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.topbar .right-topbar {
  float: right;
}
.topbar .save {
  display: inline-block;
  vertical-align: middle;
  padding-left: 22px;
  background: rgba(255, 255, 255, 0) url("../images/icon-save.svg") no-repeat center;
  background-size: auto;
  background-position: 3px center;
  background-size: 15px;
  color: #e23b34;
  cursor: pointer;
}
.topbar .btn {
  display: inline-block;
  vertical-align: middle;
  padding: 11px 21px;
}
.topbar .social {
  width: 180px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 18px;
  padding: 0 0 0 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.11);
  clear: both;
  border-left: 1px solid #e8e8e8;
}
.topbar .social ul {
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  text-align: center;
}
.topbar .social ul li {
  display: inline-block;
  width: 33px;
  height: 33px;
  margin: 0 3px;
}
.topbar .social ul li a {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
}
.topbar .social ul li a svg {
  width: 100%;
}
/* alterntives by usecases */
.body-recipe .topbar .title,
.body-workshop .topbar .title,
.body-blog .topbar .title {
  padding-top: 9px;
}
@media (min-width: 768px) {
  .report-page .right-column .block-cards .swiper-container {
    display: block;
  }
  .report-page .right-column .block-cards .swiper-container .swiper-wrapper {
    display: block;
    transform: none !important;
  }
  .report-page .right-column .block-cards .swiper-container .swiper-slide {
    display: block !important;
    width: 100% !important;
  }
  .report-page .right-column .block-cards .header-block {
    padding: 0;
    margin: 0;
    border: 0;
  }
  .report-page .block-cards .swiper-pagination {
    display: none;
  }
}
@media (max-width: 768px) {
  .report-page .left-column .report-content {
    max-width: 100%;
  }
  .report-page .left-column {
    width: 100%;
  }
  .report-page .right-column {
    width: 100%;
    margin: 0;
  }
  .item.product-card.horizontal.sidebar .img {
    width: 100%;
  }
  .item.product-card.horizontal.sidebar .block-info-option {
    width: 100%;
  }
  .title-right-column-products {
    margin: 0;
  }
  .topbar {
    display: none;
  }
  /* BLOG CHEF/BUTTON TOGGGLING  */
  .body-blog .report .info-report .mobile-item {
    display: initial;
  }
  .body-blog .report .info-report .desktop-item {
    display: none;
  }
}
@media (max-width: 567px) {
  .report-page .left-column {
    margin: 26px 0 0 0;
  }
  .report .header-report .category {
    font-size: 12px;
  }
  .report .header-report h1 {
    margin-top: 20px;
    font-size: 20px;
  }
  .rating .stars .star,
  .rating .stars .star.full {
    width: 11px;
    height: 11px;
  }
  .rating .total-rating,
  .report .header-report .save {
    font-size: 12px;
  }
  .report .info-report .chef,
  .report .info-report .difficult {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .report .info-report .chef {
    padding: 0 0 12px 0;
    border-bottom: 1px solid #e8e8e8;
  }
  .report .info-report .difficult {
    margin: 12px 0 0 0;
  }
  .report .info-report .chef .img {
    width: 40px;
  }
  /*.report .info-report .chef .text-bubble p {font-size:13px;}*/
  /*.report .info-report .chef .text-bubble p:last-of-type {font-size:12px;}*/
  .report .info-report .difficult .img {
    max-width: 45px;
  }
  .report .info-report .difficult .text span {
    display: block;
    font-size: 10px;
  }
  .report .info-report .difficult .text .level {
    padding: 4px 0 0 0;
    font-size: 15px;
  }
  .report .header-report {
    padding: 0 0 18px 0;
    margin: 0 0 14px 0;
  }
  .report .media-report {
    margin: 0 -15px 20px -15px;
  }
  .report .ingredients .title {
    padding: 0 0 8px 0;
    font-size: 16px;
  }
  .report .ingredients .ingredients-list ul {
    padding: 3px 0 0 0;
    column-count: 1;
  }
  .report .ingredients .ingredients-list ul li {
    width: 100%;
    font-size: 13px;
  }
  .report .info-report {
    margin: 0 0 14px 0;
  }
  /*.report .info-report .chef .text-bubble {width:calc(~"100% - 57px");}*/
  .report .steps {
    margin: 35px 0 0 0;
  }
  .report .steps .time-info {
    margin: 15px 0 15px 0;
  }
  .report .steps .time-info .block-time .progress-circle {
    margin: auto;
    float: none;
  }
  .report .steps .time-info .block-time {
    text-align: center;
  }
  .report .steps .time-info .block-time .theme {
    padding: 5px 0 0 0;
    font-size: 11px;
  }
  .report .steps .time-info .block-time .time {
    font-size: 14px;
  }
  .report .steps .title {
    padding: 0 0 8px 0;
    font-size: 16px;
  }
  .report .step {
    margin: 0 0 26px 0;
  }
  .report .step .title-step {
    margin: 0 0 10px 0;
    font-size: 16px;
  }
  .report .step .title-step span {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 21px;
  }
  .report .step .img {
    margin: 0 0 13px 0;
  }
  .report .step .description-step {
    font-size: 14px;
  }
  .print {
    display: none;
  }
  .report-page .right-column .block-cards {
    padding: 45px 15px 20px 15px;
    background: #f8f8f8;
  }
  .report-page .right-column {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
  .title-right-column-products {
    font-size: 16px;
    line-height: 1em;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
  }
}
/* PROGRESS */
.progress-circle {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-color: #eae7e7;
  border-radius: 50%;
}
.progress-circle__overlay img {
  width: 100%;
  max-width: 43px;
}
.progress-circle .progress-circle__slice,
.progress-circle .progress-circle__fill {
  width: 64px;
  height: 64px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  transition: transform 1s;
  border-radius: 50%;
}
.progress-circle .progress-circle__slice {
  clip: rect(0px, 64px, 64px, 32px);
}
.progress-circle .progress-circle__slice .progress-circle__fill {
  clip: rect(0px, 32px, 64px, 0px);
  background-color: #e23b34;
}
.progress-circle .progress-circle__overlay {
  width: 60px;
  height: 60px;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  padding: 8px;
}
.progress-circle[data-progress='0'] .progress-circle__slice.full,
.progress-circle[data-progress='0'] .progress-circle__fill {
  transform: rotate(0deg);
}
.progress-circle[data-progress='0'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(0deg);
}
.progress-circle[data-progress='1'] .progress-circle__slice.full,
.progress-circle[data-progress='1'] .progress-circle__fill {
  transform: rotate(1.8deg);
}
.progress-circle[data-progress='1'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(3.6deg);
}
.progress-circle[data-progress='2'] .progress-circle__slice.full,
.progress-circle[data-progress='2'] .progress-circle__fill {
  transform: rotate(3.6deg);
}
.progress-circle[data-progress='2'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(7.2deg);
}
.progress-circle[data-progress='3'] .progress-circle__slice.full,
.progress-circle[data-progress='3'] .progress-circle__fill {
  transform: rotate(5.4deg);
}
.progress-circle[data-progress='3'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(10.8deg);
}
.progress-circle[data-progress='4'] .progress-circle__slice.full,
.progress-circle[data-progress='4'] .progress-circle__fill {
  transform: rotate(7.2deg);
}
.progress-circle[data-progress='4'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(14.4deg);
}
.progress-circle[data-progress='5'] .progress-circle__slice.full,
.progress-circle[data-progress='5'] .progress-circle__fill {
  transform: rotate(9deg);
}
.progress-circle[data-progress='5'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(18deg);
}
.progress-circle[data-progress='6'] .progress-circle__slice.full,
.progress-circle[data-progress='6'] .progress-circle__fill {
  transform: rotate(10.8deg);
}
.progress-circle[data-progress='6'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(21.6deg);
}
.progress-circle[data-progress='7'] .progress-circle__slice.full,
.progress-circle[data-progress='7'] .progress-circle__fill {
  transform: rotate(12.6deg);
}
.progress-circle[data-progress='7'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(25.2deg);
}
.progress-circle[data-progress='8'] .progress-circle__slice.full,
.progress-circle[data-progress='8'] .progress-circle__fill {
  transform: rotate(14.4deg);
}
.progress-circle[data-progress='8'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(28.8deg);
}
.progress-circle[data-progress='9'] .progress-circle__slice.full,
.progress-circle[data-progress='9'] .progress-circle__fill {
  transform: rotate(16.2deg);
}
.progress-circle[data-progress='9'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(32.4deg);
}
.progress-circle[data-progress='10'] .progress-circle__slice.full,
.progress-circle[data-progress='10'] .progress-circle__fill {
  transform: rotate(18deg);
}
.progress-circle[data-progress='10'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(36deg);
}
.progress-circle[data-progress='11'] .progress-circle__slice.full,
.progress-circle[data-progress='11'] .progress-circle__fill {
  transform: rotate(19.8deg);
}
.progress-circle[data-progress='11'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(39.6deg);
}
.progress-circle[data-progress='12'] .progress-circle__slice.full,
.progress-circle[data-progress='12'] .progress-circle__fill {
  transform: rotate(21.6deg);
}
.progress-circle[data-progress='12'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(43.2deg);
}
.progress-circle[data-progress='13'] .progress-circle__slice.full,
.progress-circle[data-progress='13'] .progress-circle__fill {
  transform: rotate(23.4deg);
}
.progress-circle[data-progress='13'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(46.8deg);
}
.progress-circle[data-progress='14'] .progress-circle__slice.full,
.progress-circle[data-progress='14'] .progress-circle__fill {
  transform: rotate(25.2deg);
}
.progress-circle[data-progress='14'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(50.4deg);
}
.progress-circle[data-progress='15'] .progress-circle__slice.full,
.progress-circle[data-progress='15'] .progress-circle__fill {
  transform: rotate(27deg);
}
.progress-circle[data-progress='15'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(54deg);
}
.progress-circle[data-progress='16'] .progress-circle__slice.full,
.progress-circle[data-progress='16'] .progress-circle__fill {
  transform: rotate(28.8deg);
}
.progress-circle[data-progress='16'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(57.6deg);
}
.progress-circle[data-progress='17'] .progress-circle__slice.full,
.progress-circle[data-progress='17'] .progress-circle__fill {
  transform: rotate(30.6deg);
}
.progress-circle[data-progress='17'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(61.2deg);
}
.progress-circle[data-progress='18'] .progress-circle__slice.full,
.progress-circle[data-progress='18'] .progress-circle__fill {
  transform: rotate(32.4deg);
}
.progress-circle[data-progress='18'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(64.8deg);
}
.progress-circle[data-progress='19'] .progress-circle__slice.full,
.progress-circle[data-progress='19'] .progress-circle__fill {
  transform: rotate(34.2deg);
}
.progress-circle[data-progress='19'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(68.4deg);
}
.progress-circle[data-progress='20'] .progress-circle__slice.full,
.progress-circle[data-progress='20'] .progress-circle__fill {
  transform: rotate(36deg);
}
.progress-circle[data-progress='20'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(72deg);
}
.progress-circle[data-progress='21'] .progress-circle__slice.full,
.progress-circle[data-progress='21'] .progress-circle__fill {
  transform: rotate(37.8deg);
}
.progress-circle[data-progress='21'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(75.6deg);
}
.progress-circle[data-progress='22'] .progress-circle__slice.full,
.progress-circle[data-progress='22'] .progress-circle__fill {
  transform: rotate(39.6deg);
}
.progress-circle[data-progress='22'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(79.2deg);
}
.progress-circle[data-progress='23'] .progress-circle__slice.full,
.progress-circle[data-progress='23'] .progress-circle__fill {
  transform: rotate(41.4deg);
}
.progress-circle[data-progress='23'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(82.8deg);
}
.progress-circle[data-progress='24'] .progress-circle__slice.full,
.progress-circle[data-progress='24'] .progress-circle__fill {
  transform: rotate(43.2deg);
}
.progress-circle[data-progress='24'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(86.4deg);
}
.progress-circle[data-progress='25'] .progress-circle__slice.full,
.progress-circle[data-progress='25'] .progress-circle__fill {
  transform: rotate(45deg);
}
.progress-circle[data-progress='25'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(90deg);
}
.progress-circle[data-progress='26'] .progress-circle__slice.full,
.progress-circle[data-progress='26'] .progress-circle__fill {
  transform: rotate(46.8deg);
}
.progress-circle[data-progress='26'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(93.6deg);
}
.progress-circle[data-progress='27'] .progress-circle__slice.full,
.progress-circle[data-progress='27'] .progress-circle__fill {
  transform: rotate(48.6deg);
}
.progress-circle[data-progress='27'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(97.2deg);
}
.progress-circle[data-progress='28'] .progress-circle__slice.full,
.progress-circle[data-progress='28'] .progress-circle__fill {
  transform: rotate(50.4deg);
}
.progress-circle[data-progress='28'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(100.8deg);
}
.progress-circle[data-progress='29'] .progress-circle__slice.full,
.progress-circle[data-progress='29'] .progress-circle__fill {
  transform: rotate(52.2deg);
}
.progress-circle[data-progress='29'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(104.4deg);
}
.progress-circle[data-progress='30'] .progress-circle__slice.full,
.progress-circle[data-progress='30'] .progress-circle__fill {
  transform: rotate(54deg);
}
.progress-circle[data-progress='30'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(108deg);
}
.progress-circle[data-progress='31'] .progress-circle__slice.full,
.progress-circle[data-progress='31'] .progress-circle__fill {
  transform: rotate(55.8deg);
}
.progress-circle[data-progress='31'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(111.6deg);
}
.progress-circle[data-progress='32'] .progress-circle__slice.full,
.progress-circle[data-progress='32'] .progress-circle__fill {
  transform: rotate(57.6deg);
}
.progress-circle[data-progress='32'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(115.2deg);
}
.progress-circle[data-progress='33'] .progress-circle__slice.full,
.progress-circle[data-progress='33'] .progress-circle__fill {
  transform: rotate(59.4deg);
}
.progress-circle[data-progress='33'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(118.8deg);
}
.progress-circle[data-progress='34'] .progress-circle__slice.full,
.progress-circle[data-progress='34'] .progress-circle__fill {
  transform: rotate(61.2deg);
}
.progress-circle[data-progress='34'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(122.4deg);
}
.progress-circle[data-progress='35'] .progress-circle__slice.full,
.progress-circle[data-progress='35'] .progress-circle__fill {
  transform: rotate(63deg);
}
.progress-circle[data-progress='35'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(126deg);
}
.progress-circle[data-progress='36'] .progress-circle__slice.full,
.progress-circle[data-progress='36'] .progress-circle__fill {
  transform: rotate(64.8deg);
}
.progress-circle[data-progress='36'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(129.6deg);
}
.progress-circle[data-progress='37'] .progress-circle__slice.full,
.progress-circle[data-progress='37'] .progress-circle__fill {
  transform: rotate(66.6deg);
}
.progress-circle[data-progress='37'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(133.2deg);
}
.progress-circle[data-progress='38'] .progress-circle__slice.full,
.progress-circle[data-progress='38'] .progress-circle__fill {
  transform: rotate(68.4deg);
}
.progress-circle[data-progress='38'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(136.8deg);
}
.progress-circle[data-progress='39'] .progress-circle__slice.full,
.progress-circle[data-progress='39'] .progress-circle__fill {
  transform: rotate(70.2deg);
}
.progress-circle[data-progress='39'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(140.4deg);
}
.progress-circle[data-progress='40'] .progress-circle__slice.full,
.progress-circle[data-progress='40'] .progress-circle__fill {
  transform: rotate(72deg);
}
.progress-circle[data-progress='40'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(144deg);
}
.progress-circle[data-progress='41'] .progress-circle__slice.full,
.progress-circle[data-progress='41'] .progress-circle__fill {
  transform: rotate(73.8deg);
}
.progress-circle[data-progress='41'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(147.6deg);
}
.progress-circle[data-progress='42'] .progress-circle__slice.full,
.progress-circle[data-progress='42'] .progress-circle__fill {
  transform: rotate(75.6deg);
}
.progress-circle[data-progress='42'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(151.2deg);
}
.progress-circle[data-progress='43'] .progress-circle__slice.full,
.progress-circle[data-progress='43'] .progress-circle__fill {
  transform: rotate(77.4deg);
}
.progress-circle[data-progress='43'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(154.8deg);
}
.progress-circle[data-progress='44'] .progress-circle__slice.full,
.progress-circle[data-progress='44'] .progress-circle__fill {
  transform: rotate(79.2deg);
}
.progress-circle[data-progress='44'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(158.4deg);
}
.progress-circle[data-progress='45'] .progress-circle__slice.full,
.progress-circle[data-progress='45'] .progress-circle__fill {
  transform: rotate(81deg);
}
.progress-circle[data-progress='45'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(162deg);
}
.progress-circle[data-progress='46'] .progress-circle__slice.full,
.progress-circle[data-progress='46'] .progress-circle__fill {
  transform: rotate(82.8deg);
}
.progress-circle[data-progress='46'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(165.6deg);
}
.progress-circle[data-progress='47'] .progress-circle__slice.full,
.progress-circle[data-progress='47'] .progress-circle__fill {
  transform: rotate(84.6deg);
}
.progress-circle[data-progress='47'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(169.2deg);
}
.progress-circle[data-progress='48'] .progress-circle__slice.full,
.progress-circle[data-progress='48'] .progress-circle__fill {
  transform: rotate(86.4deg);
}
.progress-circle[data-progress='48'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(172.8deg);
}
.progress-circle[data-progress='49'] .progress-circle__slice.full,
.progress-circle[data-progress='49'] .progress-circle__fill {
  transform: rotate(88.2deg);
}
.progress-circle[data-progress='49'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(176.4deg);
}
.progress-circle[data-progress='50'] .progress-circle__slice.full,
.progress-circle[data-progress='50'] .progress-circle__fill {
  transform: rotate(90deg);
}
.progress-circle[data-progress='50'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(180deg);
}
.progress-circle[data-progress='51'] .progress-circle__slice.full,
.progress-circle[data-progress='51'] .progress-circle__fill {
  transform: rotate(91.8deg);
}
.progress-circle[data-progress='51'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(183.6deg);
}
.progress-circle[data-progress='52'] .progress-circle__slice.full,
.progress-circle[data-progress='52'] .progress-circle__fill {
  transform: rotate(93.6deg);
}
.progress-circle[data-progress='52'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(187.2deg);
}
.progress-circle[data-progress='53'] .progress-circle__slice.full,
.progress-circle[data-progress='53'] .progress-circle__fill {
  transform: rotate(95.4deg);
}
.progress-circle[data-progress='53'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(190.8deg);
}
.progress-circle[data-progress='54'] .progress-circle__slice.full,
.progress-circle[data-progress='54'] .progress-circle__fill {
  transform: rotate(97.2deg);
}
.progress-circle[data-progress='54'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(194.4deg);
}
.progress-circle[data-progress='55'] .progress-circle__slice.full,
.progress-circle[data-progress='55'] .progress-circle__fill {
  transform: rotate(99deg);
}
.progress-circle[data-progress='55'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(198deg);
}
.progress-circle[data-progress='56'] .progress-circle__slice.full,
.progress-circle[data-progress='56'] .progress-circle__fill {
  transform: rotate(100.8deg);
}
.progress-circle[data-progress='56'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(201.6deg);
}
.progress-circle[data-progress='57'] .progress-circle__slice.full,
.progress-circle[data-progress='57'] .progress-circle__fill {
  transform: rotate(102.6deg);
}
.progress-circle[data-progress='57'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(205.2deg);
}
.progress-circle[data-progress='58'] .progress-circle__slice.full,
.progress-circle[data-progress='58'] .progress-circle__fill {
  transform: rotate(104.4deg);
}
.progress-circle[data-progress='58'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(208.8deg);
}
.progress-circle[data-progress='59'] .progress-circle__slice.full,
.progress-circle[data-progress='59'] .progress-circle__fill {
  transform: rotate(106.2deg);
}
.progress-circle[data-progress='59'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(212.4deg);
}
.progress-circle[data-progress='60'] .progress-circle__slice.full,
.progress-circle[data-progress='60'] .progress-circle__fill {
  transform: rotate(108deg);
}
.progress-circle[data-progress='60'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(216deg);
}
.progress-circle[data-progress='61'] .progress-circle__slice.full,
.progress-circle[data-progress='61'] .progress-circle__fill {
  transform: rotate(109.8deg);
}
.progress-circle[data-progress='61'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(219.6deg);
}
.progress-circle[data-progress='62'] .progress-circle__slice.full,
.progress-circle[data-progress='62'] .progress-circle__fill {
  transform: rotate(111.6deg);
}
.progress-circle[data-progress='62'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(223.2deg);
}
.progress-circle[data-progress='63'] .progress-circle__slice.full,
.progress-circle[data-progress='63'] .progress-circle__fill {
  transform: rotate(113.4deg);
}
.progress-circle[data-progress='63'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(226.8deg);
}
.progress-circle[data-progress='64'] .progress-circle__slice.full,
.progress-circle[data-progress='64'] .progress-circle__fill {
  transform: rotate(115.2deg);
}
.progress-circle[data-progress='64'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(230.4deg);
}
.progress-circle[data-progress='65'] .progress-circle__slice.full,
.progress-circle[data-progress='65'] .progress-circle__fill {
  transform: rotate(117deg);
}
.progress-circle[data-progress='65'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(234deg);
}
.progress-circle[data-progress='66'] .progress-circle__slice.full,
.progress-circle[data-progress='66'] .progress-circle__fill {
  transform: rotate(118.8deg);
}
.progress-circle[data-progress='66'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(237.6deg);
}
.progress-circle[data-progress='67'] .progress-circle__slice.full,
.progress-circle[data-progress='67'] .progress-circle__fill {
  transform: rotate(120.6deg);
}
.progress-circle[data-progress='67'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(241.2deg);
}
.progress-circle[data-progress='68'] .progress-circle__slice.full,
.progress-circle[data-progress='68'] .progress-circle__fill {
  transform: rotate(122.4deg);
}
.progress-circle[data-progress='68'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(244.8deg);
}
.progress-circle[data-progress='69'] .progress-circle__slice.full,
.progress-circle[data-progress='69'] .progress-circle__fill {
  transform: rotate(124.2deg);
}
.progress-circle[data-progress='69'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(248.4deg);
}
.progress-circle[data-progress='70'] .progress-circle__slice.full,
.progress-circle[data-progress='70'] .progress-circle__fill {
  transform: rotate(126deg);
}
.progress-circle[data-progress='70'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(252deg);
}
.progress-circle[data-progress='71'] .progress-circle__slice.full,
.progress-circle[data-progress='71'] .progress-circle__fill {
  transform: rotate(127.8deg);
}
.progress-circle[data-progress='71'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(255.6deg);
}
.progress-circle[data-progress='72'] .progress-circle__slice.full,
.progress-circle[data-progress='72'] .progress-circle__fill {
  transform: rotate(129.6deg);
}
.progress-circle[data-progress='72'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(259.2deg);
}
.progress-circle[data-progress='73'] .progress-circle__slice.full,
.progress-circle[data-progress='73'] .progress-circle__fill {
  transform: rotate(131.4deg);
}
.progress-circle[data-progress='73'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(262.8deg);
}
.progress-circle[data-progress='74'] .progress-circle__slice.full,
.progress-circle[data-progress='74'] .progress-circle__fill {
  transform: rotate(133.2deg);
}
.progress-circle[data-progress='74'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(266.4deg);
}
.progress-circle[data-progress='75'] .progress-circle__slice.full,
.progress-circle[data-progress='75'] .progress-circle__fill {
  transform: rotate(135deg);
}
.progress-circle[data-progress='75'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(270deg);
}
.progress-circle[data-progress='76'] .progress-circle__slice.full,
.progress-circle[data-progress='76'] .progress-circle__fill {
  transform: rotate(136.8deg);
}
.progress-circle[data-progress='76'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(273.6deg);
}
.progress-circle[data-progress='77'] .progress-circle__slice.full,
.progress-circle[data-progress='77'] .progress-circle__fill {
  transform: rotate(138.6deg);
}
.progress-circle[data-progress='77'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(277.2deg);
}
.progress-circle[data-progress='78'] .progress-circle__slice.full,
.progress-circle[data-progress='78'] .progress-circle__fill {
  transform: rotate(140.4deg);
}
.progress-circle[data-progress='78'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(280.8deg);
}
.progress-circle[data-progress='79'] .progress-circle__slice.full,
.progress-circle[data-progress='79'] .progress-circle__fill {
  transform: rotate(142.2deg);
}
.progress-circle[data-progress='79'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(284.4deg);
}
.progress-circle[data-progress='80'] .progress-circle__slice.full,
.progress-circle[data-progress='80'] .progress-circle__fill {
  transform: rotate(144deg);
}
.progress-circle[data-progress='80'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(288deg);
}
.progress-circle[data-progress='81'] .progress-circle__slice.full,
.progress-circle[data-progress='81'] .progress-circle__fill {
  transform: rotate(145.8deg);
}
.progress-circle[data-progress='81'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(291.6deg);
}
.progress-circle[data-progress='82'] .progress-circle__slice.full,
.progress-circle[data-progress='82'] .progress-circle__fill {
  transform: rotate(147.6deg);
}
.progress-circle[data-progress='82'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(295.2deg);
}
.progress-circle[data-progress='83'] .progress-circle__slice.full,
.progress-circle[data-progress='83'] .progress-circle__fill {
  transform: rotate(149.4deg);
}
.progress-circle[data-progress='83'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(298.8deg);
}
.progress-circle[data-progress='84'] .progress-circle__slice.full,
.progress-circle[data-progress='84'] .progress-circle__fill {
  transform: rotate(151.2deg);
}
.progress-circle[data-progress='84'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(302.4deg);
}
.progress-circle[data-progress='85'] .progress-circle__slice.full,
.progress-circle[data-progress='85'] .progress-circle__fill {
  transform: rotate(153deg);
}
.progress-circle[data-progress='85'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(306deg);
}
.progress-circle[data-progress='86'] .progress-circle__slice.full,
.progress-circle[data-progress='86'] .progress-circle__fill {
  transform: rotate(154.8deg);
}
.progress-circle[data-progress='86'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(309.6deg);
}
.progress-circle[data-progress='87'] .progress-circle__slice.full,
.progress-circle[data-progress='87'] .progress-circle__fill {
  transform: rotate(156.6deg);
}
.progress-circle[data-progress='87'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(313.2deg);
}
.progress-circle[data-progress='88'] .progress-circle__slice.full,
.progress-circle[data-progress='88'] .progress-circle__fill {
  transform: rotate(158.4deg);
}
.progress-circle[data-progress='88'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(316.8deg);
}
.progress-circle[data-progress='89'] .progress-circle__slice.full,
.progress-circle[data-progress='89'] .progress-circle__fill {
  transform: rotate(160.2deg);
}
.progress-circle[data-progress='89'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(320.4deg);
}
.progress-circle[data-progress='90'] .progress-circle__slice.full,
.progress-circle[data-progress='90'] .progress-circle__fill {
  transform: rotate(162deg);
}
.progress-circle[data-progress='90'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(324deg);
}
.progress-circle[data-progress='91'] .progress-circle__slice.full,
.progress-circle[data-progress='91'] .progress-circle__fill {
  transform: rotate(163.8deg);
}
.progress-circle[data-progress='91'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(327.6deg);
}
.progress-circle[data-progress='92'] .progress-circle__slice.full,
.progress-circle[data-progress='92'] .progress-circle__fill {
  transform: rotate(165.6deg);
}
.progress-circle[data-progress='92'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(331.2deg);
}
.progress-circle[data-progress='93'] .progress-circle__slice.full,
.progress-circle[data-progress='93'] .progress-circle__fill {
  transform: rotate(167.4deg);
}
.progress-circle[data-progress='93'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(334.8deg);
}
.progress-circle[data-progress='94'] .progress-circle__slice.full,
.progress-circle[data-progress='94'] .progress-circle__fill {
  transform: rotate(169.2deg);
}
.progress-circle[data-progress='94'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(338.4deg);
}
.progress-circle[data-progress='95'] .progress-circle__slice.full,
.progress-circle[data-progress='95'] .progress-circle__fill {
  transform: rotate(171deg);
}
.progress-circle[data-progress='95'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(342deg);
}
.progress-circle[data-progress='96'] .progress-circle__slice.full,
.progress-circle[data-progress='96'] .progress-circle__fill {
  transform: rotate(172.8deg);
}
.progress-circle[data-progress='96'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(345.6deg);
}
.progress-circle[data-progress='97'] .progress-circle__slice.full,
.progress-circle[data-progress='97'] .progress-circle__fill {
  transform: rotate(174.6deg);
}
.progress-circle[data-progress='97'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(349.2deg);
}
.progress-circle[data-progress='98'] .progress-circle__slice.full,
.progress-circle[data-progress='98'] .progress-circle__fill {
  transform: rotate(176.4deg);
}
.progress-circle[data-progress='98'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(352.8deg);
}
.progress-circle[data-progress='99'] .progress-circle__slice.full,
.progress-circle[data-progress='99'] .progress-circle__fill {
  transform: rotate(178.2deg);
}
.progress-circle[data-progress='99'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(356.4deg);
}
.progress-circle[data-progress='100'] .progress-circle__slice.full,
.progress-circle[data-progress='100'] .progress-circle__fill {
  transform: rotate(180deg);
}
.progress-circle[data-progress='100'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(360deg);
}
/* WORKSHOP PAGE TALLER */
.workshop-page {
  padding: 31px 0 18px 0;
  background: #f8f8f8;
}
.description-workshop {
  background: #FFF;
}
.description-workshop .wrapper {
  width: 1205px;
  padding: 0 15px;
}
.description-workshop .header-block {
  margin-bottom: 26px;
  padding: 0 0 18px 0;
  border-bottom: 1px solid #e23b34;
}
.description-workshop .header-block .title {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 0.73;
  letter-spacing: -0.4px;
  color: #333333;
}
.description-content .text {
  max-width: 676px;
}
.description-content .text p {
  line-height: 1.67em;
  font-size: 15px;
  color: #4a4a4a;
}
.description-content .text-bubble {
  float: right;
  max-width: 374px;
  padding: 19px;
  background-color: rgba(90, 161, 191, 0.07);
  border-radius: 7px;
}
.description-content .text-bubble .img {
  display: block;
  float: left;
  width: 43px;
  margin-right: 20px;
}
.description-content .text-bubble .img img {
  width: 100%;
}
.description-content .text-bubble p {
  font-size: 16px;
  line-height: 1.38em;
  color: #4a4a4a;
}
/*.description-content .text-bubble p:last-of-type {margin-top:10px; font-size:13px; color:#6a6a6a; line-height:1.62em;}*/
.map-content {
  position: relative;
  margin: 20px 0 0 0;
  height: 464px;
}
.map-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.block-list .item.workshop-card.buy-option {
  margin-bottom: 45px;
}
.content-btn {
  text-align: center;
}
.content-btn .btn {
  width: 268px;
}
.content-btn.grey .btn.invert {
  background: #f8f8f8;
}
.content-btn.grey .btn.invert:hover {
  background: #e23b34;
}
.block-cards.mobileslide .content-btn {
  display: none;
}
@media (min-width: 768px) {
  .block-cards.mobileslide .swiper-container {
    display: block;
  }
  .block-cards.mobileslide .swiper-container .swiper-wrapper {
    display: block;
    transform: none !important;
  }
  .block-cards.mobileslide .swiper-container .swiper-slide {
    display: block !important;
    width: 100% !important;
  }
  .block-cards.mobileslide .swiper-pagination {
    display: none;
  }
  .block-cards.mobileslide .header-block .arrows .seeall {
    display: none;
  }
  .block-cards.mobileslide .content-btn {
    display: block;
  }
}
@media (max-width: 567px) {
  .description-content {
    display: flex;
    flex-direction: column-reverse;
  }
  .description-content .image-description-slide {
    margin-left: 0;
    margin-right: 0;
  }
  .description-content .text-bubble {
    margin-top: 20px;
  }
  .description-workshop {
    padding: 20px 0 0 0;
  }
  .description-workshop .header-block .title {
    font-size: 16px;
  }
  .description-workshop .header-block {
    margin-bottom: 16px;
    padding: 0 0 8px 0;
  }
  .block-list .item.workshop-card.buy-option {
    margin-bottom: 0;
  }
  .description-content .text p {
    font-size: 13px;
  }
}
/* BLOCK HOME SOBRE GADGETS&CUINA */
.about-block .header-block {
  margin: 0 0 55px 0;
}
.about-block .block-list {
  display: flex;
  justify-content: space-between;
}
.about-block .element {
  display: inline-block;
  padding: 0 35px;
  width: 32%;
  text-align: center;
  vertical-align: top;
}
.about-block .element:nth-of-type(2) {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.about-block .element .img {
  display: block;
  width: 80px;
  min-height: 93px;
  margin: auto;
}
.about-block .element .img img {
  width: 100%;
}
.about-block .element .title {
  padding: 20px 0 10px 0;
  font-size: 22px;
  line-height: 1.36em;
  letter-spacing: -0.6px;
  color: #333;
}
.about-block .element .subtitle {
  font-size: 15px;
  line-height: 1.47em;
  color: #666;
}
@media (max-width: 599px) {
  .about-block .header-block {
    margin: 0 0 16px 0;
  }
  .about-block .block-list {
    display: block;
  }
  .about-block .element {
    display: block;
    margin: 0 0 20px 0;
    padding: 0 5px;
    width: 100%;
    text-align: left;
    overflow: hidden;
  }
  .about-block .element:nth-of-type(2) {
    border: none;
  }
  .about-block .element:last-of-type {
    margin: 0 0 10px 0;
  }
  .about-block .element .title {
    padding: 7px 0 0 0;
    font-size: 16px;
  }
  .about-block .element .subtitle {
    display: none;
  }
  .about-block .element .img {
    float: left;
    width: 30px;
    min-height: initial;
    margin-right: 20px;
  }
}
/* BLOCK HOME FES-TE DE GADGETS */
.begadgets {
  padding: 62px 15px;
}
.begadgets .wrapper {
  max-width: 1175px;
  padding: 15px;
  background: #FFF;
  border-radius: 2px;
  box-shadow: 2px 2px 4px 0 rgba(212, 212, 212, 0.5);
  overflow: hidden;
}
.begadgets .btn {
  float: right;
  margin-top: 24px;
}
.begadgets .title {
  margin-top: 15px;
  font-size: 28px;
  line-height: 1.32em;
  letter-spacing: -0.6px;
  color: #3e3e3e;
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  text-align: left;
}
.begadgets .title span {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.begadgets .img {
  float: left;
  margin-right: 20px;
}
.begadgets .img img {
  width: 110px;
  height: 97px;
}
.begadgets .list-checks {
  margin: 11px 0 0 0;
  text-align: left;
}
.begadgets .list-checks ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.begadgets .list-checks ul li {
  display: inline-block;
  margin-right: 20px;
  padding-left: 20px;
  color: #7f8386;
  font-size: 15px;
  background: rgba(255, 255, 255, 0) url("../images/icon-redcheck.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
  background-size: 16px;
}
@media (max-width: 768px) {
  .begadgets .wrapper {
    position: relative;
    padding-bottom: 75px;
  }
  .begadgets .btn {
    position: absolute;
    top: inherit;
    bottom: 15px;
    left: 15px;
    right: 15px;
    float: none;
    text-align: center;
  }
  .begadgets .img img {
    width: 80px;
    height: 77px;
  }
  .begadgets .title {
    font-size: 20px;
  }
}
@media (max-width: 567px) {
  .begadgets {
    padding: 32px 15px;
  }
  .begadgets .wrapper {
    padding-bottom: 65px;
  }
  .begadgets .title {
    margin-top: 15px;
  }
  .begadgets .img {
    margin-right: 12px;
  }
  .begadgets .list-checks {
    clear: both;
    margin: 19px 0 0 0;
  }
  .begadgets .list-checks ul li {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    background-size: 14px;
  }
}
/* HELP YOU */
.block-cards.helpyou-home-block {
  padding-top: 30px;
  padding-bottom: 0;
}
.block-cards.helpyou-home-block .swiper-container.swiper-block-imprescindibles-card .swiper-pagination {
  display: block;
  margin-top: 20px;
}
/*.block-cards.helpyou-home-block .swiper-slide + .swiper-slide {border-left: 1px solid #e2e2e2;}*/
.item.helpyou-card {
  max-width: 100%;
  padding: 0;
}
.item.helpyou-card:hover {
  box-shadow: none;
}
.item.helpyou-card .img {
  padding: 0;
  width: 35px;
  margin: auto;
}
.item.helpyou-card .block-info-option {
  padding: 14px;
  text-align: center;
}
.item.helpyou-card:hover .info {
  opacity: 1;
}
.item.helpyou-card .option {
  display: block;
  opacity: 1;
  position: static;
  margin-top: 10px;
  padding-top: 15px;
  text-align: right;
  border-top: 1px solid #e7e7e7;
}
.item.helpyou-card h2 {
  padding: 0;
  font-size: 22px;
  line-height: 1.2em;
  letter-spacing: -0.4px;
  color: #444444;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.item.helpyou-card h2 a {
  color: #444444;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item.helpyou-card .explanation {
  margin: 8px 0 20px 0;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.43;
}
.item.helpyou-card .view {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 16px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #e23b34;
}
@media (max-width: 567px) {
  .item.helpyou-card h2 {
    font-size: 18px;
  }
  .item.helpyou-card .img {
    width: 22px;
  }
  .item.helpyou-card .explanation {
    margin: 8px 0 14px 0;
    font-size: 13px;
  }
  .item.helpyou-card .view {
    margin-bottom: 13px;
    font-size: 14px;
  }
  .block-cards.helpyou-home-block .swiper-container.swiper-block-imprescindibles-card .swiper-pagination {
    margin-top: 0;
  }
}
/* PAGINATOR V1 */
ul.pagination {
  margin: 36px 0 50px 0;
  padding: 0;
  text-align: left;
  font-size: 0;
}
ul.pagination li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1px;
}
ul.pagination li span {
  display: inline-block;
  width: 43px;
  height: 41px;
  font-size: 15px;
  padding: 11px 0;
  text-align: center;
  color: #333;
  background: #FFF;
  cursor: pointer;
}
ul.pagination li.active span {
  color: #AAA;
  background: #f8f8f8;
  color: #e23b34;
  pointer-events: none;
  border-bottom: 2px solid #e23b34;
}
ul.pagination li span:hover {
  opacity: 1;
  background: #f8f8f8;
  color: #e23b34;
}
ul.pagination li:first-of-type span svg {
  fill: #333;
  width: 7px;
  margin-top: 4px;
}
ul.pagination li:first-of-type:hover span svg {
  fill: #e23b34;
}
ul.pagination li.disabled:first-of-type span svg {
  fill: #cecece;
}
ul.pagination li:last-of-type span svg {
  fill: #333;
  width: 7px;
  margin-top: 4px;
}
ul.pagination li:last-of-type:hover span svg {
  fill: #e23b34;
}
ul.pagination li.disabled:last-of-type span svg {
  fill: #cecece;
}
/*@media(max-width:567px){
    ul.pagination {display:none;}
}*/
/* PAGINATOR V2 */
.pagination ul {
  margin: 36px 0 50px 0;
  padding: 0;
  text-align: left;
  font-size: 0;
}
.pagination ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1px;
}
.pagination ul li a {
  display: inline-block;
  width: 43px;
  height: 41px;
  font-size: 15px;
  padding: 11px 0;
  text-align: center;
  color: #333;
  background: #FFF;
  cursor: pointer;
}
.pagination ul li.active span {
  color: #AAA;
  background: #f8f8f8;
  color: #e23b34;
  pointer-events: none;
  border-bottom: 2px solid #e23b34;
}
.pagination ul li a:hover {
  opacity: 1;
  background: #f8f8f8;
  color: #e23b34;
}
.pagination ul li:first-of-type a svg {
  fill: #333;
  width: 7px;
  margin-top: 4px;
}
.pagination ul li:first-of-type:hover a svg {
  fill: #e23b34;
}
.pagination ul li.disabled:first-of-type span svg {
  fill: #cecece;
}
.pagination ul li:last-of-type a svg {
  fill: #333;
  width: 7px;
  margin-top: 4px;
}
.pagination ul li:last-of-type:hover a svg {
  fill: #e23b34;
}
.pagination ul li.disabled:last-of-type span svg {
  fill: #cecece;
}
/* TALLER CATGORY PAGE */
.filters-selected + .block-cards.workshop-block.grey {
  margin-top: -23px;
}
.header-workshop {
  padding: 30px 10px;
}
.header-workshop h1 {
  padding-bottom: 14px;
  font-size: 30px;
  line-height: 0.63em;
  letter-spacing: -0.5px;
  text-align: center;
  color: #333;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.header-workshop h2 {
  font-size: 15px;
  line-height: 1.47em;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.workshop-block .item.workshop-card {
  margin-bottom: 44px;
}
.title-separator {
  position: relative;
  margin: 70px 0;
  font-size: 30px;
  line-height: 0.63em;
  letter-spacing: -0.5px;
  color: #333;
  background: #f8f8f8;
  text-align: center;
}
.title-separator span {
  position: relative;
  z-index: 1;
  padding: 0 50px;
  background: #f8f8f8;
}
.title-separator:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #d9d9d9;
}
.block-cards.workshop-block.grey + .block-loading.loading {
  display: none;
}
@media (max-width: 768px) {
  block-cards.workshop-block.grey {
    display: block !important;
  }
}
@media (max-width: 567px) {
  .block-cards.workshop-block.grey + .block-loading.loading {
    display: block;
  }
}
.header-workshop + .ribbon-filters .filters > ul > li:first-of-type {
  width: auto;
}
.body-workshops .block-cards {
  padding-top: 30px;
}
.body-workshops .ribbon-filters .filters > ul > li > a {
  padding: 11px 33px 4px 14px;
  background: 0 none;
}
.ribbon-filters ul.submenu.shops-list {
  display: block;
  position: static;
  width: 100%;
  float: none;
  padding: 0 10px 7px 10px;
  background: 0 none;
  box-shadow: 0 0 0;
  column-count: 1;
}
.ribbon-filters ul.submenu.shops-list li {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 12px;
}
.ribbon-filters ul.submenu.shops-list li a {
  padding: 9px 12px 10px 12px;
  width: auto;
  border: 1px solid #dedede;
  border-radius: 2px;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.ribbon-filters ul.submenu.shops-list li a:hover {
  opacity: 1;
  color: #333;
}
.ribbon-filters ul.submenu.shops-list li a span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0) url("../images/icon-place_white.svg") no-repeat center;
  background-size: auto;
  border-radius: 50%;
}
.ribbon-filters ul.submenu.shops-list li a.b1 span {
  background-color: #6893ff;
}
.ribbon-filters ul.submenu.shops-list li a.b1:hover {
  border: 1px solid #6893ff;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.ribbon-filters ul.submenu.shops-list li a.b2 span {
  background-color: #4ad1a0;
}
.ribbon-filters ul.submenu.shops-list li a.b2:hover {
  border: 1px solid #4ad1a0;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.ribbon-filters ul.submenu.shops-list li a.b3 span {
  background-color: #f433ff;
}
.ribbon-filters ul.submenu.shops-list li a.b3:hover {
  border: 1px solid #f433ff;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.ribbon-filters ul.submenu.shops-list li a.b4 span {
  background-color: #f433ff;
}
.ribbon-filters ul.submenu.shops-list li a.b4:hover {
  border: 1px solid #f433ff;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.ribbon-filters ul.submenu.shops-list li a.b5 span {
  background-color: #f1cd32;
}
.ribbon-filters ul.submenu.shops-list li a.b5:hover {
  border: 1px solid #f1cd32;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.ribbon-filters ul.submenu.shops-list li:first-child a {
  color: #333;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.calendar-view-switch {
  position: absolute;
  top: 28px;
  right: 10px;
  display: flex;
  width: 94px;
  height: 26px;
  justify-content: space-between;
}
.calendar-view-switch .separator {
  width: 1px;
  background: #e1e1e1;
}
.calendar-view-switch .cal {
  width: 32px;
  background: rgba(255, 255, 255, 0) url("../images/ico-calendar-gray.svg") no-repeat center;
  background-size: 24px;
  cursor: pointer;
}
.calendar-view-switch .cal.active {
  background: rgba(255, 255, 255, 0) url("../images/ico-calendar-red.svg") no-repeat center;
  background-size: 24px;
}
.calendar-view-switch .list {
  width: 32px;
  background: rgba(255, 255, 255, 0) url("../images/ico-list-gray.svg") no-repeat center;
  background-size: 25px;
  cursor: pointer;
}
.calendar-view-switch .list.active {
  background: rgba(255, 255, 255, 0) url("../images/ico-list-red.svg") no-repeat center;
  background-size: 25px;
}
@media (max-width: 768px) {
  .calendar-view-switch {
    display: none;
  }
}
/* CALENDAR */
.block-calendar {
  background: #f5f5f5;
  padding: 24px 10px 90px 10px;
  overflow: hidden;
}
.block-calendar #calendar {
  max-width: 1175px;
  margin: auto;
}
.block-calendar .fc-header-left,
.block-calendar .fc-header-center {
  display: none;
}
.block-calendar .fc-header-right {
  padding: 0 0 14px 0;
  width: 100%;
  text-align: center;
}
.block-calendar .fc-button-prev {
  display: block;
  width: 44px;
  height: 40px;
  padding: 0;
  background: #fff;
  border: 0;
  float: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: center;
  font-family: "Courier New", Courier, monospace;
  border-radius: 0 !important;
  box-shadow: initial;
}
.block-calendar .fc-button-next {
  display: block;
  width: 44px;
  height: 40px;
  padding: 0;
  background: #fff;
  border: 0;
  float: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: center;
  font-family: "Courier New", Courier, monospace;
  border-radius: 0 !important;
  box-shadow: initial;
}
.block-calendar .fc-text-arrow {
  display: block;
  font-size: 23px;
  line-height: 37px;
  height: 40px;
  width: 44px;
  color: #e23b34;
  cursor: pointer;
  text-align: left;
  text-indent: 12px;
}
.block-calendar .fc-header-title h2 {
  display: inline;
  font-size: 30px;
  line-height: 1em;
  letter-spacing: -0.5px;
  text-align: center;
  color: #333333;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.block-calendar .fc-content table {
  border-collapse: collapse;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  position: relative;
  table-layout: fixed;
}
.block-calendar .fc-content table thead,
.block-calendar .fc-content table tbody,
.block-calendar .fc-content table .fc-day {
  border: 1px solid #e0e0e0;
}
.block-calendar .fc-content table .fc-day-header {
  padding: 8px 0;
  border: none;
  color: #8b8b8b;
  font-size: 14px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.block-calendar .fc-content table .fc-week {
  height: 116px;
}
.block-calendar .fc-content table .fc-day {
  vertical-align: top;
}
.block-calendar .fc-content table .fc-day.fc-other-month {
  background: #eaebec;
}
.block-calendar .fc-content table .fc-day-number {
  float: left;
  padding: 14px 14px 10px 14px;
  line-height: 15px;
  font-size: 18px;
  color: #8b8b8b;
}
.block-calendar .fc-content table .fc-day.fc-today {
  background: initial;
}
.block-calendar .fc-content table .fc-day.fc-today .fc-day-number {
  font-weight: 700;
}
.block-calendar .fc-content .fc-event-container {
  top: 40px !important;
}
.block-calendar .fc-event {
  position: relative;
  background: none;
  border: none;
  margin-bottom: 7px;
  padding: 0 10px;
}
.block-calendar .fc-event .fc-event-inner {
  font-size: 14px;
}
.block-calendar .fc-event .fc-event-inner:before {
  content: "BCN";
  display: inline-block;
  margin-right: 5px;
  width: 27px;
  height: 27px;
  background-color: #e23b34;
  border-radius: 50%;
  text-align: center;
  line-height: 27px;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
}
.block-calendar .fc-event.b1 .fc-event-inner:before {
  background-color: #6893ff;
}
.block-calendar .fc-event.b2 .fc-event-inner:before {
  background-color: #4ad1a0;
}
.block-calendar .fc-event.b4 .fc-event-inner:before {
  background-color: #f433ff;
}
.block-calendar .fc-event.b5 .fc-event-inner:before {
  content: "vlc";
  background-color: #f1cd32;
  color: #333;
}
/*.block-calendar .block-calendar td.fc-day {max-width:168px !important;}
.block-calendar .fc-row.fc-week.fc-widget-content {max-height:116px;}
.block-calendar .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {float:left; padding:14px 14px 10px 14px; line-height:15px; font-size:18px; color:#8b8b8b;}
.block-calendar .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {border-color:#e0e0e0;}
.block-calendar .fc-scroller {height:auto !important;}
.block-calendar .fc-event {background:none; border:none; margin-bottom:7px; padding:0 10px;}
.block-calendar .fc-time {display:inline-block; vertical-align:middle; line-height:28px; font-size:10px; background:@red; width:27px; height:27px; border-radius:50%; text-align:center; .typeOneLight !important; color:#FFF;}
.block-calendar .fc-time.b1 {background:#4ad1a0;}
.block-calendar .fc-time.b2 {background:#6893ff;}
.block-calendar .fc-time.b3 {background:#f433ff;}
.block-calendar .fc-time.b4 {background:#f1cd32; color:#333;}
.block-calendar .fc-title {display: inline-block; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:calc(~"100% - 27px"); font-size:14px; .typeOneRegular; color:#4a4a4a;}
.block-calendar .fc-unthemed td.fc-today {background:#f8f8f8; border-color:inherit;}
.block-calendar td.fc-day.fc-widget-content.fc-other-month.fc-future {background:#eaebec;}
.block-calendar .fc-day-top.fc-other-month {opacity:1;}
.block-calendar th.fc-day-header.fc-widget-header {padding:8px 0; border:none; color:#8b8b8b; font-size:14px; .typeOneRegular;}
.block-calendar .fc-center h2 {font-size:30px; line-height:1em; letter-spacing:-0.5px; text-align: center; color: #333333; .typeOneRegular;}
.block-calendar .fc-header {margin-bottom:30px; display: block;}
.block-calendar .fc-state-default {width:44px; height:40px !important; background:#fff; border-radius:2px; box-shadow:none; text-shadow:none; border:none;}
.block-calendar .fc-icon-left-single-arrow:after, .block-calendar .fc-icon-right-single-arrow:after {color:@red; font-size:23px;}
*/
.block-calendar .item.workshop-card.buy-option {
  box-shadow: none;
}
.block-calendar .item.workshop-card.buy-option .block-info-option {
  width: 100%;
  padding: 0;
}
.block-calendar .item.workshop-card.buy-option .option {
  width: 100%;
  position: static;
}
.block-calendar .item.workshop-card.buy-option .block-option-left,
.block-calendar .item.workshop-card.buy-option .block-option-right {
  float: none;
  width: 100%;
}
.block-calendar .popover {
  z-index: 1;
  width: 319px;
  max-height: 325px;
  max-width: 319px;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #d9d9d9;
  background-color: #ffffff;
}
.block-calendar .popover-body {
  padding: 17px;
}
.block-calendar .item.workshop-card.buy-option h2 {
  padding: 0;
  font-size: 18px;
}
.block-calendar .item.workshop-card .info-time span {
  display: block;
  margin-bottom: 10px;
  border: none;
}
.block-calendar .item.workshop-card .info-time .day {
  background-position: 4px center;
}
.block-calendar .item.workshop-card.buy-option .place {
  margin: 0 0 12px 0;
}
.block-calendar .item.workshop-card.buy-option .option {
  margin-top: 0;
  padding: 12px 0 0 0;
}
.block-calendar .item.workshop-card.buy-option .discount {
  margin-bottom: 0;
}
.block-calendar .item.workshop-card .block-option-left {
  padding-bottom: 17px;
}
.block-calendar .item.workshop-card.buy-option .hours {
  margin-right: 9px;
}
.block-calendar .item.workshop-card.buy-option .block-option-right .btn {
  max-width: calc(100% - 116px);
  font-size: 14px;
  padding: 11px 9px;
}
.block-calendar .item.workshop-card.buy-option .block-option-right .btn:hover {
  border: 1px solid #e23b34;
}
.block-calendar .fc-view {
  background: #FFF;
}
@media (max-width: 768px) {
  .block-calendar {
    display: none !important;
  }
}
@media (max-width: 567px) {
  .block-calendar {
    display: none;
  }
}
/* MODAL LOGIN SQUARE */
.modal-square.signup-workshop .header-modal {
  text-align: left;
}
.modal-square.signup-workshop .header-modal.thanks img {
  max-width: 75px;
  height: 66px;
}
.modal-square.signup-workshop .header-modal.thanks .thanks-name {
  margin-bottom: 26px;
  text-align: center;
  font-size: 30px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: -0.5px;
  color: #4a4a4a;
}
.modal-square.signup-workshop .header-modal.thanks .title {
  padding-top: 7px;
  font-size: 24px;
}
.modal-square.signup-workshop .header-modal.thanks .subtitle {
  text-align: center;
  margin-top: 5px;
}
.modal-square.signup-workshop form {
  margin: 0;
}
.modal-square.signup-workshop form .input.double {
  display: flex;
  margin-bottom: 0;
  justify-content: space-between;
}
.modal-square.signup-workshop form .input.double .input {
  width: calc(50% - 4.5px);
}
.modal-square.signup-workshop form .input input {
  height: auto;
}
.modal-square.signup-workshop form .input input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
}
.modal-square.signup-workshop form .input input[type="text"],
.modal-square.signup-workshop form .input input[type="email"] {
  background-color: #ffffff;
}
.modal-square.signup-workshop .quantity .content-input input {
  padding-right: 15px;
  width: 55px;
  cursor: default;
}
.modal-square.signup-workshop .quantity .content-input label {
  font-size: 14px;
  top: 19px;
  right: 25px;
}
.modal-square.signup-workshop form .recaptcha .g-recaptcha {
  margin-top: 0;
}
/*.modal-square.signup-workshop form .input:nth-of-type(1), .modal-square.signup-workshop form .input:nth-of-type(2), .modal-square.signup-workshop form .input:nth-of-type(3), .modal-square.signup-workshop form .input:nth-of-type(4), .modal-square.signup-workshop form .input:nth-of-type(6), .modal-square.signup-workshop form .input:nth-of-type(7) {display:inline-block; vertical-align:top; width:calc(~"49.5% - 3px");}
.modal-square.signup-workshop form .input:nth-of-type(1), .modal-square.signup-workshop form .input:nth-of-type(3), .modal-square.signup-workshop form .input:nth-of-type(6) {margin-right:3px;}
.modal-square.signup-workshop form .input:nth-of-type(2), .modal-square.signup-workshop form .input:nth-of-type(4), .modal-square.signup-workshop form .input:nth-of-type(7) {margin-left:3px;}*/
/*.modal-square.signup-workshop form #step_1 .input {width: 100% !important;}*/
.modal-square.signup-workshop form .submit {
  margin: 35px 0 0 0;
  padding: 38px 0 0 0;
  border-top: 1px solid #cecece;
}
.modal-square.signup-workshop form .submit .btn {
  padding: 11px 55px;
}
.modal-square.signup-workshop form .input.active span.view {
  position: absolute;
  top: 17px;
  right: 13px;
  width: 24px;
  height: 14px;
  background: rgba(255, 255, 255, 0) url("../images/view.svg") no-repeat center;
  background-size: auto;
  background-position: right center;
  cursor: pointer;
}
.modal-square.signup-workshop form .input.active span.noview {
  background: rgba(255, 255, 255, 0) url("../images/noview.svg") no-repeat center;
  background-size: auto;
}
.modal-square.signup-workshop .modal-footer {
  background: transparent;
  text-align: center;
}
.quantity {
  width: 100%;
  display: flex;
  justify-content: center;
  border: 1px solid #cecece;
  border-radius: 2px;
}
.quantity .content-input {
  position: relative;
  width: calc(100% - 100px);
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
}
.quantity .content-input label {
  right: 16px;
  left: auto;
  color: #444;
  line-height: 17px;
}
.quantity .quantity_down {
  width: 50px;
  background: rgba(255, 255, 255, 0) url("../images/ico-minus-red.svg") no-repeat center;
  background-size: auto;
}
.quantity .quantity_up {
  width: 50px;
  background: rgba(255, 255, 255, 0) url("../images/ico-plus-red.svg") no-repeat center;
  background-size: auto;
}
form .input .quantity input[type="text"] {
  width: calc(100% - 100px);
  margin: 0;
  padding: 17px 6px 15px 6px;
  border: none;
  font-size: 15px;
  color: #4a4a4a;
  text-align: right;
  background: #FFF;
}
.modal-square.signup-workshop form .title {
  padding: 10px 0 10px 0;
  font-size: 18px;
}
.modal-square.signup-workshop .info {
  text-align: center;
}
.modal-square.signup-workshop .day {
  background: rgba(255, 255, 255, 0) url("../images/icon-calendar.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
  padding-left: 18px;
  padding-right: 10px;
  border-right: 1px solid #cecece;
  margin-right: 10px;
}
.modal-square.signup-workshop .duration {
  background: rgba(255, 255, 255, 0) url("../images/icon-clock.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
  padding-left: 18px;
  padding-right: 10px;
  border-right: 1px solid #cecece;
  margin-right: 10px;
}
.modal-square.signup-workshop .teacher {
  background: rgba(255, 255, 255, 0) url("../images/icon-chef.svg") no-repeat center;
  background-size: auto;
  background-position: left -1px;
  padding-left: 18px;
}
.modal-square.signup-workshop .place {
  display: inline-block;
  margin: 30px 15px 10px 0;
  background: rgba(255, 255, 255, 0) url("../images/icon-place.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
  padding: 6px 0 5px 33px;
  font-size: 14px;
  line-height: 0.93;
  letter-spacing: -0.3px;
  color: #333333;
}
.modal-square.signup-workshop .info-time {
  display: inline-block;
}
.modal-square.signup-workshop .taller_form_summary {
  padding: 7px;
}
.modal-square.signup-workshop .taller_form_summary span {
  display: inline-block;
  padding-left: 7px;
  font-weight: 600;
}
.modal-square.signup-workshop .taller_form_summary div {
  font-size: 1.1em;
  color: #333;
  font-weight: 700;
}
.modal-square.signup-workshop .taller_form_summary:last-child div {
  color: #e23b34;
}
@media (max-width: 599px) {
  .modal-square.signup-workshop form .input.double {
    flex-wrap: wrap;
  }
  .modal-square.signup-workshop form .input.double .input {
    width: 100%;
  }
  .modal-square.signup-workshop form .input.double .input + .input {
    margin-top: 10px;
  }
}
/* SHOP-CARD */
.item.shop-card {
  margin-bottom: 53px;
  max-width: 100%;
  border: 1px solid #d9d9d9;
  padding: 0 0 73px 0;
  overflow: visible;
}
.item.shop-card .ribbon {
  pointer-events: auto;
}
.item.shop-card .img {
  display: inline-block;
  vertical-align: top;
  width: 692px;
  height: 321px;
}
.item.shop-card .img.map {
  position: relative;
}
.item.shop-card .img.map iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.item.shop-card .block-info-option {
  position: static;
  display: inline-block;
  vertical-align: top;
  padding: 17px;
  width: calc(100% - 697px);
}
.item.shop-card .info {
  opacity: 1;
}
.item.shop-card .type-card {
  font-size: 12px;
  line-height: 1.67em;
  color: #888888;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item.shop-card .type-card strong {
  display: inline-block;
  margin-left: 4px;
  font-weight: 700;
  color: #5b595d;
}
.item.shop-card h2 {
  padding: 2px 0 21px 0;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.4px;
  color: #444444;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.item.shop-card h2 a {
  color: #444444;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item.shop-card:hover .type-card,
.item.shop-card:hover h2 a {
  color: #e23b34;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.item.shop-card .info-time {
  margin-top: 22px;
  font-size: 13px;
  color: #666;
  line-height: 1.62em;
}
.item.shop-card .info-time > span {
  padding: 0 10px 0 24px;
  border-right: 1px solid #dedede;
}
.item.shop-card .info-time span:last-of-type {
  padding-right: 0;
  border: none;
}
.item.shop-card .info-time .day {
  background: rgba(255, 255, 255, 0) url("../images/icon-calendar.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
}
.item.shop-card .info-time .duration {
  position: relative;
  background: rgba(255, 255, 255, 0) url("../images/ico-clock-red.svg") no-repeat center;
  background-size: auto;
  background-position: 0 center;
  background-size: 20px;
}
.item.shop-card .info-time .phone {
  background: rgba(255, 255, 255, 0) url("../images/icon-phone.svg") no-repeat center;
  background-size: auto;
  background-position: 2px center;
  background-size: 17px;
}
.item.shop-card .info-time .email {
  background: rgba(255, 255, 255, 0) url("../images/ico-mail2-red.svg") no-repeat center;
  background-size: auto;
  background-position: 0 center;
  background-size: 19px;
}
.item.shop-card .info-time .email a {
  color: inherit;
}
.item.shop-card .info-time .workshop {
  background: rgba(255, 255, 255, 0) url("../images/ico-kitchenglove2-red.svg") no-repeat center;
  background-size: auto;
  background-position: 2px center;
  background-size: 18px;
}
.item.shop-card .info-time .workshop.no {
  display: none;
}
.item.shop-card .info-time .pickupfree {
  background: rgba(255, 255, 255, 0) url("../images/ico-store3-red.svg") no-repeat center;
  background-size: auto;
  background-position: 0 center;
  background-size: 20px;
}
.item.shop-card .place {
  margin: 17px 0 5px 0;
  background: rgba(255, 255, 255, 0) url("../images/icon-place.svg") no-repeat center;
  background-size: auto;
  background-position: left center;
  padding: 6px 0 5px 33px;
  font-size: 14px;
  line-height: 1.4em;
  letter-spacing: -0.3px;
  color: #333333;
}
.howtogo {
  display: inline-block;
  color: #e23b34;
  padding-left: 11px;
  margin-left: 20px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.item.shop-card .explanation-whorkshop {
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.43;
}
.item.shop-card .option {
  bottom: 0;
  opacity: 1;
  padding: 13px;
  box-shadow: 0 0 4px 0 rgba(212, 212, 212, 0.5);
}
.item.shop-card .block-option-right {
  float: right;
}
.item.shop-card .block-option-left {
  float: left;
  padding-top: 4px;
}
.item.shop-card .products-guests {
  font-size: 13px;
  line-height: 1.62em;
  color: #888888;
}
.item.shop-card .discount {
  font-size: 13px;
  color: #83a348;
  line-height: 1.62em;
}
.item.shop-card .shop-price {
  padding-left: 18px;
  font-size: 22px;
  color: #444;
}
.item.shop-card .social-item-block ul li:last-of-type {
  margin-left: 0px;
  margin-right: 0;
  padding-left: 0px;
  border-left: none;
}
.item.shop-card .hours {
  display: inline-block;
  vertical-align: middle;
}
.item.shop-card .info-time > span,
.item.shop-card .info-time > p,
.item.shop-card .info-time > div {
  display: block;
  margin: 10px 0;
  padding: 0 10px 0 24px;
  border: none;
}
.item.shop-card .info-time .duration > span {
  padding: 0;
}
.item.shop-card .info-time .workshop a {
  color: #e23b34;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  border-left: 1px solid #d9d9d9;
  padding-left: 11px;
  margin-left: 11px;
}
.item.shop-card .hour-selected {
  padding-left: 0 !important;
  padding-right: 15px !important;
}
.item.shop-card .hour-selected--v2 {
  background: none;
  display: inline;
  margin: 0;
  padding: 0 !important;
}
.item.shop-card .hours .hour-selected {
  padding-right: 22px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat center;
  background-size: auto;
  background-position: right center;
  background-size: 11px;
  font-size: 14px;
  color: #444;
  cursor: pointer;
}
.item.shop-card .hours-list {
  bottom: inherit;
  left: -6px;
  right: 0;
  width: 250px;
  max-width: 100%;
  margin-top: -32px;
  background: none;
  padding: 0;
  z-index: 2;
}
.item.shop-card .hours-list--only-label {
  position: static;
  left: initial;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 1;
}
.item.shop-card .hours-list--only-label:before {
  display: none !important;
}
.item.shop-card .hours .hours-list ul {
  background: #FFF;
  padding: 0 12px;
}
.item.shop-card .hours-list:before {
  content: "";
  display: block;
  height: 40px;
}
.item.shop-card .hours .hours-list:after {
  display: none;
}
.item.shop-card .hours .hours-list ul li {
  padding: 8px 0;
  font-size: 14px;
}
.item.shop-card .hours .hours-list ul li:first-of-type {
  border-top: 1px solid #dcdcdc;
}
.item.shop-card .hours .hours-list ul li span {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.item.shop-card .hours .hours-list ul li span:last-of-type {
  float: right;
  color: #8b8b8b;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
/* SHOP CARD LIST */
.item.shop-card.list-shops {
  padding: 0;
}
.item.shop-card.list-shops .img {
  margin: 17px 0 17px 17px;
  width: 210px;
  height: 210px;
  font-size: 0;
  line-height: 0;
}
.item.shop-card.list-shops .block-info-option {
  width: calc(100% - 235px);
}
.item.shop-card.list-shops h2 {
  font-size: 18px;
  padding: 2px 0 30px 0;
}
.item.shop-card .info-time {
  margin-top: 16px;
}
.item.shop-card .info-time > span,
.item.shop-card .info-time > p,
.item.shop-card .info-time > div {
  margin: 11px 0;
}
.moredetails {
  margin-top: 27px;
  padding: 11px 0 0 0;
  text-align: right;
  border-top: 1px solid #d9d9d9;
}
.moredetails a {
  color: #e23b34;
  background: rgba(255, 255, 255, 0) url("../images/arrow_right.svg") no-repeat center;
  background-size: auto;
  background-position: right center;
  background-size: 11px;
  padding-right: 15px;
}
@media (max-width: 1040px) {
  .item.shop-card .social-item-block {
    float: left;
    width: auto;
  }
}
@media (max-width: 1000px) {
  .item.shop-card .img,
  .item.shop-card .block-info-option {
    width: 49.5%;
  }
}
@media (max-width: 567px) {
  .item.shop-card {
    padding: 0;
    border: 0;
    margin-bottom: 0;
  }
  .item.shop-card .ribbon,
  .item.shop-card .img,
  .item.shop-card .explanation-shop {
    display: none;
  }
  .item.shop-card .block-info-option {
    width: 100%;
    padding: 14px;
  }
  .item.shop-card .type-card {
    font-size: 11px;
  }
  .item.shop-card h2 {
    font-size: 18px;
  }
  .item.shop-card .place {
    margin-top: 9px;
    padding: 6px 0 5px 23px;
    background-size: 17px;
  }
  .item.shop-card .option {
    padding: 0;
    position: static;
    box-shadow: none;
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
  }
  .item.shop-card .products-guests {
    font-size: 12px;
  }
  .item.shop-card .discount {
    font-size: 12px;
  }
  .item.shop-card .shop-price {
    font-size: 20px;
    padding-left: 4px;
  }
  .item.shop-card .block-option-right {
    margin-bottom: 24px;
    padding-top: 9px;
    float: none;
  }
  .item.shop-card .block-option-right .btn {
    width: 100%;
  }
  .item.shop-card .info-time {
    font-size: 14px;
  }
  .item.shop-card .info-time .day,
  .item.shop-card .info-time .duration,
  .item.shop-card .info-time .teacher {
    background-size: 13px;
  }
  .item.shop-card .img,
  .item.shop-card .block-info-option {
    display: block;
    width: 100%;
  }
  .item.shop-card .social-item-block {
    float: none;
  }
  .item.shop-card.list-shops .block-info-option {
    width: 100%;
  }
  .item.shop-card.list-shops .img {
    float: left;
    margin: 14px 15px 14px 14px;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    overflow: hidden;
  }
  .item.shop-card.list-shops h2 {
    padding: 2px 0 36px 0;
  }
  .item.shop-card .info {
    padding-top: 14px;
  }
}
/* BOTIGA */
.shop-page .bread-crumb {
  background: #f8f8f8;
}
.shop-page .workshop-page {
  padding: 31px 10px 18px 10px;
  background: #f8f8f8;
}
.description-shop {
  padding: 50px 0;
  background: #FFF;
  overflow: hidden;
  clear: both;
}
.description-shop .wrapper {
  width: 1205px;
  padding: 0 15px;
}
.description-shop .header-block {
  margin-bottom: 26px;
  padding: 0 0 18px 0;
  border-bottom: 1px solid #e23b34;
}
.description-shop .header-block .title {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 0.73;
  letter-spacing: -0.4px;
  color: #333333;
}
.description-shop .description-content .text {
  max-width: 574px;
}
.description-shop .description-content .hidder-wrapper {
  position: relative;
  padding-bottom: 40px;
  overflow: hidden;
}
.description-shop .description-content .hidder {
  width: 100%;
  height: 80px;
  padding: 40px 0 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #e23b34;
  line-height: 40px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, #ffffff 50%);
  cursor: pointer;
}
.description-shop .description-content .hidder:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 7px;
  margin: 0 0 0 5px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat center;
  background-size: auto;
  vertical-align: middle;
}
.description-shop .description-content .hidder.opened {
  background: transparent;
}
.description-shop .description-content .hidder.opened:after {
  background: rgba(255, 255, 255, 0) url("../images/arrow_up.svg") no-repeat center;
  background-size: auto;
  vertical-align: middle;
}
.description-shop .swiper-pagination {
  position: static;
  margin-top: 25px;
}
.description-shop .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #e23b34;
}
.description-shop .swiper-button-next {
  background: rgba(255, 255, 255, 0) url("../images/arrow_right.svg") no-repeat center;
  background-size: auto;
  background-size: 30px;
  width: 17px;
  height: 33px;
  top: calc(50% - 15px);
}
.description-shop .swiper-button-prev {
  background: rgba(255, 255, 255, 0) url("../images/arrow_left.svg") no-repeat center;
  background-size: auto;
  background-size: 30px;
  width: 17px;
  height: 33px;
  top: calc(50% - 15px);
}
.shop-page .block-cards .swiper-pagination {
  margin-top: 0;
}
.description-content .image-description-slide {
  float: right;
  max-width: 475px;
  margin-left: 15px;
}
.description-content .image-description-slide .img {
  display: block;
}
.description-content .image-description-slide .img img {
  width: 100%;
}
@media (max-width: 567px) {
  .shop-page .bread-crumb {
    background: #FFF;
    padding: 0;
  }
  .shop-page .workshop-page {
    padding: 0 0 18px 0;
  }
  .description-shop {
    padding: 20px 0;
  }
  .description-shop .header-block .title {
    font-size: 16px;
  }
  .description-shop .description-content .text {
    margin-bottom: 28px;
  }
  .shop-page .block-cards .swiper-pagination {
    margin-top: 20px;
  }
}
/* PÀGINA BOTIGUES:  */
.header-generic {
  padding: 48px 10px;
}
.header-generic h1 {
  padding-bottom: 14px;
  font-size: 30px;
  line-height: 0.63em;
  letter-spacing: -0.5px;
  text-align: center;
  color: #333;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.header-generic h2 {
  font-size: 15px;
  line-height: 1.47em;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
/* redefinitions by usecases */
.body-collections .header-generic {
  background: #ffffff;
}
.block-cards.list-shops.grey .header-block {
  margin-bottom: 4px;
}
.block-cards.list-shops.grey .mobile-item {
  display: none;
}
.block-cards.list-shops.grey .block-list {
  margin-left: -12px;
  margin-right: -12px;
  max-width: 100%;
}
.block-cards.list-shops.grey .block-list .item.shop-card {
  display: inline-block;
  width: calc(50% - 27px);
  margin: 12px;
  border: 0;
  box-shadow: 2px 2px 4px 0 rgba(212, 212, 212, 0.5);
}
.block-cards.list-shops.grey + .block-cards .swiper-pagination {
  margin-top: 0;
}
.block-cards.list-shops.grey + .block-cards + .block-cards.about-block {
  padding: 60px 10px;
}
.shops-ribbon {
  padding: 41px 22px;
}
.shops-ribbon .title {
  font-size: 18px;
}
.shops-ribbon .link {
  cursor: initial;
  opacity: 1 !important;
}
.shops-ribbon .link a {
  cursor: initial;
  opacity: 1 !important;
}
.shops-ribbon .link .title a {
  text-transform: inherit;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  cursor: default;
  opacity: 1 !important;
}
@media (max-width: 930px) {
  .block-cards.list-shops.grey .mobile-item {
    display: block;
  }
  .block-cards.list-shops.grey .block-list .item.shop-card {
    width: 100%;
  }
}
@media (max-width: 567px) {
  .block-cards.list-shops.grey {
    padding-left: 15px;
    padding-right: 15px;
  }
  .block-cards.list-shops.grey + .block-cards .swiper-pagination {
    margin-top: 20px;
  }
  .block-cards.list-shops.grey + .block-cards + .block-cards.about-block {
    padding: 20px 10px;
  }
  .shops-ribbon .title {
    font-size: 14px;
  }
  .shops-ribbon {
    padding: 18px;
  }
  .shops-ribbon .link {
    padding: 8px 0;
  }
  .header-generic {
    padding: 22px;
  }
  .header-generic h1 {
    font-size: 17px;
    padding-bottom: 12px;
  }
  .header-generic h2 {
    font-size: 13px;
  }
}
/* SIDEBAR MODAL SHOPS */
.shop-list-sidebar .title {
  margin-bottom: 15px;
  font-size: 16px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #4a4a4a;
}
.shop-list-sidebar .shop-list {
  margin-top: 20px;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
}
.shop-list-sidebar .shop-list .shop {
  position: relative;
  padding: 14px 22px;
  border-top: 1px solid #d9d9d9;
  overflow: hidden;
  background: #fff;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.shop-list-sidebar .shop-list .shop:last-of-type {
  border-bottom: 1px solid #d9d9d9;
}
.shop-list-sidebar .shop-list .shop:hover {
  background: #f5f5f5;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.shop-list-sidebar .shop-list .shop a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.shop-list-sidebar .shop-list .shop .img {
  float: left;
  margin-right: 16px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #e23b34;
  border-color: #28daa0;
}
.shop-list-sidebar .shop-list .shop .img img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
}
.shop-list-sidebar .shop-list .shop:nth-of-type(2) .img {
  border-color: #6a96fc;
}
.shop-list-sidebar .shop-list .shop:nth-of-type(3) .img {
  border-color: #f841fc;
}
.shop-list-sidebar .shop-list .shop:nth-of-type(4) .img {
  border-color: #f0cb44;
}
.shop-list-sidebar .shop-list .shop .arrow {
  position: absolute;
  right: 16px;
  top: calc(50% - 6px);
  display: block;
  width: 11px;
  height: 11px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_right.svg") no-repeat center;
  background-size: auto;
  background-size: 11px;
  pointer-events: none;
}
.shop-list-sidebar .shop-list .shop .adress {
  margin-top: 13px;
  font-size: 16px;
  color: #333;
}
.shop-list-sidebar .shop-list .shop .adress span {
  display: block;
  line-height: 1.38em;
  letter-spacing: normal;
  color: #9b9b9b;
  font-size: 13px;
}
.shop-list-sidebar .discover {
  padding-right: 20px;
  text-align: right;
  background: rgba(255, 255, 255, 0) url("../images/arrow_right.svg") no-repeat center;
  background-size: auto;
  background-position: right center;
  background-size: 11px;
}
/* QUI SOM */
.shops.white {
  margin-bottom: 40px;
  background: #FFF;
}
.shops.white .title {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 0.73;
  letter-spacing: -0.4px;
  color: #333333;
  border-bottom: 1px solid #e23b34;
  display: block;
  text-align: left;
  padding: 0 0 20px 0;
  margin: 0 0 70px 0;
}
.shops.white .shop .adress {
  font-size: 16px;
  color: #333;
}
.shops.white .shop .adress span {
  display: block;
  font-size: 13px;
  color: #9b9b9b;
}
.shops.white .shop .maps {
  line-height: 1.38em;
  font-size: 13px;
  color: #e23b34;
  opacity: 1;
}
.ribbon-links.aboutgadgets-links {
  background: #fff;
}
.ribbon-links.aboutgadgets-links .wrapper {
  font-size: 0;
  max-width: 1175px;
}
.ribbon-links.aboutgadgets-links .links {
  display: flex;
  margin: 57px 0;
  margin-left: -25px;
  margin-right: -25px;
}
.ribbon-links.aboutgadgets-links .link {
  width: 25%;
  padding: 0 25px;
  font-size: 14px;
  border-right: 1px solid #dcdcdc;
  float: none;
  vertical-align: top;
  cursor: initial;
}
.ribbon-links.aboutgadgets-links .link:last-of-type {
  border: none;
}
.ribbon-links.aboutgadgets-links .link .title {
  font-size: 20px;
  text-transform: inherit;
}
.ribbon-links.aboutgadgets-links .text {
  color: #5f5f5f;
  line-height: 1.43em;
}
.ribbon-links.aboutgadgets-links .link:hover .img {
  opacity: 1;
}
.ribbon-links.aboutgadgets-links .header-block {
  margin-bottom: 26px;
  padding: 0 0 18px 0;
  border-bottom: 1px solid #e23b34;
  text-align: left;
}
.ribbon-links.aboutgadgets-links .header-block .title {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 0.73;
  letter-spacing: -0.4px;
  color: #333333;
}
@media (max-width: 567px) {
  .ribbon-links.aboutgadgets-links .link {
    margin-bottom: 15px;
    padding: 0;
    width: 100%;
    border: none;
  }
  .ribbon-links.aboutgadgets-links .link .text {
    display: none;
  }
  .ribbon-links.aboutgadgets-links .link .img {
    height: 37px;
    margin-right: 12px;
  }
  .ribbon-links.aboutgadgets-links .link .title {
    padding-top: 11px;
    font-size: 16px;
  }
  .ribbon-links.aboutgadgets-links .links {
    display: block;
    margin: 15px 0;
  }
  .ribbon-links.aboutgadgets-links .header-block {
    padding: 0 0 10px 0;
  }
  .ribbon-links.aboutgadgets-links .header-block .title {
    font-size: 16px;
  }
  .shops.white .title {
    margin: 0 0 27px 0;
    padding: 0 0 10px 0;
    font-size: 16px;
  }
}
.aboutus {
  max-width: 1022px;
  margin: 0 auto 70px auto;
  padding: 0 15px;
}
.aboutus .img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 401px;
}
.aboutus .img img {
  width: 100%;
}
.aboutus .text {
  width: calc(100% - 406px);
  display: inline-block;
  vertical-align: top;
  padding-left: 74px;
}
.aboutus .text p {
  margin: 0 0 25px 0;
  line-height: 1.5em;
  letter-spacing: -0.2px;
  color: #4a4a4a;
  font-size: 16px;
}
.aboutus .text .hidder-wrapper {
  position: relative;
  padding-bottom: 40px;
  overflow: hidden;
}
.aboutus .text .hidder {
  width: 100%;
  height: 80px;
  padding: 40px 0 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #e23b34;
  line-height: 40px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, #ffffff 50%);
  cursor: pointer;
}
.aboutus .text .hidder:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 7px;
  margin: 0 0 0 5px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat center;
  background-size: auto;
  vertical-align: middle;
}
.aboutus .text .hidder.opened {
  background: transparent;
}
.aboutus .text .hidder.opened:after {
  background: rgba(255, 255, 255, 0) url("../images/arrow_up.svg") no-repeat center;
  background-size: auto;
  vertical-align: middle;
}
.aboutus .text .signature span {
  display: block;
  padding: 10px 0 0 0;
  line-height: 1.54em;
  color: #8b8b8b;
  font-size: 13px;
}
@media (max-width: 768px) {
  .aboutus .text {
    padding-left: 20px;
    max-width: 49%;
    width: 49%;
  }
  .aboutus .img {
    max-width: 50%;
  }
}
@media (max-width: 768px) {
  .aboutus {
    margin: 0 auto 10px auto;
  }
  .aboutus .text {
    max-width: 100%;
    width: 100%;
    margin: 27px 0 0 0;
    padding: 0;
  }
  .aboutus .text p {
    font-size: 13px;
  }
  .aboutus .img {
    max-width: 100%;
    width: 100%;
  }
}
/* CLUB GADGETS */
.clubgadgets {
  margin: 0 0 60px 0;
}
.clubgadgets .ribbon {
  margin: 70px auto;
}
.clubgadgets .ribbon .wrapper {
  width: 1003px;
  max-width: 100%;
  margin: 0 auto 0 auto;
  padding: 0 15px 70px 15px;
  border-bottom: 1px solid #d9d9d9;
}
.clubgadgets .ribbon .title {
  margin: 0 0 15px 0;
  font-size: 24px;
  color: #4a4a4a;
}
.clubgadgets .ribbon .subtitle {
  font-size: 16px;
  color: #e23b34;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.clubgadgets .ribbon .text {
  font-size: 14px;
  color: #8b8b8b;
  line-height: 1.43em;
}
.clubgadgets .ribbon .img {
  display: block;
  width: 104px;
  height: 103px;
  text-align: center;
}
.clubgadgets .ribbon .img img {
  margin-top: 20px;
  height: 80px;
  width: auto;
}
.clubgadgets .ribbon.first {
  margin-top: 0;
  background: rgba(255, 255, 255, 0) url("../images/textura-bg.svg") no-repeat center;
  background-size: auto;
  background-repeat: repeat;
  text-align: center;
}
.clubgadgets .ribbon.first .wrapper {
  border: none;
  padding: 30px 15px 40px 15px;
}
.clubgadgets .ribbon.first .img {
  margin: auto;
  width: 110px;
}
.clubgadgets .ribbon .img img {
  margin-top: 0;
  height: 95px;
}
.clubgadgets .ribbon.first .title {
  margin: 0 0 5px 0;
  font-size: 33px;
  line-height: 1.12em;
  letter-spacing: -0.7px;
  color: #3e3e3e;
}
.clubgadgets .ribbon.first .subtitle {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 1.47em;
  color: #4a4a4a;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.clubgadgets .ribbon:nth-of-type(2) .img,
.clubgadgets .ribbon:nth-of-type(5) .img,
.clubgadgets .ribbon:nth-of-type(7) .img {
  float: right;
  margin-left: 72px;
}
.clubgadgets .ribbon:nth-of-type(3) .img,
.clubgadgets .ribbon:nth-of-type(6) .img,
.clubgadgets .ribbon:nth-of-type(8) .img {
  float: left;
  margin-right: 72px;
}
.clubgadgets .ribbon-btn {
  width: 330px;
  max-width: 100%;
  margin: auto;
  margin-top: -93px;
  text-align: center;
  background: #FFF;
}
.clubgadgets .ribbon-btn .btn {
  padding: 14px 76px;
}
@media (max-width: 567px) {
  .clubgadgets .ribbon {
    margin: 35px 0;
  }
  .clubgadgets .ribbon:nth-of-type(2) .img,
  .clubgadgets .ribbon:nth-of-type(3) .img,
  .clubgadgets .ribbon:nth-of-type(4) .img,
  .clubgadgets .ribbon:nth-of-type(5) .img,
  .clubgadgets .ribbon:nth-of-type(6) .img,
  .clubgadgets .ribbon:nth-of-type(7) .img,
  .clubgadgets .ribbon:nth-of-type(3) .img,
  .clubgadgets .ribbon:nth-of-type(6) .img,
  .clubgadgets .ribbon:nth-of-type(8) .img {
    float: none;
    margin: auto;
    margin-bottom: 20px;
  }
  .clubgadgets .ribbon .img,
  .clubgadgets .ribbon .img img {
    height: 56px;
  }
  .clubgadgets .ribbon .title {
    font-size: 16px;
    margin: 0 0 5px 0;
  }
  .clubgadgets .ribbon .subtitle {
    font-size: 14px;
    margin: 0 0 5px 0;
  }
  .clubgadgets .ribbon .text {
    font-size: 13px;
  }
  .clubgadgets .ribbon-btn {
    margin-top: -58px;
    width: 175px;
  }
  .clubgadgets .ribbon.first .wrapper {
    padding: 30px 15px;
  }
  .clubgadgets .ribbon.first .title {
    font-size: 20px;
    line-height: 1.29em;
  }
  .clubgadgets .ribbon.first .subtitle {
    font-size: 14px;
  }
  .clubgadgets .ribbon.first .img {
    margin-bottom: 10px;
  }
  .clubgadgets .ribbon.first .btn {
    width: 100%;
  }
}
/********** PRODCUT LIST PAGE **********/
/* temporary div clases that need to be replaced with own Comitium groups classes
*/
.grupo-listado,
body .group182_div1 {
  width: 1174px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  float: none;
}
.grupo-izquierda,
body .group117_div1 {
  width: 23.75%;
  float: left;
}
.grupo-derecha,
body .group120_div1 {
  width: 74.25%;
  float: right;
}
.grupo-listado:after {
  content: "";
  display: block;
  clear: both;
}
body .group182_div_content5,
body .group117_div_content5,
body .group120_div_content5 {
  overflow: initial;
}
@media (max-width: 768px) {
  .grupo-listado,
  body .group182_div1 {
    max-width: 100%;
  }
  .grupo-izquierda,
  body .group117_div1,
  .grupo-derecha,
  body .group120_div1 {
    float: none;
    width: 100%;
  }
}
/* PRODUCT LIST FILTERS */
.product-filters {
  margin: 14px 0 0 0;
  padding: 0 0 20px 0;
  border-radius: 1.5px;
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
  background-color: #ffffff;
}
.product-filters .mobile-items {
  display: none;
}
.filter {
  padding: 0 17px;
  border-top: 2px solid #e23b34;
}
.filter + .filter {
  margin-top: 10px;
}
.filter.closed + .filter {
  margin-top: 0;
}
.filter-price {
  padding-bottom: 20px;
}
.filter-title {
  padding: 15px 0 11px 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #4a4a4a;
  background: rgba(255, 255, 255, 0) url("../images/arrow_up.svg") no-repeat right center;
  background-size: auto;
  cursor: pointer;
}
.filter.closed .filter-title {
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat right center;
  background-size: auto;
}
.filter-title .selected i {
  display: none;
}
.filter.closed .filter-options {
  display: none;
}
.filter-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: #4a4a4a;
  overflow: hidden;
}
.filter-item {
  padding: 12px 0 11px 0;
  border-top: 1px solid #e5e5e5;
  cursor: pointer;
}
.filter-item:hover {
  opacity: 0.7;
}
.filter-item label {
  display: block;
  overflow: hidden;
}
.filter-item a {
  color: inherit;
}
.filter-list .form-checkbox {
  float: left;
  width: 18px;
  height: 16px;
  margin-right: 13px;
  margin-bottom: 3px;
  border-color: #cecece;
  border-radius: 2px;
  background: #fff;
}
.filter-list .more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  padding: 10px 0 9px 0;
  background: #fff;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #e23b34;
  cursor: pointer;
}
.filter-list .more:hover {
  color: rgba(226, 59, 62, 0.7);
}
.filter-list .more:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 4px;
  margin: 0 0 0 5px;
  background: rgba(255, 255, 255, 0) url("../images/pointer-down-red.svg") no-repeat center;
  background-size: auto;
  background-size: 8px;
  vertical-align: middle;
}
.filter-options.expanded .filter-list .more:after {
  background: rgba(255, 255, 255, 0) url("../images/pointer-up-red.svg") no-repeat center;
  background-size: auto;
  background-size: 8px;
}
/* redefinitions */
/* filter with slider - price slider*/
.filter-slider-results {
  padding: 16px 0 0 0;
  border-top: 1px solid #e5e5e5;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #8b8b8b;
  text-align: center;
}
.filter-slider .price-slider {
  position: relative;
  width: 100%;
  margin: 16px 0 26px 0;
}
.filter-slider .price-slider .min,
.filter-slider .price-slider .max {
  position: absolute;
  top: 18px;
  left: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #333333;
  font-size: 14px;
  font-style: inherit;
}
.filter-slider .price-slider .max {
  left: auto;
  right: 0;
}
.filter-slider .price-slider .ui-slider {
  width: 100%;
  border-radius: 2px;
  height: 3px;
  background: #e3e3e3;
  border: 0;
}
.filter-slider .price-slider .ui-slider-range {
  background: #e23b34;
  z-index: 1;
}
.filter-slider .price-slider .ui-state-default,
.filter-slider .price-slider .ui-widget-content .ui-state-default,
.filter-slider .price-slider .ui-widget-header .ui-state-default {
  background: #ffffff;
  border-color: #cdcecb;
  border: 1px solid #e23b34;
  width: 17px;
  height: 17px;
  margin-top: -2px;
  border-radius: 50%;
  z-index: 2;
  cursor: move;
}
.filter-slider .price-slider .ui-state-default,
.filter-slider .price-slider .ui-widget-content .ui-state-default {
  border: 1px solid #ccc;
}
.filter-slider .price-slider .ui-widget-content .ui-state-default strong {
  display: block;
  width: 75px;
  height: 33px;
  margin: 40px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 28px;
  color: #333;
}
.filter-slider .price-slider .ui-state-default:focus,
.filter-slider .price-slider .ui-widget-content .ui-state-default:focus,
.filter-slider .price-slider .ui-widget-header .ui-state-default:focus {
  outline: none;
}
/* filter by color */
.filter-color .filter-options {
  border-top: 2px solid #e5e5e5;
  padding-top: 18px;
}
.filter-color .color {
  margin-top: -18px;
  margin-left: -25px;
}
.filter-color .color .option {
  display: inline-block;
  margin: 18px 0 0 25px;
  width: 25px;
  height: 25px;
  background: #999;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  font-size: 0;
}
.color .option.rojo,
.color .option.vermell {
  background-color: #cc0000;
}
.color .option.azul,
.color .option.blau {
  background-color: #14b4ff;
}
.color .option.naranja,
.color .option.taronja {
  background-color: #ff7800;
}
.color .option.fucsia,
.color .option.fucsia {
  background-color: #ff0078;
}
.color .option.violeta,
.color .option.violeta {
  background-color: #78288C;
}
.color .option.blanco,
.color .option.blanc {
  background-color: #f6f6f6;
}
.color .option.gris,
.color .option.gris {
  background-color: #cccccc;
}
.color .option.negro,
.color .option.negre {
  background-color: #151515;
}
.color .option.rosa,
.color .option.rosa {
  background-color: #ff8f8f;
}
.color .option.marron,
.color .option.marro {
  background-color: #8b4410;
}
.color .option.amarillo,
.color .option.groc {
  background-color: #fffc00;
}
.color .option.transparente,
.color .option.transparent {
  background: url(../images/bg-tran-representation.gif);
}
.color .option.crema,
.color .option.crema {
  background-color: #ffd67d;
}
.color .option.dorado,
.color .option.daurat {
  background-color: #ffd800;
}
.color .option.plata,
.color .option.plata {
  background-color: #bdbdbd;
}
.color .option.azul-marino,
.color .option.blau-mari {
  background-color: #0035fa;
}
.color .option.verde,
.color .option.verd {
  background-color: #009846;
}
.color .option.acer,
.color .option.acero {
  background-color: #b2b2b4;
}
.color .option.porpra,
.color .option.purpura {
  background-color: #800080;
}
.color .option.perla,
.color .option.perla {
  background-color: #fefaee;
}
.color .option.burdeus,
.color .option.burdeos {
  background-color: #921a1b;
}
.color .option.beix,
.color .option.beige {
  background-color: #d3b697;
}
.color .option.bronze,
.color .option.bronce {
  background-color: #CD7F32;
}
.color .option.turquesa {
  background-color: #4fa9b1;
}
.color .option.terracota {
  background-color: #e2725b;
}
.color .option.menta {
  background-color: #9bfad0;
}
.color .option.lima {
  background-color: #bfff00;
}
/*redefinitions by use cases*/
body.body-family-list .product-filters {
  margin-top: 35px;
}
@media (max-width: 768px) {
  .product-filters {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 48px 0 59px 0;
    overflow-y: scroll;
    z-index: 11;
  }
  .product-filters .mobile-items {
    display: block;
  }
  .product-filters .mobile-title {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 16px 42px 16px 42px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #e23b34;
    background: rgba(255, 255, 255, 0) url("../images/ico-filters-red.png") no-repeat 20px center;
    background-size: auto;
    background-color: #ffffff;
    border-bottom: 2px solid #ebebeb;
    cursor: pointer;
    color: #4a4a4a;
    z-index: 1;
  }
  .product-filters .close {
    position: absolute;
    top: calc(50% - 6px);
    right: 14px;
    width: 13px;
    height: 13px;
    background: rgba(255, 255, 255, 0) url("../images/ico-close-gray.svg") no-repeat center;
    background-size: auto;
  }
  .product-filters .product-list {
    margin: 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background: #f9f9f9;
  }
  .product-filters .product-list .controls {
    float: none;
    width: 100%;
    display: block;
  }
  .product-filters .product-list .controls .order {
    position: static;
    padding: 9px 10px 8px 10px;
    text-align: right;
    font-size: 12px;
    line-height: 21px;
    color: #8b8b8b;
  }
  .product-filters .product-list .controls .order .btn-element {
    color: #e23b34;
    font-size: 12px;
  }
  .product-filters .product-list .controls .order .btn-group {
    display: inline-block;
    margin-left: 7px;
  }
  .filter {
    padding: 0;
    border-color: #ebebeb;
  }
  .filter-price {
    padding-bottom: 20px;
  }
  .filter-title {
    height: 50px;
    padding: 9px 0 10px 14px;
    margin-right: 14px;
    font-size: 13px;
    line-height: 16px;
    text-transform: none;
  }
  body.body-family-list .filter-title {
    text-transform: uppercase;
    height: 43px;
  }
  body.body-family-list .filter-title span {
    padding-top: 5px;
  }
  .filter-title span {
    display: block;
    padding-top: 8px;
  }
  .filter-title .selected {
    padding-top: 0;
  }
  .filter-title .selected i {
    display: block;
    margin: 2px 0 0 0;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #8b8b8b;
    font-style: normal;
  }
  .filter-item {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 13px;
  }
  .filter-list .more {
    padding-left: 15px;
  }
  .filter-slider .filter-options {
    padding-left: 14px;
    padding-right: 14px;
  }
  .product-filters .filters-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    padding: 10px;
    background: #ffffff;
    justify-content: space-between;
    box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .product-filters .filters-buttons .btn {
    width: calc(50% - 5px);
  }
}
/* END PRODUCT LIST FILTERS */
/* PRODUCT LIST */
.cont_loading {
  display: block;
  width: 100%;
  padding: 100px 0;
  text-align: center;
}
.cont_loading img {
  animation: fade 1s infinite;
}
.product-list {
  margin: 14px 0 0 0;
}
.product-list-header {
  height: 51px;
  border-radius: 2px;
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
  background-color: #ffffff;
}
.product-list-header .title {
  float: left;
  height: 100%;
  padding: 14px 16px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1em;
  letter-spacing: -0.4px;
  color: #333333;
}
.product-list-header .title span {
  display: inline-block;
  font-size: 13px;
  color: #4a4a4a;
  letter-spacing: initial;
}
.product-list .controls {
  float: right;
  height: 100%;
  display: flex;
}
.product-list .controls .order {
  padding: 11px 11px 0 0;
}
.product-list .controls .order .btn-group {
  position: relative;
}
.product-list .controls .order .btn-element {
  display: inline-block;
  width: 152px;
  padding: 4px 10px;
  background-color: #ffffff;
  border: 1px solid #cecece;
  border-radius: 1px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #4a4a4a;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
}
.product-list .controls .order .caret {
  display: inline-block !important;
  width: 11px;
  height: 7px;
  margin: 8px 0 0 0;
  float: right;
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat center;
  background-size: auto;
  vertical-align: top;
}
.product-list .controls .order .dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.product-list .controls .order .btn-element-group {
  float: right;
  position: relative;
  width: 169px;
}
.product-list .controls .order .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.product-list .controls .order .dropdown-menu li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #cecece;
}
.product-list .controls .order .btn-element-group > .btn {
  width: 80%;
  position: relative;
  border-radius: 0;
  border-radius: 5px;
}
/*when opened*/
.order .open .dropdown-menu {
  display: block !important;
}
.product-list .controls .view {
  padding: 17px 18px 0 24px;
  border-left: 1px solid #eeeeee;
}
.product-list .controls .view .grid-view {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: rgba(255, 255, 255, 0) url("../images/ico-grid-gray.svg") no-repeat center;
  background-size: auto;
  cursor: pointer;
}
.product-list .controls .view .grid-view.active {
  background: rgba(255, 255, 255, 0) url("../images/ico-grid-red.svg") no-repeat center;
  background-size: auto;
}
.product-list .controls .view .list-view {
  display: inline-block;
  width: 21px;
  height: 15px;
  margin-left: 15px;
  background: rgba(255, 255, 255, 0) url("../images/ico-list-gray.svg") no-repeat center;
  background-size: auto;
  cursor: pointer;
}
.product-list .controls .view .list-view.active {
  background: rgba(255, 255, 255, 0) url("../images/ico-list-red.svg") no-repeat center;
  background-size: auto;
}
.product-list .controls .page {
  padding: 18px 20px 0 20px;
  border-left: 1px solid #eeeeee;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: #4a4a4a;
}
.product-list .controls .page div {
  display: inline-block;
  vertical-align: middle;
}
.product-list .controls .page .prev {
  width: 7px;
  height: 15px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_left.svg") no-repeat center center;
  background-size: auto;
  cursor: pointer;
}
.product-list .controls .page .next {
  width: 7px;
  height: 15px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_right.svg") no-repeat center center;
  background-size: auto;
  cursor: pointer;
}
.product-list .controls .page .info {
  height: 15px;
  margin: 0 15px;
}
.product-list .controls .filters-button {
  padding: 15px 15px 15px 34px;
  border-left: 1px solid #f0f0f0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #e23b34;
  background: rgba(255, 255, 255, 0) url("../images/ico-filters-red.png") no-repeat 16px center;
  background-size: auto;
  cursor: pointer;
}
.product-list .controls .mobile-item {
  display: none;
}
.product-list-header:after {
  content: "";
  display: block;
  clear: both;
}
.product-list-items-wrapper {
  width: calc(100% + 17px);
  margin-left: -17px;
  display: flex;
  flex-wrap: wrap;
}
.product-list-adv {
  width: 100%;
  margin: 19px 0 0 17px;
  border-radius: 2px;
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
  background-color: #ffffff;
}
.product-list-adv ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-list-adv ul li {
  padding: 22px 15px 22px 90px;
  font-size: 13px;
  line-height: 1.38em;
  vertical-align: middle;
  color: #333333;
}
.product-list-adv ul li.delivery {
  width: 29%;
  background: rgba(255, 255, 255, 0) url("../images/ico-truck-color.svg") no-repeat 20px center;
  background-size: 57px;
}
.product-list-adv ul li.shipping {
  width: 37%;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  background: rgba(255, 255, 255, 0) url("../images/ico-box-ok-color.svg") no-repeat 25px center;
  background-size: 52px;
}
.product-list-adv ul li.store {
  width: 34%;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  background: rgba(255, 255, 255, 0) url("../images/ico-store-color.svg") no-repeat 27px center;
  background-size: 45px;
}
.product-list-items .item {
  width: calc(25% - 17px);
  margin-top: 19px;
  margin-left: 17px;
  border-radius: 2px;
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
}
.product-list-items .item .option .block-option .btn span {
  font-size: 13px;
}
.product-list-items .colors .color {
  margin: 0 4px;
}
.product-list-items .item .remove {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #e23b34;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  line-height: 21px;
  font-weight: 700;
  color: #e23b34;
  background: #fff;
}
.product-list-items .item .remove:hover {
  background-color: #e23b34;
  color: #fff;
}
.product-list-items .item .remove:before {
  content: 'X';
}
.product-list-items-wrapper .item.horizontal {
  width: 100%;
  margin-top: 19px;
}
.product-list-desc .title {
  padding: 7px 0 18px 0;
  border-bottom: 1px solid #e23b34;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 1em;
  color: #333;
  letter-spacing: -0.4px;
}
.product-list-desc .text {
  margin: 18px 40px 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  color: #4a4a4a;
}
.product-list-desc .text strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
@media (max-width: 1050px) {
  .product-list-items .colors .color {
    margin: 0;
  }
}
@media (max-width: 950px) {
  .product-list-header .title {
    font-size: 16px;
    line-height: 19px;
  }
  .product-list .controls .order,
  .product-list .controls .view,
  .product-list .controls .page {
    padding-right: 10px;
    padding-left: 10px;
  }
  .product-list .controls .page .info {
    margin: 0 5px;
  }
  .product-list-items .product-card {
    width: calc(33.33% - 17px);
    margin-left: 17px;
  }
  .product-list-adv {
    display: none;
  }
}
@media (max-width: 819px) {
  .product-list-header .title {
    width: 31%;
  }
}
@media (max-width: 768px) {
  .body-search .product-list {
    margin-top: 1px;
  }
  .product-list {
    margin-top: 0;
  }
  .product-list-header {
    height: 45px;
  }
  .product-list-header .title {
    width: calc(100% - 91px - 10px);
  }
  .product-list .controls .desktop-item {
    display: none;
  }
  .product-list .controls .mobile-item {
    display: block;
  }
  .product-list-items {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .product-list-items-wrapper {
    display: flex;
    width: calc(100% - 30px);
    margin: 0 auto;
    justify-content: space-between;
  }
  .product-list-desc {
    margin: 40px 15px 63px 15px;
  }
  .product-list-desc .title {
    padding-bottom: 8px;
    font-size: 16px;
  }
  .product-list-desc .text {
    margin: 25px  0 0 0;
    font-size: 13px;
  }
}
@media (max-width: 736px) {
  .product-list-items .product-card {
    width: calc(50% - 6px);
    margin: 17px 0 0 0;
  }
}
@media (max-width: 599px) {
  .product-list-header {
    height: auto;
    position: relative;
  }
  .product-list-header .title {
    width: calc(100% - 81px - 10px);
  }
  .product-list .controls .mobile-item {
    position: absolute;
    top: calc(50% - 22.5px);
    right: 0;
  }
  .product-list-items-wrapper {
    width: calc(100% - 30px);
    margin-left: 15px;
  }
  .product-list-items .product-card,
  .product-list-items .product-card.horizontal {
    width: calc(50% - 6px);
  }
}
/* /PRODUCT LIST */
/********** END PRODCUT LIST PAGE **********/
/********** FAMILIES LIST PAGE **********/
body .group192_div1 {
  width: 1174px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  float: none;
}
body .group192_div_content5 {
  overflow: initial;
}
body .group193_div1 {
  width: 23.75%;
  float: left;
}
body .group193_div_content5 {
  overflow: initial;
}
body .group194_div1 {
  width: 74.25%;
  float: right;
}
body .group194_div_content5 {
  overflow: initial;
}
@media (max-width: 768px) {
  body .group192_div1,
  body .group193_div1,
  body .group194_div1 {
    float: none;
    width: 100%;
    max-width: 100%;
  }
}
.families-list {
  margin-top: 35px;
}
.families-list .block-cards.grey {
  padding-top: 0;
  background-color: transparent;
}
.families-list .block-cards .block-btn {
  padding-top: 25px;
  text-align: center;
}
.families-list .block-cards .header-block {
  margin-bottom: -2px;
}
@media (max-width: 950px) {
  body.body-family-list .product-list-items .item {
    width: calc(25% - 17px);
  }
}
@media (max-width: 768px) {
  body.body-family-list .product-filters {
    position: static;
    display: block;
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 0;
    overflow: initial;
  }
  body.body-family-list .filter {
    border-color: #e23b34;
  }
  body.body-family-list .filter-options {
    padding: 0 15px;
  }
  body.body-family-list .filter-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body.body-family-list .filter-item {
    position: relative;
    width: calc(50%);
    margin-bottom: -1px;
    border-bottom: 1px solid #e5e5e5;
  }
  body.body-family-list .filter-item:nth-child(odd) {
    padding-left: 0;
  }
  body.body-family-list .filter-item:nth-child(odd):after {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 5px);
    position: absolute;
    top: 2px;
    right: 0;
    border-right: 1px solid #e5e5e5;
  }
  .families-list .block-cards.grey {
    padding-right: 15px;
    padding-left: 15px;
  }
  .families-list .block-cards.grey .product-list-items-wrapper {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 599px) {
  body.body-family-list .product-list-items .item {
    width: calc(50% - 6px);
  }
  body.body-family-list .product-list-items .item:nth-child(3),
  body.body-family-list .product-list-items .item:nth-child(4) {
    display: none;
  }
  .families-list .block-cards.grey .product-list-items-wrapper {
    margin-left: 0;
  }
  .families-list .block-cards .block-btn {
    padding: 15px 0 25px 0;
  }
  .families-list .block-cards .block-btn .btn {
    width: 100%;
  }
}
@media (max-width: 567px) {
  .families-list .block-cards .header-block .arrows {
    margin-top: 0;
  }
}
.family-info {
  margin: 0 0 20px 0;
  padding: 0 30px;
}
.family-info .wrapper {
  width: 1173px;
}
.family-list-desc {
  padding: 15px 20px 20px 20px;
  background-color: #ffffff;
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
}
.family-list-desc .title {
  font-size: 22px;
  line-height: 32px;
  color: #333;
}
.family-list-desc .text {
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  content: #010101;
}
@media (max-width: 768px) {
  .family-info {
    padding: 0 15px;
  }
}
/******** END FAMILIES LIST PAGE ********/
/********** SEARCH RESULTS PAGE **********/
/* SEARCH INFO */
.search-info {
  padding: 43px 0 38px 0;
  background: #fff;
  text-align: center;
}
.search-info .title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1em;
  letter-spacing: -0.5px;
  color: #333333;
}
.search-info .title strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.search-info .options {
  display: flex;
  width: 445px;
  height: 45px;
  margin: 35px auto 0 auto;
}
.search-info .options .btn {
  width: 33.33%;
  height: 100%;
  padding: 13px 26px 13px 41px;
  border-color: #dcdcdc;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1em;
  text-transform: none;
  color: #8b8b8b;
}
/*button variants*/
.search-info .options .products {
  background: #f8f8f8 url("../images/ico-4squares-gray.svg") no-repeat 20px center;
  background-size: auto;
}
.search-info .options .techniques {
  background: #f8f8f8 url("../images/ico-glove-gray.svg") no-repeat 20px center;
  background-size: auto;
}
.search-info .options .recipes {
  background: #f8f8f8 url("../images/ico-book-gray.svg") no-repeat 20px center;
  background-size: auto;
}
/*button status */
.search-info .options .btn.active {
  color: #ffffff;
  border-color: #e23b34;
}
.search-info .options .btn.products.active {
  background: #e23b34 url("../images/ico-4squares-white.svg") no-repeat 20px center;
  background-size: auto;
}
.search-info .options .btn.techniques.active {
  background: #e23b34 url("../images/ico-glove-white.svg") no-repeat 20px center;
  background-size: auto;
}
.search-info .options .btn.recipes.active {
  background: #e23b34 url("../images/ico-book-white.svg") no-repeat 20px center;
  background-size: auto;
}
.search-info .options .btn:nth-child(1) {
  border-radius: 3px 0 0 3px;
}
.search-info .options .btn:nth-child(2) {
  border-radius: 0;
  border-right: 0;
  border-left: 0;
}
.search-info .options .btn:nth-child(3) {
  border-radius: 0 3px 3px 0;
}
@media (max-width: 768px) {
  .search-info {
    padding: 20px 15px 17px 15px;
  }
  .search-info .title {
    font-size: 17px;
    line-height: 19px;
    letter-spacing: -0.3px;
  }
  .search-info .options {
    width: 290px;
    height: 35px;
    margin-top: 17px;
  }
  .search-info .options .btn {
    padding: 10px 13px;
    background: #f8f8f8 !important;
    font-size: 13px;
  }
  .search-info .options .btn.active {
    background: #e23b34 !important;
  }
}
@media (max-width: 567px) {
  body.mmactive {
    overflow: hidden;
  }
  .mobile_menu {
    display: none;
    position: relative;
  }
  .sm_menu_outer.active .mobile_menu {
    display: block;
    padding: 0;
    margin: 0;
  }
  .sm_menu_outer {
    height: calc(100vh - 111px);
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    bottom: 60px;
    z-index: -9;
    width: 100%;
    opacity: 0;
    background-color: #fff;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .sm_menu_outer.active {
    opacity: 1;
    z-index: 999;
  }
  .sm_menu_outer .mobile_menu li.back a {
    padding: 20px 5px 20px 32px;
    background: url("../images/arrow_left.svg") no-repeat scroll 15px center / 5% auto;
    background-size: 11px;
  }
  .sm_menu_outer .mobile_menu a {
    color: #4a4a4a;
    display: block;
    font-size: 13px;
    padding: 16px 14px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
  }
  .sm_menu_outer .mobile_menu .submenu li.back a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    color: #909090;
  }
  .sm_menu_outer .mobile_menu .submenu li a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
  }
  .filter-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 10px 5px;
    border-top: 1px solid #ebebeb;
    background: #FFF;
  }
  .filter-bottom > div {
    display: inline-block;
    margin: 0 5px;
    width: calc(50% - 13px);
  }
  .filter-bottom > div input,
  .filter-bottom > div input.btn.invert {
    width: 100%;
    padding: 12px !important;
    font-size: 12px;
  }
  /*Sub Menu anim */
  .sm_menu_outer .mobile_menu .submenu {
    padding: 0;
    background-color: #fff;
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 999;
  }
  .sm_menu_outer .mobile_menu li.active > .submenu {
    right: 0;
  }
  .sm_menu_outer .mobile_menu li {
    list-style-type: none;
    border-bottom: 1px solid #ebebeb;
  }
  .sm_menu_outer .mobile_menu li.hasChild > a {
    background: url("../images/arrow_right.svg") no-repeat scroll 95% center / 5% auto;
    background-size: 11px;
  }
  .sm_menu_outer .mobile_menu li.checks > a {
    background: url("../images/arrow_up.svg") no-repeat scroll 95% 18px;
    background-size: 11px;
  }
  .sm_menu_outer .mobile_menu li.checks > a.active {
    background: url("../images/arrow_down.svg") no-repeat scroll 95% 18px;
    background-size: 11px;
  }
  .sm_menu_outer .mobile_menu li.checks > ul li {
    border: none;
  }
  .sm_menu_outer .mobile_menu li.checks ul {
    padding: 14px;
  }
  /*Hamburger Animation */
  #sm_menu_ham {
    display: none;
    cursor: pointer;
    float: right;
    height: 14px;
    position: fixed;
    top: 63px;
    right: 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 30px;
    top: 15px;
    right: 15px;
    z-index: 9999;
  }
  #sm_menu_ham span {
    background-color: #8b8b8b;
    border-radius: 5px;
    display: block;
    height: 1px;
    left: 0;
    opacity: 1;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    width: 14px;
  }
  #sm_menu_ham span:nth-child(1) {
    top: 0;
  }
  #sm_menu_ham span:nth-child(2),
  #sm_menu_ham span:nth-child(3) {
    top: 10px;
  }
  #sm_menu_ham span:nth-child(4) {
    top: 20px;
  }
  #sm_menu_ham.open {
    display: block;
  }
  #sm_menu_ham.open span:nth-child(1) {
    left: 50%;
    top: 18px;
    width: 0;
  }
  #sm_menu_ham.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #sm_menu_ham.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #sm_menu_ham.open span:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0;
  }
  span.filters-btn {
    margin-left: 16px;
    color: #333;
    border-bottom: 1px solid #ebebeb;
  }
}
/********** END SEARCH RESULTS PAGE *********/
/* PRODUCTES PER MARCA */
.product-list.mark .product-list-header {
  height: auto;
  margin-bottom: 40px;
}
.product-list.mark .product-list-header .title {
  float: none;
  overflow: hidden;
  height: auto;
  padding: 13px 16px;
}
.product-list.mark .product-list-header .title p {
  padding: 10px 0;
  line-height: 0.76em;
  letter-spacing: -0.4px;
  font-size: 25px;
}
.product-list.mark .product-list-header .btn.invert {
  float: right;
  border: 2px solid;
  padding: 7px 21px;
}
.product-list.mark .logo-mark {
  display: block;
  padding: 26px 15px;
  width: 100%;
  background: #f8f8f8;
  text-align: center;
}
.product-list.mark .logo-mark img {
  width: auto;
  max-width: 165px;
}
.block-cards.reduced .item:hover .info {
  opacity: 1;
}
.body-product-list .product-list.mark .block-cards {
  background: #f5f5f5;
  padding: 40px 0;
}
.slide-banner {
  margin-left: -29px;
  margin-bottom: 3px;
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
}
.banner-slide a {
  display: block;
}
.banner-slide a img {
  width: 100%;
}
.slide-banner .swiper-button-next {
  background: rgba(255, 255, 255, 0) url("../images/arrow_right_big.svg") no-repeat center;
  background-size: auto;
}
.slide-banner .swiper-button-prev {
  background: rgba(255, 255, 255, 0) url("../images/arrow_left_big.svg") no-repeat center;
  background-size: auto;
}
@media (max-width: 768px) {
  .body-product-list .product-list.mark .block-cards {
    padding: 20px 10px;
  }
  .product-list.mark .product-list-header .title {
    width: 100%;
  }
  .product-list.mark .product-list-header .btn.invert {
    font-size: 12px;
  }
}
.block-cards-list .item.imprescindibles-card {
  display: inline-block;
  margin: 0 15px 28px 15px;
  width: calc(33% - 30px);
}
.block-cards.list-shops .wrapper-block {
  overflow: visible;
}
@media (max-width: 950px) {
  .block-cards-list .item.imprescindibles-card {
    width: calc(50% - 33px);
  }
}
@media (max-width: 567px) {
  .block-cards-list .item.imprescindibles-card {
    width: calc(100% - 30px);
  }
}
/* CONTACTE:  */
.ribbon-links.contant-ribbon {
  padding: 65px 22px;
}
.ribbon-links.contant-ribbon .title {
  color: #3e3e3e;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  line-height: 1.13em;
}
.ribbon-links.contant-ribbon .subtitle {
  margin: 4px 0 17px 0;
  color: #8b8b8b;
  font-size: 16px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  line-height: 1.13em;
}
.ribbon-links.contant-ribbon .link .img {
  height: 68px;
}
.doubts {
  background: #f8f8f8;
  padding: 40px 0 60px 0;
}
.doubts .title {
  margin: 0 0 60px 0;
  font-size: 30px;
  line-height: 0.63em;
  letter-spacing: -0.5px;
  text-align: center;
  color: #333333;
}
.doubt-list ul {
  width: 100%;
  max-width: 660px;
  margin: auto;
  padding: 0 30px;
  background: #FFF;
  list-style: none;
  box-shadow: 2px 2px 4px 0 rgba(212, 212, 212, 0.5);
}
.doubt-list ul li {
  border-bottom: 1px solid #d9d9d9;
}
.doubt-list ul li:last-of-type {
  border: none;
}
.doubt-list ul li a {
  display: block;
  font-size: 18px;
  color: #3e3e3e;
  line-height: 1em;
  padding: 25px 0;
  background: rgba(255, 255, 255, 0) url("../images/arrow_right.svg") no-repeat center;
  background-size: auto;
  background-position: right center;
}
@media (max-width: 567px) {
  .ribbon-links.contant-ribbon .subtitle {
    display: none;
  }
  .ribbon-links.contant-ribbon .link .img {
    height: 37px;
  }
  .ribbon-links.contant-ribbon {
    padding: 2px 15px;
  }
  .doubts {
    padding: 30px 0;
  }
  .doubts .title {
    margin: 0 0 25px 0;
    font-size: 18px;
    padding: 0 15px;
    line-height: 1.2em;
  }
}
/*  MODAL CONTACTE */
.modal-square.contact-modal .content-modal {
  max-width: 100%;
  height: 580px;
  padding: 0 72px;
  overflow-y: scroll;
}
.modal-square.contact-modal form .captcha {
  margin-top: 20px;
}
.modal-square.contact-modal form textarea {
  max-height: 80px;
}
.modal-square.contact-modal form .submit {
  margin: 20px 0 0 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #cecece;
}
.modal-square.contact-modal form .submit .btn {
  padding: 11px 55px;
}
.modal-square.contact-modal .subtitle {
  margin-top: 10px;
  text-align: center;
  color: #9b9b9b;
  font-size: 14px;
}
.modal-square.contact-modal .thanks .thanks-name {
  margin-top: 10px;
  margin-bottom: 8px;
  font-size: 30px;
  color: #4a4a4a;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: -0.5px;
}
.modal-square.contact-modal .thanks .title {
  font-size: 24px;
}
@media (max-width: 950px) {
  .modal-square.contact-modal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .modal-square.contact-modal .content-modal {
    height: 100%;
  }
}
@media (max-width: 599px) {
  .modal-square.contact-modal .content-modal {
    padding: 0;
  }
}
/* BLOCK IDEES PER REGALAR */
/*body.gifts-ideas .recommender {margin-top: 40px;}*/
.ideesregalar-block .header-block {
  margin: 0 0 55px 0;
}
.ideesregalar-block .block-list {
  font-size: 0;
}
.ideesregalar-block .element {
  display: inline-block;
  vertical-align: bottom;
  width: 20%;
  text-align: center;
  border-right: 1px solid #d9d9d9;
}
.ideesregalar-block .element:last-of-type {
  border: none;
}
.ideesregalar-block .element .img {
  display: block;
  max-width: 75px;
  margin: auto;
}
.ideesregalar-block .element .img img {
  width: 100%;
}
.ideesregalar-block .element .title {
  display: inline-block;
  padding: 20px 15px 10px 0;
  font-size: 16px;
  line-height: 1.36em;
  letter-spacing: -0.6px;
  color: #333;
  background: rgba(255, 255, 255, 0) url("../images/arrow_right.svg") no-repeat center;
  background-size: auto;
  background-position: right 25px;
}
.ideesregalar-block .element .subtitle {
  font-size: 15px;
  line-height: 1.47em;
  color: #666;
}
@media (max-width: 567px) {
  .ideesregalar-block .header-block {
    margin: 0 0 16px 0;
  }
  .ideesregalar-block .element {
    display: block;
    margin: 0 0 20px 0;
    padding: 0 5px;
    width: 100%;
    text-align: left;
    overflow: hidden;
    border: none;
  }
  .ideesregalar-block .element:nth-of-type(2) {
    border: none;
  }
  .ideesregalar-block .element:last-of-type {
    margin: 0 0 10px 0;
  }
  .ideesregalar-block .element .title {
    display: block;
    padding: 7px 0 0 0;
    font-size: 16px;
    background-position: right 11px;
  }
  .ideesregalar-block .element .subtitle {
    display: none;
  }
  .ideesregalar-block .element .img {
    float: left;
    width: 30px;
    margin-right: 20px;
  }
}
.banners-presents {
  max-width: 1174px;
  margin: 20px auto;
}
.ban-present1 {
  display: inline-block;
  margin-right: 11px;
  vertical-align: top;
  padding: 23px;
  width: 100%;
  background: rgba(255, 255, 255, 0) url("../images/textura-bg.svg") no-repeat center;
  background-size: auto;
  background-repeat: repeat;
}
.ban-present1 .img {
  float: right;
  width: 40%;
}
.ban-present1 .img img {
  width: 100%;
}
.ban-present1 .text {
  padding: 30px 0 0 23px;
  max-width: 453px;
}
.ban-present1 .text .title {
  margin-bottom: 20px;
}
.ban-present1 .title {
  line-height: 1.13em;
  letter-spacing: -0.5px;
  color: #4a4a4a;
  font-size: 40px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
}
.ban-present1 .title span {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.ban-present2 {
  display: inline-block;
  margin-left: 11px;
  vertical-align: top;
  padding: 34px 52px;
  width: 375px;
  max-width: calc(33% - 11px);
  background: rgba(255, 255, 255, 0) url("../images/textura-bg.svg") no-repeat center;
  background-size: auto;
  background-repeat: repeat;
  text-align: center;
}
.ban-present2 .img {
  display: block;
  margin: auto;
  width: 67px;
}
.ban-present2 .img img {
  width: 100%;
}
.ban-present2 .title {
  margin-top: 15px;
  margin-bottom: 20px;
  line-height: 1.13em;
  letter-spacing: -0.5px;
  color: #4a4a4a;
  font-size: 26px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.ban-present2 .title span {
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
}
@media (max-width: 768px) {
  .ban-present1,
  .ban-present2 {
    width: 100%;
    max-width: 100%;
  }
  .ban-present2 {
    margin-top: 20px;
  }
}
@media (max-width: 567px) {
  .ban-present1,
  .ban-present2 {
    padding: 15px;
    margin: 0;
  }
  .ban-present2 {
    margin-top: 20px;
  }
  .ban-present1 .img {
    display: block;
    float: none;
    margin: auto;
    padding: 0 20px;
    text-align: center;
  }
  .ban-present1 .text {
    padding: 0;
    max-width: 100%;
  }
  .ban-present1 .text .title {
    margin-top: 5px;
    font-size: 18px;
  }
  .ban-present1 .btn,
  .ban-present2 .btn {
    width: 100%;
    text-align: center;
  }
  .ban-present2 .img {
    float: left;
    width: 41px;
    margin: 0 17px 17px 0;
  }
  .ban-present2 .title {
    margin: 5px 0;
    font-size: 18px;
    text-align: left;
  }
  .ban-present2 .title span {
    display: block;
  }
}
/******************************* PRODUCT PAGE *******************************/
/* PRODUCT SHEET */
body .group121_div_content5 {
  overflow: initial;
}
.product-sheet {
  padding: 0 0 10px 0;
}
.product-sheet .wrapper {
  width: 1174px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}
.product-sheet-info {
  margin: 16px 0 0 0;
}
.product-sheet-info:after {
  content: "";
  display: block;
  clear: both;
}
.product-sheet-left {
  width: 59.04%;
  float: left;
  position: relative;
  border-right: 1px solid #eaeaea;
}
.prod-sheet-states {
  position: absolute;
  top: 20px;
  right: 20px;
  display: none;
}
.prod-sheet-img {
  overflow: hidden;
}
.prod-sheet-recommended {
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  width: 70px;
  height: 70px;
  background: rgba(255, 255, 255, 0) url("../images/recommended-es.svg") no-repeat 0 0;
  background-size: 100%;
  z-index: 2;
}
html[lang="ca"] .prod-sheet-recommended {
  background: rgba(255, 255, 255, 0) url("../images/recommended-ca.svg") no-repeat 0 0;
  background-size: 100%;
}
.prod-sheet-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 155px 0 0 0;
  background: rgba(255, 255, 255, 0.85);
  z-index: 20;
  display: none;
}
.prod-sheet-video-wrapper {
  width: 911px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.prod-sheet-video .close {
  display: block;
  width: 33px;
  height: 33px;
  float: right;
  background: rgba(255, 255, 255, 0) url("../images/ico-close-red.svg") no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
.prod-sheet-video iframe,
.prod-sheet-video-wrapper video,
.prod-sheet-video-wrapper object {
  display: block;
  width: calc(100% - 33px - 25px);
  height: 482px;
  margin-top: 22px;
  clear: both;
  float: left;
}
.prod-sheet-video-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
.prod-images_nav {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #f09;
  width: 100%;
  height: 20px;
  display: none;
}
.prod-sheet-img_imgs {
  position: relative;
  width: 400px;
  max-width: 100%;
  margin: 0 14.45% 0 0;
  float: right;
}
.single-image .prod-sheet-img_imgs {
  width: 100% !important;
  margin: 0 !important;
}
.prod-sheet-img_imgs.mobile-item {
  display: none;
}
.prod-sheet-img_imgs a {
  display: block;
  width: 100%;
  overflow: hidden;
}
.prod-sheet-img_imgs img {
  max-width: 100%;
}
.prod-sheet-img_imgs a.img_prod2 {
  text-align: center;
}
.prod-sheet-img_imgs img.img_prod2h {
  min-width: initial;
}
.prod-sheet-img_imgs .swiper-slide {
  text-align: center;
}
.prod-sheet-img_imgs .swiper-pagination {
  position: static;
  margin-top: 18px;
}
.prod-sheet-img_imgs .swiper-pagination-bullet-active {
  background-color: #e23b34;
}
.prod-sheet-img_thumbs {
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
}
.prod-sheet-img-thumbs-wrapper {
  position: relative;
  width: 100%;
}
.prod-sheet-img-thumbs-wrapper div {
  padding: 5px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  cursor: pointer;
}
.prod-sheet-img-thumbs-wrapper div + div {
  margin-top: 10px;
}
.prod-sheet-img-thumbs-wrapper div.video {
  padding: 0;
}
.prod-sheet-img-thumbs-wrapper div.video:before {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 75px;
  height: 65px;
  padding: 38px 0 0 0;
  background: rgba(255, 255, 255, 0) url("../images/ico-play-circle-red.svg") no-repeat 20px 17px;
  background-size: 30px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.2px;
  color: #444444;
  text-align: center;
}
.prod-sheet-img-thumbs-wrapper img {
  width: 100%;
}
.prod-sheet-img-thumbs-wrapper div.selected {
  border-width: 2px;
}
.prod-sheet-img-thumbs-wrapper.extended {
  width: 110px;
}
.prod-sheet-img-thumbs-wrapper.extended div {
  display: inline-block;
  width: 50px;
  margin: 0 0 6px 0;
  vertical-align: top;
}
.prod-sheet-img-thumbs-wrapper.extended div.video:before {
  width: 50px;
  height: 48px;
  padding-top: 48px;
  font-size: 0;
  background-position: 10px 10px;
}
.prod-sheet-img-thumbs-wrapper.extended-extra {
  width: 165px;
}
.prod-sheet-img-thumbs-wrapper.extended-extra div {
  display: inline-block;
  width: 50px;
  margin: 0 0 6px 0;
  vertical-align: top;
}
.prod-sheet-img-thumbs-wrapper.extended-extra div.video:before {
  width: 50px;
  height: 48px;
  padding-top: 48px;
  font-size: 0;
  background-position: 10px 10px;
}
.prod-sheet-related-link {
  margin: 20px 0 6px 0;
}
.prod-sheet-related-link a {
  display: block;
  width: 218px;
  height: 74px;
  padding: 10px 0 10px 62px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0) url("../images/ico-book-color.svg") no-repeat 13px 12px;
  background-size: 39px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.29em;
  color: #3e3e3e;
}
.prod-sheet-related-link span {
  color: #e23b34;
}
.product-sheet-right {
  position: relative;
  width: calc(38.84% - 24px);
  float: right;
  margin-right: 24px;
}
.product-sheet .product-sheet-share {
  position: absolute;
  top: -48px;
  right: -12px;
  width: 256px;
  height: 32px;
  padding-left: 150px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0px, #ffffff 140px);
  z-index: 3;
}
.product-sheet .product-sheet-share div {
  padding: 0 0 0 32.3px;
  border: 1px solid #e8e8e8;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 30px;
  color: #e23b34;
  background: rgba(255, 255, 255, 0) url("../images/ico-share-red.svg") no-repeat 11px 8px;
  background-size: auto;
  cursor: pointer;
}
.product-sheet-ptrademark {
  padding: 2px 0 0 0;
}
.product-sheet-ptrademark img {
  width: 75px;
}
.product-sheet-wish {
  position: absolute;
  top: 12px;
  right: -2px;
  width: 26px;
  height: 21px;
  background: rgba(255, 255, 255, 0) url("../images/ico-hart-empty-red.svg") no-repeat center;
  background-size: auto;
  cursor: pointer;
}
.product-sheet-wish.wished {
  background: rgba(255, 255, 255, 0) url("../images/ico-hart-filled-red.svg") no-repeat center;
  background-size: auto;
}
.product-sheet-ptitle {
  margin: 10px 26px  0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.14em;
  letter-spacing: -0.6px;
  color: #444444;
}
.product-sheet-ptitle h1 {
  font-size: inherit;
  font-weight: inherit;
}
.product-sheet .rating {
  margin-top: 12px;
}
.product-sheet-description {
  padding: 12px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.43em;
  color: #4a4a4a;
}
.product-sheet-description strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.product-sheet .separator {
  border-top: 1px solid #eaeaea;
}
.product-sheet .item {
  padding: 12px 0 0 0;
  overflow: visible;
}
.product-sheet .item:hover {
  box-shadow: 0 0 0;
}
.product-sheet .item:hover .info {
  opacity: 1;
}
.product-sheet .item .info .prices .actual-price {
  font-size: 24px;
  letter-spacing: -0.4px;
}
.product-sheet .item .info .prices .last-price {
  font-size: 16px;
}
.product-sheet .item .info .prices .salvings {
  font-size: 14px;
  letter-spacing: -0.3px;
}
.product-sheet .item .info .stock {
  display: block;
  position: relative;
}
.product-sheet .stock .separator {
  margin-top: 8px;
}
.product-sheet .stock .unavailable {
  display: block;
  margin-top: 18px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.43em;
}
.product-sheet .stock .notify {
  display: block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.43em;
  color: #4a4a4a;
}
.product-sheet .stock .available {
  display: inline-block;
  padding: 0 0 0 29px;
  background: rgba(255, 255, 255, 0) url("../images/check.svg") no-repeat left center;
  background-size: auto;
  font-size: 14px;
  color: #4a4a4a;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}
.product-sheet .stock .see {
  padding-right: 22px;
  font-size: 14px;
  background-size: 11px;
}
.product-sheet .stock .stock-list {
  bottom: 45px;
  left: 35px;
  background: #fff;
  z-index: 10;
}
.product-sheet .stock .btn {
  margin: 17px 0 8px 0;
  background-image: url(../images/ico-mail2-white.png);
  background-position: 20px center;
  background-repeat: no-repeat;
}
.product-sheet .stock .btn:hover {
  color: #ffffff;
  background-color: #e23b34;
  opacity: 0.8;
}
.product-sheet .item .option {
  position: static;
  opacity: 1;
}
.product-sheet .item .option .block-option {
  display: block;
}
.product-sheet .item .option .block-option p {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  color: #4a4a4a;
  vertical-align: middle;
}
.product-sheet .item .option .block-option span {
  vertical-align: middle;
}
.product-sheet .item .option .block-option .separator {
  margin-bottom: 12px;
}
.product-sheet .item .option .colors {
  position: static;
  display: block;
}
.product-sheet .item .option .colors .frame {
  display: flex;
  justify-content: space-between;
}
.product-sheet .item .option .colors .frame p {
  width: 160px;
  margin: 0;
  padding-top: 4px;
}
.product-sheet .item .option .colors .frame div {
  width: calc(100% - 145px);
}
.product-sheet .item .option .colors .frame div span {
  margin: 0 0 10px 10px;
}
.product-sheet .item .option .sizes {
  position: static;
  display: block;
  /*height: 50px;*/
}
.product-sheet .item .option .sizes {
  position: static;
  display: block;
  /*height: 50px;*/
}
.product-sheet .item .option .block-option .sizes .separator {
  margin-bottom: 7px;
}
.product-sheet .item .option .sizes p {
  height: 30px;
  margin: 5px 0 0 0;
  line-height: 30px;
  vertical-align: baseline;
}
.product-sheet .item .option .sizes ul {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 160px);
}
.product-sheet .item .option .sizes ul li {
  width: auto;
  height: 30px;
  margin: 5px 0 0 5px;
}
/*.product-sheet .item .option .sizes ul li + li {margin-left: 5px;}*/
.product-sheet .item .option .sizes ul li span.btn {
  min-width: 35px;
  padding: 0 10px !important;
  height: 100%;
  border: 2px solid #ececec;
  border-radius: 2px;
  color: #4a4a4a;
  line-height: 28px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
}
.product-sheet .item .option .sizes ul li span.btn:hover,
.product-sheet .item .option .sizes ul li span.btn.selected {
  background-color: initial;
  border-color: #f19d9a;
}
.product-sheet .item .option .sizes ul li span.btn.unavailable {
  position: relative;
  background: #e4e4e4;
  border-color: #d9d9d9;
  overflow: hidden;
  color: #9d9d9d;
  cursor: not-allowed;
}
.product-sheet .item .option .sizes ul li span.btn.unavailable:after {
  content: "";
  display: block;
  position: absolute;
  top: -24px;
  left: 28px;
  width: 1px;
  height: 75px;
  border-left: 1px solid #d9d9d9;
  transform: rotate(66deg);
}
.product-sheet .item .option .sizes ul li span.btn.unavailable:hover {
  border-color: #d9d9d9;
}
.product-sheet-pprice {
  margin: 5px 0 0 0;
}
.product-sheet-pbuy {
  padding: 14px 0 0 0;
  overflow: hidden;
}
.product-sheet-pbuy-left {
  float: left;
  width: 138px;
  height: 45px;
  border: 1px solid #d9d9d9;
}
.plib_qty {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.plib_qty * {
  height: 100%;
}
.plib_qty .qty_down {
  width: 45px;
  background: rgba(255, 255, 255, 0) url("../images/ico-minus-red.svg") no-repeat center;
  background-size: auto;
  cursor: pointer;
}
.plib_qty .qty_up {
  width: 45px;
  background: rgba(255, 255, 255, 0) url("../images/ico-plus-red.svg") no-repeat center;
  background-size: auto;
  cursor: pointer;
}
.plib_qty input {
  width: 48px;
  border-top: 0;
  border-right: 1px solid #d9d9d9;
  border-bottom: 0;
  border-left: 1px solid #d9d9d9;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #4a4a4a;
  text-align: center;
}
.plib_qty input:focus {
  outline: 0;
}
.product-sheet-pbuy-right {
  float: right;
  width: calc(100% - 148px);
}
.product-sheet-pbuy-right .btn {
  width: 100%;
  padding: 12px 10px 11px 10px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-align: center;
}
.product-sheet-pbuy-right .btn:hover {
  color: #ffffff;
  background-color: #e23b34;
  opacity: 0.8;
}
.product-sheet-pbuy-right .btn:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 17px;
  margin: 0 5px 3px 0;
  background: rgba(255, 255, 255, 0) url("../images/ico-cart2-white.svg") no-repeat center;
  background-size: auto;
  vertical-align: middle;
}
.product-sheet-delivery {
  margin: 16px 0 0 0;
}
.product-sheet-delivery .delivery-info {
  height: 40px;
  margin: 10px 0 0 0;
  font-size: 14px;
  line-height: 40px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  color: #7f7f7f;
}
.product-sheet-delivery .delivery-info:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 19px;
  margin: 0 5px 0 7px;
  background: rgba(255, 255, 255, 0) url("../images/ico-truck-orange.svg") no-repeat center;
  background-size: auto;
  background-size: 100%;
  vertical-align: middle;
}
.product-sheet-delivery .delivery-info.time {
  color: #ff9432;
  background: rgba(255, 148, 50, 0.06);
  border: 1px solid rgba(255, 148, 50, 0.44);
  border-radius: 2px;
}
.product-sheet-delivery .delivery-info.time:before {
  margin-bottom: 2px;
  background: rgba(255, 255, 255, 0) url("../images/ico-truck-orange.svg") no-repeat center;
  background-size: auto;
  background-size: 100%;
}
.product-sheet-delivery .delivery-info.pickup {
  color: #5eb342;
  background: #f2ffe5;
  border: 1px solid #7ed321;
  border-radius: 2px;
}
.product-sheet-delivery .delivery-info.pickup:before {
  margin-bottom: 4px;
  background: rgba(255, 255, 255, 0) url("../images/ico-store-green.svg") no-repeat center;
  background-size: auto;
  background-size: 21px;
}
.product-sheet-delivery .delivery-info.return {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.product-sheet-delivery .delivery-info.return:before {
  background: rgba(255, 255, 255, 0) url("../images/ico-truck2-gray.svg") no-repeat center;
  background-size: auto;
  background-size: 100%;
}
.product-sheet-colors div.rojo,
.product-sheet-colors div.vermell {
  background-color: #cc0000;
}
.product-sheet-colors div.azul,
.product-sheet-colors div.blau {
  background-color: #14b4ff;
}
.product-sheet-colors div.naranja,
.product-sheet-colors div.taronja {
  background-color: #ff7800;
}
.product-sheet-colors div.fucsia,
.product-sheet-colors div.fucsia {
  background-color: #ff0078;
}
.product-sheet-colors div.violeta,
.product-sheet-colors div.violeta {
  background-color: #78288C;
}
.product-sheet-colors div.blanco,
.product-sheet-colors div.blanc {
  background-color: #f6f6f6;
}
.product-sheet-colors div.gris,
.product-sheet-colors div.gris {
  background-color: #cccccc;
}
.product-sheet-colors div.negro,
.product-sheet-colors div.negre {
  background-color: #151515;
}
.product-sheet-colors div.rosa,
.product-sheet-colors div.rosa {
  background-color: #ff8f8f;
}
.product-sheet-colors div.marron,
.product-sheet-colors div.marro {
  background-color: #8b4410;
}
.product-sheet-colors div.amarillo,
.product-sheet-colors div.groc {
  background-color: #fffc00;
}
.product-sheet-colors div.transparente,
.product-sheet-colors div.transparent {
  background: url(http://www.gadgetscuina.com/es/images/bg-tran-representation.gif);
}
.product-sheet-colors div.crema,
.product-sheet-colors div.crema {
  background-color: #ffd67d;
}
.product-sheet-colors div.dorado,
.product-sheet-colors div.daurat {
  background-color: #ffd800;
}
.product-sheet-colors div.plata,
.product-sheet-colors div.plata {
  background-color: #bdbdbd;
}
.product-sheet-colors div.azul-marino,
.product-sheet-colors div.blau-mari {
  background-color: #0035fa;
}
.product-sheet-colors div.verde,
.product-sheet-colors div.verd {
  background-color: #009846;
}
.product-sheet-colors div.acer,
.product-sheet-colors div.acero {
  background-color: #b2b2b4;
}
.product-sheet-colors div.porpra,
.product-sheet-colors div.purpura {
  background-color: #800080;
}
.product-sheet-colors div.perla,
.product-sheet-colors div.perla {
  background-color: #fefaee;
}
.product-sheet-colors div.burdeus,
.product-sheet-colors div.burdeos {
  background-color: #921a1b;
}
.product-sheet-colors div.beix,
.product-sheet-colors div.beige {
  background-color: #d3b697;
}
.product-sheet-colors div.bronze,
.product-sheet-colors div.bronce {
  background-color: #CD7F32;
}
.product-sheet-colors div.turquesa {
  background-color: #4fa9b1;
}
.product-sheet-colors div.terracota {
  background-color: #e2725b;
}
.product-sheet-colors div.menta {
  background-color: #9bfad0;
}
.product-sheet-colors div.lima {
  background-color: #bfff00;
}
.product-sheet-colors div.active {
  border-color: #ff0000;
}
.product-sheet-colors div.disabled {
  opacity: 0.5;
  cursor: initial;
}
.product-sheet-colors div.active {
  border-color: #ff0000;
}
.product-sheet .topbar {
  padding-top: 5px;
  padding-bottom: 7px;
}
.product-sheet .topbar .right-topbar {
  padding-top: 6px;
}
.product-sheet .topbar .item {
  display: inline-block;
  float: none;
  width: auto;
  padding: 0;
  margin: 0 28px 0 0;
  vertical-align: middle;
}
.product-sheet .topbar .item .info .prices .actual-price {
  font-size: 20px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  letter-spacing: -0.3px;
}
.product-sheet .topbar .product-sheet-pbuy-right {
  display: inline-block;
  float: none;
  width: auto;
}
.product-sheet .topbar .product-sheet-pbuy-right .btn {
  width: 244px;
  height: 39px;
  padding: 10px 10px 13px 10px;
  font-size: 14px;
  line-height: 14px;
}
.product-sheet .topbar .title {
  margin: 0;
  font-size: 16px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 19px;
}
.product-sheet .topbar img {
  height: 50px;
  vertical-align: middle;
}
.product-sheet .modal-column,
.report .modal-column {
  z-index: 11;
}
.product-sheet .modal-column .content-modal ul,
.report .modal-column .content-modal ul {
  list-style: none;
  margin: 0;
  padding: 0 15px;
  line-height: 75px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #4a4a4a;
}
.product-sheet .modal-column .content-modal ul li,
.report .modal-column .content-modal ul li {
  border-bottom: 1px solid #d9d9d9;
}
.product-sheet .modal-column .content-modal ul li a,
.report .modal-column .content-modal ul li a {
  display: block;
  color: inherit;
}
.product-sheet .modal-column .content-modal ul li svg,
.report .modal-column .content-modal ul li svg {
  width: 42px;
  height: 42px;
  margin: 0 20px 0 0;
  vertical-align: middle;
}
.stock-form {
  padding: 16px 17px;
}
.stock-form-prod {
  display: flex;
}
.stock-form-prod img {
  height: 68px;
  margin: 0 9px 0 0;
}
.stock-form-prod p {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.39em;
  letter-spacing: -0.4px;
  color: #444444;
}
.stock-form-desc {
  margin: 16px 0 0 0;
  padding: 25px 0 0 0;
  border-top: 1px solid #e2e2e2;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1em;
  color: #4a4a4a;
}
.stock-form form .email {
  margin-top: 25px;
}
.stock-form form .check {
  margin-top: 18px;
}
.stock-form form .input.check label {
  position: static;
  display: block;
  margin: 0;
  padding: 0 0 0 31px;
  color: #4a4a4a;
  pointer-events: all;
}
.stock-form form .input.check label input {
  margin-left: -31px;
  margin-right: 0;
}
.stock-form form .input.check label a {
  display: inline;
  color: #e23b34;
}
.stock-form form .submit {
  margin-top: 20px;
}
.stock-form .form-ok {
  text-align: center;
  color: #4a4a4a;
}
.stock-form .form-ok img {
  display: block;
  width: 109px;
  margin: 23px auto 11px auto;
}
.stock-form .form-ok .title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 1em;
  letter-spacing: -0.5px;
}
.stock-form .form-ok .desc {
  margin: 15px auto 0 auto;
  width: 278px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.25em;
}
.stock-form .form-ok .action {
  margin: 50px 0 0 0;
}
@media (max-width: 1200px) {
  .product-sheet-left {
    width: calc(100% - 426px - 24px);
  }
  .prod-sheet-img_imgs {
    margin-right: calc((100% - 475px) / 2.5);
  }
  .product-sheet-right {
    width: 426px;
    margin-right: 0;
  }
  .product-sheet-share {
    right: 0;
  }
}
@media (max-width: 1090px) {
  .product-sheet-left {
    width: calc(100% - 410px - 24px);
  }
  .prod-sheet-img_imgs {
    margin-right: 5px ;
  }
  .product-sheet-right {
    width: 410px;
    margin-right: 0;
  }
}
@media (max-width: 970px) {
  .prod-sheet-img_imgs {
    width: calc(100% - 105px);
  }
  .prod-sheet-video {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 945px) {
  .product-sheet .topbar {
    display: none;
  }
  .product-sheet-left {
    width: 59.04%;
  }
  .product-sheet-right {
    width: calc(40.9% - 24px);
  }
  .product-sheet-pbuy-left {
    float: none;
  }
  .product-sheet-pbuy-right {
    float: none;
    width: 100%;
    margin-top: 12px;
  }
  .product-sheet-delivery .delivery-info {
    font-size: 13px;
  }
  .product-sheet-delivery .delivery-info.pickup {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 15px;
    overflow: hidden;
  }
  .product-sheet-delivery .delivery-info.pickup:before {
    display: block;
    margin-top: 5px;
    float: left;
  }
  .product-sheet-delivery .delivery-info.pickup strong {
    display: block;
    line-height: inherit;
  }
  .product-sheet-delivery .delivery-info.pickup:after {
    content: "";
    display: block;
    clear: both;
  }
  .product-sheet .stock .btn {
    padding-left: 40px !important;
    padding-right: 10px !important;
    font-size: 12px;
    background-position: 10px center;
  }
}
@media (max-width: 768px) {
  .product-sheet-left {
    width: auto;
    float: none;
    border: 0;
    padding: 0;
  }
  .prod-sheet-img_thumbs {
    display: none;
  }
  .prod-sheet-related-link {
    display: none;
  }
  .prod-sheet-img_imgs {
    width: auto;
    float: none;
    margin: 0;
  }
  .prod-sheet-img_imgs.mobile-item {
    display: block;
  }
  .prod-sheet-img_imgs.mobile-item .swiper-slide {
    text-align: center;
  }
  .prod-sheet-img_imgs.mobile-item .swiper-slide iframe {
    width: 100%;
    min-height: 300px !important;
  }
  .prod-sheet-img_imgs.desktop-item {
    display: none;
  }
  .prod-sheet-video {
    padding-top: 75px;
  }
  .prod-sheet-video iframe,
  .prod-sheet-video-wrapper video,
  .prod-sheet-video-wrapper object {
    width: 100%;
  }
  .product-sheet-right {
    width: auto;
    float: none;
    border-top: 1px solid #eaeaea;
    padding: 0;
    margin-top: 17px;
  }
  .product-sheet-wish {
    position: fixed;
    top: auto;
    right: auto;
    bottom: 10px;
    left: 10px;
    width: 46px;
    height: 40px;
    border: 1px solid #e23b34;
    border-radius: 2px;
    z-index: 3;
    background-size: 18px !important;
  }
  .product-sheet-ptrademark {
    display: none;
  }
  .product-sheet-ptitle {
    padding: 16px 0 0 0;
    font-size: 16px;
  }
  .product-sheet-description {
    display: none;
  }
  .product-sheet-pbuy-right {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    padding: 10px;
    margin: 0;
    box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    z-index: 2;
  }
  .product-sheet-pbuy-right .btn {
    width: calc(100% - 56px);
    height: 40px;
    margin-left: 56px;
    font-size: 12px;
  }
  .product-sheet-pbuy-right .btn:before {
    display: none;
  }
  .product-sheet .item .info .prices .actual-price {
    font-size: 18px;
    display: inline-block !important;
  }
  .product-sheet .item .info .prices .last-price {
    padding: 0 5px;
    font-size: 14px;
  }
  .product-sheet .item .info .prices .salvings {
    font-size: 14px;
  }
  .product-sheet .product-sheet-share {
    position: static;
    margin-top: 12px;
  }
}
@media (max-width: 599px) {
  .prod-sheet-recommended {
    top: -5px;
    right: -10px;
  }
  .prod-sheet-video iframe,
  .prod-sheet-video-wrapper video,
  .prod-sheet-video-wrapper object {
    height: 360px;
  }
}
@media (max-width: 499px) {
  .prod-sheet-video iframe,
  .prod-sheet-video-wrapper video,
  .prod-sheet-video-wrapper object {
    height: 260px;
  }
}
@media (max-width: 399px) {
  .prod-sheet-video iframe,
  .prod-sheet-video-wrapper video,
  .prod-sheet-video-wrapper object {
    height: 220px;
  }
}
/*  END PRODUCT SHEET  */
/* PRODUCT PACK */
.product-pack {
  padding: 53px 0 59px 0;
  background: rgba(255, 255, 255, 0) url("../images/bg-product-pack.png") no-repeat 0 0;
  background-size: auto;
  background-repeat: repeat;
}
.product-pack .wrapper {
  width: 1174px;
  max-width: calc(100% - 40px);
}
.product-pack .title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1em;
  letter-spacing: -0.5px;
  color: #333;
  text-align: center;
}
.product-pack .items {
  display: flex;
  margin: 45px 0 0 0;
  padding: 15px 13px 13px 13px;
  border-radius: 2px;
  box-shadow: 2px 2px 4px 0 rgba(212, 212, 212, 0.5);
  background-color: #ffffff;
}
.product-pack .item {
  width: 22.39%;
  border: 1px solid #dbdbdb;
  overflow: visible;
}
.product-pack .item + .item {
  width: calc(23.99% - 18.4px);
  margin-left: 18.4px;
}
.product-pack .item:hover .info {
  opacity: 1;
}
.product-pack .item + .item:before {
  content: "";
  position: absolute;
  top: calc(50% - 17px);
  left: -29px;
  width: 34px;
  height: 34px;
  display: block;
  background: rgba(255, 255, 255, 0) url("../images/ico-plus2-white.svg") no-repeat center;
  background-size: auto;
}
.product-pack .pack-desc {
  position: relative;
  width: calc(44.81% - 24px);
  margin-left: 24px;
  padding-right: 24px;
}
.product-pack .subtitle {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.23em;
  color: #444444;
}
.product-pack .desc {
  margin: 14px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.43em;
  color: #686868;
}
.product-pack .pricing {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.product-pack .pricing .label {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.2px;
  line-height: 1em;
  color: #666;
}
.product-pack .pricing .price {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 26px;
  letter-spacing: -0.4px;
  line-height: 1em;
  color: #444444;
}
.product-pack .pricing .save {
  display: inline-block;
  margin-left: 10px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.2px;
  line-height: 1.38em;
  color: #83a348;
}
.product-pack .pricing .btn {
  margin-top: 8px;
  padding: 14px 30px;
}
@media (max-width: 980px) {
  .product-pack .pricing {
    position: static;
  }
  .product-pack .pricing .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 768px) {
  .product-pack {
    padding: 21px 0 46px 0;
  }
  .product-pack .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
  .product-pack .title {
    font-size: 17px;
    line-height: 22px;
  }
  .product-pack .items {
    margin-top: 18px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .product-pack .item {
    width: calc(33.33% - 5px) !important;
    margin: 0 auto !important;
  }
  .product-pack .item + .item:before {
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    left: -17px;
    background-size: 100%;
  }
  .product-pack .item .info {
    display: none;
  }
  .product-pack .pack-desc {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
  }
  .product-pack .subtitle {
    font-size: 16px;
  }
  .product-pack .pricing .label {
    font-size: 11px;
  }
  .product-pack .pricing .price {
    font-size: 19px;
  }
  .product-pack .pricing .save {
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  .product-pack .subtitle {
    font-size: 16px;
  }
  .product-pack .desc {
    display: none;
  }
}
/* END PRODUCT PACK */
/* PRODUCT DETAILS */
.product-details {
  padding: 35px 20px 65px 20px;
}
.product-details .wrapper {
  width: 1174px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.product-details .main-title {
  width: 100%;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #e23b34;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 1em;
  letter-spacing: -0.4px;
  color: #333333;
}
.product-details .left {
  width: 57.66%;
  margin: 30px 0 0 0;
}
.product-details .expert {
  padding: 18px 16px 16px 16px;
  background: #f1f1f1;
  color: #4a4a4a;
}
.product-details .expert .title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1em;
}
.product-details .expert .desc {
  position: relative;
  margin: 20px 0 0 0;
  padding: 0 45px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.4em;
}
.product-details .expert .desc:before {
  content: "";
  display: block;
  width: 32px;
  height: 22px;
  position: absolute;
  left: 4px;
  top: 0;
  background: rgba(255, 255, 255, 0) url("../images/ico-quote-open-red.png") no-repeat center;
  background-size: auto;
}
.product-details .expert .desc:after {
  content: "";
  display: block;
  width: 32px;
  height: 22px;
  position: absolute;
  right: 0px;
  bottom: 0;
  background: rgba(255, 255, 255, 0) url("../images/ico-quote-close-red.png") no-repeat center;
  background-size: auto;
}
.product-details .script {
  position: relative;
  padding: 0 0 40px 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.67em;
  color: #4a4a4a;
  overflow: hidden;
}
.product-details .script strong,
.product-details .script b {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.product-details .script a {
  color: #e23b34;
}
.product-details .script .hidder {
  width: 100%;
  height: 80px;
  padding: 40px 0 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #e23b34;
  line-height: 40px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, #ffffff 50%);
  cursor: pointer;
}
.product-details .script .hidder:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 7px;
  margin: 0 0 0 5px;
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat center;
  background-size: auto;
  vertical-align: middle;
}
.product-details .script .hidder.opened {
  background: transparent;
  padding-top: 0;
  height: 35px;
}
.product-details .script .hidder.opened:after {
  background: rgba(255, 255, 255, 0) url("../images/arrow_up.svg") no-repeat center;
  background-size: auto;
  vertical-align: middle;
}
.product-details .expert + .script {
  margin-top: 43px;
}
.product-details .right {
  width: 32.11%;
  margin: 30px 0 0 0;
}
.product-details .technical {
  border: 1px solid #e3e3e3;
}
.product-details .technical .title {
  padding: 16px 17px 15px 17px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1em;
  color: #4a4a4a;
}
.product-details .technical table {
  width: calc(100% - 34px);
  margin: 0 auto;
  border-collapse: collapse;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 42px;
  color: #666666;
}
.product-details .technical tr td {
  border-top: 1px solid #e3e3e3;
}
.product-details .technical tr td:last-child {
  text-align: right;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.product-details .features {
  margin: 42px 0 0 12px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: #666666;
}
.product-details .features .title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1em;
  color: #4a4a4a;
}
.product-details .features ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 2px 0 0 0;
  justify-content: space-between;
  flex-wrap: wrap;
}
.product-details .features ul li {
  margin: 21px 0 0 0;
  overflow: hidden;
}
.product-details .features ul li {
  width: 50%;
  margin: 10px 0 0 0;
  padding: 10px 5px 10px 43px;
  word-break: break-word;
}
.product-details .features ul li.feature4 {
  background: rgba(255, 255, 255, 0) url("../images/ico-antiadherente-color.svg") no-repeat left center;
  background-size: 35px;
}
.product-details .features ul li.feature5 {
  background: rgba(255, 255, 255, 0) url("../images/ico-silicona-color.svg") no-repeat left center;
  background-size: 40px;
}
.product-details .features ul li.feature6 {
  background: rgba(255, 255, 255, 0) url("../images/ico-gas-color.svg") no-repeat left center;
  background-size: 40px;
}
.product-details .features ul li.feature7 {
  background: rgba(255, 255, 255, 0) url("../images/ico-antigoteo-color.svg") no-repeat left center;
  background-size: 38px;
}
.product-details .features ul li.feature8 {
  background: rgba(255, 255, 255, 0) url("../images/ico-vitroceramica-color.svg") no-repeat left center;
  background-size: 37px;
}
.product-details .features ul li.feature9 {
  background: rgba(255, 255, 255, 0) url("../images/ico-ue-color.svg") no-repeat left center;
  background-size: 39px;
}
.product-details .features ul li.feature10 {
  background: rgba(255, 255, 255, 0) url("../images/ico-garantia-color.svg") no-repeat left center;
  background-size: 36px;
}
.product-details .features ul li.feature11 {
  background: rgba(255, 255, 255, 0) url("../images/ico-lavavajillas-color.svg") no-repeat left center;
  background-size: 42px;
}
.product-details .features ul li.feature12 {
  background: rgba(255, 255, 255, 0) url("../images/ico-horno-color.svg") no-repeat left center;
  background-size: 40px;
}
.product-details .features ul li.feature13 {
  background: rgba(255, 255, 255, 0) url("../images/ico-congelador-color.svg") no-repeat left center;
  background-size: 43px;
}
.product-details .features ul li.feature14 {
  background: rgba(255, 255, 255, 0) url("../images/ico-microondas-color.svg") no-repeat left 3px;
  background-size: 40px;
}
.product-details .features ul li.feature15 {
  background: rgba(255, 255, 255, 0) url("../images/ico-induccion-color.svg") no-repeat left center;
  background-size: 42px;
}
.product-details .features ul li.feature16 {
  background: rgba(255, 255, 255, 0) url("../images/ico-bombilla-color.svg") no-repeat left center;
  background-size: 44px;
}
.product-details .features ul li.feature17 {
  background: rgba(255, 255, 255, 0) url("../images/ico-sinbpa-color.svg") no-repeat left center;
  background-size: 43px;
}
.product-details .features ul li.feature18 {
  background: rgba(255, 255, 255, 0) url("../images/ico-inox-color.svg") no-repeat left center;
  background-size: 37px;
}
.product-details .features ul li.feature19 {
  background: rgba(255, 255, 255, 0) url("../images/ico-sostenible-color.svg") no-repeat left center;
  background-size: 38px;
}
.product-details .features ul li strong {
  display: block;
  padding: 0 0 2px 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1em;
  color: #444444;
}
@media (max-width: 840px) {
  .product-details .technical table {
    line-height: 1.5em;
  }
  .product-details .technical table td {
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media (max-width: 768px) {
  .product-details .left,
  .product-details .right {
    width: 49%;
  }
  .product-details .technical {
    border-radius: 2px;
  }
  .product-details .technical .title {
    cursor: pointer;
    position: relative;
    font-size: 14px;
  }
  .product-details .technical .title:after {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    top: calc(50% - 6px);
    right: 16px;
    background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat center center;
    background-size: 11px;
  }
  .product-details .technical table {
    display: none;
  }
  .product-details .technical.open .title:after {
    right: 16px;
    background: rgba(255, 255, 255, 0) url("../images/arrow_up.svg") no-repeat center center;
    background-size: 11px;
  }
  .product-details .technical.open table {
    display: table;
  }
}
@media (max-width: 710px) {
  .product-details {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .product-details .main-title {
    font-size: 16px;
  }
  .product-details .left,
  .product-details .right {
    float: none;
    width: 100%;
    margin-top: 23px;
  }
  .product-details .left {
    margin-top: 0;
  }
  .product-details .expert {
    padding: 12px 10px 22px 10px;
  }
  .product-details .expert .desc {
    padding: 0 22px;
    font-size: 13px;
  }
  .product-details .expert .desc:before {
    width: 16px;
    height: 11px;
    left: 0;
    background-size: 100%;
  }
  .product-details .expert .desc:after {
    width: 16px;
    height: 11px;
    background-size: 100%;
  }
  .product-details .expert .title {
    font-size: 14px;
  }
  .product-details .script {
    margin-top: 20px;
    font-size: 13px;
  }
  .product-details .features {
    margin: 25px 0 0 0;
  }
  .product-details .features .title {
    font-size: 16px;
    color: #333333;
  }
}
/* END PRODUCT DETAILS */
/* PRODUCT ALTERNATIVES */
.product-alternatives {
  padding: 0px 10px 10px 10px;
  background: #f5f5f5;
}
.product-alternatives .block-cards {
  background-color: inherit;
}
/* PRODUCT QUESTIONS */
.product-questions {
  padding: 35px  20px 40px 20px;
}
.product-questions .wrapper {
  width: 971px;
}
.product-questions .header {
  text-align: center;
}
.product-questions .main-title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1em;
  letter-spacing: -0.5px;
  color: #444444;
}
.product-questions .desc {
  margin: 5px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.56em;
  color: #666666;
}
.product-questions .btn {
  margin: 33px 0 0 0;
}
/*modal popup form */
.modal-square-questions {
  z-index: 10;
}
.modal-square-questions .header-modal {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.13em;
  letter-spacing: -0.5px;
  color: #333333;
}
.modal-square-questions .header-modal strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.modal-square-questions .subtitle {
  margin: 11px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #9b9b9b;
}
.modal-square-questions form .input input,
.modal-square-questions form textarea {
  background: #ffffff;
}
.modal-square-questions form .input.checkbox {
  margin-top: 30px;
  margin-bottom: 0;
  text-align: left;
}
.modal-square-questions form textarea {
  height: 136px;
}
/*form ok */
.modal-square-questions .form-ok img {
  width: 109px;
  height: auto;
  margin: 0 auto 12px auto;
}
.modal-square-questions .form-ok p {
  margin: 12px 0 0 0;
  padding: 0;
  font-size: 24px;
  line-height: 1.5em;
  letter-spacing: initial;
  color: #4a4a4a;
}
.modal-square-questions .form-ok .btn {
  width: 326px;
  max-width: calc(100% - 20px);
  margin: 29px auto 0 auto;
}
.product-questions .list {
  margin: 38px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.47em;
  color: #444444;
}
.product-questions .list-items {
  border-collapse: collapse;
}
.product-questions .question {
  border-top: 1px solid #d5d5d5;
}
.product-questions .list-items .label,
.product-questions .list-items .text {
  padding: 30px 0;
  vertical-align: top;
}
.product-questions .list-items .label {
  width: 120px;
  color: #666;
}
.product-questions .list-items .text {
  padding-right: 120px;
}
.product-questions .list-items .question .label,
.product-questions .list-items .question .text {
  padding-bottom: 15px;
}
.product-questions .list-items .text .author {
  margin: 20px 0 0 0;
  color: #666666;
  font-size: 14px;
}
.product-questions .list-items .text .author strong {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-weight: 500;
  color: #444444;
}
@media (max-width: 768px) {
  .modal-square-questions {
    top: 0 !important;
    height: 100%;
  }
}
@media (max-width: 710px) {
  .product-questions {
    padding: 20px 15px;
  }
  .product-questions .main-title {
    font-size: 17px;
  }
  .product-questions .desc {
    font-size: 13px;
  }
  .product-questions .btn {
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
  }
  .product-questions .list {
    margin-top: 18px;
  }
  .product-questions .list-items,
  .product-questions .list-items .question,
  .product-questions .list-items .answer,
  .product-questions .list-items .label,
  .product-questions .list-items .text {
    display: block;
  }
  .product-questions .list-items .answer + .question {
    margin-top: 30px;
  }
  .product-questions .list-items .label {
    padding: 0 !important;
    margin: 20px 0 0 0;
    font-size: 14px;
  }
  .product-questions .list-items .text {
    padding: 0 !important;
    margin: 5px 0 0 0;
    font-size: 13px;
  }
}
/* END PRODUCT QUESTIONS */
/******************************* END PRODUCT PAGE *******************************/
/************************ CHECKOUT PAGE  *********************/
.body-checkout {
  background: #f5f5f5;
}
.body-checkout .modal-column.shopping-cart {
  z-index: 11;
}
.body-checkout .group59_div_content7 {
  margin: 0 auto;
}
.checkout {
  padding: 40px 0 170px 0;
}
.checkout .wrapper:after {
  content: "";
  display: block;
  clear: both;
}
/* MOBILE HEADING WITH TOTAL */
.checkout-sc-mobile-heading {
  display: none;
  padding: 12px 15px 11px 13px;
  border-bottom: 1px solid #e3e3e3;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #4a4a4a;
  line-height: 19px;
  justify-content: space-between;
}
.checkout-sc-mobile-heading .total {
  padding: 0 22px 0 0;
  background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat right center;
  background-size: 11px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: initial;
}
@media (max-width: 900px) {
  .checkout-sc-mobile-heading {
    display: flex;
    position: fixed;
    top: 75px;
    left: 0;
    width: 100%;
    background: #f3f3f3;
    z-index: 1;
  }
}
@media (max-width: 768px) {
  .checkout-sc-mobile-heading {
    top: 50px;
  }
}
/* CHECKOUT COLUMNS */
.checkout .left {
  width: calc(68.06% - 24px);
  float: left;
}
.checkout-left-wrapper {
  width: 578px;
  max-width: calc(100% - 40px);
  margin: 40px auto 85px auto;
}
.checkout .right {
  width: 31.94%;
  float: right;
}
@media (max-width: 1208px) {
  .checkout .wrapper {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 1070px) {
  .checkout .left {
    width: calc(100% - 328px - 24px);
  }
  .checkout .right {
    width: 328px;
  }
}
@media (max-width: 984px) {
  .checkout .wrapper {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 900px) {
  .checkout {
    padding-top: 0;
    padding-bottom: 0;
  }
  .checkout .wrapper {
    padding: 0;
    margin: 0;
    max-width: 100%;
  }
  .checkout .left {
    width: 100%;
    float: none;
  }
  .checkout-left-wrapper {
    max-width: calc(100% - 30px);
    margin: 0 auto;
    padding-top: 17px;
    padding-bottom: 26px;
  }
  .checkout .right {
    display: none;
    width: 100%;
    float: none;
  }
  .checkout .right.mobile-display {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 67px;
    background: #fff;
    overflow-y: scroll;
    z-index: 11;
  }
  .checkout .right.mobile-display .checkout-sc-heading .title {
    width: calc(100% - 106px);
  }
  .checkout .right.mobile-display .checkout-sc-heading .button {
    display: block;
  }
}
/* CHECKOUT COMMON STYLES */
/* areas and forms basic */
.checkout .card-style {
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 2px 2px 4px 0 rgba(212, 212, 212, 0.5);
}
.checkout form .input input[type="text"],
.checkout form .input input[type="email"],
.checkout form .input input[type="password"],
.checkout form .input input[type="tel"] {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 12px;
}
.checkout form .input .form-checkbox + label {
  vertical-align: middle;
}
.checkout form .input.double,
.checkout form .input.triple {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 599px) {
  .checkout form .input label {
    font-size: 12px;
    line-height: 16px;
  }
  .checkout form .input {
    margin-bottom: 7.5px;
  }
  .checkout form .input.double,
  .checkout form .input.triple {
    flex-wrap: wrap;
  }
  .checkout form .input.double > div,
  .checkout form .input.triple > div,
  .checkout form .input.double > input {
    width: 100% !important;
  }
  .checkout form .input.triple > input {
    width: 100% !important;
  }
  .checkout form .input.double > div + div,
  .checkout form .input.triple > div + div,
  .checkout form .input.double > input + input,
  .checkout form .input.triple > input + input {
    margin-top: 7.5px;
  }
  .checkout form .input input[type="text"],
  .checkout form .input input[type="email"],
  .checkout form .input input[type="password"],
  .checkout form .input input[type="tel"] {
    padding-top: 13px;
    padding-bottom: 14px;
  }
}
/* CHECKOUT common structures */
/* user modules */
.checkout .user-module {
  margin: 70px 0 0 0;
}
.checkout .user-module .title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1em;
  color: #4a4a4a;
}
.checkout .user-module .title .copy-shipping-data a {
  font-size: 0.5em;
  color: #e23b34;
  border: 1px solid #e23b34;
  padding: 3px 5px;
  border-radius: 3px;
  vertical-align: bottom;
}
.checkout .user-module .title .copy-shipping-data a:hover {
  background-color: #e23b34;
  border: 0;
  color: #fff;
  opacity: 1;
}
.checkout .user-module .content {
  margin: 20px 0 0 0;
}
.checkout .user-module .input {
  position: relative;
}
.checkout .user-module .input .helper {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 19px;
  right: 12px;
  background: #4a4a4a;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}
.checkout .user-module .input .helper:hover .tooltip {
  display: block;
}
@media (max-width: 768px) {
  .checkout .user-module {
    margin-top: 30px;
  }
}
@media (max-width: 599px) {
  .checkout .user-module .title {
    font-size: 16px;
  }
  .checkout .user-module .content {
    margin-top: 15px;
  }
}
/* editable modules */
.editables {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #f8f8f8;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
}
.editable-item {
  position: relative;
  padding: 5px 23px 12px 23px;
  cursor: pointer;
}
.editable-item + .editable-item {
  border-top: 1px solid #d4d4d4;
}
.editable-item:before {
  content: "";
  position: absolute;
  top: 23px;
  left: 24px;
  display: block;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #cecece;
  border-radius: 50%;
}
.editable-item.selected:before {
  border-color: #e23b34;
}
.editable-item.selected:after {
  content: "";
  position: absolute;
  top: 27px;
  left: 28px;
  display: block;
  width: 12px;
  height: 12px;
  background: #e23b34;
  border-radius: 50%;
}
.editable-item .main {
  padding: 0 0 5px 36px;
  display: flex;
  justify-content: space-between;
}
.editable-item .name {
  padding: 12px 0 2px 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1em;
  color: #4a4a4a;
}
.editable-item .name span {
  display: block;
  margin: 0 0 1px 0;
  font-size: 11px;
  line-height: 1em;
  color: #9b9b9b;
}
.editable-item .name strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.editable-item .edit {
  padding-top: 18px;
  text-align: right;
}
.editable-item.open .edit {
  display: none;
}
.editable-item .edit a {
  display: inline-block;
  padding: 0 0 0 16px;
  background: transparent url("../images/ico-pencil-red.png") no-repeat left center;
  background-size: auto;
  color: #e23b34;
  font-size: 13px;
  line-height: 1em;
  cursor: pointer;
  border-radius: 0;
}
.editable-item .close {
  display: none;
  padding-top: 18px;
  text-align: right;
}
.editable-item.open .close {
  display: block;
}
.editable-item .close a {
  display: inline-block;
  padding: 0 0 0 19px;
  background: rgba(255, 255, 255, 0) url("../images/ico-close-red.svg") no-repeat 0 center;
  background-size: 10px;
  font-size: 13px;
  line-height: 1em;
  color: #e23b34;
  cursor: pointer;
}
.editable-item .details {
  display: none;
  padding: 24px 0 0 0;
}
.editable-item .button {
  display: none;
  padding: 24px 0 0 0;
  text-align: right;
}
.editable-item .button .btn {
  padding-left: 17px;
  padding-right: 17px;
}
/* editable variants */
.editable-item.add:before {
  width: 10px;
  height: 10px;
  left: 29px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0) url("../images/ico-plus-red.svg") no-repeat 0 0;
  background-size: 10px;
}
.editable-item.add:after {
  display: none;
}
.editable-item.add .main {
  padding: 5px 23px 7px 30px;
}
.editable-item.add .name {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #e23b34;
}
/* address status */
.editable-item.open .details {
  display: block;
}
.editable-item.open .button {
  display: block;
  padding-top: 9px;
}
.editable-item.selected {
  background: #fff;
}
.editable-item.selected .main {
  padding-bottom: 0;
}
.editable-item.selected .button {
  display: block;
}
@media (max-width: 599px) {
  .editable-item.open .details {
    padding-top: 14px;
  }
  .editable-item.selected .button {
    padding-top: 14px;
  }
  .editable-item.selected .button .btn {
    width: 100%;
  }
}
/* notices */
.checkout .notice {
  display: flex;
  padding: 14px;
  border: 1px solid;
  border-radius: 2px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #4a4a4a;
  justify-content: space-between;
}
.checkout .notice .left {
  width: auto;
  float: none;
}
.checkout .notice .right {
  width: auto;
  float: none;
  text-align: right;
}
/* notice redefinitions*/
.checkout .notice.expected {
  padding-left: 55px;
  background: rgba(255, 148, 50, 0.06) url("../images/ico-truck-orange.svg") no-repeat 11px 15px;
  background-size: 31px;
  border-color: rgba(255, 148, 50, 0.43);
}
.checkout .notice.expected .right {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.checkout .notice.eco {
  padding: 11px 14px 10px 39px;
  background: rgba(94, 179, 66, 0.07) url("../images/ico-leaf-white.svg") no-repeat 12px center;
  background-size: 15px;
  border-color: #5eb342;
}
.checkout .notice.eco i {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #5eb342;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  font-style: normal;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.checkout .notice.eco i .tooltip {
  bottom: 28px;
  right: -10px;
}
.checkout .notice.eco i:hover .tooltip {
  display: block;
}
@media (max-width: 599px) {
  .checkout .notice {
    font-size: 11px;
    padding: 8px 10px 7px 10px;
  }
  .checkout .notice .right {
    font-size: 12px;
  }
  .checkout .notice.expected {
    margin-bottom: 15px;
    padding-left: 50px;
    background-position: 28px;
    background-position: 10px center;
  }
}
/* CHECKOUT LEFT */
/* checkout login */
.checkout-login {
  padding: 15px 17px 16px 18px;
  border: 1px solid #dbdbdb;
}
.checkout-login .title {
  display: flex;
  padding: 0 0 0 48px;
  background: rgba(255, 255, 255, 0) url("../images/ico-user-red.svg") no-repeat 0 0;
  background-size: 32px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #4a4a4a;
  justify-content: space-between;
}
.checkout-login .title span {
  display: block;
  margin: 3px 0 0 0;
  font-size: 13px;
  line-height: 15px;
  color: #7f7f7f;
}
.checkout-login .form-ok {
  padding-left: 0;
}
.checkout-login .form-ok strong {
  display: block;
  padding: 0 0 10px 32px;
  background: rgba(255, 255, 255, 0) url("../images/check.svg") no-repeat 0 0;
  background-size: 19px;
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  color: #5eb342;
}
.checkout-login .toggle-button {
  text-align: right;
}
.checkout-login .toggle-button .open {
  display: inline-block;
  padding: 10px 15px;
  background: #e23b34;
  border-radius: 2px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}
.checkout-login .toggle-button .close {
  display: none;
  width: 14px;
  height: 14px;
  background: rgba(255, 255, 255, 0) url("../images/ico-close-red.svg") no-repeat center;
  background-size: auto;
  font-size: 0px;
  cursor: pointer;
}
.checkout-login.open .toggle-button .open {
  display: none;
}
.checkout-login.open .toggle-button .close {
  display: inline-block;
}
.checkout-login .content {
  display: none;
  padding: 26px 0 0 0;
}
.checkout-login.open .content {
  display: block;
  padding: 26px 0 0 0;
}
.checkout-login .input.double {
  flex-wrap: wrap;
}
.checkout-login .input.double input {
  width: calc(50% - 6px);
}
.checkout-login .input.double .helper {
  display: block;
  width: 100%;
  margin: 7px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #e23b34;
  text-align: right;
  cursor: pointer;
}
.checkout-login .form-end {
  margin: 20px 0 0 0;
  padding: 4px 0 0 0;
  border-top: 1px solid #d9d9d9;
  display: flex;
  justify-content: space-between;
}
.checkout-login .form-end div:first-child {
  padding-top: 10px;
}
.checkout-login form .input {
  margin: 0;
}
.checkout-login .submit .btn {
  height: 36px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 14px;
}
/* login variants */
.checkout-login.pass-recorevy .title {
  padding-left: 0;
  background: initial;
}
.checkout-login.pass-recorevy .input .helper {
  display: block;
  width: 100%;
  margin: 7px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #e23b34;
  cursor: pointer;
}
.checkout-login.user-logged .title {
  padding-top: 6px;
  padding-bottom: 7px;
}
.checkout-login.user-logged .title strong,
.checkout-login.user-logged .title span {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 17px;
  color: #4a4a4a;
}
@media (max-width: 599px) {
  .checkout-login {
    padding: 13px 10px;
    position: relative;
  }
  .checkout-login .title {
    flex-wrap: wrap;
    padding-left: 0;
    background: 0 none;
  }
  .checkout-login .title div {
    width: 100%;
  }
  .checkout-login .title > div:first-child:before {
    content: "";
    display: inline-block;
    float: left;
    width: 27px;
    height: 27px;
    margin: 0 10px 10px 0;
    background: rgba(255, 255, 255, 0) url("../images/ico-user-red.svg") no-repeat 0 0;
    background-size: 27px;
  }
  .checkout-login .title strong {
    font-size: 14px;
    line-height: 16px;
  }
  .checkout-login .title span {
    font-size: 12px;
    line-height: 15px;
  }
  .checkout-login .toggle-button .open {
    width: 100%;
    margin-top: 14px;
    text-align: center;
  }
  .checkout-login .toggle-button .close {
    position: absolute;
    top: 13px;
    right: 10px;
  }
  .checkout-login .form-end {
    display: block;
  }
  .checkout-login .submit .btn {
    width: 100%;
  }
  /* variants*/
  .checkout-login.open .title {
    padding-right: 20px;
  }
  .checkout-login.open .content {
    padding-top: 14px;
  }
  .checkout-login.pass-recorevy .input .helper {
    text-align: center;
  }
  .checkout-login.pass-recorevy .title > div:first-child:before {
    display: none;
  }
  .checkout-login.user-logged .title {
    padding: 0;
  }
  .checkout-login.user-logged .title > div:first-child:before {
    margin-bottom: 0;
  }
  .checkout-login.user-logged .title strong,
  .checkout-login.user-logged .title span {
    font-size: 14px;
    line-height: 16px;
  }
}
/* delivery address and pickup at strore*/
.checkout-delivery .delivery-options {
  margin: 0;
  padding: 0;
  background: #f5f5f5;
  list-style: none;
  display: flex;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1em;
  color: #7f7f7f;
  cursor: pointer;
}
.checkout-delivery .delivery-options .home {
  width: 50%;
  padding: 13px 13px 11.5px 54px;
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solidd #e8e8e8;
  background: rgba(255, 255, 255, 0) url("../images/ico-home2-gray.svg") no-repeat 16.5px 19px;
  background-size: 21px;
}
.checkout-delivery .delivery-options .store {
  width: 50%;
  padding: 13px 13px 11.5px 54px;
  border-bottom: 1px solid #dcdcdc;
  border-left: 1px solid #e8e8e8;
  background: rgba(255, 255, 255, 0) url("../images/ico-location-gray.svg") no-repeat 18px 18px;
  background-size: 18px;
}
.checkout-delivery .delivery-options strong {
  display: block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
/* option status*/
.checkout-delivery .delivery-options .active {
  border-top: 2px solid #e23b34;
  background-color: #ffffff !important;
  border-bottom: 0;
  color: #4a4a4a;
}
.checkout-delivery .delivery-options .active strong {
  color: #e23b34;
}
.checkout-delivery .delivery-options .home.active {
  border-left: 1px solid #e8e8e8;
  background: rgba(255, 255, 255, 0) url("../images/ico-home2-red.svg") no-repeat 16.5px 19px;
  background-size: 21px;
}
.checkout-delivery .delivery-options .store.active {
  border-right: 1px solid #e8e8e8;
  background: rgba(255, 255, 255, 0) url("../images/ico-location-red.svg") no-repeat 18px 18px;
  background-size: 18px;
}
/* delivery, notification and billing fields */
.checkout-delivery .input.name .input,
.checkout-billing .input.name .input,
.checkout-notify .input.name .input {
  width: calc(50% - 4.5px);
}
.checkout-delivery .input.address .input:nth-child(1),
.checkout-billing .input.address .input:nth-child(1) {
  width: calc(100% - 150.5px);
}
.checkout-delivery .input.address .input:nth-child(2),
.checkout-billing .input.address .input:nth-child(2) {
  width: 140px;
}
.checkout-delivery .input.city .input:nth-child(1),
.checkout-billing .input.city .input:nth-child(1) {
  width: 140px;
}
.checkout-delivery .input.city .input:nth-child(2),
.checkout-billing .input.city .input:nth-child(2) {
  width: calc(100% - 150.5px);
}
/* billing specific */
.checkout-billing .delivery-home {
  padding-top: 0;
}
/* delivery addres */
.delivery-home {
  padding: 26px 0 0 0;
}
.delivery-home .expected {
  margin-bottom: 24px;
}
.delivery-home .expected {
  margin-bottom: 24px;
}
.delivery-home .input.check {
  padding-top: 14px;
}
.delivery-home .input.address-label {
  position: relative;
  overflow: visible;
}
.delivery-home .input.address-label .suggestions {
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  padding: 4px 0;
  margin: 0;
  background: #fff;
  border: 1px solid #cecece;
  border-radius: 0 0 4px 4px;
  box-shadow: 2px 2px 4px 0 rgba(212, 212, 212, 0.5);
  list-style: none;
  font-family: OpenSans, Sans, sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1em;
  color: #4a4a4a;
  z-index: 1;
}
.delivery-home .input.address-label:hover .suggestions {
  display: block;
}
.delivery-home .input.address-label .suggested-label {
  padding: 12px 20px;
}
.delivery-home .input.select label {
  top: 9px;
  left: 13px;
  font-size: 11px;
  line-height: 1em;
}
.delivery-home .select2-container--default .select2-selection--single {
  padding-top: 21px;
  padding-bottom: 11px;
  padding-left: 4px;
}
.checkout form .final-address .input textarea {
  height: 50px;
  padding: 22px 95px 0 12px;
  background: #fff;
}
.checkout form .final-address .input label {
  top: 10px;
  font-size: 11px;
}
.checkout form .final-address .input .helper {
  width: auto;
  height: 13px;
  padding: 0 0 0 16px;
  background: transparent url("../images/ico-pencil-red.png") no-repeat left center;
  background-size: auto;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  color: #e23b34;
  font-size: 13px;
  line-height: 1em;
  cursor: pointer;
  border-radius: 0;
}
/*variants*/
.delivery-home.billing {
  padding-top: 2px;
}
@media (max-width: 599px) {
  .delivery-home {
    padding-top: 16px;
  }
  .checkout-delivery .delivery-options .option {
    padding: 10px 8px 10px 8px !important;
    background-image: none !important;
    font-size: 12px;
  }
  .checkout-delivery .delivery-options .option * {
    font-size: inherit;
  }
}
@media (max-width: 420px) {
  .checkout form .final-address .input textarea {
    height: auto;
    padding-bottom: 10px;
  }
}
@media (max-width: 320px) {
  .checkout form .final-address .input textarea {
    padding-bottom: 25px;
  }
}
/* delivery store */
.delivery-store {
  padding: 26px 0 0 0;
}
.delivery-stores {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #f8f8f8;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
}
.store-item {
  position: relative;
  padding: 20px 16px 19px 60px;
  cursor: pointer;
}
.store-item + .store-item {
  border-top: 1px solid #d4d4d4;
}
.store-item:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 24px;
  display: block;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #cecece;
  border-radius: 50%;
  cursor: pointer;
}
.store-item.selected:before {
  border-color: #e23b34;
}
.store-item.selected:after {
  content: "";
  position: absolute;
  top: 34px;
  left: 28px;
  display: block;
  width: 12px;
  height: 12px;
  background: #e23b34;
  border-radius: 50%;
  cursor: pointer;
}
.store-item .main {
  display: flex;
  justify-content: space-between;
}
.store-item .name {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #4a4a4a;
}
.store-item .name strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.store-item .availability {
  margin: 8px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1em;
  color: #8b8b8b;
}
.store-item .stock-available {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #444444;
}
.store-item .stock-available:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px 2px 0;
  background: rgba(255, 255, 255, 0) url("../images/check.svg") no-repeat center;
  background-size: 100%;
  vertical-align: middle;
}
.store-item .heading {
  width: calc(100% - 55px - 10px);
}
.store-item .buttons {
  width: 55px;
  padding: 27px 0 0 0;
  text-align: right;
}
.store-item .buttons a {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: -0.2px;
  color: #e23b34;
  cursor: pointer;
}
/* variants */
.store-item .buttons a.open {
  display: inline-block;
}
.store-item .buttons a.close {
  display: none;
}
.store-item .buttons a.close:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px 2px 0;
  background: rgba(255, 255, 255, 0) url("../images/ico-close-red.svg") no-repeat center;
  background-size: 100%;
  vertical-align: middle;
}
.store-item .details {
  display: none;
}
.store-item .details .item {
  background: initial;
  margin: 18px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #d9d9d9;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  box-shadow: 0 0 0;
}
.store-item .details .item.shop-card .place {
  padding-left: 28px;
  background: rgba(255, 255, 255, 0) url("../images/ico-location-red.svg") no-repeat 0 center;
  background-size: 16px;
}
.store-item .details .item.shop-card .info-time {
  margin-top: 0;
}
.store-item .details .item.shop-card .info-time .phone {
  padding-left: 28px;
  margin: 9px 0 6px 0;
  color: #8b8b8b;
  font-size: 14px;
}
.store-item .details .item.shop-card .info-time .duration {
  padding-left: 28px;
  margin: 0;
  background-size: 18px;
  color: #8b8b8b;
  font-size: 14px;
}
.store-item .notification {
  margin: 17px 0 0 0;
  padding: 12px 0 0 0;
  border-top: 1px solid #d9d9d9;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.33em;
  letter-spacing: -0.2px;
  color: #8b8b8b;
}
/*sore status*/
.store-item.open .buttons .open {
  display: none;
}
.store-item.open .buttons .close {
  display: inline-block;
}
.store-item.open .details {
  display: block;
}
.store-item.selected {
  padding-bottom: 15px;
  background-color: #fff;
  cursor: initial;
}
.store-item.selected .name {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}
.store-item.selected .name strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}
@media (max-width: 599px) {
  .store-item {
    padding: 16px 16px 19px 41px;
  }
  .store-item:before {
    left: 10.5px;
    top: 16px;
  }
  .store-item .main {
    display: block;
  }
  .store-item .heading {
    width: auto;
  }
  .store-item .buttons {
    padding: 10px 0 0 0;
    text-align: left;
  }
  /* store status*/
  .store-item.selected:after {
    left: 14.5px;
    top: 20px;
  }
  .store-item.open .buttons .close {
    margin-top: 10px;
  }
}
/* pay methods */
.checkout form .final-pay-method .input.card input {
  padding-left: 72px;
  background: #ffffff url("../images/ico-visa.png") no-repeat 16px 14px;
  background-size: auto;
}
.checkout form .final-pay-method .input .helper {
  width: auto;
  height: 13px;
  padding: 0 0 0 16px;
  background: transparent url("../images/ico-pencil-red.png") no-repeat left center;
  background-size: auto;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  color: #e23b34;
  font-size: 13px;
  line-height: 1em;
  cursor: pointer;
  border-radius: 0;
}
.pay-methods {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #f8f8f8;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
}
.method {
  position: relative;
  padding: 14px 23px 22px 23px;
  cursor: pointer;
}
.method + .method {
  border-top: 1px solid #d4d4d4;
}
.method:before {
  content: "";
  position: absolute;
  top: 23px;
  left: 24px;
  display: block;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #cecece;
  border-radius: 50%;
}
.method.selected:before {
  border-color: #e23b34;
}
.method.selected:after {
  content: "";
  position: absolute;
  top: 27px;
  left: 28px;
  display: block;
  width: 12px;
  height: 12px;
  background: #e23b34;
  border-radius: 50%;
}
.method .main {
  padding: 0 0 0 36px;
  display: flex;
  justify-content: space-between;
}
.method .name {
  padding: 12px 0 2px 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1em;
  color: #4a4a4a;
}
.method .extra {
  text-align: right;
  display: none;
}
.method .details {
  display: none;
  padding: 24px 0 0 0;
}
/* method status */
.method.selected {
  background-color: #fff;
  cursor: initial;
}
.method.selected .extra {
  display: block;
}
.method.selected .details {
  display: block;
}
/* method variants */
.method.card .input.triple div {
  position: relative;
}
.method.card .input.triple div:nth-child(1) {
  width: calc(100% - 116px - 11px - 98px - 11px);
}
.method.card .input.triple div:nth-child(2) {
  width: 116px;
}
.method.card .input.triple div:nth-child(3) {
  width: 98px;
}
.method.card .input.triple label {
  top: 9px;
  left: 13px;
  font-size: 11px;
  line-height: 1em;
}
.method.card .select2-container--default .select2-selection--single {
  padding-top: 21px;
  padding-bottom: 11px;
  padding-left: 4px;
}
.method.card .input.check {
  margin-bottom: 5px;
}
.method.paypal .details {
  padding: 12px 0 0 0;
}
.method.paypal .info {
  min-height: 74px;
  padding: 0 140px 4px 36px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  color: #8b8b8b;
  letter-spacing: -0.2px;
  background: rgba(255, 255, 255, 0) url("../images/bg-method-paypal-checkout.png") no-repeat right bottom;
  background-size: auto;
}
.method.transfer .details {
  padding: 12px 0 0 0;
}
.method.transfer .info {
  padding: 0 30px 4px 36px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  color: #8b8b8b;
  letter-spacing: -0.2px;
}
@media (max-width: 599px) {
  .checkout form .final-pay-method .input.card input {
    padding: 17px 28px 16px 56px;
    background: rgba(255, 255, 255, 0) url("../images/ico-visa.png") no-repeat 10px center;
    background-size: 35px;
    font-size: 13px;
    line-height: 13px;
  }
  .checkout form .final-pay-method .input.card .helper {
    font-size: 0;
  }
  .method {
    padding: 16px 10px 16px 10px;
  }
  .method:before {
    width: 16px;
    height: 16px;
    left: 10.5px;
    top: 16px;
  }
  .method .main {
    padding-left: 32px;
  }
  .method .name {
    padding: 2px 0;
  }
  .method .extra {
    display: none !important;
  }
  .method .details {
    padding-top: 15px;
  }
  /*variaints and status */
  .method.selected:after {
    left: 13.5px;
    top: 19px;
  }
  .method.card .input.triple {
    margin-bottom: 15px;
  }
  .method.paypal {
    padding-top: 10px;
    padding-bottom: 13px;
  }
  .method.paypal img {
    margin-top: 3px;
  }
}
/* saved cards*/
.saved-cards.editables .editable-item .main {
  padding: 18px 23px 11px 33px;
}
.saved-cards.editables .editable-item .main .name {
  padding-top: 0;
}
.saved-cards.editables .editable-item .main .name strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.saved-cards.editables .editable-item .main .name img {
  margin-right: 3px;
  margin-bottom: 7px;
  vertical-align: middle;
}
.saved-cards.editables .editable-item .button {
  padding-top: 0;
}
/*variants*/
.saved-cards.editables .editable-item.add .main {
  padding: 15px 23px 7px 30px;
}
.saved-cards.editables .add.selected .details {
  display: block;
  padding-top: 10px;
}
.saved-cards.editables .method {
  padding: 0;
}
/* apply bonus */
.apply-bonus {
  display: flex;
  padding: 11px 10px;
  margin: 0 0 13px 0;
  border: 1px solid #cecece;
  border-radius: 2px;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1em;
  color: #4a4a4a;
}
.apply-bonus div:nth-child(1) {
  width: calc(100% - 64px - 26px - 131px);
  padding: 16px 0 15px 8px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}
.apply-bonus div:nth-child(2) {
  width: 64px;
  padding: 16px 0 15px 0;
  text-align: right;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}
.apply-bonus div:nth-child(3) {
  width: 131px;
  text-align: right;
}
.apply-bonus .btn {
  padding-left: 10px;
  padding-right: 0;
  width: 100%;
}
.apply-bonus .remove {
  display: inline-block;
  padding: 0 0 0 19px;
  background: rgba(255, 255, 255, 0) url("../images/ico-close-red.svg") no-repeat 0 center;
  background-size: 10px;
  font-size: 13px;
  line-height: 1em;
  color: #e23b34;
  cursor: pointer;
}
/*apply bonus variants*/
.apply-bonus.applied div:nth-child(1) {
  width: calc(100% - 0px - 26px - 131px);
  padding-left: 32px;
  background: rgba(255, 255, 255, 0) url("../images/check.svg") no-repeat 6px center;
  background-size: 19px;
  color: #5eb342;
}
.apply-bonus.applied div:nth-child(2) {
  width: 0;
}
.apply-bonus.applied div:nth-child(3) {
  padding: 16px 9px 0 0;
}
@media (max-width: 950px) {
  .apply-bonus div:nth-child(1) {
    width: calc(100% - 64px - 26px - 100px);
  }
  .apply-bonus div:nth-child(2) {
    width: 64px;
  }
  .apply-bonus div:nth-child(3) {
    width: 100px;
  }
  /*variants*/
  .apply-bonus.applied div:nth-child(1) {
    width: calc(100% - 0px - 26px - 100px);
  }
}
@media (max-width: 599px) {
  .apply-bonus {
    flex-wrap: wrap;
  }
  .apply-bonus div:nth-child(1) {
    width: calc(100% - 64px - 10px);
  }
  .apply-bonus div:nth-child(3) {
    width: 100%;
  }
  /*variants*/
  .apply-bonus.applied div:nth-child(1) {
    width: calc(100% - 0px - 10px - 85px);
  }
  .apply-bonus.applied div:nth-child(3) {
    width: 85px;
  }
}
/* final checks */
.checkout-checks {
  margin: 50px 0 0 0;
}
.checkout-checks .input {
  margin-bottom: 22px;
}
.checkout-checks .input .form-checkbox {
  vertical-align: top;
}
.checkout-checks .input .form-checkbox + label {
  display: inline-block;
  width: calc(100% - 30px);
  line-height: 1.25em;
}
@media (max-width: 599px) {
  .checkout-checks {
    margin-top: 23px;
  }
}
/* checkout end and submit */
.checkout-form-end {
  margin: 32px 0 0 0;
  padding: 19px 0 0 0;
  border-top: 1px solid #cecece;
  text-align: right;
}
.checkout-form-end .secure {
  width: 84px;
  height: 42px;
  background: rgba(255, 255, 255, 0) url("../images/logo-verisign.png") no-repeat center;
  background-size: auto;
  float: left;
}
@media (max-width: 950px) {
  .checkout-form-end .btn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 599px) {
  .checkout-form-end {
    margin-top: 27px;
    padding-top: 0;
    border-top: 0;
    text-align: center;
  }
  .checkout-form-end .btn {
    width: 100%;
  }
  .checkout-form-end .secure {
    display: inline-block;
    margin-top: 24px;
    float: none;
  }
}
/* CHECKOUT RIGHT */
/* heading */
.checkout-sc-heading {
  display: flex;
  padding: 15px 14px 16px 15px;
  border-top: 2px solid #e23b34;
  justify-content: space-between;
  flex-wrap: wrap;
}
.checkout-sc-heading .title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1em;
  color: #333;
}
.checkout-sc-heading .title .total {
  display: none;
}
.checkout-sc-heading .button {
  text-align: right;
}
.checkout-sc-heading .modify {
  display: inline-block;
  padding: 0 0 0 16px;
  background: transparent url("../images/ico-pencil-red.png") no-repeat left center;
  background-size: auto;
  color: #e23b34;
  font-size: 13px;
  line-height: 1em;
  cursor: pointer;
}
.checkout-sc-heading .close {
  display: none;
  width: 14px;
  height: 14px;
  background: rgba(255, 255, 255, 0) url("../images/grey-close.svg") no-repeat center;
  background-size: auto;
  vertical-align: middle;
  cursor: pointer;
}
.checkout-sc-heading:after {
  content: "";
  display: block;
  width: 100%;
  margin-top: 16px;
  border-bottom: 1px solid #e2e2e2;
}
@media (max-width: 900px) {
  .checkout-sc-heading .button {
    display: none;
  }
  .mobile-display .checkout-sc-heading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 1;
  }
}
/* redefinitions of inherited items form shopping cart */
.checkout .sc {
  height: auto;
}
.checkout .sc-prods {
  height: auto;
  padding: 0 16px;
  overflow: initial;
}
.checkout .sc-prod:last-child {
  margin-bottom: 0;
}
.checkout .sc-prod .image {
  height: 80px;
}
.checkout .sc-prod .title {
  margin-right: 0;
}
.checkout .sc-prod .price {
  right: 0;
}
.checkout .sc-summary {
  position: static;
  height: auto;
  border: 0;
}
.checkout .sc-summary-info {
  padding: 17px 16px 14px 16px;
}
.checkout .sc-summary .line.shipping-cost {
  margin-top: 14px;
}
.checkout .sc-summary .line.bonus-applied {
  margin-top: 12px;
}
.checkout .sc-summary .line.total {
  margin-top: 18px;
  padding-top: 15px;
}
.checkout .sc-notices {
  padding: 0 16px 20px 15px;
}
@media (max-width: 900px) {
  .mobile-display .checkout-summary {
    border-bottom: 0;
    box-shadow: 0 0 0 transparent;
  }
  .checkout .mobile-display .sc-apply-bonus form .input.double > input {
    width: calc(100% - 141px - 9px) !important;
  }
  .checkout .mobile-display .sc-notices {
    border-bottom: 0;
  }
}
/* other elements */
.checkout-packaging {
  margin: 15px 0 0 0;
  padding: 16px 13px 15px 17px;
  clear: both;
}
@media (max-width: 900px) {
  .checkout-sc-heading .close {
    display: block;
  }
  .mobile-display .checkout-packaging {
    margin-top: 0;
    padding-top: 0;
  }
}
/********************** END CHECKOUT PAGE ********************/
/************** CHECKOUT CONFIRMATIO PAGE ************/
/* MAIN MESSAGE - OK, KO */
.body-checkout-result {
  background: #ffffff;
}
.checkout-result {
  padding: 65px 20px 70px 20px;
}
.checkout-result .wrapper {
  width: 974px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
}
.checkout-result .message {
  color: #4a4a4a;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.checkout-result .title {
  font-size: 35px;
  line-height: 1.25em;
}
.checkout-result .title strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}
.checkout-result .order-message {
  margin: 37px 0 0 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
}
.checkout-result .order-message span {
  color: #8b8b8b;
  display: inline;
  margin: 0;
  padding: 0;
}
.checkout-result .order-notification {
  margin: 16px 0 0 0;
  font-size: 16px;
  line-height: 1.25em;
  color: #4a4a4a;
}
.checkout-result .order-notification span {
  display: inline;
  padding: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}
.checkout-result .message .btn {
  margin-top: 47px;
  padding-left: 17px;
  padding-right: 17px;
}
.checkout-result .image {
  width: 327px;
}
.checkout-result .image img {
  width: 100%;
}
.checkout-result .image + .message {
  width: calc(100% - 327px - 47px);
}
/*variations*/
.checkout-result.ko .title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}
@media (max-width: 950px) {
  .checkout-result .image {
    width: 150px;
  }
  .checkout-result .image + .message {
    width: calc(100% - 150px - 25px);
  }
  .checkout-result .title {
    font-size: 28px;
  }
}
@media (max-width: 950px) {
  .checkout-result {
    padding: 0 10px 20px 10px;
  }
  .checkout-result .wrapper {
    flex-wrap: wrap;
  }
  .checkout-result .image {
    width: 100%;
    text-align: center;
  }
  .checkout-result .image img {
    width: 200px;
  }
  .checkout-result .image + .message {
    width: 100%;
    margin: 25px auto;
  }
}
/* END MAIN MESSAGE - OK, KO */
/* BEGINING: RECIPIES SUGGESTIONS FOR PRODUCT BUYED BY CUSTOMER */
.recipies-suggestions {
  padding: 39px 0 28px 0;
  background: rgba(255, 255, 255, 0) url("../images/bg-product-pack.png") no-repeat 0 0;
  background-size: auto;
  background-repeat: repeat;
}
.recipies-suggestions .wrapper {
  width: 1174px;
  max-width: calc(100% - 40px);
}
.recipies-suggestions .title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1em;
  letter-spacing: -0.3px;
  color: #4a4a4a;
  text-align: center;
}
.recipies-suggestions .items {
  width: 1043px;
  max-width: 100%;
  margin: 39px auto 0 auto;
  position: relative;
}
.recipies-suggestions .item.technical-card {
  border: 0;
  text-align: left;
}
.recipies-suggestions .swiper-container {
  padding: 0 84px;
  text-align: center;
}
.recipies-suggestions .swiper-wrapper {
  margin: 0 auto;
}
.recipies-suggestions .swiper-wrapper .swiper-slide {
  opacity: 0;
}
.recipies-suggestions .swiper-wrapper .swiper-slide-active {
  opacity: 1;
}
.recipies-suggestions .swiper-button-next {
  top: calc(50% - 22px);
  right: 0;
  background: rgba(255, 255, 255, 0) url("../images/arrow_right_big.svg") no-repeat center;
  background-size: auto;
}
.recipies-suggestions .swiper-button-prev {
  top: calc(50% - 22px);
  left: 0;
  background: rgba(255, 255, 255, 0) url("../images/arrow_left_big.svg") no-repeat center;
  background-size: auto;
}
.recipies-suggestions .swiper-pagination {
  position: static;
  margin: 30px 0 0 0;
}
.recipies-suggestions .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #d8d8d8;
  opacity: 1;
}
.recipies-suggestions .swiper-pagination-bullet-active {
  background: #e23b34;
}
/*variations*/
.body-product .recipies-suggestions .title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1em;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .recipies-suggestions .swiper-container {
    padding: 0 42px;
  }
}
/* END: RECIPIES SUGGESTIONS FOR PRODUCT BUYED BY CUSTOMER */
/* CHECKOUT OK PAGE SHOPPING SUMMARY */
.checkout-ok-summary {
  padding: 0 54px 107px 56px;
}
.checkout-ok-summary .wrapper {
  display: flex;
  justify-content: space-between;
}
.checkout-ok-summary .heading {
  padding: 0 0 15px 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1em;
  color: #4a4a4a;
}
/*left column */
.checkout-ok-summary .left {
  width: 45.39%;
}
/*redefinition of basic shopping cart styles*/
.checkout-ok-summary .sc {
  height: auto;
}
.checkout-ok-summary .sc-prods {
  height: auto;
  padding: 17px 0 0 0;
  border-top: 1px solid #e2e2e2;
  overflow: initial;
}
.checkout-ok-summary .sc-prod:last-child {
  margin-bottom: 0;
}
.checkout-ok-summary .sc-prod .image {
  height: 80px;
}
.checkout-ok-summary .sc-prod .title {
  margin-right: 55px;
}
.checkout-ok-summary .sc-prod .price {
  right: 0;
  top: 0;
  font-size: 14px;
}
.checkout-ok-summary .sc-summary {
  position: static;
  height: auto;
  border: 0;
}
.checkout-ok-summary .sc-summary-info {
  padding: 17px 0 14px 0;
}
.checkout-ok-summary .sc-summary .line.shipping-cost {
  margin-top: 14px;
}
.checkout-ok-summary .sc-summary .line.bonus-applied {
  margin-top: 12px;
}
.checkout-ok-summary .sc-summary .line.total {
  margin-top: 18px;
  padding-top: 15px;
}
.checkout-ok-summary .sc-summary .line i {
  margin: 2px 0 0 0;
  line-height: 13px;
}
.checkout-ok-summary .sc-summary .line.total strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  color: #4a4a4a;
}
/*right column*/
.checkout-ok-summary .right {
  width: 48.89%;
}
.checkout-ok-summary-detail {
  padding: 20px 0 25px 0;
  border-top: 2px solid #f0f0f0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  color: #8b8b8b;
  font-size: 14px;
  line-height: 1.25em;
}
.checkout-ok-summary-detail strong {
  display: block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #4a4a4a;
}
.checkout-ok-summary-detail p {
  margin: 6px 0 0 0;
}
.checkout-ok-summary-detail p span {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #8b8b8b;
}
/*detail variations*/
.checkout-ok-summary-detail.store p {
  color: inherit;
  font: inherit;
}
.checkout-ok-summary-detail.store p span {
  color: inherit;
  font: inherit;
}
.checkout-ok-summary-detail.store .item.shop-card.list-shops {
  border: 0;
  margin: 19px 0 0 0;
  padding: 0;
}
.checkout-ok-summary-detail.store .item.shop-card.list-shops:hover {
  box-shadow: 0 0 0;
}
.checkout-ok-summary-detail.store .item.shop-card .place {
  padding-left: 28px;
  background: url(../images/ico-location-red.svg) no-repeat 0 center;
  background-size: 16px;
  color: #8b8b8b;
}
.checkout-ok-summary-detail.store .item.shop-card .info-time .duration {
  margin-top: 6px;
}
.checkout-ok-summary-detail.card p {
  margin-top: 18px;
  padding: 3px 0 3px 46px;
  background: rgba(255, 255, 255, 0) url("../images/ico-visa.png") no-repeat 0 center;
  background-size: auto;
}
.checkout-ok-summary-detail.paypal p {
  margin-top: 18px;
  padding: 3px 0 3px 46px;
  background: rgba(255, 255, 255, 0) url("../images/logo-paypal.svg") no-repeat 0 center;
  background-size: auto;
  font-size: 0;
  color: transparent;
}
@media (max-width: 599px) {
  .checkout-ok-summary {
    padding: 20px 10px;
  }
  .checkout-ok-summary .wrapper {
    flex-wrap: wrap;
  }
  .checkout-ok-summary .left {
    width: 100%;
  }
  .checkout-ok-summary .right {
    margin-top: 20px;
    width: 100%;
  }
}
/* END CHECKOUT OK PAGE SHOPPING SUMMARY */
/************** END CHECKOUT CONFIRMATIO PAGE ************/
/****************** STATIC PAGES STYLES and PRIVATE ZONE *******************/
body.static,
body.private-zone {
  background: #f8f8f8;
}
body.private-zone .center {
  overflow: hidden;
  min-height: 370px;
  padding-bottom: 40px;
}
body.private-zone form .message {
  margin-top: 13px;
}
.group180_div1,
.group184_div1,
.group185_div1,
.group186_div1,
.group187_div1,
.group188_div1,
.group189_div1,
.group190_div1,
.group191_div1 {
  float: none !important;
}
.basic-info {
  margin: 0 0 42px 0;
  padding: 42px 0;
  text-align: center;
  background: #ffffff;
}
.basic-info .heading {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  letter-spacing: -0.5px;
  font-size: 30px;
  color: #333333;
}
.content_menu_5,
.content_menu_2 {
  width: 275px;
  float: left;
  border-top: 2px solid #e23b34;
  border-radius: 0 0 1.5px 1.5px;
  background-color: #ffffff;
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
}
.nav_5 ul,
.nav_2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  color: #4a4a4a;
}
.nav_5 ul li.nav_5_item_s,
.nav_2 ul li.nav_2_item_s {
  background: #f5f5f5;
}
.nav_5 ul li a,
.nav_2 ul li a {
  display: block;
  padding: 11px 0;
  margin: 0 15px;
  color: #666666;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  font-weight: 500;
}
.nav_5 ul li:last-child a,
.nav_2 ul li:last-child a {
  border: 0;
}
.nav_5 ul li.nav_5_item_s a,
.nav_2 ul li.nav_2_item_s a {
  border: 0 !important;
}
.nav_5 ul li a:after,
.nav_2 ul li a:after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 0;
  top: calc(50% - 6px);
  background: rgba(255, 255, 255, 0) url("../images/arrow_right-red.svg") no-repeat center;
  background-size: auto;
}
.nav_5 ul li#li5_i591.nav_5_item_n {
  letter-spacing: -0.03em;
}
.nav_5 ul li#li5_i591.nav_5_item_n ul {
  display: none;
}
.nav_5 ul li#li5_i591.nav_5_item_s {
  letter-spacing: -0.03em;
}
.nav_5 ul li#li5_i591.nav_5_item_s a::after {
  transform: rotate(-90deg);
}
.nav_5 ul li#li5_i591 ul {
  padding-left: 5px;
  background-color: #ffffff;
}
.nav_5 ul li#li5_i591 ul li {
  letter-spacing: unset !important;
}
.nav_5 ul li#li5_i591 ul li a {
  padding-left: 10px;
  border-bottom: 1px solid #e5e5e5 !important;
  font-weight: 300 !important;
}
.nav_5 ul li#li5_i591 ul li a::after {
  display: none;
}
.nav_5 ul li#li5_i591 ul li.nav_5_item_s {
  background-color: unset;
}
.nav_5 ul li#li5_i591 ul li.nav_5_item_s a {
  background-color: #f5f5f5;
}
.wishlist-items {
  width: calc(100% - 307px);
  float: right;
  margin: -20px 0 42px 0;
}
.wishlist-items .no-items-message {
  margin: 20px 0 0 0;
  padding: 32px 25px 32px 25px;
  background: #fff;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
  color: #4a4a4a;
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
}
.wishlist-items .item .option .block-option .btn.buy {
  padding-left: 0;
  padding-right: 0;
}
.info_general {
  width: calc(100% - 374px);
  float: right;
  margin: 0 0 42px 0;
  padding: 32px 25px 54px 25px;
  background: #fff;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
  color: #4a4a4a;
  box-shadow: 2px 2px 3px 0 rgba(212, 212, 212, 0.5);
}
.info_general_title {
  font-size: 33px;
  line-height: 42px;
}
.info_general_desc {
  margin: 20px 0 0 0;
  word-break: break-word;
}
.info_general_desc a {
  color: #e23b34;
}
.info_general_desc strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}
.info_general_desc li + li {
  margin-top: 25px;
}
.info_general_desc table {
  border-collapse: collapse;
}
.info_general_desc table td {
  border: 1px solid;
  padding: 2px 5px;
}
/* redefinitions by use cases */
body.private-zone .info_general {
  padding-top: 0;
  padding-bottom: 20px;
}
body.private-zone .client-points .info_general_desc {
  margin-bottom: 13px;
  padding: 40px 0 30px 130px;
  background: rgba(255, 255, 255, 0) url("../images/ico-gift-box.svg") no-repeat left center;
  background-size: auto;
  font-size: 18px;
}
body.private-zone .info_general_desc .hl {
  font-weight: 500;
  color: #e23b34;
}
body.private-zone .modal-square.contact-modal .content-modal {
  height: auto !important;
  overflow: hidden;
}
body.private-zone .modal-square.contact-modal form .submit {
  margin-top: 0;
  border: 0;
}
@media (max-width: 1200px) {
  body.static .wrapper,
  body.private-zone .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .info_general,
  .wishlist-items {
    width: calc(100% - 295px);
  }
}
@media (max-width: 768px) {
  .basic-info {
    margin: 0;
    padding: 22px 0 17px 0;
  }
  .basic-info .heading {
    font-size: 17px;
    line-height: 1.2em;
    letter-spacing: -0.3px;
  }
  body.static .wrapper,
  body.private-zone .wrapper {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
  }
  .content_menu_5,
  .content_menu_2 {
    float: none;
    width: calc(100% - 30px);
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 0;
    position: absolute;
    top: -42px;
    left: 15px;
    z-index: 1;
  }
  .content_menu_5 ul li.nav_5_item_n,
  .content_menu_2 ul li.nav_2_item_n {
    display: none;
  }
  .content_menu_5 ul li.nav_5_item_s,
  .content_menu_2 ul li.nav_2_item_s {
    background: transparent;
  }
  .nav_5 ul li a,
  .nav_2 ul li a {
    padding-top: 5px;
    padding-bottom: 6px;
  }
  .content_menu_5 ul li.nav_5_item_s a:after,
  .content_menu_2 ul li.nav_2_item_s a:after {
    background: rgba(255, 255, 255, 0) url("../images/arrow_down.svg") no-repeat center;
    background-size: auto;
  }
  body.private-zone .info_general {
    padding-top: 1px;
  }
  .wishlist-items {
    float: none;
    width: 100%;
    margin-top: 66px;
  }
  .info_general {
    float: none;
    width: 100%;
    margin-top: 66px;
    padding: 23px 20px 20px 10px;
    font-size: 14px;
    line-height: 1.71em;
    box-shadow: 1px 1px 2px 0 rgba(212, 212, 212, 0.5);
  }
  .info_general_title {
    font-size: 24px;
  }
  .info_general_desc ul,
  .info_general_desc ol {
    padding-left: 20px;
    margin-left: 0;
  }
}
/*private zone inherited from old site */
.field_error {
  display: block;
  padding: 7px 0 0 0;
  color: #d00;
  font-size: 0.9em;
  line-height: 1.5em;
}
.t_list_zpm {
  margin: 15px 0px;
  width: 100%;
  border-collapse: collapse;
}
.t_list_zpm th {
  padding: 2px 4px;
  border: 1px solid #e0ddda;
  background: #EBEBEB;
}
.t_list_zpm td {
  padding: 5px 4px;
  border: 1px solid #eeeae2;
}
.t_list_zpm td a {
  display: block;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  background: #e23b34;
  color: #fff;
  margin: 2px;
  padding: 2px 3px;
  text-align: center;
}
.t_list_zpm td a.txt_red {
  margin-left: 10px;
  color: #900;
}
/*.t_list_zpm td span {font-size:11px;}*/
.t_list_zpm td.txt_blue {
  color: #00B4E8;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
}
.t_list_zpm td.txt_orange {
  color: #d66a00;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
}
.t_list_zpm td.txt_green {
  color: #83A900;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
}
.t_list_zpm td.txt_red {
  color: #900;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
}
.t_list_zpm td.txt_gray {
  color: #555;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
}
.t_list_zpm td.txt_violet {
  color: #c60073;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
}
.t_list_zpm td table td {
  background: #fbf9f4;
}
.t_list_zpm2 {
  margin: 2px 0px;
  border-collapse: collapse;
}
.t_list_zpm2 table {
  width: 100%;
  margin: 3px 0px;
  border-collapse: collapse;
  background: #FFF;
  font-size: 11px;
  border: none;
}
.t_list_zpm2 th {
  padding: 2px 4px;
  border: 1px solid #e0ddda;
  background: #EBEBEB;
}
.t_list_zpm2 td {
  padding: 2px 4px;
  border: 1px solid #e0ddda;
}
.t_list_zpm2 td img {
  margin: 0px 2px;
  vertical-align: middle;
}
.t_list_zpm2 td:last-child {
  padding: 5px;
  text-align: center;
}
.t_list_zpm2 td:last-child .input_std {
  width: 40px;
  margin: 0 3px;
  text-align: center;
}
.t_list_zpm2 td.align_right {
  text-align: right;
}
.t_list_zpm table {
  width: 100%;
  margin: 3px 0px;
  border-collapse: collapse;
  background: #FFF;
  font-size: 11px;
  border: none;
}
.t_list_zpm table th {
  border-color: #FFF;
}
.t_list_zpm table td {
  background: #FFF;
  border-color: #EBEBEB;
}
.t_list_zpm_used_bonus {
  margin: 5px 0px;
}
.t_list_zpm_used_bonus td {
  color: #777;
  font-style: italic;
}
.t_list_zpm_sendtosc {
  margin: 5px 0px;
  overflow: hidden;
}
.t_list_zpm_sendtosc a {
  display: block;
  float: right;
  padding-left: 6px;
  color: #FFF;
  background: url(../images/bggreenleft.gif) no-repeat left 0;
}
.t_list_zpm_sendtosc a strong {
  display: block;
  padding: 1px 5px 1px 0px;
  background: url(../images/bggreenright.gif) no-repeat right 0;
}
.list_zpm_search_prods {
  padding: 4px 5px;
  background: #dbe3ed;
  font-size: 11px;
}
.list_zpm_search_prods input {
  margin-right: 10px;
}
.rg_message {
  padding: 10px 0;
}
.rg_message + .rg_message {
  border-top: 1px solid #d2d2d2;
}
/** ERROR PAGE */
.error_page {
  padding: 200px 0px 50px 0px;
  text-align: center;
  color: #777;
  background: url(/es/images/ico_404.png) no-repeat center 50px;
}
.error_page_inner {
  width: 50%;
  margin: 0 auto;
}
.error_page_inner p {
  margin: 20px 0px;
  font-size: 16px;
  line-height: 1.3em;
}
.error_page_inner strong {
  font-size: 28px;
  font-weight: 400;
}
.error_page_inner a {
  font-weight: 700;
  color: #C00;
}
/*************** END STATIC PAGES STYLES and PRIVATE ZONE ***************/
/*********************** DOOFINDER ***********************/
@media (min-width: 1025px) and (max-width: 1280px) {
  body .df-classic {
    left: 0 !important;
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
  }
}
@media (min-width: 1281px) {
  body .df-classic {
    left: calc(50% - 630px) !important;
    width: 1260px !important;
    margin-left: 0px !important;
  }
}
@media (max-width: 768px) {
  body .df-classic {
    top: 147px !important;
  }
  body.hfix .df-classic {
    top: 116px !important;
  }
}
/********************* END DOOFINDER *********************/