@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@charset "UTF-8";
/* IMG */
:root {
  --primary-white: #fff;
  --primary-weeding: #F8F8FC;
  --primary-party: #DEDAD1;
  --primary-communion: #E6CFCB;
  --primary: #151515;
  --weeding-scale10: #F8F8FC;
  --weeding-scale20: #E9E9EF;
  --weeding-scale30: #C1C1C6;
  --weeding-scale40: #73737A;
  --weeding-scale50: #434348;
  --weeding-scale60: #151515;
  --party-scale10: #F8F8F6;
  --party-scale20: #EEECE8;
  --party-scale30: #DEDAD1;
  --party-scale40: #BFBAB0;
  --party-scale50: #67635B;
  --communion-scale10: #FAF5F5;
  --communion-scale20: #F0E2E0;
  --communion-scale30: #E6CFCB;
  --communion-scale40: #CFB2AD;
  --communion-scale50: #A67E77;
  --error-color:#BF391B;
  --error-color-dark:#992E16;
  --success-color:#59CA8D;
  --success-color-dark:#48A372;
  --link-color:#6C7AF6;
  --link-color-dark:#5560C2;
  --disabled-color:#E9E9EF;
  --disabled-color-dark:#C1C1C6;
}

:root {
  --white: white;
  --black:#000;
  --darkgray: darkgray;
  --pastel: #f9f7f2;
  --lightblue: #f6f8f9;
  --grey: #efefef;
  --height-rounded-inputs: 40px;
  --font-serif: serif;
  --navbar-height: 100px;
}

@media (max-width: 600px) {
  :root {
    --navbar-height: 50px;
  }
}
/* -------------- FONTS -------------- */
@font-face {
  font-family: "caneladeck-light";
  src: url("/fonts/caneladeck/caneladeck-light.otf");
  src: url("/fonts/caneladeck/caneladeck-light.woff") format("woff"), url("/fonts/caneladeck/caneladeck-light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "caneladeck-thin";
  src: url("/fonts/caneladeck/caneladeck-thin.otf");
  src: url("/fonts/caneladeck/caneladeck-thin.woff") format("woff"), url("/fonts/caneladeck/caneladeck-thin.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "caneladeck-thinitalic";
  src: url("/fonts/caneladeck/caneladeck-thinitalic.otf");
  src: url("/fonts/caneladeck/caneladeck-thinitalic.woff") format("woff"), url("/fonts/caneladeck/caneladeck-thinitalic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
.f-hero {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 86px;
  line-height: 84px;
  letter-spacing: -0.04em;
  color: #000;
}

.f--party .f-hero--light {
  font-weight: 300;
  font-size: 86px;
  line-height: 84px;
  letter-spacing: -0.04em;
}

.f--party .f-hero--regular {
  font-weight: 400;
  font-size: 55px;
  line-height: 84px;
  letter-spacing: -0.04em;
}

.f--wedding .f-hero--light {
  font-family: "caneladeck-light";
  font-style: normal;
  font-weight: 250;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.f--wedding .f-hero--regular {
  font-family: "caneladeck-light";
  font-style: italic;
  font-weight: 250;
  font-size: 43px;
  line-height: 50px;
  display: flex;
  align-items: flex-end;
  letter-spacing: -0.02em;
}

.f--communion .f-hero--regular {
  font-family: "caneladeck-light";
  font-style: normal;
  font-weight: 300;
  font-size: 90px;
  line-height: 90px;
  letter-spacing: -0.02em;
}

.f-headline {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 58px;
  line-height: 71px;
  letter-spacing: -0.01em;
  color: #000;
}

.f--wedding .f-headline--light {
  font-family: "caneladeck-light";
  font-style: normal;
  font-weight: 250;
  font-size: 44px;
  line-height: 46px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.f--wedding .f-headline--regular {
  font-family: "caneladeck-light";
  font-style: italic;
  font-weight: 250;
  font-size: 38px;
  line-height: 46px;
  letter-spacing: -0.01em;
  text-transform: lowercase;
}

.f--party .f-headline--light {
  font-weight: 300;
  font-size: 58px;
  line-height: 71px;
  letter-spacing: -0.01em;
}

.f--party .f-headline--regular {
  font-weight: 400;
  font-size: 38px;
  line-height: 46px;
  letter-spacing: -0.01em;
}

.f--communion .f-headline--regular {
  font-family: "caneladeck-light";
  font-style: normal;
  font-weight: 300;
  font-size: 64px;
  line-height: 83px;
  letter-spacing: -0.01em;
}

.f-headline2 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 59px;
  letter-spacing: -0.01em;
  color: #000;
}

.f--party .f-headline2--light {
  font-weight: 300;
  font-size: 48px;
  line-height: 59px;
  letter-spacing: -0.01em;
}

.f--party .f-headline2--regular {
  font-weight: 400;
  font-size: 30px;
  line-height: 37px;
  letter-spacing: -0.01em;
}

.f--wedding .f-headline2--light {
  font-family: "caneladeck-light";
  font-style: normal;
  font-weight: 250;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
}

.f--wedding .f-headline2--regular {
  font-family: "caneladeck-light";
  font-style: italic;
  font-weight: 250;
  font-size: 31px;
  line-height: 38px;
}

.f--communion .f-headline2--regular {
  font-family: "caneladeck-light";
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 62px;
  text-transform: capitalize;
}

.f-headline3 {
  font: 250 32px "Montserrat", sans-serif;
  line-height: 36px;
  text-transform: uppercase;
  color: #000;
}

.f-subtitle {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  text-transform: uppercase;
}

.f-body1 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.f-body2 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}

.f-body-caps {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #000;
}

.f-button {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #000;
}

.f-tittle-link {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  color: #000;
}

.f-mini-desc {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #000;
}

.f-overline {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #000;
}

.form--group {
  width: 100%;
  align-self: start;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  position: relative;
}
.form--group--title {
  position: relative;
  width: 100%;
  margin: 1.5rem 0 0;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  color: #676767;
}
@media only screen and (min-width: 768px) {
  .form--group--title {
    line-height: 25px;
  }
}
.form--group--control {
  width: 100%;
  position: relative;
  display: block;
}
.form--group--control--input {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 50px;
  padding-right: 10px;
  padding-left: 10px;
  border: none;
  border-bottom: solid 1px #73737A;
  font-family: "caneladeck-thin";
  font-style: italic;
  font-weight: 250;
  font-size: 20px;
  line-height: 26px;
  color: #151515;
}
@media only screen and (min-width: 768px) {
  .form--group--control--input {
    font-size: 24px;
    line-height: 31px;
  }
}
.form--group--control--input:hover, .form--group--control--input:focus, .form--group--control--input:active {
  outline: none;
}
.form--group--control--input::-moz-placeholder {
  opacity: 0.24;
}
.form--group--control--input::placeholder {
  opacity: 0.24;
}
.form--group--control .datepicker-icon {
  display: none !important;
}

.rc_card {
  position: relative;
  border: 1px solid #E9E9EF;
  border-radius: 12px;
  margin-bottom: 24px;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
}
.rc_card--header {
  padding: 20px 50px 20px 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #151515;
}
.rc_card--header--icon {
  position: absolute;
  right: 16px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.4s ease-in-out;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23151515" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
}
.rc_card--content {
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
}
.rc_card--content--text {
  padding: 0 20px 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #73737A;
}
@media only screen and (min-width: 768px) {
  .rc_card--content--text {
    padding: 0 50px 20px 20px;
  }
}
.rc_card--content--btn {
  align-self: start;
  padding: 12px 40px 12px;
  margin: 0 20px 20px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #151515;
}
.rc_card.expanded .rc_card--content {
  max-height: 500px !important;
}
.rc_card.expanded .rc_card--icon {
  transform: rotate(180deg);
}

.dropdown {
  position: relative;
  width: 100%;
}
.dropdown input[type=text] {
  padding-right: 50px;
  background-color: transparent;
}
.dropdown .icon-container {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 24px;
}
.dropdown .icon-container svg.feather-chevron-down {
  transition: transform 0.3s ease;
}
.dropdown .dropdown-menu {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0;
  margin: 0;
  margin-top: 8px;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #E9E9EF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  list-style-type: none;
  max-height: 300px;
  overflow-y: auto;
}
@media only screen and (min-width: 768px) {
  .dropdown .dropdown-menu {
    max-height: 500px;
  }
}
.dropdown .dropdown-menu li {
  padding: 12px 16px;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #73737A;
}
.dropdown .dropdown-menu li:hover {
  background-color: #F3F3F3;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #151515;
}
.dropdown.show .dropdown-menu {
  display: block;
}
.dropdown.show .feather-chevron-down {
  transform: rotate(180deg);
}

.button--black--disabled {
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.button--black--disabled:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.button--black--disabled:hover, .button--black--disabled:active, .button--black--disabled:focus, .button--black--disabled:active {
  color: var(--white) !important;
  background-color: var(--black) !important;
  border-color: var(--black) !important;
}

.button--white--disabled {
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.button--white--disabled:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.button--white--disabled:hover, .button--white--disabled:active, .button--white--disabled:focus, .button--white--disabled:active {
  color: var(--black) !important;
  background-color: var(--white) !important;
  border-color: var(--white) !important;
}

.rc_textarea {
  margin-top: 16px;
  padding: 16px;
  width: 100%;
  height: 222px;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.rc_textarea::-moz-placeholder {
  color: #ABABAB;
}
.rc_textarea::placeholder {
  color: #ABABAB;
}
.rc_textarea:hover, .rc_textarea:focus, .rc_textarea:active {
  outline: none;
}
.rc_textarea:disabled {
  cursor: not-allowed !important;
}

.rc_checkbox_small {
  font-weight: 400;
  font-size: 14px;
  color: #676767;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
.rc_checkbox_small .checkbox-icon {
  height: 100%;
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.rc_checkbox_small input[type=checkbox] {
  display: none;
}
.rc_checkbox_small input[type=checkbox]:checked + .checkbox-icon {
  background-image: url("/img/icon_checkbox_checked.svg");
}
.rc_checkbox_small input[type=checkbox]:not(:checked) + .checkbox-icon {
  background-image: url("/img/icon_checkbox_no_checked.svg");
}

.rc_checkbox {
  font-weight: 400;
  margin: 10px 0 20px;
  font-size: 16px;
  color: #676767;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
.rc_checkbox .checkbox-icon {
  height: 100%;
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.rc_checkbox input[type=checkbox] {
  display: none;
}
.rc_checkbox input[type=checkbox]:checked + .checkbox-icon {
  background-image: url("/img/icon_checkbox_checked.svg");
}
.rc_checkbox input[type=checkbox]:not(:checked) + .checkbox-icon {
  background-image: url("/img/icon_checkbox_no_checked.svg");
}

.radio_v_group {
  display: flex;
  flex-direction: column;
}
.radio_v_group .radio-label {
  margin-top: 24px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  color: #5A5A5A;
}
@media only screen and (min-width: 768px) {
  .radio_v_group .radio-label {
    margin-top: 15px;
  }
}
.radio_v_group .radio-label .radio-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
}
.radio_v_group .radio-label .radio-icon-small {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
}
.radio_v_group .radio-label input[type=radio] {
  display: none;
}
.radio_v_group .radio-label input[type=radio]:checked + .radio-icon {
  background-image: url("/img/radio_checkbox_filled.svg");
}
.radio_v_group .radio-label input[type=radio]:not(:checked) + .radio-icon {
  background-image: url("/img/radio_checkbox.svg");
}

.radio_v_group_0 {
  display: flex;
  flex-direction: column;
}
.radio_v_group_0 .radio-label {
  margin-top: 0;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  color: #5A5A5A;
}
@media only screen and (min-width: 768px) {
  .radio_v_group_0 .radio-label {
    margin-top: 0;
  }
}
.radio_v_group_0 .radio-label .radio-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
}
.radio_v_group_0 .radio-label .radio-icon-small {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
}
.radio_v_group_0 .radio-label input[type=radio] {
  display: none;
}
.radio_v_group_0 .radio-label input[type=radio]:checked + .radio-icon {
  background-image: url("/img/radio_checkbox_filled.svg");
}
.radio_v_group_0 .radio-label input[type=radio]:not(:checked) + .radio-icon {
  background-image: url("/img/radio_checkbox.svg");
}

.radio_v_group_24 {
  display: flex;
  flex-direction: column;
}
.radio_v_group_24 .radio-label {
  margin-top: 24px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  color: #5A5A5A;
}
@media only screen and (min-width: 768px) {
  .radio_v_group_24 .radio-label {
    margin-top: 24px;
  }
}
.radio_v_group_24 .radio-label .radio-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
}
.radio_v_group_24 .radio-label .radio-icon-small {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
}
.radio_v_group_24 .radio-label input[type=radio] {
  display: none;
}
.radio_v_group_24 .radio-label input[type=radio]:checked + .radio-icon {
  background-image: url("/img/radio_checkbox_filled.svg");
}
.radio_v_group_24 .radio-label input[type=radio]:not(:checked) + .radio-icon {
  background-image: url("/img/radio_checkbox.svg");
}

.input_rc {
  width: 100%;
  border: solid 1px darkgrey;
  padding: 10px 5px;
  display: block;
  outline: none;
  transition: 0.3s;
  font-family: "caneladeck-thin";
  font-style: italic;
  font-weight: 250;
  font-size: 20px;
  line-height: 26px;
  color: #151515;
  background-color: white;
}
@media only screen and (min-width: 768px) {
  .input_rc {
    font-size: 24px;
    line-height: 31px;
  }
}
.input_rc:hover, .input_rc:focus, .input_rc:active {
  outline: none;
  background-color: white;
}
.input_rc::-moz-placeholder {
  opacity: 0.24;
  color: #000;
}
.input_rc::placeholder {
  opacity: 0.24;
  color: #000;
}
.input_rc--underline {
  border: none;
  border-bottom: solid 1px #73737A;
}
.input_rc--opt {
  opacity: 0.4;
}
.input_rc:disabled {
  cursor: not-allowed !important;
}

.input_error {
  color: #992E16;
  border-bottom: solid 1px #992E16 !important;
}

.textarea_error {
  color: #992E16;
  border: solid 1px #992E16 !important;
}

.disabled {
  cursor: not-allowed !important;
  opacity: 0.4;
}

.error-message {
  margin-top: 8px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: rgb(153, 46, 22);
}

.form_btn {
  padding: 14px;
}
@media only screen and (min-width: 768px) {
  .form_btn {
    align-self: start;
    min-width: 129px;
  }
}

.btn_w100pc_mob {
  width: 100%;
  padding: 12px 40px !important;
}
@media only screen and (min-width: 768px) {
  .btn_w100pc_mob {
    width: unset;
  }
}

.flatpickr-day.selected {
  width: 40px;
  height: 40px;
  background: #151515;
  border-color: #151515;
  border-radius: 8px;
}
.flatpickr-day.selected:hover {
  background: #151515;
  border-color: #151515;
}

.flatpickr-day:hover {
  background: #151515;
  border-color: #151515;
  color: #fff;
}

.link_about {
  color: #676767;
  text-decoration-line: underline;
}
@media only screen and (min-width: 768px) {
  .link_about {
    color: #000;
  }
}

.link_prot_dat {
  color: #676767;
  text-decoration-line: underline;
}

.link_cookies {
  color: white;
  text-decoration-line: underline;
}

.rc_underline {
  text-decoration-line: underline;
}

.rc_underline_black {
  color: #000;
  text-decoration-line: underline;
}

.rc_underline_wedding {
  text-decoration-line: underline;
  color: #73737A;
}

.wprefix {
  flex: 0 0 40%;
}

.wtelf {
  flex: 1;
}

.w50pc {
  display: inline-block;
  max-width: 50%;
}
@media only screen and (min-width: 768px) {
  .w50pc {
    display: inline-block;
    max-width: 416x !important;
  }
}

.max_w248px_tablet {
  display: block;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .max_w248px_tablet {
    max-width: 248px !important;
  }
}

.max_w416px_tablet {
  display: block;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .max_w416px_tablet {
    max-width: 416px !important;
  }
}

.max_w840px_tablet {
  display: block;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .max_w840px_tablet {
    display: inline-block;
    max-width: 840px !important;
  }
}

.max_w872px_tablet {
  display: block;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .max_w872px_tablet {
    display: inline-block;
    max-width: 872px !important;
  }
}

.mt25 {
  margin-top: 25px;
}

.mt42 {
  margin-top: 42px;
}

.pt45 {
  padding-top: 45px;
}

.mt45 {
  margin-top: 45px;
}

@media only screen and (min-width: 768px) {
  .mt62_tablet {
    margin-top: 62px !important;
  }
}

@media only screen and (min-width: 768px) {
  .pt45_tablet {
    padding-top: 45px;
  }
}

@media only screen and (min-width: 768px) {
  .mt45_tablet {
    margin-top: 45px;
  }
}

@media only screen and (min-width: 768px) {
  .mt80_tablet {
    margin-top: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .mb100_tablet {
    margin-bottom: 100px;
  }
}

@media only screen and (min-width: 768px) {
  .pb100_tablet {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 768px) {
  .pb55_tablet {
    padding-bottom: 55px;
  }
}

@media only screen and (min-width: 768px) {
  .pt80_tablet {
    padding-top: 80px;
  }
}

.mb65 {
  margin-bottom: 65px;
}

@media only screen and (min-width: 768px) {
  .mb65_tablet {
    margin-bottom: 65px;
  }
}

@media only screen and (min-width: 768px) {
  .mt130_tablet {
    margin-top: 130px;
  }
}

@media only screen and (min-width: 768px) {
  .pb120_tablet {
    padding-bottom: 120px;
  }
}

@media only screen and (min-width: 768px) {
  .ml10px_tablet {
    margin-left: 10px;
  }
}

.mb3 {
  margin-bottom: 3px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb22 {
  margin-bottom: 22px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb28 {
  margin-bottom: 28px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb100 {
  margin-bottom: 100px;
}

.mb136 {
  margin-bottom: 136px;
}

.mb105 {
  margin-bottom: 105px;
}

.mb160 {
  margin-bottom: 160px;
}

.pb160 {
  padding-bottom: 160px;
}

.pt28 {
  padding-top: 28px;
}

.pb28 {
  padding-bottom: 28px;
}

.my24 {
  margin: 24px 0;
}

.my24 {
  margin: 24px 0;
}

.my32 {
  margin: 32px 0;
}

.my45 {
  margin: 45px 0;
}

.pb24 {
  padding-bottom: 24px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb43 {
  margin-bottom: 43px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb53 {
  margin-bottom: 53px;
}

.mb50mob_mb40tablet {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  .mb50mob_mb40tablet {
    margin-bottom: 40px;
  }
}

.mb46 {
  margin-bottom: 46px;
}

.mb48 {
  margin-bottom: 48px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb52 {
  margin-bottom: 52px;
}

.mb58 {
  margin-bottom: 58px;
}

@media only screen and (min-width: 768px) {
  .mb80_tablet {
    margin-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .pt130_tablet {
    padding-top: 130px;
  }
}

@media only screen and (min-width: 768px) {
  .mt130_tablet {
    margin-top: 130px;
  }
}

@media only screen and (min-width: 768px) {
  .mb130_tablet {
    margin-bottom: 130px;
  }
}

@media only screen and (min-width: 768px) {
  .my130_tablet {
    margin-top: 130px;
    margin-bottom: 130px;
  }
}

.mb23 {
  margin-bottom: 23px;
}

@media only screen and (min-width: 768px) {
  .mb23_tablet {
    margin-bottom: 23px;
  }
}

@media only screen and (min-width: 768px) {
  .mb42_tablet {
    margin-bottom: 42px;
  }
}

@media only screen and (min-width: 768px) {
  .mb192_tablet {
    margin-bottom: 192px;
  }
}

@media only screen and (min-width: 768px) {
  .pb192_tablet {
    padding-bottom: 192px;
  }
}

@media only screen and (min-width: 768px) {
  .mb104_tablet {
    margin-bottom: 104px;
  }
}

.pb24 {
  padding-bottom: 24px;
}

@media only screen and (min-width: 768px) {
  .pb24_tablet {
    padding-bottom: 24px;
  }
}

@media only screen and (min-width: 768px) {
  .pb130_tablet {
    padding-bottom: 130px;
  }
}

@media only screen and (min-width: 768px) {
  .pb80_tablet {
    padding-bottom: 80px;
  }
}

.pb80 {
  padding-bottom: 80px;
}

.pb100 {
  padding-bottom: 100px;
}

.form_h2 {
  margin: 0 0 25px;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #151515;
}
@media only screen and (min-width: 768px) {
  .form_h2 {
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    margin: 0 0 33px;
  }
}

.dir_col_mob_row_tablet {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .dir_col_mob_row_tablet {
    gap: 40px;
    flex-direction: row;
  }
}

.dir_col_mob_row_tablet_between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .dir_col_mob_row_tablet_between {
    gap: 40px;
    flex-direction: row;
  }
}

.rc_checkbox_group {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
@media only screen and (min-width: 768px) {
  .rc_checkbox_group {
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    max-width: 872px;
  }
}

.sp_between_row {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  max-width: 872px;
  gap: 40px;
}
.sp_between_row--item {
  flex: 1;
}

.direction_row {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.radio_v_group {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}

.todo {
  background-color: yellow;
  margin: 45px 0;
}

@keyframes slideUp {
  0% {
    transform: translate(-50%, 100%);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
@keyframes slideDown {
  0% {
    transform: translate(-50%, 0);
  }
  100% {
    transform: translate(-50%, 100%);
  }
}
.toast {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 16px;
  border-radius: 4px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 999;
  animation: slideUp 1s forwards, slideDown 1s 4s forwards;
  gap: 8px;
}
.toast.hide {
  display: none !important;
}
.toast.show {
  display: flex !important;
}
@media only screen and (min-width: 768px) {
  .toast {
    padding: 16px 170px;
  }
}
.toast .toastContent {
  display: flex;
  justify-content: space-between;
  align-items: start;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .toast .toastContent {
    flex-direction: row;
  }
}
.toast .toastMessage {
  color: var(--primary-white, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.toast .closeButton {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.toast .cancelLink {
  cursor: pointer;
  color: var(--primary-white, #FFF);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration-line: underline;
}
@media only screen and (min-width: 480px) {
  .toast .cancelLink {
    margin-left: 16px;
  }
}

.non-select {
  -webkit-user-select: none;
  /* Chrome, Safari, Opera */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
}

.btn-link {
  text-decoration: none;
}

.message_not_found {
  position: relative;
  padding: 100px 10% 100px;
}

@keyframes product-photo-gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
body.wedding h1 {
  font: normal 36px "caneladeck-thin";
  line-height: 40px;
  letter-spacing: -2px;
}
@media only screen and (min-width: 1024px) {
  body.wedding h1 {
    font-size: 42px;
    line-height: 46px;
  }
}
body.wedding h2 {
  font: normal 32px "caneladeck-thin";
  line-height: 36px;
  letter-spacing: -1px;
}
body.wedding h3 {
  font: normal 22px "caneladeck-thin";
  line-height: 26px;
}
body.party h1 {
  font: 300 42px "Montserrat";
  line-height: 46px;
  letter-spacing: -2px;
}
@media only screen and (min-width: 1024px) {
  body.party h1 {
    font-size: 42px;
    line-height: 46px;
  }
}
body.party h2 {
  font: 300 32px "Montserrat";
  line-height: 36px;
  letter-spacing: -1px;
}
body.party h3 {
  font: 300 22px "Montserrat";
  line-height: 26px;
}
body.communion h1 {
  font: normal 42px "caneladeck-light";
  line-height: 46px;
  letter-spacing: -2px;
}
@media only screen and (min-width: 1024px) {
  body.communion h1 {
    font-size: 42px;
    line-height: 46px;
  }
}
body.communion h2 {
  font: normal 32px "caneladeck-light";
  line-height: 36px;
  letter-spacing: -1px;
}
body.communion h3 {
  font: normal 22px "caneladeck-light";
  line-height: 26px;
}

:root {
  --white: white;
  --black: #000;
  --darkgray: darkgray;
  --pastel: #f9f7f2;
  --lightblue: #f6f8f9;
  --grey: #efefef;
  --height-rounded-inputs: 40px;
  --font-serif: serif;
  --navbar-height: 100px;
}

body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  color: #151515;
}
@media only screen and (min-width: 1024px) {
  body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: left;
    color: #151515;
  }
}
@media only screen and (min-width: 1600px) {
  body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-align: left;
    color: #151515;
  }
}

@media (max-width: 600px) {
  :root {
    --navbar-height: 50px;
  }
}
code {
  margin: 10px;
}

/* align */
.inline {
  display: inline;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.align-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-left {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: left;
}

.flex-center {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: left;
}

/* secciones */
.section--large {
  min-height: 500px;
}

.section--white {
  background-color: var(--white);
}

.section--yellow {
  background-color: var(--pastel);
}

.section--blue {
  background-color: var(--lightblue);
}

.section--grey {
  background-color: var(--grey);
}

.section--darkgrey {
  background-color: darkgrey;
}

.section--full-page {
  height: 100vh;
}

.section--slider_home {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 100px;
  color: #fff;
}

.section--slider_home figure {
  text-align: center;
}

.section--slider_home h1 {
  max-width: 500px;
}

.section__content--center {
  text-align: center;
}

/* margenes */
.m-top {
  margin-top: 10px;
}

.m-bottom {
  margin-bottom: 10px;
}

/* paddings */
.p-section {
  padding: 10px;
}

.p-top {
  padding-top: 10px;
}

.p-bottom {
  padding-bottom: 10px;
}

.pt-50 {
  padding-top: 55px;
}

/* botones */
.button {
  background-color: transparent;
  border: solid 1px;
  padding: 5px 15px;
  border-radius: 50px;
  text-transform: uppercase;
  display: inline-block;
  transition: 0.3s;
  min-height: var(--height-rounded-inputs);
  font-size: 14px;
}

.button-medium {
  background-color: transparent;
  border: solid 1px;
  padding: 16px 40px;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
  transition: 0.3s;
  min-height: var(--height-rounded-inputs);
  cursor: pointer;
}

.button-small {
  padding: 10px 20px;
  border-radius: 20px;
  text-transform: uppercase;
  display: inline-block;
  transition: 0.3s;
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 20px;
  cursor: pointer;
}
.button-small.active {
  color: var(--white);
  background-color: var(--black);
  border-color: var(--black);
}

.button--large {
  min-width: 200px;
  font-size: 1.2rem;
  margin: 10px 0 0 0;
  padding: 20px 20px;
}

.button--black {
  color: var(--white);
  background-color: var(--black);
  border-color: var(--black);
}

.button--black:hover,
.button--black:active,
.button--black:focus,
.button--black.active {
  color: var(--black);
  background-color: var(--white);
  border-color: var(--black);
}

.button--white {
  color: var(--black);
  background-color: var(--white);
  border-color: var(--white);
}

.button--white:hover,
.button--white:active,
.button--white:focus,
.button--white:active {
  color: var(--white);
  background-color: var(--black);
  border-color: var(--black);
}

.button--transparent {
  color: var(--white);
  background: transparent;
  border-color: var(--white);
}

.button--transparent:hover,
.button--transparent:active,
.button--transparent:focus,
.button--transparent:active {
  color: var(--white);
  background-color: var(--black);
  border-color: var(--black);
}

.button--navbar {
  color: var(--black);
  background-color: var(--white);
  border: 1px solid rgba(21, 21, 21, 0.1);
}

.button--navbar:hover,
.button--navbar:active,
.button--navbar:focus,
.button--navbar:active {
  color: var(--white);
  background-color: var(--black);
  border-color: var(--black);
}

.button--outline-white {
  color: var(--white);
  background-color: transparent;
  border-color: var(--white);
}

.button--outline-white:hover,
.button--outline-white:active,
.button--outline-white:focus,
.button--outline-white:active {
  color: var(--black);
  background-color: var(--white);
  border-color: var(--white);
}

.button--disabled-white {
  color: var(--white);
  background-color: #666666;
  border-color: #666666;
}

.button--outline-black {
  color: var(--black);
  background-color: transparent;
  border-color: var(--black);
}

.button--outline-black:hover,
.button--outline-black:active,
.button--outline-black:focus,
.button--outline-black:active {
  color: var(--white);
  border-color: var(--black);
  background-color: var(--black);
}

.button--disabled-black {
  color: rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

/* enlaces */
.link {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  position: relative;
}

.link::after {
  content: "";
  border-bottom: 2px solid #000;
  display: inline-block;
  width: 0%;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: 0.3s;
}

.link:hover::after,
.link.active::after {
  width: 100%;
}

.link--black {
  color: var(--black);
}

.link--black::after {
  border-color: var(--black);
}

.link--darkgray {
  color: var(--darkgray);
}

.link--darkgray.active {
  color: var(--black);
}

.link--darkgray::after {
  border-color: var(--black);
}

.link--white {
  color: var(--white);
}

.link--white::after {
  border-color: var(--white);
}

/* Inputs */
.input {
  min-width: 300px;
  border: solid 1px darkgrey;
  color: var(--black);
  padding: 10px 5px;
  font-size: 12px;
  display: block;
  margin: 15px 0;
  outline: none;
  transition: 0.3s;
  min-height: var(--height-rounded-inputs);
}

.input:hover,
.input:focus,
.input:active {
  outline: none;
}

.input::-moz-placeholder {
  color: darkgrey;
}

.input::placeholder {
  color: darkgrey;
}

.input--underline {
  border: none;
  border-bottom: solid 2px var(--black);
}

.input--round {
  border-radius: 35px;
  padding: 10px 15px;
}

.input--round:focus {
  border-color: var(--black);
}

/* titulos */
.title {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

.title b {
  font-weight: normal;
}

.title--t1 {
  font-size: 3rem;
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 4rem;
}

.title--center {
  max-width: 60%;
  display: inline-block;
}

@media (max-width: 600px) {
  .title--center {
    width: 100%;
    max-width: 100%;
  }
}
.title-top {
  text-transform: uppercase;
  font-size: 1rem;
}

.title--t1 b {
  font-size: 4rem;
}

.title--camel {
  text-transform: lowercase;
}

.title--camel b {
  font-weight: normal;
  text-transform: uppercase;
}

.title--serif {
  font-family: var(--font-serif);
}

/* navbar */
.navbar {
  position: absolute;
  width: 100%;
  overflow: hidden;
  font-size: 1rem;
  display: flex;
  align-items: center;
  padding: 15px;
  margin: 0;
  min-height: var(--navbar-height);
}

.navbar--white {
  background-color: var(--white);
  border-bottom: solid 1px #eee;
}

.navbar__icon {
  display: inline-block;
}

.navbar__icon--logo {
  width: 150px;
}

.navbar__icon--open-menu {
  width: 20px;
}

.navbar .list {
  text-transform: uppercase;
}

.navbar .list li {
  margin: 0 10px;
}

.navbar__item__menu_button,
.navbar__item__search {
  display: flex;
}

.navbar__item__home_selector,
.navbar__item__menu {
  display: none;
}

@media (min-width: 1440px) {
  .navbar__icon--logo {
    width: 200px;
  }
}
@media (min-width: 1024px) {
  .navbar .list li {
    margin: 0 5px;
  }
  .navbar__item {
    padding: 0;
    font-size: 0.8rem;
  }
  .navbar__item__menu .button {
    padding: 10px 8px;
  }
}
@media (min-width: 820px) {
  .navbar__item__menu_button,
  .navbar__item__search {
    display: none;
  }
  .navbar__item__home_selector,
  .navbar__item__menu {
    display: block;
  }
}
/* list */
.list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list--inline li {
  display: inline-block;
  margin: 0 10px;
}

.list--big {
  font-size: 1.5rem;
}

.chip {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 4px 6px 4px 12px;
  border-radius: 41px;
  background: #343434;
  gap: 8px;
}
.chip .chip-text {
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}
.chip .close-icon {
  cursor: pointer;
  color: #888;
  font-weight: bold;
  font-size: 12px;
  width: 16px;
  height: 16px;
  margin: 4px;
}

input[type=checkbox],
input[type=radio] {
  accent-color: #000 !important;
}

.site-header {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1002;
}
.site-header .current-page-underline::after {
  width: 100% !important;
}
.site-header .site-logo {
  margin: 0;
  line-height: unset;
}
.site-header .site-logo span {
  display: none;
}
.site-header .menu-list-desktop {
  display: none;
}
.site-header .x-mobile {
  display: none;
  z-index: 999;
  cursor: pointer;
}
.site-header .x-mobile img {
  position: absolute;
  right: 16px;
  top: 10px;
  width: 16px;
  zoom: 145%;
  rotate: 45deg;
}
.site-header .btn-pedir-cita {
  display: none;
  text-decoration: none;
  text-align: center;
  padding: 7px 16px 6px;
  white-space: nowrap;
  line-height: unset;
  min-height: unset;
}
.site-header.default {
  display: block;
  background: #fff;
  position: fixed;
  top: 0;
}
.site-header.default .show-border-bottom {
  border-bottom: 1px solid #DCDCDC;
}
.site-header.default .x-mobile {
  display: none;
}
.site-header.default .site-header-top {
  justify-content: space-between;
  display: flex;
  align-items: center;
  height: 56px;
  margin: 0;
  border-bottom: 1px solid #DCDCDC;
}
@media only screen and (min-width: 1127px) {
  .site-header.default .site-header-top {
    top: 16px;
    justify-content: space-between;
  }
}
.site-header.default .site-header-products .category,
.site-header.default .site-header-products a.page,
.site-header.default .site-header-pages .category,
.site-header.default .site-header-pages a.page {
  display: none;
}
@media only screen and (min-width: 1127px) {
  .site-header.default .site-header-products .category,
  .site-header.default .site-header-products a.page,
  .site-header.default .site-header-pages .category,
  .site-header.default .site-header-pages a.page {
    display: block;
    padding: 10px;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    color: #636363;
    cursor: pointer;
  }
  .site-header.default .site-header-products .category.active,
  .site-header.default .site-header-products a.page.active,
  .site-header.default .site-header-pages .category.active,
  .site-header.default .site-header-pages a.page.active {
    border-bottom: 2px solid #000;
  }
}
@media only screen and (min-width: 1127px) and (min-width: 768px) {
  .site-header.default .site-header-products .category.active,
  .site-header.default .site-header-products a.page.active,
  .site-header.default .site-header-pages .category.active,
  .site-header.default .site-header-pages a.page.active {
    border-bottom: none;
  }
}
@media only screen and (min-width: 1127px) {
  .site-header.default .site-header-products .category:hover,
  .site-header.default .site-header-products a.page:hover,
  .site-header.default .site-header-pages .category:hover,
  .site-header.default .site-header-pages a.page:hover {
    color: #000;
  }
  .site-header.default .site-header-products .category::after,
  .site-header.default .site-header-products a.page::after,
  .site-header.default .site-header-pages .category::after,
  .site-header.default .site-header-pages a.page::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #000;
    transition: width 0.5s;
  }
  .site-header.default .site-header-products .category:hover::after,
  .site-header.default .site-header-products a.page:hover::after,
  .site-header.default .site-header-pages .category:hover::after,
  .site-header.default .site-header-pages a.page:hover::after {
    width: 100%;
  }
}
@media only screen and (min-width: 1127px) {
  .site-header.default .site-header-products .category,
  .site-header.default .site-header-products a.page,
  .site-header.default .site-header-pages .category,
  .site-header.default .site-header-pages a.page {
    padding: 10px;
  }
}
.site-header.default .site-header-products {
  width: 22px;
  height: 22px;
  background: url("/img/show-content-black.svg") no-repeat 0 3px;
  margin-left: 10px;
  cursor: pointer;
}
@media only screen and (min-width: 1127px) {
  .site-header.default .site-header-products {
    background: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.site-header.default .site-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.site-header.default .site-logo a {
  width: 170px;
}
.site-header.default .site-logo img {
  margin-top: -10px;
}
.site-header.default .site-header-pages {
  justify-content: flex-end;
  width: 22px;
  height: 22px;
  background: url("/img/search-btn-black.svg") no-repeat;
  order: 1;
  margin-right: 20px;
  cursor: pointer;
}
@media only screen and (min-width: 1127px) {
  .site-header.default .site-header-pages {
    order: 0;
    background: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .site-header.default .site-header-pages a.page {
    color: #636363;
    text-decoration: none;
    text-transform: uppercase;
    text-wrap: nowrap;
  }
}
@media only screen and (min-width: 1127px) and (min-width: 1127px) {
  .site-header.default .site-header-pages a.page {
    font-size: 13px;
    padding: 10px;
  }
}
@media only screen and (min-width: 1127px) {
  .site-header.default .site-header-pages .header-icons {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
  }
  .site-header.default .site-header-pages .header-icons span,
  .site-header.default .site-header-pages .header-icons a {
    width: 22px;
    height: 22px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1127px) and (min-width: 1127px) {
  .site-header.default .site-header-pages .header-icons span,
  .site-header.default .site-header-pages .header-icons a {
    padding-right: 25px;
  }
}
@media only screen and (min-width: 1127px) {
  .site-header.default .site-header-pages .header-icons span.search,
  .site-header.default .site-header-pages .header-icons a.search {
    background: url("/img/search-btn-black.svg") no-repeat;
  }
  .site-header.default .site-header-pages .header-icons span.favorites,
  .site-header.default .site-header-pages .header-icons a.favorites {
    background: url("/img/heart.svg") no-repeat;
    background-size: 22px;
  }
  .site-header.default .site-header-pages .btn-pedir-cita {
    display: block;
  }
  .site-header.default .site-header-pages .btn-pedir-cita:hover {
    color: white;
  }
}
.site-header.default .menu-list {
  display: none;
  width: inherit;
  background-color: #fff;
  left: 0;
  top: auto;
  padding: 0 20px 0 20px;
}
@media only screen and (min-width: 1127px) {
  .site-header.default .menu-list {
    display: none;
  }
}
.site-header.default .menu-list .menu-level-2 .dropdown {
  display: none;
  padding: 0;
  margin: 0;
}
.site-header.default .menu-list .menu-level-2 .dropdown a {
  color: #636363;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
}
@media only screen and (min-width: 1127px) {
  .site-header.default .menu-list .menu-level-2 .dropdown a {
    font-size: 13px;
  }
}
.site-header.default .menu-list .menu-level-2 .dropdown.active {
  display: block;
}
.site-header.default .menu-list .menu-level-2 .dropdown.active li {
  position: relative;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 6px 0 10px 0;
  cursor: pointer;
}
.site-header.default .menu-list .menu-level-2 .dropdown.active li a:hover {
  color: #000;
}
.site-header.default .menu-list .menu-level-2 .dropdown.active li .active-icon {
  justify-content: flex-end;
  background: url("/img/plus.svg") no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 6px;
  top: 7px;
}
.site-header.default .menu-list .menu-level-2 .dropdown.active li.active {
  height: -moz-fit-content;
  height: fit-content;
}
.site-header.default .menu-list .menu-level-2 .dropdown.active li.active > ul {
  display: block;
}
.site-header.default .menu-list .menu-level-2 .dropdown.active li.active > .active-icon {
  background: url("/img/minus.svg") no-repeat;
  top: 12px;
}
.site-header.default .menu-list .menu-level-2 .dropdown.active li .sub-menu {
  background: #fff;
  list-style: none;
  position: relative;
  padding: 10px 0 0;
  display: none;
}
.site-header.default .menu-list .menu-level-2 .dropdown.active li .sub-menu li {
  padding: 3px 0 6px 12px;
}
.site-header.default .menu-list .menu-level-2 .dropdown.active li .sub-menu li a {
  font-size: 15px;
}
.site-header.transparent {
  display: block;
  background: linear-gradient(180deg, #111 1.05%, transparent 100%);
  -webkit-text-fill-color: initial;
}
@media only screen and (min-width: 1127px) {
  .site-header.transparent {
    justify-content: space-between;
  }
}
.site-header.transparent .site-header-top {
  padding: 13px 0;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.site-header.transparent .menu-list {
  display: none;
}
.site-header.transparent .category::after,
.site-header.transparent .page::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #fff;
  transition: width 0.5s;
}
.site-header.transparent .category:hover::after,
.site-header.transparent .page:hover::after {
  width: 100%;
}
.site-header.transparent .site-header-products {
  background: url("/img/show-content-icon.svg") no-repeat 0 5px;
  width: 22px;
  height: 22px;
  margin-left: 10px;
  cursor: pointer;
}
.site-header.transparent .site-header-products .category {
  display: none;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
}
@media only screen and (min-width: 1127px) {
  .site-header.transparent .site-header-products .category {
    display: block;
    padding: 10px;
    font-size: 13px;
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 1127px) {
  .site-header.transparent .site-header-products {
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 10px;
  }
}
.site-header.transparent .site-logo {
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.site-header.transparent .site-logo a {
  width: 170px;
}
.site-header.transparent .site-logo a img {
  filter: invert(1);
}
.site-header.transparent .site-header-pages {
  justify-content: flex-end;
  width: 22px;
  height: 22px;
  background: url("/img/search-btn-white.svg") no-repeat;
  margin-right: 20px;
  cursor: pointer;
}
.site-header.transparent .site-header-pages a.page {
  display: none;
}
@media only screen and (min-width: 1127px) {
  .site-header.transparent .site-header-pages {
    background: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 20px;
  }
  .site-header.transparent .site-header-pages a.page {
    display: block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-style: normal;
    font-size: 13px;
    text-wrap: nowrap;
    padding: 10px;
  }
  .site-header.transparent .site-header-pages .header-icons {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
  }
  .site-header.transparent .site-header-pages .header-icons span,
  .site-header.transparent .site-header-pages .header-icons a {
    width: 22px;
    height: 22px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1127px) and (min-width: 1127px) {
  .site-header.transparent .site-header-pages .header-icons span,
  .site-header.transparent .site-header-pages .header-icons a {
    padding-right: 25px;
  }
}
@media only screen and (min-width: 1127px) {
  .site-header.transparent .site-header-pages .header-icons span.search,
  .site-header.transparent .site-header-pages .header-icons a.search {
    background: url("/img/search-btn-white.svg") no-repeat;
  }
  .site-header.transparent .site-header-pages .header-icons span.favorites,
  .site-header.transparent .site-header-pages .header-icons a.favorites {
    background: url("/img/heart-white.svg") no-repeat;
    background-size: 22px;
  }
  .site-header.transparent .site-header-pages .btn-pedir-cita {
    display: block;
  }
  .site-header.transparent .site-header-pages .btn-pedir-cita:hover {
    color: #000;
  }
}
@media only screen and (min-width: 1127px) {
  .site-header {
    padding: 0;
    height: 56px;
  }
  .site-header .favoritos_menu {
    display: none !important;
  }
  .site-header .menu-list-desktop {
    display: flex;
    flex-direction: column;
    background-color: #fff;
  }
  .site-header .menu-list-desktop .dropdown {
    display: none;
    background-color: #fff;
    height: 60px;
    margin: 0;
    padding-left: 10px;
  }
  .site-header .menu-list-desktop .dropdown a {
    display: block;
    color: #636363;
    text-decoration: none;
    padding: 10px 20px 10px 0;
    font-size: 13px;
  }
  .site-header .menu-list-desktop .dropdown.show {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
  }
  .site-header .menu-list-desktop .dropdown li {
    list-style: none;
    text-transform: uppercase;
    text-decoration: none;
    color: #636363;
    cursor: default;
  }
  .site-header .menu-list-desktop .dropdown li:first-child a {
    padding-left: 10px;
  }
  .site-header .menu-list-desktop .dropdown li:last-child a {
    padding-right: 0;
  }
  .site-header .menu-list-desktop .dropdown li a:hover {
    color: #000;
  }
  .site-header .menu-list-desktop .dropdown li a::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #000;
    transition: width 0.3s;
  }
  .site-header .menu-list-desktop .dropdown li a:hover::after {
    width: 100%;
  }
  .site-header .menu-list-desktop .menu-nivel-3 {
    scrollbar-width: thin;
  }
  .site-header .menu-list-desktop .menu-nivel-3 ::-webkit-scrollbar {
    height: 10px;
  }
  .site-header .menu-list-desktop .menu-nivel-3 ::-webkit-scrollbar-track {
    background: transparent;
  }
  .site-header .menu-list-desktop .menu-nivel-3 ::-webkit-scrollbar-thumb {
    background: #888;
  }
  .site-header .menu-list-desktop .menu-nivel-3 ::-webkit-scrollbar-thumb:hover {
    background: #151515;
  }
  .site-header .menu-list-desktop .menu-nivel-3 .nav_3__sub-menu {
    display: none;
    border-top: 10px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 10px solid #fff;
    border-left: 20px solid #fff;
  }
  .site-header .menu-list-desktop .menu-nivel-3 .nav_3__sub-menu.show {
    position: absolute;
    display: flex;
    flex-direction: row;
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #DCDCDC;
    padding: 9px 0 0 0;
    overflow: auto;
  }
  .site-header .menu-list-desktop .menu-nivel-3 li {
    list-style: none;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    padding: 10px 20px 0 0;
  }
  .site-header .menu-list-desktop .menu-nivel-3 li:last-child {
    padding-right: 0;
  }
  .site-header .menu-list-desktop .menu-nivel-3 li:hover a {
    color: #000;
  }
  .site-header .menu-list-desktop .menu-nivel-3 a {
    text-decoration: none;
    color: #636363;
  }
  .site-header .menu-list-desktop .menu-nivel-3 img {
    aspect-ratio: 4/5;
    width: auto;
    height: 300px;
    background: linear-gradient(-45deg, #ccc, #eee, #e7e7e7);
    background-size: 400% 400%;
    animation: product-photo-gradient 2s ease-in-out infinite;
  }
  .site-header .menu-list-desktop .menu-nivel-3 .title {
    display: block;
    padding: 5px 0 10px;
    font-size: 13px;
  }
}

.site-header-top.mobile {
  flex-direction: column;
  justify-content: flex-start !important;
  position: relative;
  top: 0;
  min-height: 100vh;
  min-height: 100dvh;
}
.site-header-top.mobile .x-mobile {
  display: none;
}
.site-header-top.mobile .x-mobile.show {
  display: block;
}
.site-header-top.mobile .site-header-products {
  background: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  height: 56px;
  width: 100%;
  top: 0;
  left: 15px;
  position: relative;
  flex: none;
}
.site-header-top.mobile .site-header-products .inside {
  display: none !important;
}
.site-header-top.mobile .site-header-products .category {
  display: block;
  color: #636363;
  font-size: 15px;
  margin-right: 20px;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.site-header-top.mobile .site-header-products .category.active {
  border-bottom: none;
}
.site-header-top.mobile .site-header-products .category.active::after {
  content: "";
  display: block;
  height: 2px;
  background: #000;
  transition: width 0.3s;
  width: 100%;
}
.site-header-top.mobile .site-header-products .category::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #000;
  transition: width 0.3s;
}
.site-header-top.mobile .site-header-products .category:hover::after {
  width: 100%;
}
.site-header-top.mobile .site-logo {
  display: none;
}
.site-header-top.mobile .site-header-pages {
  width: 100%;
  height: auto;
  background: none;
  background-color: #fff;
  border-left: 30px solid #fff;
  border-right: 20px solid #fff;
}
.site-header-top.mobile .site-header-pages a.page {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 6px 0 10px 0;
  text-decoration: none;
  font-size: 15px;
  line-height: 22px;
  color: #636363;
  text-transform: uppercase;
}
.site-header-top.mobile .site-header-pages a.page:first-child {
  border-top: 1px solid;
  margin-top: 10px;
  padding-top: 20px;
}
.site-header-top.mobile .site-header-pages .btn-pedir-cita {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  padding: 8px 0 9px;
  margin: 0 20px;
  background-color: #000;
  color: #fff;
  font-size: 15px;
}
.site-header-top.mobile .menu-list {
  display: block;
  width: 100%;
}

.menu-search-wrapper {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 99;
  top: 55px;
  transition: all 500ms ease-in-out;
}
.menu-search-wrapper.show {
  display: flex;
}
.menu-search-wrapper.show .search-div {
  top: 0;
}
.menu-search-wrapper .search-div {
  position: relative;
  width: 100%;
  top: -100vh;
  background: #fff;
  transition: 0.5s;
}
.menu-search-wrapper .search-div .x-btn {
  margin-bottom: 2em;
  background: url("/img/plus.svg") no-repeat;
  background-size: contain;
  rotate: 45deg;
  height: 22px;
  width: 22px;
  position: absolute;
  top: 1rem;
  right: 1em;
  cursor: pointer;
}

.search-part {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 2rem;
}
.search-part .search-input input {
  font-family: "caneladeck-light";
  font-style: italic;
  font-weight: 250;
  font-size: 24px;
  line-height: 31px;
  border: none;
  border-bottom: 1px solid #9D9D9D;
  width: 100%;
  outline: none;
  padding-bottom: 7px;
}
.search-part .search-btn {
  min-width: 134px;
}
.search-part .search-btn-div {
  margin: auto;
  width: 25vw;
  padding: 2vh 0;
  display: flex;
  justify-content: center;
}

.recently-viewed {
  width: 100%;
  padding: 20px;
  scrollbar-width: thin;
}
.recently-viewed ::-webkit-scrollbar {
  height: 10px;
}
.recently-viewed ::-webkit-scrollbar-track {
  background: transparent;
}
.recently-viewed ::-webkit-scrollbar-thumb {
  background: #888;
}
.recently-viewed ::-webkit-scrollbar-thumb:hover {
  background: #151515;
}
.recently-viewed p {
  margin: 0;
  text-transform: uppercase;
}
.recently-viewed .product-list {
  display: flex;
  background-color: #fff;
  padding: 10px 0 0 0;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.recently-viewed .product-list .product {
  list-style: none;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  padding: 0 20px 0 0;
  width: 250px;
  height: auto;
  aspect-ratio: 4/5;
  cursor: pointer;
}
.recently-viewed .product-list .product a {
  text-decoration: none;
  color: #333;
  width: inherit;
  padding: inherit;
}
.recently-viewed .product-list .product-photo {
  aspect-ratio: 4/5;
  background: linear-gradient(-45deg, #ccc, #eee, #e7e7e7);
  background-size: 400% 400%;
  animation: product-photo-gradient 2s ease-in-out infinite;
}
.recently-viewed .product-list .product-photo img {
  max-width: 100%;
  height: auto;
}
.recently-viewed .product-list .product-name {
  display: block;
  padding: 10px;
}

.progress-bar {
  display: none;
  width: 100%;
}
.progress-bar .progress-bar_colored {
  border-top: 2px solid #000;
  width: 12.5%;
  transition: all 0.9s;
}

.fixed-position {
  position: fixed;
}

.darken-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99;
}

.footer-fixed-btn-appointment {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  display: none;
}
.footer-fixed-btn-appointment .btn-pedir-cita {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 8px 0 9px;
  background-color: #000;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5rem 0 20px;
}
.footer--logo {
  order: 0;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .footer--logo {
    margin-bottom: 68px;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .footer--logo {
    margin-bottom: 2%;
  }
}
.footer--logo--image {
  width: 128px;
}
@media only screen and (min-width: 768px) {
  .footer--logo--image {
    width: 160px;
  }
}
.footer--main {
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .footer--main {
    flex-direction: row;
    align-items: flex-start;
    order: 2;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .footer--main {
    flex-direction: row;
  }
}
.footer--main--group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer--main--group:nth-child(-n+3) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .footer--main--group:nth-child(-n+3) {
    margin-right: 64px;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .footer--main--group:nth-child(-n+3) {
    margin-right: 30px;
  }
}
.footer--main--group--title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 0.8125rem;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  color: #151515;
  text-transform: uppercase;
  margin-top: 36px;
}
@media only screen and (min-width: 768px) {
  .footer--main--group--title {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .footer--main--group--title {
    margin-top: 48px;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .footer--main--group--title {
    margin-top: 0;
  }
}
.footer--main--group--text {
  color: var(--wedding-scale-40-gray-text, #73737A);
  font-size: 13px;
  text-align: center;
  line-height: 120%;
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .footer--main--group--text {
    margin-top: 24px;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .footer--main--group--text {
    margin-top: 16px;
  }
}
.footer--main--group a {
  text-decoration: none;
}
.footer--selector {
  order: 2;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .footer--selector {
    order: 1;
  }
}
.footer--social {
  order: 3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-bottom: 2rem;
}
.footer--social--icon {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
@media only screen and (min-width: 768px) {
  .footer--social--icon {
    margin-right: 13px;
  }
}
.footer--legal {
  order: 4;
}
.footer--legal--list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 240px;
  padding: 0px;
  margin: 4px 3px;
  list-style: none;
}
@media only screen and (min-width: 768px) {
  .footer--legal--list {
    flex-wrap: nowrap;
    max-width: none;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .footer--legal--list {
    flex-wrap: nowrap;
    max-width: none;
  }
}
.footer--legal--list--item {
  color: var(--wedding-scale-40-gray-text, #73737A);
  text-align: center;
  font-size: 12px;
  line-height: normal;
  margin: 4px 3px;
}
@media only screen and (min-width: 768px) {
  .footer--legal--list--item {
    margin: 4px 8px;
  }
}
.footer--legal--list--item a {
  color: #73737A;
  text-decoration: none;
}
.footer--legal--list--separation_tablet {
  display: none;
}
@media only screen and (min-width: 768px) {
  .footer--legal--list--separation_tablet {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) {
  .footer--legal--list--separation_mobile {
    display: none;
  }
}

.loading-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 0;
  margin: 0 auto;
}
.loading-icon svg {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: inline-block;
}

.breadcrumbs {
  display: none;
}
@media only screen and (min-width: 768px) {
  .breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 13px;
    color: #808080;
    text-transform: uppercase;
    padding: 12px 20px;
    border-bottom: 1px solid #EBEBEB;
    margin: 56px 0 0;
  }
}
.breadcrumbs li {
  list-style: none;
}
.breadcrumbs a {
  line-height: 15px;
  color: #808080;
  text-decoration: none;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs i {
  margin: 0 10px;
  font-style: normal;
}

.about-nav {
  border-bottom: 1px solid #EBEBEB;
  position: relative;
  margin-top: 60px;
  height: 51px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .about-nav {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.about-nav ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.about-nav li:nth-child(-n+2) {
  margin-right: 55px;
}
.about-nav li a {
  display: block;
  text-align: center;
  color: #000;
  text-align: right;
  font: 400 13px Montserrat;
  text-decoration: none;
  text-transform: uppercase;
}
.about-nav li a.active {
  font-weight: 600;
}

/* Slick slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.filter-icon {
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .applied-filters {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.applied-filters button {
  margin: 0 3px 5px;
  padding: 2px 10px 3px;
  text-decoration: none;
  min-height: unset;
  font-size: 13px;
  color: #636363;
  border-color: #636363;
  cursor: pointer;
}
.applied-filters button svg {
  margin: -2px 0 0 5px;
  width: 12px;
  rotate: 45deg;
}
.applied-filters button:hover svg > path {
  fill: #fff;
}

.product-filters-container {
  display: none;
  position: fixed;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  scrollbar-width: thin;
}
.product-filters-container ::-webkit-scrollbar {
  width: 10px;
}
.product-filters-container ::-webkit-scrollbar-track {
  background: transparent;
}
.product-filters-container ::-webkit-scrollbar-thumb {
  background: #888;
}
.product-filters-container ::-webkit-scrollbar-thumb:hover {
  background: #151515;
}
.product-filters-container.show {
  display: block;
  z-index: 9999;
}
.product-filters-container.show .filters-content {
  left: 0;
}

.filters-content {
  background: #fff;
  position: relative;
  left: -100%;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
@media only screen and (min-width: 1024px) {
  .filters-content {
    width: 30%;
  }
}

.filters-close {
  width: 100%;
  height: 24px;
  clear: both;
}
.filters-close img {
  float: right;
  margin: 20px 29px 0 0;
  width: 16px;
  rotate: 45deg;
  zoom: 125%;
  cursor: pointer;
}

.filters-list {
  display: block;
  padding: 30px;
}
.filters-list .item {
  position: relative;
  display: block;
  list-style: none;
  padding: 15px 0;
  border-bottom: 1px solid #DCDCDC;
  overflow: hidden;
  width: 100%;
  color: #636363;
}
.filters-list .item .title {
  display: block;
  width: 100%;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  border: none;
  background-color: transparent;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}
.filters-list .item .title .toggle {
  position: absolute;
  right: 0;
  width: 16px;
  height: auto;
  margin: 4px 8px 0 0;
}
.filters-list .item.active .title,
.filters-list .item.active label {
  color: #000;
}
.filters-list .item.active .toggle {
  margin-top: 10px;
}
.filters-list .item.active > div {
  display: block;
}
.filters-list .item:last-child {
  border-bottom: none;
}
.filters-list .item .options {
  display: none;
  list-style: none;
  position: relative;
  margin-top: 10px;
  overflow-y: scroll;
  max-height: 240px;
}
@media only screen and (min-width: 1024px) {
  .filters-list .item .options {
    max-height: 360px;
  }
}
.filters-list .item input {
  margin: 7px 10px 7px 0;
}
.filters-list .item label {
  text-transform: uppercase;
}

.filters-btns {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  padding: 15px 30px;
  width: 100%;
}

.products-grid {
  width: 100%;
}
.products-grid.grid-1 li {
  width: 100% !important;
}
@media only screen and (max-width: 767px) {
  .products-grid.grid-1 li {
    width: 100%;
  }
}
.products-grid.grid-1 li .slick-track {
  width: 100% !important;
}
.products-grid.grid-1 li .slick-slide {
  width: 100% !important;
}
.products-grid.grid-2 li {
  width: 50% !important;
  height: auto;
}
@media only screen and (min-width: 1024px) {
  .products-grid.grid-2 li {
    height: auto;
    max-height: 1200px;
  }
}
.products-grid.grid-2 li .slick-track {
  width: 100% !important;
}
.products-grid.grid-2 li .slick-slide {
  width: 100% !important;
}
.products-grid.grid-4 li {
  width: 25% !important;
}
.products-grid.grid-4 li .slick-track {
  width: 100% !important;
}
.products-grid.grid-4 li .slick-slide {
  width: 100% !important;
}
.products-grid .products-grid-container {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}
.products-grid .product-grid__item {
  padding-top: 20px;
  z-index: 0;
  padding: 20px 10px 0;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .products-grid .product-grid__item:hover button {
    transform: translate(0);
    opacity: 1;
  }
  .products-grid .product-grid__item:hover .product-name {
    color: #000;
  }
}
.products-grid .product-photos {
  aspect-ratio: 4/5;
  margin-bottom: 0 !important;
  overflow-y: hidden;
  background: linear-gradient(-45deg, #ccc, #eee, #e7e7e7);
  background-size: 400% 400%;
  animation: product-photo-gradient 2s ease-in-out infinite;
}
.products-grid .product-photos img {
  margin: 0;
  padding: 0;
  border: 0;
}
.products-grid .product-photos button {
  opacity: 0;
  transition: opacity 0.6s ease-in;
}
.products-grid .product-photos button.show {
  opacity: 1;
}
.products-grid .product-photos button.slick-prev {
  left: 5px;
  z-index: 9;
}
.products-grid .product-photos button.slick-next {
  right: 5px;
  z-index: 9;
}
@media only screen and (min-width: 1024px) {
  .products-grid .product-photos button {
    opacity: 0;
  }
}
.products-grid .product-photos .slick-dots {
  display: flex;
  justify-content: center;
  bottom: 10px !important;
}
.products-grid .product-photos .slick-dots li {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 5rem;
  background-color: #fff;
  opacity: 0.5;
  box-sizing: content-box;
  text-indent: -999px;
  transition: opacity 0.6s ease-in-out;
  padding: 0;
  margin: 0 3px;
  cursor: pointer;
}
.products-grid .product-photos .slick-dots li.slick-active {
  opacity: 1;
}
.products-grid .product-photos .slick-dots li button {
  display: none;
}
.products-grid .product-name {
  display: block;
  margin: 10px 0 10px 15px;
  font-size: 14px;
  color: #636363;
  transition: all 0.3s ease-in-out;
}
.products-grid .products-grid-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  padding: 20px 15px 5px;
  color: #636363;
}
@media only screen and (min-width: 1024px) {
  .products-grid .products-grid-header {
    align-items: center;
  }
}
.products-grid .products-grid-header.sticky {
  position: fixed;
  top: 50px;
  background-color: #fff;
  border-bottom: 10px solid #fff;
  z-index: 9;
}
.products-grid .products-grid-header .label {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .products-grid .products-grid-header .label {
    display: inline-block;
  }
}
.products-grid .products-grid-columns {
  white-space: nowrap;
}
.products-grid .products-grid-columns .active {
  color: #000;
}
.products-grid .products-grid-min::after {
  content: "1";
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .products-grid .products-grid-min::after {
    content: "2";
  }
}
.products-grid .products-grid-max::after {
  content: "2";
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .products-grid .products-grid-max::after {
    content: "4";
  }
}
.products-grid .load-more-products {
  padding: 3rem 0;
  text-align: center;
}
.products-grid .load-more-products button {
  font-size: 13px;
}

.mini-shops-finder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mini-shops-finder .title--1 {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.mini-shops-finder .title--2 {
  text-align: center;
}
.mini-shops-finder .nameplace {
  width: 100%;
  box-sizing: border-box;
  border-radius: 30px;
  border: 1px solid #e6e6e6;
  padding: 9px 50px 9px 15px;
  outline: none;
  font-size: 14px;
}
.mini-shops-finder .mini-shops-container {
  flex-direction: column;
}
.mini-shops-finder .more-shops {
  text-align: center;
  margin: 1rem auto;
}
.mini-shops-finder .more-shops a {
  text-transform: uppercase;
  color: #353535;
  font-size: 14px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  text-decoration: none;
}

.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--grey-scale-ac-grey-2, #D4D7DB);
  transition: 0.4s;
  color: var(--primary-black, #151515);
  text-align: center;
  font-family: Roboto;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 138%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 30px;
  text-transform: uppercase;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M9.06095 8.86956L12.0297 5.90081C12.1706 5.76016 12.2498 5.5693 12.25 5.37022C12.2502 5.17114 12.1713 4.98014 12.0306 4.83924C11.89 4.69835 11.6991 4.61909 11.5 4.61892C11.301 4.61874 11.11 4.69766 10.9691 4.83831L8.00032 7.80706L5.03157 4.83831C4.89068 4.69741 4.69958 4.61826 4.50032 4.61826C4.30107 4.61826 4.10997 4.69741 3.96907 4.83831C3.82818 4.9792 3.74902 5.1703 3.74902 5.36956C3.74902 5.56881 3.82818 5.75991 3.96907 5.90081L6.93782 8.86956L3.96907 11.8383C3.82818 11.9792 3.74902 12.1703 3.74902 12.3696C3.74902 12.5688 3.82818 12.7599 3.96907 12.9008C4.10997 13.0417 4.30107 13.1209 4.50032 13.1209C4.69958 13.1209 4.89068 13.0417 5.03157 12.9008L8.00032 9.93206L10.9691 12.9008C11.11 13.0417 11.3011 13.1209 11.5003 13.1209C11.6996 13.1209 11.8907 13.0417 12.0316 12.9008C12.1725 12.7599 12.2516 12.5688 12.2516 12.3696C12.2516 12.1703 12.1725 11.9792 12.0316 11.8383L9.06095 8.86956Z' fill='%23151515'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.4s;
}

input:checked + .slider {
  background: var(--primary-black, #151515);
  color: white;
  content: "off";
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--primary-black, #151515);
}

input:checked + .slider:before {
  transform: translateX(32px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6666 6.73622V7.36022C10.9787 7.47056 11.2489 7.67497 11.4399 7.9453C11.6309 8.21562 11.7334 8.53854 11.7333 8.86955V12.0696C11.7333 12.4939 11.5647 12.9009 11.2646 13.2009C10.9646 13.501 10.5576 13.6696 10.1333 13.6696H5.8666C5.44226 13.6696 5.03529 13.501 4.73523 13.2009C4.43517 12.9009 4.2666 12.4939 4.2666 12.0696V8.86955C4.26643 8.53854 4.36892 8.21562 4.55997 7.9453C4.75101 7.67497 5.02119 7.47056 5.33327 7.36022V6.73622C5.33327 6.02898 5.61422 5.3507 6.11432 4.8506C6.61441 4.3505 7.29269 4.06955 7.99994 4.06955C8.70718 4.06955 9.38546 4.3505 9.88555 4.8506C10.3857 5.3507 10.6666 6.02898 10.6666 6.73622ZM6.39994 6.73622C6.39994 6.31187 6.56851 5.90491 6.86856 5.60485C7.16862 5.30479 7.57559 5.13622 7.99994 5.13622C8.42428 5.13622 8.83125 5.30479 9.13131 5.60485C9.43136 5.90491 9.59994 6.31187 9.59994 6.73622V7.26955H6.39994V6.73622Z' fill='%23151515'/%3E%3C/svg%3E");
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.next_events {
  position: relative;
  width: 100%;
  background-color: #F9F7F1;
  padding: 0 0 0 15px;
}
@media only screen and (min-width: 768px) {
  .next_events {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1600px) {
  .next_events {
    padding: 0 10%;
  }
}
.next_events .no-events-found {
  text-align: center;
  padding: 2rem 0;
  margin: 0 auto;
}
.next_events--title1 {
  font-size: 15px;
  text-align: center;
}
.next_events--title2 {
  padding-top: 40px;
  padding-bottom: 16px;
  font-size: 18px;
  line-height: 140%;
  text-transform: uppercase;
  color: #151515;
}
@media only screen and (min-width: 768px) {
  .next_events--title2 {
    padding-top: 64px;
    padding-bottom: 40px;
    font-size: 24px;
    line-height: 125%;
    text-transform: uppercase;
    color: #000;
  }
}
.next_events--events {
  width: 100%;
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #000;
  min-height: 390px;
  /* Webkit based browsers (Chrome, Safari) */
}
@media only screen and (min-width: 1279px) {
  .next_events--events {
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .next_events--events {
    gap: 2%;
  }
}
@media only screen and (min-width: 1024px) {
  .next_events--events {
    gap: 2%;
    overflow: unset;
  }
}
@media only screen and (min-width: 1024px) {
  .next_events--events {
    min-height: 400px;
  }
}
@media only screen and (min-width: 1024px) {
  .next_events--events.wrapOnDesktop {
    margin: auto;
    flex-wrap: wrap;
  }
}
.next_events--events::-webkit-scrollbar {
  height: 10px;
}
.next_events--events::-webkit-scrollbar-track {
  background-color: transparent;
}
.next_events--events::-webkit-scrollbar-thumb {
  background: rgba(76, 76, 76, 0.2745098039);
  border-radius: 10px;
}
.next_events--events::-webkit-scrollbar-thumb:hover {
  background: rgba(76, 76, 76, 0.6509803922);
}
.next_events--events--event {
  display: flex;
  flex: 0 0 300px;
  justify-content: space-between;
  flex-direction: column;
  background-color: #fff;
  border-radius: 20px;
  padding: 24px;
  margin: 0 24px 24px 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
  min-height: 360px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #e6e6e6;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .next_events--events--event {
    flex: 0 0 31.3%;
  }
}
@media screen and (min-width: 1025px) {
  .next_events--events--event {
    flex: 0 0 23.5%;
  }
}
@media only screen and (min-width: 768px) {
  .next_events--events--event {
    margin: 0 0 24px 0;
  }
}
@media only screen and (min-width: 1600px) {
  .next_events--events--event {
    min-height: 375px;
  }
}
.next_events--events--event:hover {
  background-color: #fafafa;
  border-color: #979797;
}
.next_events--events--event--top--title {
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #151515;
}
@media only screen and (min-width: 768px) {
  .next_events--events--event--top--title {
    font-size: 22px;
    line-height: 110%;
  }
}
.next_events--events--event--top--content {
  align-self: flex-start;
  color: #73737A;
  margin: 0 -4.5px;
  line-height: 1.35;
}
.next_events--events--event--bottom {
  font-size: 13px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.2;
}
.next_events--events--event--bottom--date {
  color: #151515;
  margin-bottom: 6px;
}
.next_events--events--event--bottom--place {
  color: #73737A;
  margin-bottom: 16px;
}
.next_events--events--event--bottom--btn {
  width: 100%;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 12px;
  text-decoration: none;
  text-align: center;
}
.next_events--view-all {
  width: 100%;
  padding: 1rem 0 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .next_events--view-all {
    padding: 1rem 0;
  }
}
.next_events--view-all .button {
  text-decoration: none;
  padding: 12px 34px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.other_near_shops--title {
  margin-bottom: 25px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: #151515;
}
@media only screen and (min-width: 768px) {
  .other_near_shops--title {
    margin-bottom: 32px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #000000;
  }
}
.other_near_shops--shops {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding-bottom: 25px;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #000;
}
@media only screen and (min-width: 768px) {
  .other_near_shops--shops {
    gap: 40px;
  }
}
.other_near_shops--shops::-webkit-scrollbar {
  height: 10px;
}
.other_near_shops--shops::-webkit-scrollbar-track {
  background-color: transparent;
}
.other_near_shops--shops::-webkit-scrollbar-thumb {
  background: rgba(76, 76, 76, 0.2745098039);
  border-radius: 10px;
}
.other_near_shops--shops::-webkit-scrollbar-thumb:hover {
  background: rgba(76, 76, 76, 0.6509803922);
}
@media only screen and (min-width: 768px) {
  .other_near_shops--shops {
    gap: 40px;
  }
}
.other_near_shops--shops--shop {
  flex: 0 0 90%;
  padding: 24px 16px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  background: #fff;
  border: 1px solid #CDCDCD;
  border-radius: 8px;
}
@media only screen and (min-width: 480px) {
  .other_near_shops--shops--shop {
    padding: 24px 32px 24px;
    flex: 0 0 416px;
    margin-right: 3vw;
  }
}
.other_near_shops--shops--shop--header--boutique {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
.other_near_shops--shops--shop--header--boutique .icon_container_circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: #000;
  border-radius: 50%;
  margin-right: 16px;
}
.other_near_shops--shops--shop--header--boutique .icon_container_circle .icon_rc {
  font-family: "Gotham";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
}
.other_near_shops--shops--shop--header--boutique .label_boutique {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  color: #151515;
  max-width: 190px;
}
@media only screen and (min-width: 768px) {
  .other_near_shops--shops--shop--header--boutique .label_boutique {
    color: #000000;
  }
}
.other_near_shops--shops--shop--header--boutique .label_boutique2 {
  display: none;
  max-width: 200px;
}
@media only screen and (min-width: 768px) {
  .other_near_shops--shops--shop--header--boutique .label_boutique2 {
    display: inline-block;
    margin-left: 12px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #929292;
  }
}
.other_near_shops--shops--shop--header--address {
  margin-top: 16px;
  margin-left: 40px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #73737A;
}
@media only screen and (min-width: 768px) {
  .other_near_shops--shops--shop--header--address {
    color: #929292;
  }
}
.other_near_shops--shops--shop--collections {
  margin-left: 40px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #929292;
}
@media only screen and (min-width: 768px) {
  .other_near_shops--shops--shop--collections {
    color: #73737A;
  }
}
.other_near_shops--shops--shop--collections span {
  display: block;
}
.other_near_shops--shops--shop--actions {
  gap: 2%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.other_near_shops--shops--shop--actions .action span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #73737A;
}
@media only screen and (min-width: 768px) {
  .other_near_shops--shops--shop--actions .action span {
    color: #747474;
  }
}
.other_near_shops--shops--shop--actions .action .btn-action {
  flex: 0 0 32%;
  margin: 0;
  padding: 0;
  all: unset;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
}

.highlights {
  background: #F9F7F1;
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  .highlights {
    padding: 48px 0 40px 0;
  }
}
.highlights--container {
  margin: 0 0 0 16px;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 480px) {
  .highlights--container {
    margin: 0 0 0 3.8%;
  }
}
.highlights--container--title {
  margin: 0 0 40px;
  text-align: center;
  color: #000;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .highlights--container--title {
    text-align: center;
    margin: 0 0 48px;
    font-size: 24px;
    font-weight: 500;
  }
}
.highlights--container--slider {
  display: flex;
  flex-direction: row;
}
.highlights--container--slider--items {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-bottom: 32px;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #000;
  /* Webkit based browsers (Chrome, Safari) */
}
@media only screen and (min-width: 768px) {
  .highlights--container--slider--items {
    padding-bottom: 48px;
  }
}
.highlights--container--slider--items::-webkit-scrollbar {
  height: 10px;
}
.highlights--container--slider--items::-webkit-scrollbar-track {
  background-color: transparent;
}
.highlights--container--slider--items::-webkit-scrollbar-thumb {
  background: rgba(76, 76, 76, 0.2745098039);
  border-radius: 10px;
}
.highlights--container--slider--items::-webkit-scrollbar-thumb:hover {
  background: rgba(76, 76, 76, 0.6509803922);
}
.highlights--container--slider--items--item {
  text-decoration: none;
  flex-shrink: 0;
  flex-grow: 0;
  width: 254px;
  height: auto;
  margin-right: 24px;
}
@media only screen and (min-width: 768px) {
  .highlights--container--slider--items--item {
    margin-right: 28px;
    width: 364px;
    height: auto;
  }
}
.highlights--container--slider--items--item .h_title {
  margin: 18px 52px 0 0;
  color: #000;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .highlights--container--slider--items--item .h_title {
    margin: 18px 52px 0 0;
    font-size: 24px;
    line-height: 30px;
  }
}
.highlights--container--slider--items--item .h_tag {
  margin: 10px 0 0;
  color: #000;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
}
.highlights--container--slider--items--item .h_tag:before {
  content: "#";
}
.highlights--container--slider--items--item img {
  flex-shrink: 0;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 319px;
}
@media only screen and (min-width: 768px) {
  .highlights--container--slider--items--item img {
    height: 456px;
  }
}

.share--button {
  margin: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 10px;
  background: white;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media only screen and (min-width: 480px) {
  .share--button {
    margin: 0 auto;
    width: 420px;
  }
}
.share--button--icon {
  color: #000;
  margin-right: 5px;
  display: inline-block;
  transform: scaleY(-1);
  transition: color 0.3s ease;
  font-size: 1.4em;
}
.share--button--text {
  color: #000;
  transition: color 0.3s ease;
  color: var(--primary-black, #151515);
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}
.share--sc_tablet {
  margin-top: 11px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 16px;
}
.share--sc_tablet--row_share_content {
  gap: 16px;
  margin: auto;
  width: 420px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.share--sc_tablet--row_share_content .url {
  border-radius: 8px;
  border: 1px solid var(--wedding-scale-20-borders, #E9E9EF);
  background: var(--wedding-scale-10, #F8F8FC);
  padding: 8px 16px 8px 8px;
  overflow: hidden;
  color: var(--wedding-scale-40-gray-text, #73737A);
  text-overflow: ellipsis;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  width: 100%;
}
.share--sc_tablet--row_share_content .button_copy_url {
  padding: 8px;
  color: var(--primary-black, #151515);
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  white-space: nowrap;
  border: none;
  background-color: white;
}
.share--sc_tablet--rrss {
  width: 420px;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.share--sc_mobile {
  display: none;
  padding: 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 203px;
  background-color: #f0f0f0;
  flex-direction: column;
  gap: 32px;
  background: var(--primary-white, #FFF);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.share--sc_mobile--row_mob_div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
}
.share--sc_mobile--row_mob_div .title {
  color: var(--primary-black, #151515);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.share--sc_mobile--row_mob_div .close_icon {
  cursor: pointer;
}
.share--sc_mobile--row_mob_div .url {
  border-radius: 8px;
  border: 1px solid var(--wedding-scale-20-borders, #E9E9EF);
  background: var(--wedding-scale-10, #F8F8FC);
  padding: 4px;
  overflow: hidden;
  color: var(--wedding-scale-40-gray-text, #73737A);
  text-overflow: ellipsis;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  width: 100%;
  padding: 0 35px 0 8px;
}
.share--sc_mobile--row_mob_div .button_copy_url {
  padding: 8px;
  color: var(--primary-black, #151515);
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  white-space: nowrap;
  border: none;
  background-color: white;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 203px);
  background-color: rgba(0, 0, 0, 0.16);
  display: none;
  z-index: 999;
}

.rc_slider {
  overflow-x: scroll;
  background: #FFF;
  display: flex;
  justify-content: center;
}
.rc_slider--container {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .rc_slider--container {
    margin: 0 0 0 16px !important;
  }
}
.rc_slider--container--title {
  color: #000;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .rc_slider--container--title {
    font-size: 20px !important;
    text-align: left !important;
  }
}
.rc_slider--container--blogslist {
  margin-top: 25px;
  display: flex;
  flex-direction: row;
  transition: transform 0.5s ease;
}
.rc_slider--container--blogslist .blogsitems {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  -moz-column-gap: 5vw;
       column-gap: 5vw;
}
.rc_slider--container--blogslist .blogsitems li {
  list-style: none;
}
.rc_slider--container--blogslist .blogsitems li a {
  width: 90vw;
  display: block;
}
@media only screen and (min-width: 1024px) {
  .rc_slider--container--blogslist .blogsitems li a {
    width: 27vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rc_slider--container--blogslist .blogsitems li a {
    width: 45vw;
  }
}
@media only screen and (max-width: 480px) {
  .rc_slider--container--blogslist .blogsitems li a .img-container {
    height: 350px;
  }
  .rc_slider--container--blogslist .blogsitems li a .img-container img {
    height: 100%;
  }
}
.rc_slider--container--slider {
  margin-top: 25px;
  display: flex;
  flex-direction: row;
  transition: transform 0.5s ease;
}
@media only screen and (min-width: 768px) {
  .rc_slider--container--slider {
    margin-top: 40px;
  }
}
.rc_slider--container--slider--items {
  display: flex;
}
.rc_slider--container--slider--items--item {
  text-decoration: none;
  flex: 0 0 300px;
  height: auto;
  margin-bottom: 15px;
  margin-right: 40px;
}
@media only screen and (min-width: 768px) {
  .rc_slider--container--slider--items--item {
    flex: 0 0 31.5333333333%;
    margin-right: 2.7%;
  }
}
.rc_slider--container--slider--items--item img {
  width: 100%;
  height: 283px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .rc_slider--container--slider--items--item img {
    height: 465.5px;
  }
}
.rc_slider--container--slider--items--item .rc_slider_tag {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #000;
  text-align: left;
  margin: 15px 0 15px 0;
}
.rc_slider--container--slider--items--item .rc_slider_tag:before {
  content: "#";
}
.rc_slider--container--slider--items--item .rc_slider_title {
  color: #000;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  text-transform: uppercase;
  text-align: left;
  padding: 0 15px 15px 15px;
}
@media only screen and (max-width: 767px) {
  .rc_slider--container--slider--items--item .rc_slider_title {
    font-size: 18px !important;
  }
}
.rc_slider--container--slider--items--item p {
  margin-top: 10px;
}
.rc_slider--container--controls {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 5px 0 25px 0;
}
@media only screen and (min-width: 768px) {
  .rc_slider--container--controls {
    margin: 42px 0 30px 0;
  }
}
.rc_slider--container--controls button {
  background-color: transparent;
  border: none;
  padding: 0 20px;
  outline: none;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .rc_slider--container--controls button {
    padding: 0 20px;
  }
}
.rc_slider--container--controls button img {
  width: 9px;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .rc_slider--container--controls button img {
    width: 13px;
  }
}

.slider_attributes--navbar_colecciones {
  position: relative;
  padding: 32px 16px;
  width: 100%;
}
.slider_attributes--navbar_colecciones--container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  list-style: none;
}
@media only screen and (min-width: 1024px) {
  .slider_attributes--navbar_colecciones--container {
    justify-content: center;
  }
}
.slider_attributes--navbar_colecciones--container button {
  margin: 8px 6px;
  border-radius: 20px;
  border: 1px solid var(--wedding-scale-30, #C1C1C6);
  display: flex;
  padding: 8px 16px;
  align-items: flex-start;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.slider_attributes--navbar_colecciones--container button.active {
  border: 1px solid #000;
  background: #000;
}
.slider_attributes--navbar_colecciones--container button:hover,
.slider_attributes--navbar_colecciones--container button:active,
.slider_attributes--navbar_colecciones--container button:focus,
.slider_attributes--navbar_colecciones--container button:active {
  border: 1px solid #000;
  background: #000;
}
.slider_attributes--slider {
  position: relative;
  overflow: hidden;
}
.slider_attributes--slider .item {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
@media only screen and (min-width: 768px) {
  .slider_attributes--slider .item {
    flex-direction: row;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .slider_attributes--slider .item {
    flex-direction: row;
  }
}
.slider_attributes--slider .item .item-img-collections, .slider_attributes--slider .item .item-text {
  flex: 1 1 0;
}
.slider_attributes--slider .item .item-img-collections {
  position: relative;
  min-height: 284px;
}
.slider_attributes--slider .item .item-img-collections .sc_left_img {
  width: 100%;
  height: 375px;
  transition: opacity 0.5s ease-in-out;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .slider_attributes--slider .item .item-img-collections .sc_left_img {
    height: 100%;
  }
}
.slider_attributes--slider .item .item-text {
  padding: 28px;
  min-height: 284px;
  background: var(--Black-RC, #151515);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.slider_attributes--slider .item .item-text--left, .slider_attributes--slider .item .item-text--right {
  cursor: pointer;
  display: flex;
  width: 40px;
  height: 40px;
  padding: 6.667px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 75px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.slider_attributes--slider .item .item-text--left:hover, .slider_attributes--slider .item .item-text--right:hover {
  opacity: 0.7;
}
.slider_attributes--slider .item .item-text--center {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.slider_attributes--slider .item .item-text--center .textTop, .slider_attributes--slider .item .item-text--center .textMiddle, .slider_attributes--slider .item .item-text--center .textBottom {
  transition: opacity 0.5s ease-in-out;
}
.slider_attributes--slider .item .item-text--center .textTop {
  color: var(--White-RC, #FFF);
  text-align: center;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
}
.slider_attributes--slider .item .item-text--center .textMiddle {
  width: 192px;
  padding: 10px;
  color: var(--White-RC, #FFF);
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  text-transform: uppercase;
}
.slider_attributes--slider .item .item-text--center .textMiddle p {
  margin: 0;
}
.slider_attributes--slider .item .item-text--center .textBottom_link {
  text-decoration: none;
}
.slider_attributes--slider .item .item-text--center .textBottom {
  color: var(--White-RC, #FFF);
  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}
.slider_attributes--slider .item .item-text--center .textBottom:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 11px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="2" viewBox="0 0 104 2" fill="none"><path d="M0.5 1.41797H103.5" stroke="white"/></svg>') no-repeat center center;
  background-size: 100% 2px;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-3500px);
  }
}
.realbrides-slider {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.realbrides-slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.realbrides-slider::before {
  left: 0;
  top: 0;
}
.realbrides-slider .slide-track {
  display: flex;
  animation: scroll 5s linear infinite;
}
@media only screen and (min-width: 1024px) {
  .realbrides-slider .slide-track {
    animation-duration: 15s;
  }
}
.realbrides-slider .slide-track:hover {
  animation-play-state: paused;
}
.realbrides-slider .slide-track div {
  height: auto;
  margin-left: 10px;
}
.realbrides-slider .slide-track div img {
  aspect-ratio: 37/30;
  zoom: 66%;
}
.realbrides-slider .w_wedding {
  width: 3500px;
}
.realbrides-slider .w_party {
  width: 3000px;
}

.slider-hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 200px);
  height: calc(100dvh - 200px);
}
@media only screen and (min-width: 1024px) {
  .slider-hero {
    height: calc(100vh - 150px);
  }
}
.slider-hero .slides {
  display: flex;
  width: calc(100% * var(--slides-count));
  height: 100%;
  transition: transform 0.5s ease-in-out;
  position: relative;
}
.slider-hero .overlay > .slide {
  -o-border-image: fill 1 linear-gradient(transparent 50%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.6));
     border-image: fill 1 linear-gradient(transparent 50%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.6));
}
.slider-hero .slide {
  width: calc(100% / var(--slides-count));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.slider-hero img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  mix-blend-mode: multiply;
}
.slider-hero .title {
  max-width: 350px;
  position: absolute;
  bottom: calc(8vh + 80px);
}
@media only screen and (min-width: 768px) {
  .slider-hero .title {
    max-width: 550px;
  }
}
@media only screen and (min-width: 768px) {
  .slider-hero .title {
    bottom: calc(8vh + 90px);
  }
}
.slider-hero .title,
.slider-hero .button {
  z-index: 1;
  text-align: center;
}
.slider-hero .slide_c_lowercase {
  padding: 10px;
  color: #FFF;
  text-align: center;
  font-family: "caneladeck-thin";
  font-size: 50px;
  font-style: normal;
  font-weight: 300;
  line-height: 50px;
  letter-spacing: -1px;
}
@media only screen and (min-width: 768px) {
  .slider-hero .slide_c_lowercase {
    font-size: 68px;
    line-height: 100%;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .slider-hero .slide_c_lowercase {
    font-size: 50px;
  }
}
.slider-hero .slide_c_uppercase {
  color: #FFF;
  text-align: center;
  font-family: "caneladeck-thin";
  font-size: 68px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
@media only screen and (min-width: 768px) {
  .slider-hero .slide_c_uppercase {
    font-size: 68px;
    line-height: 100%;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .slider-hero .slide_c_uppercase {
    font-size: 68px;
  }
}
.slider-hero .slide_p_lowercase {
  padding-left: 5px;
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: -1.28px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .slider-hero .slide_p_lowercase {
    font-size: 54.996px;
    line-height: 102%;
    letter-spacing: -1.65px;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .slider-hero .slide_p_lowercase {
    font-size: 32px;
  }
}
.slider-hero .slide_p_uppercase {
  color: #FFF;
  font-family: Montserrat;
  font-size: 50px;
  font-style: normal;
  font-weight: 300;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .slider-hero .slide_p_uppercase {
    color: #FFF;
    font-size: 86.971px;
    line-height: 102%;
    letter-spacing: -2.609px;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .slider-hero .slide_p_uppercase {
    font-size: 50px;
  }
}
.slider-hero .slide_w_lowercase {
  padding-left: 5px;
  color: #FFF;
  text-align: center;
  font-family: "caneladeck-thin";
  font-size: 44px;
  font-style: normal;
  font-weight: 250;
  line-height: 46px;
  letter-spacing: -0.44px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .slider-hero .slide_w_lowercase {
    font-size: 90px;
    line-height: 90px;
    letter-spacing: -1.8px;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .slider-hero .slide_w_lowercase {
    font-size: 44px;
  }
}
.slider-hero .slide_w_uppercase {
  color: #FFF;
  text-align: center;
  font-family: "caneladeck-thin";
  font-size: 44px;
  font-style: normal;
  font-weight: 250;
  line-height: 46px;
  letter-spacing: -0.44px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .slider-hero .slide_w_uppercase {
    font-size: 90px;
    line-height: 90px;
    letter-spacing: -1.8px;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .slider-hero .slide_w_uppercase {
    font-size: 44px;
  }
}
.slider-hero .button {
  position: absolute;
  bottom: 8vh;
  padding: 14px 40px;
  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  text-decoration: none;
}
.slider-hero .button:hover {
  color: #000;
  background-color: white;
}
.slider-hero .left-button,
.slider-hero .right-button {
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  width: 40px;
  height: 40px;
  padding: 6.667px;
  justify-content: center;
  align-items: center;
  gap: 13.333px;
  flex-shrink: 0;
  border-radius: 75px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.slider-hero .left-button:hover,
.slider-hero .right-button:hover {
  opacity: 1;
}
.slider-hero .left-button.left-button,
.slider-hero .right-button.left-button {
  left: 30px;
}
.slider-hero .left-button.right-button,
.slider-hero .right-button.right-button {
  right: 30px;
}

.dropdown-lang {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}
.dropdown-lang .icon {
  padding: 2px;
}
.dropdown-lang .content {
  position: relative;
}
.dropdown-lang .content.show .lang-list {
  display: block;
  opacity: 1;
  transform: translateY(0px);
}
.dropdown-lang .content.show .feather-chevron-down {
  transform: rotate(180deg);
}
.dropdown-lang input[type=text] {
  width: 100%;
  padding: 10px 30px 10px 5px;
  border: none;
  outline: none;
  background-color: transparent;
  transition: 0.3s;
  color: var(--wedding-scale-40-gray-text, #73737A);
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  text-align: center;
  cursor: auto;
}
.dropdown-lang .arrow {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 16px;
}
.dropdown-lang .arrow svg.feather-chevron-down {
  transition: transform 0.3s ease;
}
.dropdown-lang .lang-list {
  display: none;
  position: absolute;
  top: 100%;
  left: -25px;
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  overflow: hidden;
  padding: 0;
  margin: 4px 0 0;
  z-index: 2;
  background-color: #FFF;
  border: 1px solid #E9E9EF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  list-style-type: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 0;
  transform: translateY(-5px);
  max-height: 200px;
  overflow-y: auto;
}
@media only screen and (min-width: 768px) {
  .dropdown-lang .lang-list {
    max-height: 300px;
  }
}
.dropdown-lang .lang-list li {
  color: var(--wedding-scale-40-gray-text, #73737A);
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
.dropdown-lang .lang-list li:hover {
  background-color: #F3F3F3;
  color: #151515;
}
.dropdown-lang .lang-list li a {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 10px 16px;
}
@media only screen and (min-width: 1024px) {
  .dropdown-lang .lang-list li a {
    padding: 12px 16px;
  }
}

.about_interest {
  padding: 0 4.2%;
}
@media only screen and (min-width: 768px) {
  .about_interest {
    padding: 0 3.8%;
  }
}
.about_interest--title {
  margin: 32px 0 24px 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #000000;
}
@media only screen and (min-width: 1024px) {
  .about_interest--title {
    font-size: 24px;
    line-height: 30px;
  }
}
.about_interest--container {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .about_interest--container {
    flex-direction: row;
  }
}
.about_interest--container--item {
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: 100%;
}
.about_interest--container--item:first-child {
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .about_interest--container--item:first-child {
    margin-right: 3%;
  }
}
.about_interest--container--item img {
  cursor: pointer;
  width: 100%;
  height: auto;
}
.about_interest--container--item p {
  margin: 8px 0 0 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #000000;
}
@media only screen and (min-width: 768px) {
  .about_interest--container--item p {
    margin: 24px 0 0 0;
    font-size: 20px;
    line-height: 26px;
  }
}

.home .heros {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .home .heros {
    flex-direction: row;
    height: 100vh;
  }
}
.home .heros .categories {
  width: auto;
  height: 50vh;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .home .heros .categories {
    max-height: 100vh;
    height: auto;
    width: 50vw;
  }
}
.home .heros .categories:hover img {
  scale: 1.033;
}
.home .heros .categories.wedding {
  font-family: "caneladeck-thin";
}
.home .heros .categories.party {
  font-family: "Montserrat";
}
.home .heros a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.home .heros a:hover button {
  background-color: #fff;
  color: #000;
}
.home .heros img {
  transition: 750ms;
  max-width: 100%;
  min-height: 100%;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .home .heros img {
    min-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
}
.home .heros .textbtn {
  position: absolute;
  bottom: 10%;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  margin: auto;
  padding: 0 5%;
  font-family: "Montserrat";
  z-index: 2;
}
.home .heros button {
  text-align: center;
  padding: 8px 20px;
}
@media only screen and (min-width: 768px) {
  .home .heros button {
    padding: 12px 34px;
  }
}
.home .heros .wedding p {
  color: white;
  font: 250 30px "caneladeck-thin";
  line-height: 30px;
  text-align: center;
  letter-spacing: -0.01em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .home .heros .wedding p {
    font-size: 50px;
    line-height: 55px;
  }
}
@media only screen and (min-width: 1024px) {
  .home .heros .wedding p {
    font-size: 48px;
    line-height: 70px;
    margin-bottom: 1.75rem;
  }
}
@media only screen and (min-width: 1279px) {
  .home .heros .wedding p {
    font-size: 50px;
    line-height: 54px;
  }
}
.home .heros .wedding em {
  font-style: italic;
  font-size: 24px;
  margin: 0 0 0 -5px;
}
@media only screen and (min-width: 768px) {
  .home .heros .wedding em {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .home .heros .wedding em {
    font-size: 44px;
  }
}
.home .heros .party p {
  color: white;
  font: 400 30px Montserrat;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-align: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
@media only screen and (min-width: 768px) {
  .home .heros .party p {
    font-size: 50px;
    line-height: 60px;
    letter-spacing: -0.03em;
  }
}
@media only screen and (min-width: 1279px) {
  .home .heros .party p {
    font-size: 58px;
    line-height: 54px;
  }
}
.home .heros .party em {
  font-size: 26px;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 768px) {
  .home .heros .party em {
    font-size: 35px;
    letter-spacing: -0.03em;
  }
}
@media only screen and (min-width: 1024px) {
  .home .heros .party em {
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -0.03em;
  }
}
.home .block {
  width: 100%;
  padding: 2rem 0;
}
@media only screen and (min-width: 1024px) {
  .home .block {
    padding: 2.5rem 0;
  }
}
.home .events {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home .events .next_events {
  background-color: #fff;
  border-right: 15px solid #fff;
}
.home .events .next_events--title1 {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .home .events .next_events--events {
    overflow-x: auto;
  }
}
.home .events .next_events--events--event {
  max-width: 300px;
}
.home .events .next_events--events--event:last-child {
  margin-right: 0;
}
.home .find-your-dress {
  background-color: #F9F7F1;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.home .find-your-dress .tv {
  display: flex;
  align-items: center;
  text-align: center;
  flex: 1;
}
.home .find-your-dress .tv.tv1 {
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  .home .find-your-dress .tv.tv1 {
    flex: 0 0 25%;
  }
}
.home .find-your-dress .tv.tv2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .home .find-your-dress .tv.tv2 {
    flex: 0 0 50%;
  }
}
.home .find-your-dress .tv.tv3 {
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .home .find-your-dress .tv.tv3 {
    flex: 0 0 25%;
  }
}
@media (max-width: 800px) {
  .home .find-your-dress {
    flex-direction: column;
  }
  .home .find-your-dress .tv {
    flex: 0 0 auto;
    justify-content: center;
  }
  .home .find-your-dress .tv.tv1 {
    order: 2;
  }
  .home .find-your-dress .tv.tv3 {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .home .find-your-dress {
    flex-direction: row;
  }
  .home .find-your-dress .tv {
    flex: 0 0 auto;
    justify-content: center;
  }
  .home .find-your-dress .tv.tv1 {
    order: 1;
  }
  .home .find-your-dress .tv.tv2 {
    order: 2;
  }
  .home .find-your-dress .tv.tv3 {
    order: 3;
    display: block;
  }
}
.home .find-your-dress img {
  mix-blend-mode: multiply;
  display: block;
  max-width: 50%;
  margin: 0 auto;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .home .find-your-dress img {
    max-width: 90%;
  }
}
.home .find-your-dress .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  padding: 15px;
}
.home .find-your-dress .tv21 {
  margin: 0;
  color: #000;
  text-align: center;
  font-size: 13px;
  line-height: normal;
}
@media only screen and (min-width: 768px) {
  .home .find-your-dress .tv21 {
    line-height: 16px;
    letter-spacing: 0.26px;
    text-transform: uppercase;
  }
}
.home .find-your-dress .tv22 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 450px;
  color: #000;
  text-align: center;
  font-family: "caneladeck-thin";
  font-size: 32px;
  font-style: italic;
  font-weight: 250;
  line-height: 122%;
}
@media only screen and (min-width: 768px) {
  .home .find-your-dress .tv22 {
    font-size: 58px;
    line-height: 70px;
    letter-spacing: -0.58px;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .home .find-your-dress .tv22 {
    font-size: 32px;
    line-height: 122%;
  }
}
.home .find-your-dress .tv22 span {
  color: #000;
  font-size: 37px;
  font-style: normal;
  font-weight: 250;
  padding: 9px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .home .find-your-dress .tv22 span {
    font-size: 64px;
    letter-spacing: -0.64px;
    text-transform: uppercase;
    margin: 0 12px 0 0;
    padding: 3px 9px;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .home .find-your-dress .tv22 span {
    font-size: 37px;
  }
}
.home .find-your-dress .tv23 {
  margin: 0 0 1rem;
  max-width: 330px;
  color: #656565;
  text-align: center;
  font-size: 14px;
  line-height: 21px;
}
@media only screen and (min-width: 768px) {
  .home .find-your-dress .tv23 {
    margin: 1rem 0 2rem;
    font-size: 16px;
    line-height: 24px;
  }
}
.home .find-your-dress .encuentra-btn {
  display: block;
  margin: 0;
  padding: 12px 34px;
  text-decoration: none;
}
.home .inspiration {
  margin-top: 1.5rem;
}
.home .inspiration .header {
  padding-bottom: 2em;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home .inspiration .header .title1 {
  margin: 10px 0 1rem;
  text-align: center;
  color: var(--Black-RC, #151515);
  font-size: 16px;
}
.home .inspiration .header .title2 {
  color: #000;
  text-align: center;
  font: 250 37px "caneladeck-thin";
  line-height: 122%;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .home .inspiration .header .title2 {
    font-size: 58px;
    line-height: 60px;
    letter-spacing: -0.48px;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .home .inspiration .header .title2 {
    font-size: 37px;
    line-height: 122%;
  }
}
.home .inspiration .header .title2 span {
  overflow-wrap: normal;
  word-wrap: normal;
  text-transform: lowercase;
  color: #000;
  font-family: "caneladeck-thin";
  font-size: 32px;
  font-style: italic;
  font-weight: 250;
  line-height: 122%;
}
@media only screen and (min-width: 768px) {
  .home .inspiration .header .title2 span {
    font-size: 42px;
    font-style: italic;
    font-weight: 250;
    line-height: 60px;
    letter-spacing: -0.42px;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .home .inspiration .header .title2 span {
    font-size: 32px;
    line-height: 122%;
  }
}
.home .inspiration .cta {
  text-align: center;
  width: 100%;
}
.home .inspiration .cta a {
  text-align: center;
  padding: 10px 30px;
  margin: 2rem 0 0;
  text-decoration: none;
  color: #000;
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .home .inspiration .cta a {
    margin: 24px 0;
  }
}
.home .inspiration .cta a:hover {
  color: #fff;
}
.home .product-categories {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home .product-categories .block-title {
  color: #000;
  text-align: center;
  font-family: "caneladeck-thin";
  font-size: 32px;
  font-weight: 250;
}
@media only screen and (min-width: 768px) {
  .home .product-categories .block-title {
    font-size: 48px;
    letter-spacing: -0.58px;
  }
  .home .product-categories .block-title br {
    display: none;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .home .product-categories .block-title {
    font-size: 32px;
  }
}
.home .product-categories .categories {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  padding: 0 3rem;
}
.home .product-categories .categories img {
  margin: 3rem 0 2rem;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .home .product-categories .categories {
    flex-direction: row;
    gap: 3rem;
    padding: 0;
  }
  .home .product-categories .categories img {
    max-width: 360px;
  }
}
.home .product-categories .category {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home .product-categories .button {
  padding: 9px 27px;
  text-decoration: none;
  min-height: unset;
}
.home .main-styles .block-title {
  color: #000;
  text-align: center;
  font-family: "caneladeck-thin";
  font-size: 32px;
  font-weight: 250;
}
@media only screen and (min-width: 768px) {
  .home .main-styles .block-title {
    font-size: 48px;
    letter-spacing: -0.58px;
  }
  .home .main-styles .block-title br {
    display: none;
  }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .home .main-styles .block-title {
    font-size: 32px;
  }
}
.home .main-styles .styles {
  margin: 3rem 3vw 2rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .home .main-styles .styles {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 3rem 10vw 2rem;
  }
}
.home .main-styles .style {
  margin: 1.5%;
  border-radius: 11px;
  padding: 3rem 1rem;
  text-align: center;
  text-decoration: none;
  background-color: #ebebeb;
  color: #656565;
  text-transform: uppercase;
  transition: all 300ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .home .main-styles .style {
    flex-grow: 1;
    width: 30%;
  }
}
.home .main-styles .style:hover {
  background-color: #bbb;
  color: #000;
}
.home .shops {
  background-color: #f0f3f6;
  margin: 0;
}
.home .shops header {
  padding: 0 15px;
}
.home .mini-shops-finder .mini-shops-container {
  padding: 0 15px;
}
@media only screen and (min-width: 768px) {
  .home .mini-shops-finder .mini-shops-container {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .home .mini-shops-finder .mini-shops-container {
    width: 33%;
  }
}
.home .mini-shops-finder header {
  width: 100%;
  text-align: center;
}
.home .mini-shops-finder .title--1 {
  color: #000;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .home .mini-shops-finder .title--1 {
    font-size: 24px;
    line-height: 30px;
  }
}
.home .mini-shops-finder .title--2 {
  color: #656565;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  .home .mini-shops-finder .title--2 {
    font-size: 16px;
    line-height: 24px;
  }
}
.home .tiendasHome {
  width: 100%;
  height: auto;
  min-height: 100vh;
}
@media only screen and (min-width: 1024px) {
  .home .tiendasHome {
    min-height: 700px;
    background-color: #f9f7f1;
  }
}
.home .tiendasHome p.titulo {
  text-align: center;
  font-size: 30px;
  padding: 4rem 0;
  text-transform: uppercase;
  font-family: "caneladeck-thin";
}
.home .tiendasHome div.tiendas {
  display: flex;
  width: inherit;
  padding-bottom: 30px;
}
.home .tiendasHome div.tiendas:has(div.tiendalis:last-child:nth-child(n+3)) {
  /* 3 elements */
  animation: scroll 60s linear infinite;
  width: -moz-fit-content;
  width: fit-content;
}
.home .tiendasHome div.tiendas:has(div.tiendalis:last-child:nth-child(n+3)):hover {
  animation-play-state: paused;
}
@keyframes scroll {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
.home .tiendasHome div.tiendas div.tiendalis {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #CDCDCD;
  border-radius: 8px;
  margin: 0 32px;
  padding: 0 0 20px 0;
  width: 400px;
  height: 400px;
}
.home .tiendasHome div.tiendas div.tiendalis .content {
  text-align: center;
  width: inherit;
}
.home .tiendasHome div.tiendas div.tiendalis .content span.shop-name {
  font-size: 18px;
  padding: 10px 0;
  height: 40px;
  display: inline-block;
}
.home .tiendasHome div.tiendas div.tiendalis .content img {
  width: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  height: 200px;
}
.home .tiendasHome div.tiendas div.tiendalis .content span.address {
  padding: 15px;
}
.home .tiendasHome div.tiendas div.tiendalis .contactos {
  gap: 2%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}
.home .tiendasHome div.tiendas div.tiendalis .contactos .btn-action {
  all: unset;
}

.testdiv {
  width: 100%;
  height: 800px;
  background: url("/public/img/test2.jpg") no-repeat;
}

.search-results {
  margin: 75px 0 2rem;
  width: 100%;
  height: -webkit-fit-content;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: center;
}
.search-results h1 {
  font-size: 36px;
  font-weight: 250;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .search-results h1 {
    font-size: 48px;
    line-height: 125%;
  }
}
.search-results .search-btn {
  margin: 2rem 0 5rem;
}
.search-results .products-grid-header {
  display: none !important;
}
.search-results p {
  margin: 15px 0 0;
}
.search-results label {
  display: block;
  text-align: center;
  font-family: "caneladeck-thin";
  font-size: 28px;
  padding: 15px 0;
}
.search-results small {
  display: block;
  padding-top: 10px;
}

.product-details {
  width: 100%;
  height: -webkit-fit-content;
}
@media only screen and (min-width: 1024px) {
  .product-details {
    display: flex;
    flex-wrap: wrap;
  }
}
.product-details .product-media {
  margin-top: 55px;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .product-details .product-media {
    position: sticky;
    width: 60%;
  }
  .product-details .product-media img {
    width: 100%;
    min-height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .product-details .product-media .photos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
}
.product-details .product-media .photo {
  aspect-ratio: 4/5;
  overflow-y: hidden;
}
.product-details .product-media .video {
  width: 50%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
}
.product-details .product-media .video:hover .play {
  width: 70px;
}
.product-details .product-media .video .play {
  width: 60px;
  transition: all 0.2s ease-in-out;
}
.product-details .product-media .video > iframe {
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  display: block;
  position: absolute;
}
@media only screen and (min-width: 480px) {
  .product-details .product-media .video > iframe {
    height: 100vh;
    width: 100% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .product-details .product-media .photo {
    width: 50%;
    box-sizing: border-box;
    cursor: pointer;
  }
  .product-details .product-media .video {
    display: block;
    padding-bottom: 0%;
    position: relative;
  }
  .product-details .product-media .video > iframe {
    position: relative;
    width: 100%;
    height: 100vh;
  }
}
.product-details .product-media .slick-slide img {
  width: 100%;
}
.product-details .product-media .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: -25px !important;
}
.product-details .product-media .slick-dots li {
  padding: 0;
  margin: 0 3px;
}
.product-details .product-media .slick-dots li.slick-active button:before {
  opacity: 1;
}
.product-details .product-media .slick-dots button {
  padding: 0;
}
.product-details .product-media .slick-dots button:before {
  display: block;
  font-size: 10px;
  color: #000;
  opacity: 0.5;
  border-radius: 5rem;
}
@media only screen and (min-width: 1024px) {
  .product-details .product-description {
    position: sticky;
    top: 60px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    height: 100vh;
    height: 100dvh;
    margin-top: 60px;
    width: 40%;
  }
}
.product-details .product-description .products-nav {
  display: flex;
  justify-content: space-between;
  padding: 15px 3vw;
}
.product-details .product-description .products-nav a {
  color: #8a8a8a;
  font-size: 14px;
  text-decoration: none;
}
.product-details .product-description .products-nav a:hover {
  color: #000;
}
.product-details .product-description .products-nav .before_btn,
.product-details .product-description .products-nav .next_btn {
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.product-details .product-description .products-nav img {
  margin: auto;
  height: 11px;
}
.product-details .product-description .description {
  padding: 1rem 3vw 2rem;
}
.product-details .product-description .description p {
  font-weight: 400;
  margin: 1rem 0;
  line-height: 140%;
}
.product-details .product-description .breadcrumbs {
  margin-top: 0;
  padding-left: 3vw;
  font-size: 14px;
}
.product-details .product-description h1 {
  font-size: 40px;
}
.product-details .product-description .title-y-cor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 1vw;
}
.product-details .product-description .title-y-cor .favorite {
  width: 40px;
  height: auto;
  text-align: center;
  cursor: pointer;
}
.product-details .mini-shops-finder {
  padding: 0 3vw;
  scrollbar-width: thin;
  width: 100%;
}
.product-details .mini-shops-finder ::-webkit-scrollbar {
  width: 10px;
}
.product-details .mini-shops-finder ::-webkit-scrollbar-track {
  background: transparent;
}
.product-details .mini-shops-finder ::-webkit-scrollbar-thumb {
  background: #888;
}
.product-details .mini-shops-finder ::-webkit-scrollbar-thumb:hover {
  background: #151515;
}
.product-details .mini-shops-finder .title--1 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
}
.product-details .mini-shops-finder .title--2 {
  font-size: 13px;
  color: #73737A;
}
.product-details .mini-shops-finder .mini-shops-container {
  overflow-y: scroll;
  margin-right: -10px;
  padding-right: 10px;
  width: 100%;
}
.product-details .mini-shops-finder a.button {
  min-height: unset;
  padding: 9px 32px;
  text-decoration: none;
}

.full-photos-modal {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  z-index: 1003;
  background-color: #fff;
}
.full-photos-modal.show {
  display: block;
}
.full-photos-modal .product-name {
  position: absolute;
  top: 16px;
  left: 10px;
  font-size: 14px;
  margin-right: 60px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .full-photos-modal .product-name {
    top: 20px;
    left: calc(10% + 20px);
    font-size: 22px;
    margin: 0;
  }
}
.full-photos-modal .product-name p {
  margin: 0;
}
.full-photos-modal .close-icon {
  position: absolute;
  top: 10px;
  right: 13px;
  z-index: 1004;
  cursor: pointer;
}
.full-photos-modal .close-icon img {
  display: block;
  width: auto;
  height: auto;
}
.full-photos-modal .product-images-thumbs {
  display: none;
}
@media only screen and (min-width: 768px) {
  .full-photos-modal .product-images-thumbs {
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    width: calc(10% - 20px);
    top: 5px;
  }
}
.full-photos-modal .product-images-thumbs .slick-list {
  width: 100%;
}
.full-photos-modal .product-images-thumbs .slick-track {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  transform: none !important;
}
.full-photos-modal .product-images-thumbs .slick-slide {
  width: 100% !important;
  height: auto;
  padding-bottom: 15px;
  cursor: pointer;
}
.full-photos-modal .product-images-thumbs .slick-slide:not(.slick-current) {
  opacity: 0.5;
}
.full-photos-modal .product-images-thumbs .slick-slide .video iframe {
  width: inherit !important;
}
.full-photos-modal .product-images-thumbs .video {
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  aspect-ratio: 42/53;
}
.full-photos-modal .product-images-thumbs .video:hover .play {
  width: 60px;
}
.full-photos-modal .product-images-thumbs .video .play {
  width: 50px;
  transition: all 0.2s ease-in-out;
}
.full-photos-modal .product-images {
  position: absolute;
  top: 110px;
  overflow: auto;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .full-photos-modal .product-images {
    top: 0;
    width: calc(90% - 20px - 20px);
    right: 20px;
  }
}
.full-photos-modal .product-images .slick-slide img {
  max-width: 100%;
}
@media only screen and (min-width: 1024px) {
  .full-photos-modal .product-images .slick-slide img {
    position: relative;
    top: 55px;
  }
}
.full-photos-modal .product-images .slick-slide .video {
  display: flex !important;
  justify-content: center;
  height: 100vh;
  margin-top: 58px;
}
.full-photos-modal .product-images .slick-slide .video iframe {
  width: 100%;
  height: 100%;
}
.full-photos-modal .product-images .slick-prev,
.full-photos-modal .product-images .slick-next {
  top: 50%;
}
@media only screen and (min-width: 768px) {
  .full-photos-modal .product-images .slick-prev,
  .full-photos-modal .product-images .slick-next {
    top: 30%;
  }
}
.full-photos-modal .product-images .slick-prev:before,
.full-photos-modal .product-images .slick-next:before {
  font-size: 24px;
}
.full-photos-modal .product-images .slick-prev {
  left: 30px;
  z-index: 1;
}
.full-photos-modal .product-images .slick-next {
  right: 30px;
}

.related-products {
  padding: 5vh 3vw 0;
}
.related-products .title {
  font: 400 20px Montserrat;
  color: #000;
  line-height: 30px;
  text-transform: uppercase;
}
.related-products .products {
  width: 100%;
  min-height: 300px;
  margin: 3vh 0;
}
.related-products .products ul {
  padding: 0;
}
.related-products .products .slick-list {
  padding: 0 15px 0 0 !important;
}
.related-products .products .slick-dots {
  bottom: -25px;
}
.related-products .products .slick-dots li {
  margin: 0;
}
.related-products .products .slick-dots button:before {
  font-size: 10px;
  line-height: unset;
}
.related-products .products img {
  width: 100%;
}
.related-products .products a {
  border-right: 15px solid #fff;
  font: 400 13px Montserrat;
  color: #636363;
  line-height: normal;
  text-decoration: none;
}
.related-products .products a:hover {
  color: #000;
}
.related-products .products .product-name {
  margin: 0;
  padding: 15px;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  .accessories-categories {
    margin-bottom: 5rem;
  }
  .accessories-categories .categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1%;
  }
  .accessories-categories a {
    flex: 0 0 24%;
    width: 100%;
    height: auto;
    position: relative;
    border: none !important;
  }
  .accessories-categories a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.6));
  }
  .accessories-categories a:hover p::after {
    width: 100%;
  }
  .accessories-categories img {
    width: 100%;
  }
  .accessories-categories .product-name {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font: 400 18px Montserrat;
    color: white;
    padding: 0 0 2px 0 !important;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
  }
  .accessories-categories .product-name::after {
    content: "";
    display: block;
    height: 2px;
    background: #fff;
    transition: width 0.3s;
    width: 0;
  }
}

.shops-finder-container {
  padding-top: 75px;
}
.shops-finder-container .header {
  margin: 0 auto;
  text-align: center;
}
.shops-finder-container .header h1 {
  padding-bottom: 10px;
  margin: 0;
}
.shops-finder-container .header .ubicacion {
  margin: -5px 0 15px;
}
.shops-finder-container .header p {
  margin-bottom: 1rem;
}

.shops-container {
  scrollbar-width: thin;
}
.shops-container ::-webkit-scrollbar {
  width: 10px;
}
.shops-container ::-webkit-scrollbar-track {
  background: transparent;
}
.shops-container ::-webkit-scrollbar-thumb {
  background: #888;
}
.shops-container ::-webkit-scrollbar-thumb:hover {
  background: #151515;
}
@media only screen and (min-width: 768px) {
  .shops-container {
    display: flex;
  }
}
.shops-container p {
  font-size: 15px;
  color: #696969;
}

.shops-list-container {
  height: auto;
  width: 100%;
  padding: 0 10px;
}
@media only screen and (min-width: 1024px) {
  .shops-list-container {
    display: block;
    margin-right: 10px;
    padding-left: 20px;
    height: calc(100vh - 160px);
    width: 40vw;
    overflow: hidden;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .shops-list-container {
    width: 30vw;
  }
}
.shops-list-container .product-category-selector .cita-header {
  padding: 0 0 5px;
}
.shops-list-container .product-category-selector p {
  margin-bottom: 10px;
}
.shops-list-container .product-category-selector .options {
  margin: 0 0 20px;
  display: flex;
  justify-content: space-between;
}
.shops-list-container .product-category-selector label {
  text-align: center;
  min-height: unset;
  padding-right: 20px;
  padding-left: 20px;
  cursor: pointer;
}
.shops-list-container .product-category-selector label.button--black:hover {
  background-color: #000;
  color: #fff;
  cursor: default;
}
.shops-list-container .product-category-selector label input {
  display: none;
}
.shops-list-container .shops-view-selector {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .shops-list-container .shops-view-selector {
    display: none;
  }
}
.shops-list-container .shops-view-selector .selected {
  font-weight: bold;
}

.location-selector {
  margin: 0 0 20px 0;
  position: relative;
}
.location-selector .nameplace {
  width: 100%;
  box-sizing: border-box;
  border-radius: 30px;
  border: 1px solid #e6e6e6;
  padding: 9px 50px 9px 15px;
  outline: none;
  font-size: 14px;
}
.location-selector .icon {
  position: absolute;
  right: 20px;
  bottom: 10px;
  width: 20px;
  height: 20px;
}

.shops-list {
  padding: 0;
  margin-bottom: 0;
  scroll-behavior: smooth;
}
@media only screen and (min-width: 1024px) {
  .shops-list {
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.shops-list .error {
  text-align: center;
  padding: 5rem 0;
}

.shop-card {
  list-style: none;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  margin-bottom: 15px;
  padding: 15px 10px 10px 15px;
  border-radius: 5px;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}
.shop-card:hover, .shop-card.selected {
  background-color: #fafafa;
  border: 1px solid #979797;
}
.shop-card:last-child {
  margin-bottom: 0;
}
.shop-card.selected .name {
  font-weight: bold;
}
.shop-card div {
  display: flex;
  align-items: center;
  color: #73737A;
  font-size: 14px;
  padding-bottom: 7.5px;
}
.shop-card div.name {
  color: #000;
  font-size: 1rem;
  padding-bottom: 10px;
}
.shop-card div.address {
  align-items: start;
}
.shop-card div.more-info {
  padding-bottom: 0;
}
.shop-card .icon {
  width: 20px;
  margin-right: 10px;
  text-align: center;
  align-self: baseline;
}
.shop-card .icon img,
.shop-card .icon svg {
  display: block;
  max-width: 100%;
  height: auto;
}
.shop-card .icon svg {
  max-width: 18px;
}
.shop-card a {
  color: #73737A;
  text-decoration: none;
}
.shop-card a:hover {
  color: #000;
}
.shop-card .action {
  display: none;
  width: 100%;
  margin: 10px 0 -4px;
}
.shop-card .action .button {
  display: block;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  width: 100%;
  text-decoration: none;
  color: #fff;
  padding-top: 8px;
  line-height: unset;
}
.shop-card .action .button:hover {
  background-color: #fff;
  color: #000;
}

.shops-map {
  height: 360px;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .shops-map {
    height: calc(100vh - 160px);
    margin-right: 10px;
  }
}
.shops-map.hide {
  display: none;
}

.shops-map-legend {
  position: absolute;
  bottom: 30px !important;
  left: 10px !important;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px;
  font-size: 13px;
  color: #73737A;
}
.shops-map-legend div {
  padding: 5px 0 2px;
}
.shops-map-legend img {
  width: 28px;
  height: auto;
  padding-right: 10px;
}

.shop-popup {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 0;
  padding-top: 30px;
  background-color: #fbfbfb;
  z-index: 1;
  transition: all 1s linear;
}
.shop-popup.show {
  display: block;
  bottom: -40vh;
  height: 75vh;
}
.shop-popup .close {
  position: absolute;
  right: 10px;
  top: 15px;
}
.shop-popup .details {
  background-color: #fbfbfb;
  width: 100%;
  height: auto;
  max-height: 55vh;
}
.shop-popup .shop-card {
  border: 1px solid #fbfbfb !important;
}

.appointment {
  background: #fff;
  width: 100%;
  margin-top: 65px;
}
@media only screen and (min-width: 768px) {
  .appointment {
    height: 100vh;
  }
}
.appointment .steps-bar {
  display: flex;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  z-index: 9;
  margin-top: 1em;
  padding: 10px;
  border-top: 1px solid #DCDCDC;
  background-color: #fff;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .appointment .steps-bar {
    padding: 10px 20px;
  }
}
.appointment .step {
  height: auto;
  width: 100%;
  background: #fff;
  transition: all 0.6s ease;
  display: none;
}
@media only screen and (min-width: 768px) {
  .appointment .step {
    min-height: 100vh;
    min-height: 100dvh;
    position: absolute;
    top: 56px;
    left: 100%;
    margin-bottom: 3rem;
  }
}
.appointment .step:first-child {
  left: 0;
  display: block;
}
.appointment .step.show {
  left: 0;
}
.appointment .step.slideleft {
  left: -100% !important;
}
.appointment .step.slideright {
  left: 100% !important;
}
.appointment .cita-header {
  display: flex;
  flex-direction: column;
  padding: 10px 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .appointment .cita-header {
    padding: 20px 0 40px 20px;
  }
}
.appointment .cita-header p {
  color: #696969;
  margin-bottom: 10px;
}
.appointment .cita-header h3 {
  text-transform: uppercase;
  font-family: "caneladeck-thin";
}
.appointment .tiendas .shop-popup.show {
  bottom: -33vh !important;
}
.appointment .tiendas .shop-card .more-info {
  display: none !important;
}
.appointment .fechas input {
  border: transparent;
  border-bottom: 1px solid #8d8b8b;
}
.appointment .fechas .cita-date {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
@media only screen and (min-width: 1024px) {
  .appointment .fechas .cita-date {
    flex-direction: column;
    align-items: center;
  }
}
.appointment .fechas .cita-date .form--group {
  align-self: unset;
}
.appointment .flatpickr-calendar {
  left: 3rem !important;
}
.appointment .datos-personales .personales-form {
  padding: 0 10px;
}
@media only screen and (min-width: 1024px) {
  .appointment .datos-personales .personales-form {
    padding: 0 20px;
    margin: 0 auto;
  }
}
.appointment .datos-personales .calendar {
  display: flex;
  flex-direction: column;
}
.appointment .datos-personales .calendar label {
  display: none;
}
.appointment .datos-personales .acepto {
  padding-left: 20px;
}
@media only screen and (min-width: 1024px) {
  .appointment .datos-personales div {
    width: 40vw;
  }
}
.appointment .datos-personales input[type=text],
.appointment .datos-personales input[type=email],
.appointment .datos-personales input[type=number] {
  border: transparent;
  font: 250 18px "caneladeck-light";
  font-style: italic;
  line-height: 31px;
  border: none;
  border-bottom: 1px solid #9D9D9D;
}
.appointment .datos-personales p {
  text-transform: uppercase;
  cursor: pointer;
}
.appointment .confirmacion .resumen {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #73737A;
}
.appointment .confirmacion .title {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  margin: 0;
  padding: 20px 0 10px 0;
}
.appointment .confirmacion p {
  margin-bottom: 5px;
  line-height: 1.6;
}
.appointment .confirmacion .shop-card {
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.appointment .confirmacion .shop-card div {
  font-size: unset;
  justify-content: center;
}
.appointment .confirmacion .shop-card .address {
  text-align: center;
}
.appointment .confirmacion .shop-card .more-info,
.appointment .confirmacion .shop-card .action {
  display: none !important;
}
.appointment .confirmacion .shop-card .icon {
  display: none;
}
.appointment .tipo_de_corte,
.appointment .tipo_de_escote,
.appointment .tipo_de_estilo,
.appointment .tu_talla,
.appointment .presupuesto,
.appointment .comento,
.appointment .compañia,
.appointment .gracias {
  position: relative;
  right: -100%;
  width: 100%;
  height: auto;
  background: #fff;
  transition: 1s;
  top: 5em;
  display: none;
}
.appointment .tipo_de_corte.show,
.appointment .tipo_de_escote.show,
.appointment .tipo_de_estilo.show,
.appointment .tu_talla.show,
.appointment .presupuesto.show,
.appointment .comento.show,
.appointment .compañia.show,
.appointment .gracias.show {
  transition: 1s;
  right: 0 !important;
  position: absolute;
}
.appointment .tipo_de_corte.hide,
.appointment .tipo_de_escote.hide,
.appointment .tipo_de_estilo.hide,
.appointment .tu_talla.hide,
.appointment .presupuesto.hide,
.appointment .comento.hide,
.appointment .compañia.hide,
.appointment .gracias.hide {
  transition: 1s;
  left: -100% !important;
  position: absolute;
}
.appointment .proxpasos .pasos {
  margin: 10px 10px 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.appointment .proxpasos .pasos li {
  padding-bottom: 10px;
}
.appointment .proxpasos h4 {
  font: 600 larger "Caneladeck-thin";
  text-transform: uppercase;
}
.appointment .proxpasos .button {
  min-height: unset;
  text-decoration: none;
  font-size: 13px;
}
.appointment .proxpasos .back-to-home {
  text-align: center;
}
.appointment .proxpasos .back-to-home a {
  margin: 0 auto;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}
.appointment .proxpasos .back-to-home a:hover {
  color: #fff;
}

.collection-not-available {
  margin-top: 56px;
  padding: 3rem 10%;
}
@media only screen and (min-width: 1024px) {
  .collection-not-available {
    padding: 5rem 20%;
  }
}
.collection-not-available h1, .collection-not-available h3 {
  margin-bottom: 3rem;
}
.collection-not-available a {
  color: #000;
  text-decoration: none;
}
.collection-not-available .button {
  min-height: unset;
}

.collections-grid {
  margin-top: 56px;
}
@media only screen and (min-width: 1024px) {
  .collections-grid {
    margin-top: 0;
  }
}
.collections-grid .hero-image {
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .collections-grid .hero-image {
    margin-top: 0;
    height: 40vh;
  }
}
.collections-grid .hero-image img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1024px) {
  .collections-grid .hero-image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.collections-text {
  padding-top: 2rem;
  margin: auto;
  text-align: center;
  width: 90%;
}
@media only screen and (min-width: 1024px) {
  .collections-text {
    width: 80%;
  }
}
.collections-text .pre-titulo {
  text-transform: uppercase;
}
.collections-text h1 {
  text-transform: uppercase;
  margin: 0 0 1.5rem;
}
.collections-text h2 {
  margin: 2.5rem 0 1.5rem;
}
.collections-text h3 {
  margin: 2rem 0 1.2rem;
}
.collections-text p {
  line-height: 150%;
  color: #696969;
}
.collections-text a {
  color: #696969 !important;
  text-decoration: underline;
}
.collections-text a:hover {
  color: #000 !important;
  text-decoration: none;
}

.related-collections .title {
  text-align: center;
}
.related-collections img {
  aspect-ratio: 4/5;
}
@media only screen and (min-width: 1024px) {
  .related-collections img {
    width: 80% !important;
  }
}

.faqs {
  margin-top: 100px;
  padding: 0 10px;
}
@media only screen and (min-width: 1024px) {
  .faqs {
    padding: 0 3.8%;
  }
}
.faqs h1 {
  display: block;
  margin-top: 40px;
  color: var(--black-rc, #151515);
  font-size: 36px;
  font-weight: 250;
  line-height: 105.556%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .faqs h1 {
    font-size: 48px;
    line-height: 125%;
    margin: 56px 0 3rem;
  }
}
.faqs .content {
  display: flex;
  width: 100%;
  margin-bottom: 6rem;
}
.faqs .nav {
  border-left: 1px solid #73737A;
}
@media only screen and (min-width: 1024px) {
  .faqs .nav {
    flex: 0 0 25%;
  }
}
.faqs .nav .nav-link {
  color: #73737A;
  padding: 4px 0 4px 1rem;
  margin-bottom: 10px;
  cursor: pointer;
}
.faqs .nav .nav-link.active {
  color: #000;
  font-weight: bold;
  border-left: 2px solid #73737A;
}
.faqs .nav .nav-link:last-child {
  margin-bottom: 0;
}
.faqs .section {
  padding: 2rem 0;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}
.faqs .tab-content {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .faqs .tab-content {
    flex: 0 0 75%;
  }
}
.faqs .tab-content .accordion-item {
  border-bottom: unset;
  margin-bottom: 2rem;
  border: 1px solid #E9E9EF;
  border-radius: 5px;
}
.faqs .tab-content .accordion-header {
  border: none;
}
.faqs .tab-content .accordion-header .accordion-button {
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
}
.faqs .tab-content .accordion-header .accordion-button:focus {
  box-shadow: unset;
}
.faqs .tab-content .accordion-header .accordion-button:not(.collapsed) {
  background-color: unset;
  box-shadow: unset;
}
.faqs .tab-content .accordion-body {
  padding: 10px 20px 2rem;
  border: none;
}
.faqs .contact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .faqs .contact {
    flex: 0 0 100%;
    margin-top: 48px;
  }
}
.faqs .contact .title {
  text-align: center;
  margin-bottom: 16px;
  color: var(--black-rc, #000);
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .faqs .contact .title {
    font-size: 24px;
    line-height: 30px;
  }
}
.faqs .contact .text {
  color: #000;
  text-align: center;
  margin-bottom: 32px;
}
.faqs .contact a {
  padding: 12px 40px !important;
  text-decoration: none;
  min-height: unset;
}

.blog_header {
  margin: 104px 0 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .blog_header {
    margin: 179px 3.8% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .blog_header {
    margin: 179px 3.8% 0;
  }
}
.blog_header--title {
  margin: 0 0 64px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .blog_header--title {
    margin: 0 0 104px;
  }
}
.blog_header--title span {
  color: #151515;
  text-align: center;
  font-family: "caneladeck-thin";
  font-size: 48px;
  font-style: normal;
  font-weight: 250;
  line-height: 122%;
  letter-spacing: -0.48px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .blog_header--title span {
    font-size: 64px;
    line-height: 70px;
    letter-spacing: -0.64px;
  }
}
.blog_header--video {
  position: relative;
}
.blog_header--video #rc_news_video_mobile {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 480px) {
  .blog_header--video #rc_news_video_mobile {
    display: none;
  }
}
.blog_header--video #rc_news_video_tablet {
  display: none;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .blog_header--video #rc_news_video_tablet {
    height: 90vh;
  }
  .blog_header--video #rc_news_video_tablet img {
    height: inherit;
    overflow: hidden;
  }
}
@media only screen and (min-width: 480px) {
  .blog_header--video #rc_news_video_tablet {
    display: block;
  }
}
.blog_header--video .btn_play {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 24px;
}
@media only screen and (min-width: 480px) {
  .blog_header--video .btn_play {
    margin: 30px;
  }
}
.blog_header--caption {
  margin: 30px 0 15px;
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
}
.blog_header--subtitle {
  margin: 0 22px 0;
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  text-transform: uppercase;
}
.blog_header--subtitle a {
  text-decoration: none;
  color: #000;
}
@media only screen and (min-width: 768px) {
  .blog_header--subtitle {
    margin: 0 27.7% 104px;
    font-size: 24px;
    text-transform: uppercase;
  }
}

.blog_highlights {
  margin: 64px 0 0;
}
@media only screen and (min-width: 768px) {
  .blog_highlights {
    margin: 100px 0 0;
  }
}

.blog_news {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 70px 0;
}
.blog_news--title {
  color: #000;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .blog_news--title {
    font-size: 24px;
    line-height: 30px;
  }
}
.blog_news--navbar {
  margin: 0 0 0;
  position: relative;
  padding: 40px 16px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .blog_news--navbar {
    margin: 0 3.8% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .blog_news--navbar {
    margin: 0 3.8% 0;
  }
}
.blog_news--navbar--container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  list-style: none;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
@media only screen and (min-width: 768px) {
  .blog_news--navbar--container {
    justify-content: center;
    align-items: center;
  }
}
.blog_news--navbar--container button {
  margin: 5px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.blog_news--navbar--container button:not(:first-child):before {
  content: "#";
}
.blog_news .b_items {
  margin: 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-evenly;
}
@media only screen and (min-width: 768px) {
  .blog_news .b_items {
    margin: 0 3.8% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .blog_news .b_items {
    margin: 0 3.8% 0;
  }
}
.blog_news .b_items .b_item {
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 60px;
  transition: opacity 300ms;
}
.blog_news .b_items .b_item .image {
  width: 100%;
  height: 330px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .blog_news .b_items .b_item .image {
    height: 465px;
  }
}
.blog_news .b_items .b_item .text .tag {
  text-align: center;
  margin: 25px 29px 10px 29px;
}
@media only screen and (min-width: 1024px) {
  .blog_news .b_items .b_item .text .tag {
    margin: 15px 30px 15px 30px;
  }
}
.blog_news .b_items .b_item .text .tag:before {
  content: "#";
}
.blog_news .b_items .b_item .text a {
  text-decoration: none;
}
.blog_news .b_items .b_item .text a .title {
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  text-transform: uppercase;
  margin: 10px 29px 0px 29px;
}
@media only screen and (min-width: 768px) {
  .blog_news .b_items .b_item .text a .title {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .blog_news .b_items .b_item .text a .title {
    margin: 15px 30px 0px 30px;
  }
}
.blog_news .b_items .b_item.hidden {
  opacity: 0;
}
@media only screen and (min-width: 480px) {
  .blog_news .b_items {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .blog_news .b_items .b_item {
    width: 48%;
  }
}
@media only screen and (min-width: 1024px) {
  .blog_news .b_items {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .blog_news .b_items .b_item {
    width: 32.08%;
  }
}
.blog_news .active {
  pointer-events: none;
}

.shops {
  margin-top: 55px;
  width: 100%;
  position: relative;
  overflow: hidden;
  /*
  &--buscador {
    @include padding_resp (0, $margin_mobile, 32px,
      0, $margin_tablet, 40px,
      0, $margin_desktop, 48px);
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;

    @include mobile-md {
      display: flex;
      flex-direction: row;
      justify-content: start;
      align-items: center;
    }

    &--title {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 22px;
      text-transform: uppercase;
      color: #676767;
      margin-right: 16px;
      margin-bottom: 8px;

      @include mobile-md {
        margin-right: 24px;
      }

      @include desktop {
        width: 152px;
        font-size: 24px;
        line-height: 30px;
        text-transform: uppercase;
        color: #000000;
        opacity: 0.5;
      }
    }
  }
  */
}
.shops--text {
  padding: 0 16px 34px;
  font: 400 16px "Montserrat";
  line-height: 24px;
  color: #696969;
}
@media only screen and (min-width: 768px) {
  .shops--text {
    padding: 0 5% 34px;
  }
}
@media only screen and (min-width: 1024px) {
  .shops--text {
    padding: 0 170px 90px;
  }
}
@media only screen and (min-width: 1024px) {
  .shops--text {
    line-height: 32px;
    color: #73737A;
  }
}
.shops .img_header {
  position: relative;
  width: 100%;
}
.shops .img_title {
  padding: 0 16px 0;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  resize: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
@media only screen and (min-width: 768px) {
  .shops .img_title {
    padding: 0 5% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .shops .img_title {
    padding: 0 170px 0;
  }
}
@media only screen and (min-width: 768px) {
  .shops .img_title {
    font-size: 64px;
    line-height: 70px;
  }
}
.shops h1 {
  font-size: 40px;
  font-weight: 250;
  line-height: 43px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #fff;
}
.shops .shops_image_mobile {
  width: 100%;
  height: 172px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media only screen and (min-width: 768px) {
  .shops .shops_image_mobile {
    display: none;
  }
}
.shops .shops_image_desktop {
  width: 100%;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
  display: none;
}
@media only screen and (min-width: 768px) {
  .shops .shops_image_desktop {
    display: block;
  }
}
.shops .cities-container {
  padding: 0 16px 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .shops .cities-container {
    padding: 0 5% 4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .shops .cities-container {
    padding: 0 170px 6rem;
  }
}
@media only screen and (min-width: 480px) {
  .shops .cities-container {
    flex-wrap: wrap;
    flex-direction: row;
  }
}
.shops .cities-container .city {
  font: 400 16px "Montserrat";
  line-height: 24px;
  color: #000000;
  background: #fff;
  border: 1px solid #CDCDCD;
  border-radius: 8px;
  padding: 24px 32px;
  flex: 0 0 100%;
  box-sizing: border-box;
  margin-bottom: 4%;
  width: 100%;
  text-decoration: none;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .shops .cities-container .city {
    flex: 0 0 48%;
  }
}
@media only screen and (min-width: 768px) {
  .shops .cities-container .city {
    flex: 0 0 48%;
  }
}
@media only screen and (min-width: 1024px) {
  .shops .cities-container .city {
    flex: 0 0 30%;
    width: 90%;
  }
}
.shops .mtop {
  margin-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .shops .mtop {
    margin-top: 56px;
  }
}
.shops .mbottom {
  margin-bottom: 20px;
}

.events_home--header {
  display: none;
}
@media only screen and (min-width: 768px) {
  .events_home--header {
    position: relative;
    display: block;
    height: 100vh;
  }
}
.events_home--header--img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  filter: brightness(0.8);
}
.events_home--header--title {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.events_home--header--title .image_caption {
  font-family: "caneladeck-thin";
  font-style: normal;
  font-weight: 250;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .events_home--header--title .image_caption {
    font-size: 90px;
    line-height: 90px;
  }
}
.events_home--header--title .see_colection_btn {
  margin: 30px 0;
  padding: 18px 40px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.event_search_header {
  position: relative;
  margin-top: 56px;
}
.event_search_header .hero_img_vid {
  width: 100%;
  height: 65vh;
}
.event_search_header .hero_img_vid video {
  width: 100%;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}

.event_search_main {
  background-color: #F9F7F1;
  background-size: cover;
  background-position: center;
  margin-bottom: 2rem;
}
.event_search_main--title {
  width: 100%;
  padding: 24px 0;
  line-height: 16px;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .event_search_main--title {
    padding: 72px 0 15px;
  }
}
.event_search_main--subtitle {
  width: 100%;
  padding: 0 16px 16px;
  margin: auto;
  font-size: 24px;
  font-weight: 250;
  line-height: 125%;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 480px) {
  .event_search_main--subtitle {
    width: 60%;
    padding-bottom: 38px;
    font-size: 36px;
  }
}
.event_search_main--buscador {
  padding: 0 20px 30px 16px;
  width: 100%;
  align-self: start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
@media only screen and (min-width: 480px) {
  .event_search_main--buscador {
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) {
  .event_search_main--buscador {
    padding: 0 0 30px 3.8%;
  }
}
@media only screen and (min-width: 1024px) {
  .event_search_main--buscador {
    padding: 0 0 30px 0;
    margin: 0 auto;
  }
}
.event_search_main--buscador--title {
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 250;
  margin-right: 16px;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .event_search_main--buscador--title {
    min-width: 170px;
    margin-right: 24px;
    font-size: 24px;
    line-height: 50px;
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 768px) {
  .event_search_main--buscador--title {
    text-align: left;
    width: unset;
  }
}
.event_search_main--buscador .input_rc {
  color: #000;
}
.event_search_main--next_events {
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  .event_search_main--next_events {
    padding-top: 0;
  }
}
.event_search_main--past_events {
  padding-top: 32px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 480px) {
  .event_search_main--past_events {
    text-align: center;
    padding-top: 95px;
    margin-bottom: 50px;
  }
}

.countryDropdown {
  text-transform: uppercase;
}

.rc_slider--container--slider--items--item {
  background-color: #fff;
}

.next_events--events--event--bottom--btn {
  color: var(--white) !important;
  background-color: var(--black) !important;
  border-color: var(--black) !important;
}

.next_events--events--event--bottom--btn:hover,
.next_events--events--event--bottom--btn:active,
.next_events--events--event--bottom--btn:focus,
.next_events--events--event--bottom--btn.active {
  color: var(--black) !important;
  background-color: var(--white) !important;
  border-color: var(--black) !important;
}

.enr--header {
  position: relative;
  margin-top: 56px;
}
.enr--header #event_search_mobile {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 480px) {
  .enr--header #event_search_mobile {
    display: none;
  }
}
.enr--header #event_search_tablet {
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .enr--header #event_search_tablet {
    display: block;
  }
}
.enr--header .btn_play {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 24px;
  cursor: pointer;
}
@media only screen and (min-width: 480px) {
  .enr--header .btn_play {
    margin: 30px;
  }
}
.enr--header .btn_play:hover {
  opacity: 0.7;
}
.enr--main {
  background: #F9F7F1;
  padding: 28px 16px 77px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .enr--main {
    padding: 64px 26% 100px;
  }
}
.enr--main--title {
  width: 100%;
  margin: 0 0 24px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #000;
}
.enr--main--content {
  width: 100%;
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
.enr--main--content2 {
  margin: 48px 0;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000;
  opacity: 0.6;
}
@media only screen and (min-width: 480px) {
  .enr--main--content2 {
    width: 70%;
  }
}
.enr--main--social_media_list {
  order: 3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  gap: 10px;
}
@media only screen and (min-width: 1024px) {
  .enr--main--social_media_list {
    gap: 13px;
  }
}
.enr--main--social_media_list--icon {
  width: 32px;
  height: 32px;
}
.enr--past_events {
  padding-top: 32px;
  margin-bottom: 72px;
}
@media only screen and (min-width: 480px) {
  .enr--past_events {
    text-align: center;
    padding-top: 100px;
    margin-bottom: 50px;
  }
}

.event-detail {
  margin-top: 56px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .event-detail {
    margin-top: 0;
    flex-wrap: wrap;
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) {
  .event-detail .img {
    flex: 0 0 40%;
  }
}
.event-detail .img img {
  display: block;
  max-width: 100%;
}
.event-detail .img--label {
  background-image: url("/img/eventos_detail_subtract_mobile.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 277px;
  height: 285px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding: 15px;
}
@media only screen and (min-width: 768px) {
  .event-detail .img--label {
    background-image: url("/img/eventos_detail_subtract_desktop.svg");
    width: 350px;
    height: 360px;
    padding: 20px;
  }
}
.event-detail .img--label--logo {
  width: 99px;
  height: 19px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .event-detail .img--label--logo {
    width: 125px;
    height: 23.5px;
  }
}
.event-detail .img--label--title {
  font-family: "caneladeck-thin";
  font-style: normal;
  font-weight: 250;
  font-size: 30px;
  line-height: 33px;
  text-align: center;
  color: #151515;
  text-transform: uppercase;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .event-detail .img--label--title {
    font-size: 38px;
    line-height: 43px;
  }
}
.event-detail .img--label--bottom {
  position: relative;
  bottom: 0;
}
.event-detail .img--label--bottom--date {
  font-weight: 500;
  font-size: 10.2917px;
  line-height: 13px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #151515;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .event-detail .img--label--bottom--date {
    font-size: 13px;
    line-height: 16px;
  }
}
.event-detail .img--label--bottom--place {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 10.2917px;
  line-height: 13px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #151515;
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  .event-detail .img--label--bottom--place {
    font-size: 13px;
    line-height: 16px;
  }
}
.event-detail .content {
  display: flex;
  flex-direction: column;
  padding: 25px 17px 0;
}
@media only screen and (min-width: 768px) {
  .event-detail .content {
    padding: 40px 55px;
    flex: 0 0 60%;
  }
}
.event-detail .content .title {
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #151515;
  opacity: 0.6;
  margin-bottom: 10px;
}
.event-detail .content h1 {
  font-style: normal;
  font-weight: 250;
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .event-detail .content h1 {
    font-size: 36px;
    line-height: 42px;
  }
}
.event-detail .content .description {
  line-height: 1.6;
  margin-bottom: 2rem;
}
.event-detail .content .btn {
  display: flex;
  justify-content: center;
  position: sticky;
  bottom: 60px;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .event-detail .content .btn {
    position: relative;
    bottom: unset;
    margin-top: 2rem;
  }
}
.event-detail .content .btn a {
  text-transform: uppercase;
  padding: 10px 36px;
  text-decoration: none;
}

.event_form_header {
  width: 100%;
  position: relative;
  margin-top: 56px;
}
.event_form_header #event_form_mobile_img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .event_form_header #event_form_mobile_img {
    display: none;
  }
}
.event_form_header #event_form_desktop_img {
  width: 100%;
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .event_form_header #event_form_desktop_img {
    display: block;
  }
}

.event_form_main {
  display: flex;
  flex-direction: column;
  padding: 33px 16px;
}
@media only screen and (min-width: 768px) {
  .event_form_main {
    padding: 80px 170px 25px;
  }
}

.ev_form_success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  width: 100%;
  position: relative;
  padding: 93px 16px 0;
}
@media only screen and (min-width: 768px) {
  .ev_form_success {
    padding: 102px 5% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .ev_form_success {
    padding: 102px 3.8% 0;
  }
}
.ev_form_success--header {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #000;
  opacity: 0.4;
}
@media only screen and (min-width: 768px) {
  .ev_form_success--header {
    font-size: 18px;
    line-height: 25px;
  }
}
.ev_form_success--h1 {
  margin: 12px 0 27px;
  font-family: "caneladeck-thin";
  font-style: normal;
  font-weight: 250;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  color: #000;
}
@media only screen and (min-width: 768px) {
  .ev_form_success--h1 {
    font-size: 48px;
    line-height: 60px;
    margin: 10px 0 39px;
  }
}
.ev_form_success--ol {
  counter-reset: custom-counter;
  list-style-type: none;
  margin: 0;
  padding: 0 0 62px;
}
@media only screen and (min-width: 768px) {
  .ev_form_success--ol {
    padding: 0 0 50px;
  }
}
.ev_form_success--ol li {
  counter-increment: custom-counter;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .ev_form_success--ol li {
    margin-bottom: 32px;
  }
}
.ev_form_success--ol li:before {
  content: counter(custom-counter) " - ";
}
.ev_form_success--btn {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #151515;
  align-self: center;
  padding: 17px 40px;
}

.header_shop {
  margin: 88px 16px 30px;
}
@media only screen and (min-width: 768px) {
  .header_shop {
    margin: 56px 170px;
  }
}
.header_shop h1 {
  color: #000;
  font-size: 36px;
  font-style: normal;
  font-weight: 250;
  line-height: 38px;
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .header_shop h1 {
    font-size: 48px;
    line-height: 60px;
  }
}
.header_shop p {
  line-height: 24px;
  color: #696969;
}

.shop-container {
  margin: 0;
  padding: 0 0 60px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .shop-container {
    flex-direction: row;
  }
}

.shop-img {
  flex: 0 0 100%;
}
@media only screen and (min-width: 768px) {
  .shop-img {
    order: 2;
    flex: 0 0 50%;
  }
}
.shop-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-height: 240px;
}
@media only screen and (min-width: 768px) {
  .shop-img img {
    max-height: 800px;
  }
}

.shop-info {
  width: 100%;
  padding: 40px 16px 0;
}
@media only screen and (min-width: 768px) {
  .shop-info {
    width: unset;
    padding: 40px 80px;
    flex: 0 0 50%;
  }
}
.shop-info .title {
  font-size: 24px;
  line-height: 125%;
  margin: 0 0 16px 0;
  padding: 0;
}
.shop-info .subtitle {
  font-size: 16px;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.shop-info--header {
  padding-bottom: 45px;
}
.shop-info--boutique {
  display: flex;
  color: #8A8A8A !important;
}
.shop-info--boutique img {
  width: 24px;
  height: auto;
  margin-right: 10px;
}
.shop-info--content {
  display: flex;
  color: #8A8A8A;
  padding-bottom: 30px;
}
.shop-info--content .icon {
  margin-right: 10px;
}
.shop-info--content a {
  color: #8A8A8A;
  text-decoration: none;
}
.shop-info--content a:hover {
  color: #000;
}
.shop-info--content ul {
  padding-left: 0;
}
.shop-info--content ul li {
  list-style: none;
  padding-bottom: 5px;
}
.shop-info--btn {
  display: flex;
  justify-content: center;
}
.shop-info--btn .button {
  min-height: unset;
  padding: 8px 50px 9px;
  text-decoration: none;
}

.near-shops {
  margin: 30px 0 30px 16px;
}

.footer_shop {
  margin-top: 3rem;
  padding: 0 16px;
}
@media only screen and (min-width: 768px) {
  .footer_shop {
    margin-top: 5rem;
    padding: 0 170px 20px;
  }
}
.footer_shop p {
  line-height: 24px;
  color: #696969;
}

#main_img_desktop {
  display: none;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 330px;
  margin-top: 63px;
}
@media only screen and (min-width: 768px) {
  #main_img_desktop {
    display: block;
    height: 30%;
  }
}

#main_img_mobile {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 330px;
  margin-top: 56px;
}
@media only screen and (min-width: 768px) {
  #main_img_mobile {
    display: none;
  }
}

.blog_detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 16px;
}
@media only screen and (min-width: 768px) {
  .blog_detail {
    padding: 0 27.7%;
  }
}
.blog_detail--title {
  width: 100%;
  padding: 48px 0 60px 0;
}
.blog_detail--title--tag {
  margin-bottom: 15px;
  text-align: center;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .blog_detail--title--tag {
    margin-bottom: 20px;
  }
}
.blog_detail--title--tag:before {
  content: "#";
}
.blog_detail--title--title {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 25px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .blog_detail--title--title {
    font-size: 24px;
    line-height: 30px;
  }
}
.blog_detail--content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.blog_detail--content--1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 29px;
  color: #000;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1024px) {
  .blog_detail--content--1 {
    font-size: 20px;
    line-height: 36px;
  }
}
.blog_detail--content--2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 180%;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  .blog_detail--content--2 {
    font-size: 14px;
    line-height: 180%;
  }
}
.blog_detail--content figure {
  display: block;
  margin: 60px 0;
  padding: 0;
  width: 100%;
}
.blog_detail--content figure img {
  text-align: center;
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog_detail--content figure figcaption {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  line-height: 160%;
  color: #7A7A7A;
  text-align: right;
  margin-top: 4px;
}
.blog_detail--content--group--title {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 180%;
  color: #000;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1024px) {
  .blog_detail--content--group--title {
    font-size: 24px;
    line-height: 180%;
  }
}
.blog_detail--content--group--content {
  margin-bottom: 60px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 180%;
  color: #000;
}
.blog_detail--content--share {
  margin: 65px auto 120px;
}
.blog_detail--may_interest {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .blog_detail--may_interest {
    margin: 0 0 80px;
  }
}

.page-404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Montserrat;
  margin: 56px 16px 27px;
}
@media only screen and (min-width: 768px) {
  .page-404 {
    margin: 56px 33px 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .page-404 {
    margin: 56px 33px 80px;
  }
}
.page-404 .title {
  color: #151515;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  margin: 185px 16px 16px;
}
@media only screen and (min-width: 768px) {
  .page-404 .title {
    margin: 230px 33px 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .page-404 .title {
    margin: 230px 33px 16px;
  }
}
@media only screen and (min-width: 480px) {
  .page-404 .title {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
  }
}
.page-404 .text {
  color: rgba(0, 0, 0, 0.64);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 32px;
}
.page-404 .btn-home {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.page-404 .btn-home a {
  text-decoration: none;
  margin: auto;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 40px;
}
@media only screen and (min-width: 480px) {
  .page-404 .btn-home a {
    width: auto;
  }
}
.page-404 .error-code {
  align-self: start;
  color: rgba(21, 21, 21, 0.1);
  font: 160px 250 "caneladeck-thin";
  letter-spacing: -3.2px;
  margin: 180px 16px 0;
}
@media only screen and (min-width: 768px) {
  .page-404 .error-code {
    margin: 60px 33px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .page-404 .error-code {
    margin: 60px 33px 0;
  }
}
@media only screen and (min-width: 480px) {
  .page-404 .error-code {
    font-size: 320px;
    line-height: 120%;
    letter-spacing: -6.4px;
  }
}

.landing--title {
  margin: 80px 16px 27px;
  color: #151515;
  text-align: center;
  font-family: "caneladeck-thin";
  font-size: 44px;
  font-style: normal;
  font-weight: 250;
  line-height: normal;
  letter-spacing: -0.44px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .landing--title {
    margin: 120px 33px 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .landing--title {
    margin: 120px 33px 80px;
  }
}
@media only screen and (min-width: 768px) {
  .landing--title {
    font-size: 64px;
    line-height: 70px;
    letter-spacing: -0.64px;
  }
}
.landing--main {
  margin-bottom: 120px;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .landing--main {
    margin-bottom: 290px;
  }
}

.legal {
  margin: 93px 16px 36px;
}
@media only screen and (min-width: 768px) {
  .legal {
    margin: 105px 140px 56px;
  }
}
@media only screen and (min-width: 1024px) {
  .legal {
    margin: 105px 140px 56px;
  }
}
.legal h1 {
  color: var(--Black-RC, #000);
  font-size: 36px;
  line-height: 38px;
  font-weight: 250;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 2rem;
}
@media only screen and (min-width: 768px) {
  .legal h1 {
    font-size: 48px;
    line-height: 60px;
  }
}
.legal h2 {
  margin: 2rem 0 1rem;
  font-size: 22px;
}
@media only screen and (min-width: 768px) {
  .legal h2 {
    font-size: 26px;
  }
}
.legal a {
  color: var(--Black-RC, #000);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-decoration-line: underline;
}
.legal p,
.legal ul {
  color: var(--Black-RC, #000);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.legal ul {
  margin-bottom: 24px;
}
.legal li {
  word-wrap: break-word;
  white-space: normal;
}

.ma {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Montserrat;
  margin: 85px 16px 27px;
}
@media only screen and (min-width: 768px) {
  .ma {
    margin: 208px 33px 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .ma {
    margin: 208px 33px 80px;
  }
}
.ma--title {
  color: #151515;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  margin: 80px 16px 16px;
}
@media only screen and (min-width: 768px) {
  .ma--title {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .ma--title {
    margin: 80px 33px 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .ma--title {
    margin: 80px 33px 16px;
  }
}
.ma--text {
  color: rgba(0, 0, 0, 0.64);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.ma__pos--1 {
  margin: 0 0 80px;
}
.ma__pos--2 {
  margin: 0 0 24px;
}
.ma--rrss {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 100%;
  gap: 10px;
}
@media only screen and (min-width: 480px) {
  .ma--rrss {
    max-width: 299px;
    gap: 13px;
  }
}
.ma--rrss--icon {
  width: 32px;
  height: 32px;
}

.about-history picture {
  width: 100%;
}
.about-history picture img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .about-history picture img {
    max-height: 740px;
  }
}
.about-history--video {
  margin-top: 56px;
}
@media only screen and (min-width: 768px) {
  .about-history--video {
    margin-top: 0;
  }
}
.about-history--main {
  overflow: hidden;
}
.about-history--main--title {
  margin: 24px 0;
  padding: 0 4.2%;
  color: var(--black-rc, #151515);
  font-style: normal;
  font-weight: 250;
  font-size: 44px;
  line-height: 57px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .about-history--main--title {
    padding: 0 3.8%;
  }
}
@media only screen and (min-width: 1024px) {
  .about-history--main--title {
    margin: 4.86% 27.63% 0 27.63%;
    font-size: 64px;
    line-height: 70px;
  }
}
.about-history--main--text {
  margin: 24px 0 0 0;
  padding: 0 4.2%;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #696969;
}
@media only screen and (min-width: 768px) {
  .about-history--main--text {
    padding: 0 3.8%;
  }
}
.about-history--main--text p .underline {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .about-history--main--text {
    width: 644px;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #000000;
  }
}
.about-history--main--meet {
  width: 100%;
  overflow-x: hidden;
  white-space: nowrap;
  cursor: grab;
  margin: 3.4% 0 0 4.2%;
  height: 560px;
  position: relative;
}
.about-history--main--meet div {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
@media only screen and (min-width: 768px) {
  .about-history--main--meet {
    margin: 8% 0 12.7% 4.2%;
  }
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet {
    height: 680px;
  }
}
.about-history--main--meet .text_meet {
  width: 260px;
  white-space: normal;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text_meet {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #151515;
  }
}
.about-history--main--meet .text_meet_large {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #151515;
  width: 334px;
  white-space: normal;
}
.about-history--main--meet .text_uppercase {
  text-transform: uppercase;
}
.about-history--main--meet .img_meet_full {
  height: 354px;
  width: auto;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .img_meet_full {
    height: 454px;
  }
}
.about-history--main--meet .img_meet_medium {
  height: 270px;
  width: auto;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .img_meet_medium {
    height: 325px;
  }
}
.about-history--main--meet .img_meet_small {
  height: 207px;
  width: auto;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .img_meet_small {
    height: 260px;
  }
}
.about-history--main--meet .img1 {
  position: absolute;
  left: 1173px;
  top: 108px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .img1 {
    left: 1173px;
    top: 108px;
  }
}
.about-history--main--meet .img2 {
  position: absolute;
  left: 2560px;
  top: 108px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .img2 {
    left: 2560px;
    top: 108px;
  }
}
.about-history--main--meet .img3 {
  position: absolute;
  left: 3615px;
  top: 108px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .img3 {
    left: 3615px;
    top: 108px;
  }
}
.about-history--main--meet .img4 {
  position: absolute;
  left: 4300px;
  top: 108px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .img4 {
    left: 4300px;
    top: 108px;
  }
}
.about-history--main--meet .img5 {
  position: absolute;
  left: 5070px;
  top: 108px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .img5 {
    left: 5070px;
    top: 108px;
  }
}
.about-history--main--meet .img6 {
  position: absolute;
  left: 5788px;
  top: 108px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .img6 {
    left: 5788px;
    top: 108px;
  }
}
.about-history--main--meet .img7 {
  position: absolute;
  left: 6719px;
  top: 108px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .img7 {
    left: 6719px;
    top: 108px;
  }
}
.about-history--main--meet .img8 {
  position: absolute;
  left: 7159px;
  top: 252px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .img8 {
    left: 7159px;
    top: 300px;
  }
}
.about-history--main--meet .img9 {
  position: absolute;
  left: 7696px;
  top: 108px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .img9 {
    left: 7696px;
    top: 108px;
  }
}
.about-history--main--meet .text0 {
  position: absolute;
  left: 0;
  top: 177px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text0 {
    left: 0;
    top: 255px;
  }
}
.about-history--main--meet .text0 .title {
  width: 255px;
  white-space: normal;
  font-family: "caneladeck-thin";
  font-style: normal;
  font-weight: 250;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  color: #151515;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text0 .title {
    width: 706px;
    font-size: 48px;
    line-height: 60px;
  }
}
.about-history--main--meet .text0 .title2 {
  width: 100%;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #151515;
  white-space: normal;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 21px;
}
.about-history--main--meet .text0 .title2 .marg_left {
  margin-left: 12px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text0 .title2 {
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: flex-end;
  }
}
.about-history--main--meet .text1 {
  position: absolute;
  left: 1450px;
  top: 350px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text1 {
    left: 1523px;
    top: 421px;
  }
}
.about-history--main--meet .text2 {
  position: absolute;
  left: 1894px;
  top: 111px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text2 {
    left: 1896px;
    top: 151px;
  }
}
.about-history--main--meet .text2 .quote-text {
  align-self: flex-end;
  width: 260px;
  white-space: normal;
  font-style: italic;
  quotes: "“" "”";
}
.about-history--main--meet .text2 .quote-text::before {
  content: open-quote;
}
.about-history--main--meet .text2 .quote-text::after {
  content: close-quote;
}
.about-history--main--meet .text2 .quote-author {
  margin-top: 15px;
}
.about-history--main--meet .text3 {
  position: absolute;
  left: 2155px;
  top: 330px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text3 {
    left: 2155px;
    top: 394px;
  }
}
.about-history--main--meet .text4 {
  position: absolute;
  left: 2835px;
  top: 108px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text4 {
    left: 2900px;
    top: 108px;
  }
}
.about-history--main--meet .text5 {
  position: absolute;
  left: 3090px;
  top: 433px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text5 {
    left: 3090px;
    top: 511px;
  }
}
.about-history--main--meet .text6 {
  position: absolute;
  left: 3889px;
  top: 420px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text6 {
    left: 3963px;
    top: 513px;
  }
}
.about-history--main--meet .text7 {
  position: absolute;
  left: 4593px;
  top: 106px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text7 {
    left: 4645px;
    top: 110px;
  }
}
.about-history--main--meet .text8 {
  position: absolute;
  left: 5346px;
  top: 378px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text8 {
    left: 5420px;
    top: 468px;
  }
}
.about-history--main--meet .text9 {
  position: absolute;
  left: 6019px;
  top: 110px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text9 {
    left: 6019px;
    top: 110px;
  }
}
.about-history--main--meet .text9 .quote-text {
  align-self: flex-start;
  width: 270px;
  white-space: normal;
  font-style: italic;
  quotes: "“" "”";
}
.about-history--main--meet .text9 .quote-text::before {
  content: open-quote;
}
.about-history--main--meet .text9 .quote-text::after {
  content: close-quote;
}
.about-history--main--meet .text9 .quote-author {
  margin-top: 15px;
}
.about-history--main--meet .text10 {
  position: absolute;
  left: 6257px;
  top: 434px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text10 {
    left: 6259px;
    top: 507px;
  }
}
.about-history--main--meet .text11 {
  position: absolute;
  left: 6996px;
  top: 105px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text11 {
    left: 7061px;
    top: 110px;
  }
}
.about-history--main--meet .text11 .quote-text {
  align-self: flex-start;
  width: 260px;
  white-space: normal;
  font-style: italic;
  quotes: "“" "”";
}
.about-history--main--meet .text11 .quote-text::before {
  content: open-quote;
}
.about-history--main--meet .text11 .quote-text::after {
  content: close-quote;
}
.about-history--main--meet .text11 .quote-author {
  margin-top: 15px;
}
.about-history--main--meet .text12 {
  position: absolute;
  left: 8101px;
  top: 106px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text12 {
    left: 8181px;
    top: 110px;
  }
}
.about-history--main--meet .text13 {
  text-align: center;
  padding-right: 571px;
  position: absolute;
  left: 8956px;
  top: 369px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text13 {
    left: 9012px;
    top: 443px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .text13 {
    padding-right: 571px;
  }
}
.about-history--main--meet .hl {
  position: absolute;
  left: 287px;
  top: 280px;
  width: 8610px;
  height: 2px;
  background-color: #E8E8E8;
  z-index: -2;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .hl {
    left: 750px;
    top: 340px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .hl {
    width: 8200px;
  }
}
.about-history--main--meet .vl {
  position: absolute;
  width: 2px;
  height: 30px;
  background-color: #E8E8E8;
  z-index: -2;
}
.about-history--main--meet .vl_up {
  bottom: 280px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_up {
    bottom: 338px;
  }
}
.about-history--main--meet .vl_down {
  bottom: 248px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_down {
    bottom: 308px;
  }
}
.about-history--main--meet .vl_pos1 {
  position: absolute;
  left: 287px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_pos1 {
    left: 750px;
  }
}
.about-history--main--meet .vl_pos2 {
  position: absolute;
  left: 1896px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_pos2 {
    left: 1896px;
  }
}
.about-history--main--meet .vl_pos3 {
  position: absolute;
  left: 2155px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_pos3 {
    left: 2155px;
  }
}
.about-history--main--meet .vl_pos4 {
  position: absolute;
  left: 2513px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_pos4 {
    left: 2513px;
  }
}
.about-history--main--meet .vl_pos5 {
  position: absolute;
  left: 3090px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_pos5 {
    left: 3090px;
  }
}
.about-history--main--meet .vl_pos6 {
  position: absolute;
  left: 3579px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_pos6 {
    left: 3579px;
  }
}
.about-history--main--meet .vl_pos7 {
  position: absolute;
  left: 4272px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_pos7 {
    left: 4257px;
  }
}
.about-history--main--meet .vl_pos8 {
  position: absolute;
  left: 5033px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_pos8 {
    left: 5033px;
  }
}
.about-history--main--meet .vl_pos9 {
  position: absolute;
  left: 5749px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_pos9 {
    left: 5749px;
  }
}
.about-history--main--meet .vl_pos10 {
  position: absolute;
  left: 6259px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_pos10 {
    left: 6259px;
  }
}
.about-history--main--meet .vl_pos11 {
  position: absolute;
  left: 7659px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .vl_pos11 {
    left: 7659px;
  }
}
.about-history--main--meet .year {
  position: absolute;
  font-family: "caneladeck-thin";
  font-style: normal;
  font-weight: 250;
  font-size: 105px;
  line-height: 80%;
  text-align: center;
  letter-spacing: -1.4px;
  text-transform: uppercase;
  color: #151515;
  z-index: 1001;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .year {
    font-size: 140px;
  }
}
.about-history--main--meet .year1 {
  position: absolute;
  left: 1135px;
  top: 44px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .year1 {
    left: 1123px;
    top: 24px;
  }
}
.about-history--main--meet .year2 {
  position: absolute;
  left: 2513px;
  top: 433px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .year2 {
    left: 2501px;
    top: 518px;
  }
}
.about-history--main--meet .year3 {
  position: absolute;
  left: 3085px;
  top: 320px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .year3 {
    left: 3090px;
    top: 370px;
  }
}
.about-history--main--meet .year4 {
  position: absolute;
  left: 3584px;
  top: 44px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .year4 {
    left: 3571px;
    top: 28px;
  }
}
.about-history--main--meet .year5 {
  position: absolute;
  left: 4268px;
  top: 44px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .year5 {
    left: 4252px;
    top: 23px;
  }
}
.about-history--main--meet .year6 {
  position: absolute;
  left: 5035px;
  top: 428px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .year6 {
    left: 5027px;
    top: 519px;
  }
}
.about-history--main--meet .year7 {
  position: absolute;
  left: 6254px;
  top: 322px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .year7 {
    left: 6257px;
    top: 367px;
  }
}
.about-history--main--meet .year8 {
  position: absolute;
  left: 7659px;
  top: 41px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .year8 {
    left: 7649px;
    top: 16px;
  }
}
.about-history--main--meet .year9 {
  position: absolute;
  left: 9012px;
  top: 224px;
}
@media only screen and (min-width: 1024px) {
  .about-history--main--meet .year9 {
    left: 9025px;
    top: 260px;
  }
}
picture {
  width: 100%;
}
picture img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  picture img {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  picture img {
    max-height: 740px;
  }
}

.about--title {
  margin: 80px 16px 27px;
  color: #151515;
  text-align: center;
  font-size: 44px;
  font-style: normal;
  font-weight: 250;
  letter-spacing: -0.44px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .about--title {
    margin: 80px 50px 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .about--title {
    margin: 80px 50px 80px;
  }
}
@media only screen and (min-width: 768px) {
  .about--title {
    font-size: 64px;
    line-height: 70px;
    letter-spacing: -0.64px;
  }
}
.about--video {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.about--video video {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.about--main {
  margin-bottom: 120px;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .about--main {
    margin-bottom: 290px;
  }
}
.about--main--text_history {
  margin: 32px 16px 50px;
  color: #696969;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .about--main--text_history {
    margin: 0 27.7% 160px;
    color: #000;
    text-align: center;
    font-size: 20px;
    line-height: 180%;
  }
}
.about--main--image_w_captions {
  background: #F7F7F7;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px 22px 64px;
  width: 343px;
  height: 420.452px;
  flex-shrink: 0;
  border-radius: 2px;
  box-shadow: 0px 1.58px 1.58px 0px rgba(0, 0, 0, 0.15), 1.58px 1.58px 1.58px 0px #fff inset;
}
@media only screen and (min-width: 768px) {
  .about--main--image_w_captions {
    width: 434px;
    height: 532px;
    flex-shrink: 0;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15), 2px 2px 2px 0px #fff inset;
    padding: 30px 30px 80px;
  }
}
.about--main--image_w_captions img {
  width: 100%;
  height: auto;
}
.about--main--image_w_captions .captions {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.about--main--image_w_captions .captions .caption {
  color: #818181;
  font-weight: 400;
  letter-spacing: -0.25px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .about--main--image_w_captions .captions .caption {
    opacity: 0.8;
  }
}
.about--main--image_w_captions .captions .caption.left {
  text-align: left;
}
.about--main--image_w_captions .captions .caption.right {
  text-align: right;
}
.about--main--title2 {
  margin: 24px 16px 24px;
  color: #151515;
  text-align: center;
  font-size: 29px;
  font-style: normal;
  font-weight: 250;
  line-height: 38px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .about--main--title2 {
    margin: 48px 50px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .about--main--title2 {
    margin: 48px 50px 24px;
  }
}
@media only screen and (min-width: 768px) {
  .about--main--title2 {
    font-size: 48px;
    line-height: 54px;
    letter-spacing: -0.48px;
  }
}
.about--main .rc_desfile {
  padding-top: 48px;
}
@media only screen and (min-width: 768px) {
  .about--main .rc_desfile {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.about--main .rc_col_row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 5px;
  row-gap: 23px;
}
@media only screen and (min-width: 768px) {
  .about--main .rc_col_row {
    flex-direction: row;
    row-gap: 32px;
    -moz-column-gap: 32px;
         column-gap: 32px;
    padding-right: 32px;
    padding-left: 32px;
  }
}
.about--main--text {
  margin: 0 16px 90px;
  color: #696969;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .about--main--text {
    margin: 0 50px 70px;
  }
}
@media only screen and (min-width: 1024px) {
  .about--main--text {
    margin: 0 50px 70px;
  }
}
@media only screen and (min-width: 768px) {
  .about--main--text {
    width: 475px;
    text-align: center;
    line-height: 180%;
  }
}
.about--main--rc_dc {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  background-color: #F9F7F1;
  margin: 0 0 80px;
  padding: 56px 16px 56px;
}
@media only screen and (min-width: 768px) {
  .about--main--rc_dc {
    gap: 80px;
  }
}
@media only screen and (min-width: 768px) {
  .about--main--rc_dc {
    margin: 0 0 120px;
  }
}
@media only screen and (min-width: 1024px) {
  .about--main--rc_dc {
    margin: 0 0 120px;
  }
}
@media only screen and (min-width: 768px) {
  .about--main--rc_dc {
    padding: 80px 28% 133px;
  }
}
@media only screen and (min-width: 1024px) {
  .about--main--rc_dc {
    padding: 80px 28% 133px;
  }
}
.about--main--rc_dc--quotes {
  color: #000;
  text-align: center;
  font-family: "caneladeck-thin";
  font-size: 20px;
  font-style: normal;
  font-weight: 250;
  line-height: 26px;
}
@media only screen and (min-width: 768px) {
  .about--main--rc_dc--quotes {
    color: #000;
    font-size: 24px;
    line-height: 180%;
  }
}
.about--main--text_awards {
  padding: 0 16px 60px;
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
}
.about--main--text_awards p {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .about--main--text_awards {
    padding: 20px 0 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .about--main--text_awards {
    padding: 20px 0 60px;
  }
}

@media only screen and (min-width: 768px) {
  .w475_tablet {
    width: 475px;
  }
}

@media only screen and (min-width: 768px) {
  .w644_tablet {
    width: 644px;
  }
}

@media only screen and (min-width: 768px) {
  .w931_tablet {
    width: 931px;
  }
}

.max_height_vestido_novia_fiesta {
  max-height: 618px;
}

.about-textile picture {
  width: 100%;
}
.about-textile picture img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .about-textile picture img {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile picture img {
    max-height: 740px;
  }
}
.about-textile--video {
  margin-top: 56px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .about-textile--video {
    margin-top: 0;
  }
}
.about-textile--video video {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-textile--video #tejido_img_vid {
  width: 100%;
  height: 90vh;
}
.about-textile--video #tejido_img_vid video {
  width: 100%;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-textile--main {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
@media only screen and (min-width: 768px) {
  .about-textile--main {
    align-items: start;
  }
}
.about-textile--main--imgs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.about-textile--main--imgs--img {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.about-textile--main--imgs--img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 480px) {
  .about-textile--main--imgs--img {
    flex: 1 1 28.8%;
  }
}
@media only screen and (min-width: 480px) {
  .about-textile--main--imgs {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}
.about-textile--navbar_tejidos {
  position: relative;
  padding: 32px 16px;
  width: 100%;
}
.about-textile--navbar_tejidos--container {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
  gap: 12px;
}
@media only screen and (min-width: 1024px) {
  .about-textile--navbar_tejidos--container {
    justify-content: center;
  }
}
.about-textile--navbar_tejidos--container div button {
  color: #636363;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .about-textile--navbar_tejidos--container div button {
    color: #000;
  }
}
.about-textile--navbar_tejidos--container div button.active {
  border: 1px solid #000;
  background: #000;
}
.about-textile--navbar_tejidos--container div button:hover,
.about-textile--navbar_tejidos--container div button:active,
.about-textile--navbar_tejidos--container div button:focus,
.about-textile--navbar_tejidos--container div button:active {
  border: 1px solid #000;
  background: #000;
}
.about-textile--slider {
  position: relative;
  overflow: hidden;
  max-height: 520px;
}
@media only screen and (min-width: 768px) {
  .about-textile--slider {
    max-height: 520px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile--slider {
    max-height: 665px;
  }
}
.about-textile--slider .item {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
@media only screen and (min-width: 768px) {
  .about-textile--slider .item {
    flex-direction: row;
  }
}
.about-textile--slider .item .item-img,
.about-textile--slider .item .item-text {
  flex: 1 1 0;
}
.about-textile--slider .item .item-img {
  position: relative;
}
.about-textile--slider .item .item-img .background-img {
  width: 100%;
  height: 100%;
}
.about-textile--slider .item .item-img .foreground-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 18%;
  width: 100%;
  height: auto;
  transition: opacity 0.5s ease-in-out;
}
.about-textile--slider .item .item-img .about-textile_slider_controls {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 7.5%;
}
.about-textile--slider .item .item-img .about-textile_slider_controls button {
  background-color: transparent;
  border: none;
  padding: 0 10px;
  outline: none;
  cursor: pointer;
}
.about-textile--slider .item .item-img .about-textile_slider_controls button img {
  width: 9px;
  height: auto;
}
.about-textile--slider .item .item-text {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.about-textile--slider .item .item-text .item-title,
.about-textile--slider .item .item-text .item-content {
  transition: opacity 0.5s ease-in-out;
}
.about-textile--slider .item .item-text .item-title {
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  text-transform: uppercase;
  padding: 40px 24px 24px;
}
@media only screen and (min-width: 768px) {
  .about-textile--slider .item .item-text .item-title {
    padding: 40px 10% 24px;
  }
}
.about-textile--slider .item .item-text .item-content {
  padding: 0 24px 24px;
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}
@media only screen and (min-width: 768px) {
  .about-textile--slider .item .item-text .item-content {
    padding: 0 10% 24px;
  }
}
.about-textile--quotes {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #F9F7F1;
  margin: 56px 0 80px;
  padding: 56px 16px 56px;
}
@media only screen and (min-width: 768px) {
  .about-textile--quotes {
    margin: 80px 0 120px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile--quotes {
    margin: 80px 0 170px;
  }
}
@media only screen and (min-width: 768px) {
  .about-textile--quotes {
    padding: 133px 28% 133px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile--quotes {
    padding: 133px 28% 133px;
  }
}
.about-textile--quotes--text {
  color: #000;
  text-align: center;
  font-family: "caneladeck-thin";
  font-size: 20px;
  font-style: normal;
  font-weight: 250;
  line-height: 26px;
  margin: 0 16px 32px;
}
@media only screen and (min-width: 768px) {
  .about-textile--quotes--text {
    width: 620px;
  }
}
@media only screen and (min-width: 768px) {
  .about-textile--quotes--text {
    margin: 0 0 32px;
    font-size: 24px;
    line-height: 180%;
  }
}
.about-textile--quotes--signature {
  padding: 0 16px 56px;
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}
@media only screen and (min-width: 768px) {
  .about-textile--quotes--signature {
    width: 620px;
  }
}
.about-textile__title--0 {
  align-self: self-start;
  color: #151515;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
}
.about-textile__title--1 {
  margin: 0 16px 0;
  color: #151515;
  font-size: 44px;
  font-style: normal;
  font-weight: 250;
  line-height: normal;
  letter-spacing: -0.44px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .about-textile__title--1 {
    margin: 0 50px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile__title--1 {
    margin: 0 50px 24px;
  }
}
@media only screen and (min-width: 768px) {
  .about-textile__title--1 {
    font-size: 64px;
    line-height: 70px;
    letter-spacing: -0.64px;
  }
}
.about-textile__title--2 {
  margin: 0 16px 0;
  color: #151515;
  font-size: 44px;
  font-style: normal;
  font-weight: 250;
  line-height: 1.3;
  letter-spacing: -0.44px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .about-textile__title--2 {
    margin: 0 50px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile__title--2 {
    margin: 0 50px 24px;
  }
}
@media only screen and (min-width: 768px) {
  .about-textile__title--2 {
    font-size: 48px;
    line-height: 54px;
    letter-spacing: -0.48px;
  }
}
.about-textile__text {
  margin: 0 16px 40px;
  color: #696969;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .about-textile__text {
    margin: 0 50px 84px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile__text {
    margin: 0 50px 84px;
  }
}
@media only screen and (min-width: 768px) {
  .about-textile__text {
    width: 475px;
    color: #000;
    font-size: 14px;
    line-height: 180%;
  }
}
.about-textile__pos--1 {
  margin: 32px 16px 15px;
}
@media only screen and (min-width: 768px) {
  .about-textile__pos--1 {
    margin: 80px 50px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile__pos--1 {
    margin: 80px 50px 24px;
  }
}
.about-textile__pos--2 {
  margin: 0 16px 0;
}
@media only screen and (min-width: 768px) {
  .about-textile__pos--2 {
    margin: 0 50px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile__pos--2 {
    margin: 0 50px 0;
  }
}
.about-textile__pos--3 {
  margin: 16px 16px 42px;
}
@media only screen and (min-width: 768px) {
  .about-textile__pos--3 {
    margin: 24px 50px 85px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile__pos--3 {
    margin: 24px 50px 85px;
  }
}
@media only screen and (min-width: 768px) {
  .about-textile__pos--3 {
    width: 475px;
  }
}
.about-textile__pos--4 {
  margin: 32px 16px 0;
}
@media only screen and (min-width: 768px) {
  .about-textile__pos--4 {
    align-self: center;
  }
}
@media only screen and (min-width: 768px) {
  .about-textile__pos--4 {
    margin: 105px 50px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile__pos--4 {
    margin: 105px 50px 24px;
  }
}
.about-textile__pos--5 {
  margin: 25px 16px 0;
}
@media only screen and (min-width: 768px) {
  .about-textile__pos--5 {
    align-self: center;
    text-align: center;
    width: 565px;
  }
}
@media only screen and (min-width: 768px) {
  .about-textile__pos--5 {
    margin: 0 50px 37px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile__pos--5 {
    margin: 0 50px 37px;
  }
}
.about-textile__pos--6 {
  margin: 64px 16px 24px;
}
@media only screen and (min-width: 768px) {
  .about-textile__pos--6 {
    margin: 100px 50px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile__pos--6 {
    margin: 100px 50px 24px;
  }
}
.about-textile__pos--7 {
  margin: 28px 16px 24px;
}
@media only screen and (min-width: 768px) {
  .about-textile__pos--7 {
    margin: 0 50px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .about-textile__pos--7 {
    margin: 0 50px 0;
  }
}

.eti {
  margin: 56px 0 25px;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .eti {
    margin: 112px 0 25px;
  }
}
@media only screen and (min-width: 1024px) {
  .eti {
    margin: 112px 0 25px;
  }
}
.eti h1 {
  padding: 32px 16px 0;
  color: #000;
  font-family: "caneladeck-thin";
  font-size: 36px;
  font-style: normal;
  font-weight: 250;
  line-height: 38px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .eti h1 {
    padding: 0 56px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .eti h1 {
    padding: 0 56px 0;
  }
}
@media only screen and (min-width: 768px) {
  .eti h1 {
    font-size: 48px;
    line-height: 60px;
  }
}
.eti--content {
  margin: 24px 16px 32px;
  color: #5C5C5C;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .eti--content {
    margin: 15px 50px 56px;
  }
}
@media only screen and (min-width: 1024px) {
  .eti--content {
    margin: 15px 50px 56px;
  }
}
.eti .image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.eti .image-container .image {
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 1%;
}
@media only screen and (min-width: 480px) {
  .eti .image-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .eti .image-container .image {
    width: 49.5%;
    margin: 0.25%;
  }
}
@media only screen and (min-width: 1024px) {
  .eti .image-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .eti .image-container .image {
    width: 33.08%;
    margin: 0.125%;
  }
}
.eti .image-modal {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 56px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
}
.eti .modal-content {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 56px);
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 768px) {
  .eti .modal-content {
    left: 10%;
    width: 80%;
  }
}
.eti .close {
  z-index: 101;
  position: absolute;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M28 28L12 12M28 12L12 28' stroke='black' stroke-opacity='0.2' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 28L12 12M28 12L12 28' stroke='white' stroke-width='2.28571' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  cursor: pointer;
  top: 16px;
  right: 16px;
  left: auto;
}
@media only screen and (min-width: 768px) {
  .eti .close {
    top: 24px;
    right: 24px;
  }
}

.find-dress {
  display: block;
  margin: 4rem 0;
}
.find-dress .full-flex {
  height: 100vh;
  flex-direction: column;
  justify-content: space-between;
  margin: auto;
  width: 100%;
  margin-top: 60px;
  height: -webkit-fill-available;
}
@media only screen and (min-width: 1024px) {
  .find-dress .full-flex {
    flex-direction: row;
  }
}
.find-dress .full-flex .vestido1,
.find-dress .full-flex .vestido2 {
  mix-blend-mode: multiply;
  height: 70vh;
}
.find-dress .f-headline3 {
  font-family: "caneladeck-thin";
  padding: 25px;
}
.find-dress .slider-parent {
  display: block;
  width: 100%;
}
.find-dress .slider-parent .part {
  display: none;
  left: 100%;
  width: 100%;
  height: auto;
  background: rgb(255, 255, 255);
  transition: all 0.6s ease;
  top: 5em;
}
.find-dress .slider-parent .part.show {
  transition: all 0.6s ease;
  left: 0 !important;
  top: 56px;
  display: flex;
}
.find-dress .slider-parent .part.slideleft {
  transition: all 0.6s ease;
  left: -100% !important;
  position: absolute;
}
.find-dress .slider-parent .part.slideright {
  transition: all 1s ease;
  left: 100% !important;
  position: absolute;
}
.find-dress .slider-parent .part.part_1 {
  visibility: hidden;
  background-color: #F9F7F1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.find-dress .slider-parent .part.part_1 .tv {
  display: flex;
  align-items: center;
  text-align: center;
  flex: 1;
}
.find-dress .slider-parent .part.part_1 .tv.intro-texto {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
}
.find-dress .slider-parent .part.part_1 .tv.intro-texto p {
  margin: auto;
  color: var(--Black-RC, #151515);
  font-size: 58px;
  line-height: 70px;
  letter-spacing: -0.58px;
  font-style: italic;
}
.find-dress .slider-parent .part.part_1 .tv.intro-texto p span {
  font-size: 64px;
  letter-spacing: -0.64px;
  text-transform: uppercase;
  margin-left: 12px;
  font-style: initial;
}
.find-dress .slider-parent .part.part_1 .tv.intro-texto label {
  margin: auto;
  font-size: 16px;
  line-height: 24px;
  max-width: 330px;
  color: #656565;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
}
.find-dress .slider-parent .part.part_1 .tv.intro-texto #title1 {
  font-size: 13px;
}
.find-dress .slider-parent .part.part_1 .tv.vestido1 {
  justify-content: flex-end;
}
.find-dress .slider-parent .full-flex-col {
  width: inherit;
}
.find-dress .intro {
  width: 100%;
  position: relative;
  margin-top: 56px;
}
.find-dress .intro .full-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1024px) {
  .find-dress .intro .full-flex {
    flex-direction: row;
  }
}
.find-dress .intro .full-flex div {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .find-dress .intro .full-flex div {
    width: 33.33%;
  }
}
.find-dress .intro .full-flex .vestido1 {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .find-dress .intro .full-flex .vestido1 {
    display: flex;
    justify-content: center;
  }
}
.find-dress .intro .full-flex .intro-texto {
  align-content: center;
}
.find-dress .intro .full-flex .intro-texto button {
  width: 200px;
  text-align: center;
  margin: auto;
}
.find-dress .intro .full-flex .intro-texto p {
  font-family: "caneladeck-thin";
  color: var(--Black-RC, #151515);
  font-size: 58px;
  line-height: 70px;
  letter-spacing: -0.58px;
}
.find-dress .titulo p {
  margin: auto;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .find-dress .titulo p {
    width: 40%;
  }
}
.find-dress .tipos-container {
  width: 100%;
  padding: 0 20px;
}
.find-dress .tipos-container ::-webkit-scrollbar {
  height: 10px;
}
.find-dress .tipos-container ::-webkit-scrollbar-track {
  background: transparent;
}
.find-dress .tipos-container ::-webkit-scrollbar-thumb {
  background: #888;
}
.find-dress .tipos-container ::-webkit-scrollbar-thumb:hover {
  background: #151515;
}
@media only screen and (min-width: 1024px) {
  .find-dress .tipos-container {
    margin-bottom: 3vh;
  }
}
.find-dress .tipos {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0;
  overflow-x: scroll;
  gap: 40px;
}
@media only screen and (min-width: 1024px) {
  .find-dress .tipos {
    justify-content: space-between;
  }
}
.find-dress .tipos li {
  display: flex;
  flex-direction: column;
  list-style: none;
  text-align: center;
  mix-blend-mode: multiply;
  transition: all 200ms ease-in-out;
}
.find-dress .tipos li.chosen img {
  box-shadow: 1px 5px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.find-dress .tipos li.chosen p {
  font-weight: bold;
}
.find-dress .tipos img {
  width: 275px;
  height: auto;
  transition: all 200ms ease-in-out;
}
@media only screen and (min-width: 1279px) {
  .find-dress .tipos img {
    width: 320px;
  }
}
@media only screen and (min-width: 1750px) {
  .find-dress .tipos img {
    width: 525px;
  }
}
.find-dress .tipos p {
  text-transform: uppercase;
  margin-top: 1rem;
}
.find-dress .div-btn {
  padding: 10px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: absolute;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #DCDCDC;
  background-color: rgb(255, 255, 255);
  z-index: 9;
}
@media only screen and (min-width: 1024px) {
  .find-dress .div-btn {
    padding: 10px 20px;
  }
}
.find-dress .anterior_ev {
  visibility: hidden;
}

.fd-init {
  margin-top: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.fd-init .fd_title {
  font-family: "caneladeck-thin";
  padding: 15px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}
.fd-init .fd_types {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .fd-init .fd_types {
    flex-direction: row;
  }
}
.fd-init .fd_types .fd_type {
  text-decoration: none;
  color: inherit;
  text-align: center;
  flex: 1;
  max-width: 300px;
}
.fd-init .fd_types .fd_type img {
  margin: 16px 0 16px;
  max-width: 100%;
  height: auto;
  cursor: pointer;
  transition: transform 0.3s;
}
.fd-init .fd_types .fd_type img:hover {
  transform: scale(1.05);
}
.fd-init .fd_types .fd_type p {
  font-size: 20px;
  line-height: 24px;
  max-width: 330px;
  color: #656565;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.yf {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 56px 0 25px;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .yf {
    margin: 108px 0 25px;
  }
}
@media only screen and (min-width: 1024px) {
  .yf {
    margin: 108px 0 25px;
  }
}
.yf h1 {
  padding: 24px 16px 0;
  margin: 0;
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .yf h1 {
    padding: 0 56px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .yf h1 {
    padding: 0 56px 0;
  }
}
@media only screen and (min-width: 768px) {
  .yf h1 {
    font-size: 24px;
    line-height: 30px;
  }
}
.yf--subtitle {
  padding: 16px 16px 16px;
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  opacity: 0.6;
}
@media only screen and (min-width: 768px) {
  .yf--subtitle {
    padding: 20px 56px 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .yf--subtitle {
    padding: 20px 56px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .yf--subtitle {
    font-size: 16px;
    line-height: 24px;
  }
}
.yf--share {
  margin: auto;
}
.yf--fav_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
}
.yf--fav_container--item {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 1%;
}
.yf--fav_container--item.hidden {
  opacity: 0;
  display: none;
}
.yf--fav_container--item .info {
  padding: 13px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.yf--fav_container--item--img {
  position: relative;
  transition: opacity 500ms;
}
.yf--fav_container--item--img img {
  width: 100%;
}
.yf--fav_container--item--img:hover .left-button, .yf--fav_container--item--img:hover .right-button {
  opacity: 1;
}
.yf--fav_container--item--img .left-button,
.yf--fav_container--item--img .right-button {
  opacity: 0;
  transition: opacity 0.5s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 13.333px;
  flex-shrink: 0;
  border-radius: 75px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.yf--fav_container--item--img .left-button:hover,
.yf--fav_container--item--img .right-button:hover {
  opacity: 0.85;
}
.yf--fav_container--item--img .left-button.left-button,
.yf--fav_container--item--img .right-button.left-button {
  left: 20px;
}
.yf--fav_container--item--img .left-button.right-button,
.yf--fav_container--item--img .right-button.right-button {
  right: 20px;
}
.yf--fav_container--item--img .slider-image {
  width: 100%;
  cursor: pointer;
}
@media only screen and (min-width: 480px) {
  .yf--fav_container {
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 64px;
  }
  .yf--fav_container--item {
    width: 49.5%;
    margin: 0.25%;
  }
}
@media only screen and (min-width: 768px) {
  .yf--fav_container {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .yf--fav_container--item {
    width: 32.83%;
    margin: 0.25%;
  }
}
@media only screen and (min-width: 1024px) {
  .yf--fav_container {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .yf--fav_container--item {
    width: 24.75%;
    margin: 0.125%;
  }
}

.noFav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Montserrat;
  margin: 100px 16px 27px;
}
@media only screen and (min-width: 768px) {
  .noFav {
    margin: 177px 50px 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .noFav {
    margin: 177px 50px 80px;
  }
}
.noFav--title {
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  margin: 0 16px 24px;
}
@media only screen and (min-width: 768px) {
  .noFav--title {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .noFav--title {
    margin: 0 50px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .noFav--title {
    margin: 0 50px 24px;
  }
}
.noFav--text {
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  opacity: 0.6;
  margin: 0 0 40px;
}
@media only screen and (min-width: 768px) {
  .noFav--text {
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .noFav--text {
    margin: 0 0 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .noFav--text {
    margin: 0 0 80px;
  }
}
.noFav button {
  margin: 0 0 80px;
  padding: 12px 40px;
}
.noFav button:hover, .noFav button:active, .noFav button:focus, .noFav button:active {
  color: var(--white) !important;
  background-color: var(--black) !important;
  border-color: var(--black) !important;
}

.hide-footer .footer {
  display: none !important;
}

@media (max-width: 768px) {
  .yf--fav_container--item .left-button,
  .yf--fav_container--item .right-button {
    opacity: 1; /* Botones siempre visibles en mobil */
  }
}
.contact {
  margin: 56px 0 77px;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .contact {
    margin: 56px 0 100px;
  }
}
@media only screen and (min-width: 1024px) {
  .contact {
    margin: 56px 0 100px;
  }
}
.contact--header {
  position: relative;
  width: 100%;
}
.contact--header--title {
  padding: 0 16px 0;
  font-weight: 250;
  font-size: 42px;
  line-height: 46px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  resize: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
@media only screen and (min-width: 768px) {
  .contact--header--title {
    padding: 0 5% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .contact--header--title {
    padding: 0 170px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .contact--header--title {
    font-size: 64px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) {
  .contact--header--title {
    white-space: nowrap;
  }
}
.contact .terms {
  margin-top: 2rem;
}
.contact #contact_image_mobile {
  width: 100%;
  height: 172px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media only screen and (min-width: 768px) {
  .contact #contact_image_mobile {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .contact #contact_image_mobile {
    display: none;
  }
}
.contact #contact_image_tablet {
  width: 100%;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
  display: none;
}
@media only screen and (min-width: 768px) {
  .contact #contact_image_tablet {
    display: block;
  }
}
.contact--text {
  margin: 34px 16px 25px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #000;
}
@media only screen and (min-width: 768px) {
  .contact--text {
    margin: 82px 5% 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .contact--text {
    margin: 82px 170px 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .contact--text {
    font-size: 18px;
    line-height: 25px;
  }
}
.contact--form {
  display: flex;
  flex-direction: column;
  margin: 0 16px 15px;
}
@media only screen and (min-width: 768px) {
  .contact--form {
    margin: 0 5% 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .contact--form {
    margin: 0 170px 15px;
  }
}
.contact--form--personal_data {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) {
  .contact--form--personal_data {
    margin-top: 100px;
  }
}

.contact-faqs {
  display: flex;
  flex-direction: column;
  margin: 0 16px 55px;
}
@media only screen and (min-width: 768px) {
  .contact-faqs {
    margin: 0 5% 55px;
  }
}
@media only screen and (min-width: 1024px) {
  .contact-faqs {
    margin: 0 170px 55px;
  }
}
.contact-faqs--btn {
  margin-top: 1rem;
  padding: 12px 40px 12px;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #151515;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .contact-faqs--btn {
    align-self: center;
    width: auto;
  }
}

.form-response {
  padding: 0 0 1rem;
  text-align: center;
}

.main_new_shop {
  margin: 55px 0 77px;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .main_new_shop {
    margin: 55px 0 100px;
  }
}
@media only screen and (min-width: 1024px) {
  .main_new_shop {
    margin: 55px 0 100px;
  }
}
.main_new_shop--header {
  position: relative;
  width: 100%;
  margin-bottom: 32px;
}
.main_new_shop--header--title {
  font-weight: 250;
  font-size: 44px;
  line-height: 46px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #fff;
  padding: 0 16px 0;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  resize: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
@media only screen and (min-width: 1024px) {
  .main_new_shop--header--title {
    font-size: 64px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) {
  .main_new_shop--header--title {
    padding: 0 5% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .main_new_shop--header--title {
    padding: 0 170px 0;
  }
}
@media only screen and (min-width: 768px) {
  .main_new_shop--header--title {
    white-space: nowrap;
  }
}
.main_new_shop #new_shop_image_mobile {
  width: 100%;
  height: 172px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media only screen and (min-width: 768px) {
  .main_new_shop #new_shop_image_mobile {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .main_new_shop #new_shop_image_mobile {
    display: none;
  }
}
.main_new_shop #new_shop_image_tablet {
  width: 100%;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
  display: none;
}
@media only screen and (min-width: 768px) {
  .main_new_shop #new_shop_image_tablet {
    display: block;
  }
}
.main_new_shop--main {
  margin: 0 16px 24px;
}
@media only screen and (min-width: 768px) {
  .main_new_shop--main {
    margin: 0 5% 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .main_new_shop--main {
    margin: 0 170px 40px;
  }
}
.main_new_shop--main--title {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1024px) {
  .main_new_shop--main--title {
    font-size: 18px;
    line-height: 25.2px;
  }
}
.main_new_shop--main--content {
  font-size: 16px;
  font-family: Montserrat;
  line-height: 24px;
  opacity: 0.8;
  color: #696969;
}
.main_new_shop--form {
  display: flex;
  flex-direction: column;
  margin: 0 16px 15px;
}
@media only screen and (min-width: 768px) {
  .main_new_shop--form {
    margin: 0 5% 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .main_new_shop--form {
    margin: 0 170px 15px;
  }
}
.main_new_shop--form--personal_data {
  margin-top: 35px;
}

.distributor {
  margin: 56px 0 77px;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .distributor {
    margin: 55px 0 100px;
  }
}
@media only screen and (min-width: 1024px) {
  .distributor {
    margin: 55px 0 100px;
  }
}
.distributor--header {
  position: relative;
  width: 100%;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .distributor--header {
    margin-bottom: 80px;
  }
}
.distributor--header--title {
  font-weight: 250;
  font-size: 44px;
  line-height: 46px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #fff;
  padding: 0 16px 0;
  position: absolute;
  width: 100%;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  resize: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
@media only screen and (min-width: 1024px) {
  .distributor--header--title {
    font-size: 64px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) {
  .distributor--header--title {
    padding: 0 5% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .distributor--header--title {
    padding: 0 10vw 0;
  }
}
@media only screen and (min-width: 768px) {
  .distributor--header--title {
    top: 37%;
    white-space: nowrap;
  }
}
.distributor--header--subtitle {
  color: #FFF;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
  padding: 0 16px 0;
  position: absolute;
  width: 100%;
  top: 72%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  resize: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media only screen and (min-width: 1024px) {
  .distributor--header--subtitle {
    top: 64%;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0em;
  }
}
@media only screen and (min-width: 768px) {
  .distributor--header--subtitle {
    padding: 0 5% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .distributor--header--subtitle {
    padding: 0 10vw 0;
  }
}
.distributor #new_distributor_image_mobile {
  width: 100%;
  height: 284px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media only screen and (min-width: 768px) {
  .distributor #new_distributor_image_mobile {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .distributor #new_distributor_image_mobile {
    display: none;
  }
}
.distributor #new_distributor_image_tablet {
  width: 100%;
  height: 344px;
  -o-object-fit: cover;
     object-fit: cover;
  display: none;
}
@media only screen and (min-width: 768px) {
  .distributor #new_distributor_image_tablet {
    display: block;
  }
}
.distributor--main {
  margin: 0 16px 80px;
}
@media only screen and (min-width: 768px) {
  .distributor--main {
    margin: 0 5% 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .distributor--main {
    margin: 0 10vw 40px;
  }
}
.distributor--main--title {
  margin-top: 40px;
  margin-bottom: 3rem;
  color: #000;
  font-size: 17px;
  line-height: 150%;
}
@media only screen and (min-width: 768px) {
  .distributor--main--title {
    margin-top: 80px;
    margin-bottom: 5rem;
    color: #151515;
    text-align: center;
    font-size: 18px;
    line-height: 140%;
  }
}
.distributor--main--subtitle {
  color: rgba(21, 21, 21, 0.64);
  font-size: 16px;
  line-height: 24px;
  opacity: 0.8;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .distributor--main--subtitle {
    text-align: center;
  }
}
.distributor--main--items {
  margin-bottom: 24px;
  display: flex;
  gap: 24px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .distributor--main--items {
    flex-direction: row;
    margin: 50px 0;
    gap: 40px;
  }
}
.distributor--main .item {
  display: flex;
  justify-content: start;
  align-items: start;
  flex: 1;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .distributor--main .item {
    flex-direction: column;
  }
}
.distributor--main .item .header {
  display: flex;
  flex-direction: row;
}
.distributor--main .item .number {
  display: inline-block;
  color: #000;
  font-family: "caneladeck-thin";
  font-size: 36px;
  font-weight: 250;
  line-height: 38px;
  text-transform: uppercase;
  margin: 0 30px 15px 0;
}
@media only screen and (min-width: 768px) {
  .distributor--main .item .number {
    color: #151515;
    font-size: 48px;
    line-height: 60px;
    margin: -10px 30px 15px 0;
  }
}
.distributor--main .item .title {
  font-size: 22px;
  margin-bottom: 1rem;
}
.distributor--main .item ul {
  padding-left: 1rem;
}
.distributor--main .item li {
  margin-bottom: 10px;
}
.distributor--main .item p,
.distributor--main .item li {
  color: #151515;
  line-height: 24px;
  opacity: 0.8;
}
@media only screen and (min-width: 768px) {
  .distributor--main .item p,
  .distributor--main .item li {
    opacity: 1;
  }
}
.distributor--form {
  display: flex;
  flex-direction: column;
  margin: 0 16px 15px;
}
@media only screen and (min-width: 768px) {
  .distributor--form {
    margin: 0 5% 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .distributor--form {
    margin: 0 10vw 15px;
  }
}
.distributor--form .nr_recaptcha {
  margin: 2rem 0;
}
.distributor--form .nr_submit_btn {
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .distributor .date-selector {
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }
}

.work-with-us {
  margin: 56px 0 52px;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .work-with-us {
    margin: 56px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .work-with-us {
    margin: 56px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .work-with-us {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.work-with-us--header {
  position: relative;
  width: 100%;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .work-with-us--header {
    margin-bottom: 80px;
  }
}
.work-with-us--header--title {
  font-weight: 250;
  font-size: 44px;
  line-height: 46px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #fff;
  padding: 0 16px 0;
  position: absolute;
  width: 100%;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  resize: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
@media only screen and (min-width: 1024px) {
  .work-with-us--header--title {
    font-size: 64px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) {
  .work-with-us--header--title {
    padding: 0 5% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .work-with-us--header--title {
    padding: 0 170px 0;
  }
}
@media only screen and (min-width: 768px) {
  .work-with-us--header--title {
    top: 37%;
    white-space: nowrap;
  }
}
.work-with-us--header--subtitle {
  color: #FFF;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
  padding: 0 16px 0;
  position: absolute;
  width: 100%;
  top: 72%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  resize: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media only screen and (min-width: 1024px) {
  .work-with-us--header--subtitle {
    top: 64%;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0em;
  }
}
@media only screen and (min-width: 768px) {
  .work-with-us--header--subtitle {
    padding: 0 5% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .work-with-us--header--subtitle {
    padding: 0 170px 0;
  }
}
.work-with-us #work_with_us_image_mobile {
  width: 100%;
  height: 262px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media only screen and (min-width: 768px) {
  .work-with-us #work_with_us_image_mobile {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .work-with-us #work_with_us_image_mobile {
    display: none;
  }
}
.work-with-us #work_with_us_image_tablet {
  width: 100%;
  height: 319px;
  -o-object-fit: cover;
     object-fit: cover;
  display: none;
}
@media only screen and (min-width: 768px) {
  .work-with-us #work_with_us_image_tablet {
    display: block;
  }
}
.work-with-us--main {
  margin: 0 16px 20px;
}
@media only screen and (min-width: 768px) {
  .work-with-us--main {
    margin: 0 5% 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .work-with-us--main {
    margin: 0 170px 20px;
  }
}
.work-with-us--main--title {
  margin-top: 40px;
  margin-bottom: 12px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .work-with-us--main--title {
    margin-top: 80px;
    color: #151515;
    text-align: center;
    font-size: 18px;
    line-height: 140%;
  }
}
.work-with-us--main--subtitle {
  color: rgba(21, 21, 21, 0.64);
  font-size: 16px;
  line-height: 24px;
  opacity: 0.8;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .work-with-us--main--subtitle {
    text-align: center;
  }
}
.work-with-us--main--content {
  color: rgba(21, 21, 21, 0.64);
  font-size: 16px;
  line-height: 24px;
  opacity: 0.8;
}
.work-with-us--main--list {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 768px) {
  .work-with-us--main--list {
    margin: 50px 0 120px;
    flex-direction: row;
    gap: 40px;
  }
}
.work-with-us--main--list .l_item {
  display: flex;
  justify-content: start;
  align-items: start;
  flex: 1;
}
@media only screen and (min-width: 768px) {
  .work-with-us--main--list .l_item {
    flex-direction: column;
  }
}
.work-with-us--main--list .l_number {
  display: inline-block;
  color: #000;
  font-family: "caneladeck-thin";
  font-size: 36px;
  font-weight: 250;
  line-height: 38px;
  text-transform: uppercase;
  margin-right: 30px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .work-with-us--main--list .l_number {
    color: #151515;
    font-size: 48px;
    line-height: 60px;
  }
}
.work-with-us--main--list .l_content {
  color: #151515;
  font-size: 16px;
  line-height: 24px;
  opacity: 0.8;
}
@media only screen and (min-width: 768px) {
  .work-with-us--main--list .l_content {
    opacity: 1;
  }
}
.work-with-us--form {
  max-width: 872px;
  margin: 0 16px 15px;
}
@media only screen and (min-width: 768px) {
  .work-with-us--form {
    margin: 0 5% 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .work-with-us--form {
    margin: 0 170px 15px;
  }
}
.work-with-us--form .nr_recaptcha {
  margin-top: 35px;
}
.work-with-us--form .nr_protec_dat {
  margin: 38px 0 38px;
}

.work-with-us--send {
  border-radius: 12px;
  background: #F9F7F1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 16px 80px;
  padding: 16px 16px 24px 16px;
}
@media only screen and (min-width: 768px) {
  .work-with-us--send {
    margin: 64px 5% 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .work-with-us--send {
    margin: 64px 170px 30px;
  }
}
@media only screen and (min-width: 768px) {
  .work-with-us--send {
    padding: 32px 40px;
  }
}
.work-with-us--send--title {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 250;
  line-height: normal;
}
@media only screen and (min-width: 768px) {
  .work-with-us--send--title {
    font-size: 32px;
  }
}
.work-with-us--send--subtitle {
  color: rgba(0, 0, 0, 0.64);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 16px 0 24px;
}
@media only screen and (min-width: 768px) {
  .work-with-us--send--subtitle {
    margin: 16px 0 32px;
  }
}
.work-with-us--send--btn {
  padding: 12px 40px 12px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  text-decoration: none;
}

.main_form_success {
  padding: 185px 16px 315px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .main_form_success {
    padding: 250px 5% 400px;
  }
}
@media only screen and (min-width: 1024px) {
  .main_form_success {
    padding: 250px 170px 400px;
  }
}
.main_form_success--title {
  color: #000;
  text-align: center;
  font-size: 36px;
  font-weight: 250;
  line-height: 38px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .main_form_success--title {
    font-size: 48px;
    line-height: 60px;
  }
}
.main_form_success--subtitle {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-family: "caneladeck-thin";
  font-style: normal;
  font-weight: 250;
  line-height: normal;
  margin: 20px 0 55px;
}
@media only screen and (min-width: 768px) {
  .main_form_success--subtitle {
    font-size: 32px;
    margin: 32px 0 80px;
  }
}
.main_form_success--btn {
  padding: 16px 40px;
  color: #151515;
  text-align: center;
  font-size: 12px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}

.silhouette {
  margin: 112px 0 77px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .silhouette {
    margin: 53px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .silhouette {
    margin: 53px 0 0;
  }
}
.silhouette--header {
  margin: 23px 6.4% 0;
}
@media only screen and (min-width: 768px) {
  .silhouette--header {
    margin: 23px 10% 56px;
  }
}
@media only screen and (min-width: 1024px) {
  .silhouette--header {
    margin: 23px 12% 56px;
  }
}
.silhouette--header--title, .silhouette--header--content {
  color: #151515;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
}
.silhouette--header--title {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.26px;
  margin-bottom: 16px;
}
.silhouette--header h1 {
  color: #000;
  text-align: center;
  font-family: "caneladeck-thin";
  font-style: normal;
  font-weight: 250;
  text-transform: uppercase;
  font-size: 36px;
  line-height: 38px;
}
@media only screen and (min-width: 768px) {
  .silhouette--header h1 {
    font-size: 48px;
    font-weight: 250;
    line-height: 60px;
  }
}
.silhouette--header--content {
  margin-top: 32px;
  color: #73737A;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.silhouette--styles {
  display: flex;
  flex-direction: column;
}
.silhouette--styles--style {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .silhouette--styles--style {
    height: 46.18vw;
    flex-direction: row;
  }
  .silhouette--styles--style:nth-child(odd) {
    direction: ltr;
  }
  .silhouette--styles--style:nth-child(odd) img {
    order: 0;
  }
  .silhouette--styles--style:nth-child(even) {
    direction: rtl;
  }
  .silhouette--styles--style:nth-child(even) img {
    order: 1;
  }
  .silhouette--styles--style:last-child {
    margin-bottom: 0;
  }
}
.silhouette--styles--style--img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 38px 0;
  background-color: #F9F7F1;
}
@media only screen and (min-width: 768px) {
  .silhouette--styles--style--img {
    margin: 0;
    width: 50%;
    height: 100%;
  }
}
.silhouette--styles--style--img img {
  width: 68%;
  padding: 6%;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: multiply;
}
.silhouette--styles--style--info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .silhouette--styles--style--info {
    width: 50%;
  }
}
.silhouette--styles--style--info .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .silhouette--styles--style--info .title {
    margin-top: 0;
    font-size: 24px;
    line-height: 30px;
  }
}
.silhouette--styles--style--info .content {
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  opacity: 0.64;
  text-align: center;
  margin: 6.4%;
}
@media only screen and (min-width: 768px) {
  .silhouette--styles--style--info .content {
    font-size: 13px;
    line-height: 20px;
    max-width: 475px;
    margin: 3.2%;
  }
}
.silhouette--styles--style--info button {
  padding: 16px 40px;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.24px;
}
.silhouette--blooming_love {
  padding: 95px 6.4% 0;
  color: var(--wedding-scale-40-gray-text, #73737A);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .silhouette--blooming_love {
    padding: 56px 10% 0;
  }
}

.dc_collection_video {
  position: relative;
  margin-top: 56px;
}
@media only screen and (min-width: 768px) {
  .dc_collection_video {
    margin: 0;
  }
}
.dc_collection_video #dc_collection_img_mobile {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 480px) {
  .dc_collection_video #dc_collection_img_mobile {
    display: none;
  }
}
.dc_collection_video #dc_collection_img_tablet {
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .dc_collection_video #dc_collection_img_tablet {
    display: block;
  }
}
.dc_collection_video .btn_play {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 24px;
}
@media only screen and (min-width: 480px) {
  .dc_collection_video .btn_play {
    margin: 30px;
  }
}
.dc_collection_video .btn_play:hover {
  opacity: 0.7;
}

.dc_collection {
  position: relative;
}
.dc_collection--header {
  padding: 56px 24px;
}
@media only screen and (min-width: 768px) {
  .dc_collection--header {
    padding: 56px 11%;
  }
}
.dc_collection--header--title, .dc_collection--header--content {
  color: #151515;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
}
.dc_collection--header--title {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.26px;
  margin-bottom: 16px;
}
.dc_collection--header h1 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-size: 36px;
  line-height: 38px;
}
@media only screen and (min-width: 768px) {
  .dc_collection--header h1 {
    font-size: 48px;
    font-weight: 250;
    line-height: 60px;
  }
}
.dc_collection--header--content {
  margin-top: 32px;
  color: #73737A;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.dc_collection--styles {
  display: flex;
  flex-direction: column;
}
.dc_collection--styles--style {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .dc_collection--styles--style {
    flex-direction: row;
  }
  .dc_collection--styles--style:nth-child(odd) {
    direction: ltr;
  }
  .dc_collection--styles--style:nth-child(odd) img {
    order: 0;
  }
  .dc_collection--styles--style:nth-child(even) {
    direction: rtl;
  }
  .dc_collection--styles--style:nth-child(even) img {
    order: 1;
  }
  .dc_collection--styles--style:last-child {
    margin-bottom: 0;
  }
}
.dc_collection--styles--style--img {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .dc_collection--styles--style--img {
    width: 50%;
  }
}
.dc_collection--styles--style--img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .dc_collection--styles--style--img img {
    height: auto;
    margin: 0;
  }
}
.dc_collection--styles--style--info {
  margin: 40px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .dc_collection--styles--style--info {
    margin: 0;
    padding: 40px;
    width: 50%;
  }
}
.dc_collection--styles--style--info .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .dc_collection--styles--style--info .title {
    font-size: 24px;
    line-height: 30px;
  }
}
.dc_collection--styles--style--info .content {
  color: #636363;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  margin: 24px 0 24px;
}
@media only screen and (min-width: 768px) {
  .dc_collection--styles--style--info .content {
    line-height: 20px;
    max-width: 475px;
  }
}
.dc_collection--styles--style--info button {
  padding: 16px 40px;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.24px;
}
.dc_collection--blooming_love {
  color: #73737A;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 56px 24px 74px;
}
@media only screen and (min-width: 768px) {
  .dc_collection--blooming_love {
    padding: 56px 11% 0;
  }
}

.tiendas-recomendadas .header-title {
  width: 100%;
}
.tiendas-recomendadas .header-title .header-img {
  width: auto;
  height: 280px;
  overflow: hidden;
}
.tiendas-recomendadas .header-title .header-img img {
  width: 100%;
  height: auto;
}
.tiendas-recomendadas .header-title h2 {
  position: absolute;
  top: 140px;
  margin-left: 10vw;
  font-size: 54px;
  font-family: caneladeck-thin;
  color: white;
}
.tiendas-recomendadas .header-title::before {
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) -20%, rgb(2, 2, 2) 100%);
  content: " ";
  position: absolute;
  width: 100%;
  height: 280px;
}
.tiendas-recomendadas .body {
  width: 95%;
  margin-top: 3em;
  margin: auto;
}
@media only screen and (min-width: 1024px) {
  .tiendas-recomendadas .body {
    width: 75vw;
    margin-top: 3em;
  }
}
.tiendas-recomendadas .body #selector_tienda {
  width: 10vw;
  border-bottom: 1px solid #cecece;
}
.tiendas-recomendadas .body .lastiendas {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tiendas-recomendadas .body .lastiendas .cadasitio {
  width: 100%;
  text-align: center;
  border: 1px solid #000;
  line-height: 1;
  margin-bottom: 2em;
}
@media only screen and (min-width: 1024px) {
  .tiendas-recomendadas .body .lastiendas .cadasitio {
    width: 30%;
    line-height: 3;
  }
}
.tiendas-recomendadas .body .lastiendas .cadasitio a {
  text-decoration: none;
  color: #000;
}

.dist-de-tienda {
  margin-top: 5rem;
}
.dist-de-tienda .intro-text {
  width: 95%;
  margin: auto;
  line-height: 2;
}
@media only screen and (min-width: 1024px) {
  .dist-de-tienda .intro-text {
    width: 80%;
  }
}
.dist-de-tienda .intro-text h2 {
  font-size: 34px;
  font-family: caneladeck-thin;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .dist-de-tienda .intro-text h2 {
    font-size: 54px;
  }
}
.dist-de-tienda .outro-text {
  padding-top: 2em;
  width: 95%;
  margin: auto;
  line-height: 2;
}
@media only screen and (min-width: 1024px) {
  .dist-de-tienda .outro-text {
    width: 80%;
  }
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url(/images/vendor/slick-carousel/slick/ajax-loader.gif?fb6f3c230cb846e25247dfaa1da94d8f) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url(/fonts/vendor/slick-carousel/slick/slick.eot?a4e97f5a2a64f0ab132323fbeb33ae29);
  src: url(/fonts/vendor/slick-carousel/slick/slick.eot?a4e97f5a2a64f0ab132323fbeb33ae29?#iefix) format("embedded-opentype"), url(/fonts/vendor/slick-carousel/slick/slick.woff?295183786cd8a138986521d9f388a286) format("woff"), url(/fonts/vendor/slick-carousel/slick/slick.ttf?c94f7671dcc99dce43e22a89f486f7c2) format("truetype"), url(/fonts/vendor/slick-carousel/slick/slick.svg?2630a3e3eab21c607e21576571b95b9d#slick) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}