@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, º table,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* src/scss/_base.scss, src/scss/components/_woocommerce.scss, src/scss/modules/_mdl-banner-buy.scss, src/scss/modules/_mdl-fl-siente.scss, src/scss/modules/_mdl-form.scss, src/scss/modules/_mdl-prod-specs.scss, src/scss/modules/_mdl-specs.scss, src/scss/modules/_mdl-video.scss, src/scss/partials/_footer.scss, src/scss/partials/_header.scss */
/*not in use*/
/* src/scss/_base.scss, src/scss/components/_buttons.scss, src/scss/components/_woocommerce.scss, src/scss/modules/_mdl-artwork.scss, src/scss/modules/_mdl-artworks.scss, src/scss/modules/_mdl-banner-buy.scss, src/scss/modules/_mdl-blog.scss, src/scss/modules/_mdl-fl-passion.scss, src/scss/modules/_mdl-form.scss, src/scss/modules/_mdl-hero.scss, src/scss/modules/_mdl-share.scss, src/scss/partials/_footer.scss, src/scss/partials/_header.scss */
/* src/scss/_base.scss, src/scss/components/_buttons.scss, src/scss/components/_woocommerce.scss, src/scss/modules/___mdl-blocks.scss, src/scss/modules/_mdl-artwork.scss, src/scss/modules/_mdl-blocks.scss, src/scss/modules/_mdl-contact.scss, src/scss/modules/_mdl-form.scss, src/scss/modules/_mdl-shop.scss, src/scss/partials/_footer.scss, src/scss/partials/_header.scss */
/* src/scss/_base.scss, src/scss/modules/_mdl-banner-buy.scss, src/scss/modules/_mdl-faqs.scss, src/scss/modules/_mdl-fl-about-us.scss, src/scss/modules/_mdl-fl-siente.scss, src/scss/modules/_mdl-prod-specs.scss, src/scss/modules/_mdl-tit.scss */
/* src/scss/_base.scss, src/scss/modules/___mdl-blocks.scss, src/scss/modules/_mdl-blocks.scss, src/scss/modules/_mdl-faqs.scss, src/scss/modules/_mdl-form.scss, src/scss/modules/_mdl-tit.scss, src/scss/partials/_header.scss */
/* src/scss/_base.scss, src/scss/modules/___mdl-blocks.scss, src/scss/modules/_mdl-banner-buy.scss, src/scss/modules/_mdl-blocks.scss */
/* src/scss/_base.scss, src/scss/modules/_mdl-prod-specs.scss */
/* src/scss/partials/_footer.scss */
/* src/scss/modules/_mdl-artwork.scss, src/scss/modules/_mdl-artworks.scss, src/scss/modules/_mdl-author.scss, src/scss/modules/_mdl-blocks.scss, src/scss/modules/_mdl-blog.scss */
/* src/scss/components/_woocommerce.scss, src/scss/modules/_mdl-form.scss, style.css */
/* src/scss/_base.scss, src/scss/modules/_mdl-form.scss */
/* src/scss/_base.scss */
/* src/scss/_base.scss, src/scss/components/_buttons.scss, src/scss/components/_woocommerce.scss, src/scss/modules/___mdl-blocks.scss, src/scss/modules/_mdl-artwork.scss, src/scss/modules/_mdl-banner-buy.scss, src/scss/modules/_mdl-blocks.scss, src/scss/modules/_mdl-blog.scss, src/scss/modules/_mdl-contact.scss, src/scss/modules/_mdl-form.scss, src/scss/modules/_mdl-hero.scss, src/scss/modules/_mdl-services.scss, src/scss/modules/_mdl-share.scss, src/scss/modules/_mdl-shop.scss, src/scss/modules/_mdl-specs.scss, src/scss/partials/_footer.scss, src/scss/partials/_header.scss, style.css */
/* src/scss/components/_woocommerce.scss, src/scss/modules/_mdl-artwork.scss */
/* src/scss/_base.scss, src/scss/components/_buttons.scss, src/scss/modules/_mdl-artwork.scss, src/scss/modules/_mdl-form.scss, src/scss/modules/_mdl-services.scss, src/scss/partials/_footer.scss, style.css */
/* src/scss/partials/_header.scss */
/* src/scss/modules/_mdl-share.scss */
/* src/scss/components/_woocommerce.scss, src/scss/modules/_mdl-author.scss */
/* src/scss/components/_woocommerce.scss, src/scss/modules/___mdl-blocks.scss, src/scss/modules/_mdl-artwork.scss, src/scss/modules/_mdl-blocks.scss, src/scss/modules/_mdl-form.scss, src/scss/modules/_mdl-services.scss, src/scss/modules/_mdl-shop.scss */
/* src/scss/_base.scss, src/scss/modules/_mdl-form.scss, src/scss/partials/_footer.scss */
/* src/scss/modules/_mdl-form.scss */
/* src/scss/modules/_mdl-artwork.scss */
/* src/scss/modules/_mdl-banner.scss */
/* src/scss/modules/_mdl-form.scss */
/*not in use*/
/* src/scss/modules/_mdl-form.scss */
/*not in use*/
html {
  font-size: 62.5%; /* changes a default 16px font size to 10px */
}

*, div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "Raleway", sans-serif;
  color: #0E2145;
  padding-top: 5.7rem;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  body {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  body.blocked {
    overflow: hidden;
  }
}

.container {
  max-width: 132.8rem;
  width: 100%;
  margin: 0 auto;
  padding: 0rem;
}
.container__bx {
  padding: 0 2.4rem;
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .container__bx {
    flex-flow: column;
  }
}

.home .site-branding a,
.page-template-page-banned .site-branding a {
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .home .sel-lang,
  .page-template-page-banned .sel-lang {
    display: block;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

a, button, input, img, svg {
  transition: all 300ms linear;
}

button {
  cursor: pointer;
}

strong {
  font-weight: 700;
}

video,
img {
  display: block;
}

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

.font-secondary {
  font-family: "Raleway", sans-serif;
}

p {
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  p {
    margin-bottom: 1.4rem;
  }
}
p:last-child {
  margin-bottom: 0;
}

.mdl-hero__txt {
  font-family: "Raleway", sans-serif;
  font-style: italic;
  font-size: 2.5rem;
  font-weight: 200;
  color: #0E2145 !important;
  line-height: 3.3rem;
}
.mdl-hero__txt strong {
  font-size: 4rem;
  font-weight: 600;
}
.mdl-hero__txt span {
  color: #036ACE;
}

.mdl-txt {
  padding: 5.6rem 0;
}
@media (max-width: 767.98px) {
  .mdl-txt {
    padding: 3.2rem 0;
  }
}
.mdl-txt h1 {
  margin-bottom: 3.2rem;
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .mdl-txt h1 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-txt h1 {
    margin-bottom: 2.4rem;
  }
}
.mdl-txt h2 {
  margin-bottom: 1.6rem;
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .mdl-txt h2 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-txt h2 {
    margin-bottom: 0.8rem;
  }
}
.mdl-txt h3 {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .mdl-txt h3 {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-txt h3 {
    margin-bottom: 0.8rem;
  }
}
.mdl-txt p,
.mdl-txt ul,
.mdl-txt ol {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .mdl-txt p,
  .mdl-txt ul,
  .mdl-txt ol {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}
.mdl-txt ul {
  padding-left: 1.6rem;
  margin-bottom: 2rem;
}
.mdl-txt ul li {
  list-style: disc;
}

.mdl-prod-specifications__title {
  font-family: "Raleway", sans-serif;
  font-size: 4rem;
  line-height: 100%;
  text-transform: uppercase;
  color: #0E2145;
}
.mdl-prod-specifications__br {
  display: block;
}
.mdl-prod-specifications__title > span:last-child {
  font-family: "Raleway", sans-serif;
  font-size: 5rem;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
  color: #036ACE;
}
.mdl-prod-specifications__tit {
  background: rgba(98, 149, 198, 0.1) !important;
}
.mdl-prod-specifications__txt {
  background: rgba(98, 149, 198, 0.1) !important;
}

.mdl-artwork__it img {
  border-radius: 2rem;
}

.mdl-artwork-process {
  background-color: rgba(98, 149, 198, 0.04);
}
.mdl-artwork-process__title {
  font-family: "Raleway", sans-serif;
  font-size: 4rem;
  line-height: 100%;
  text-transform: uppercase;
  color: #0E2145;
}
.mdl-artwork-process__br {
  display: block;
}
.mdl-artwork-process__title > span:last-child {
  font-family: "Raleway", sans-serif;
  font-size: 5rem;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
  color: #036ACE;
  display: block;
}
@media (max-width: 767.98px) {
  .mdl-artwork-process__title > span:last-child {
    font-size: 4rem;
    line-height: 80%;
  }
}
.mdl-artwork-process__txt {
  color: #0E2145;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 140%;
}
.mdl-artwork-process__txt h3 {
  color: #036ACE;
  font-size: 2.5rem;
  line-height: 100%;
  font-weight: 600;
}
.mdl-artwork-process__txt span {
  color: #036ACE;
  font-size: 2.5rem;
  line-height: 100%;
  font-weight: 600;
}
.mdl-artwork-process__txt p {
  line-height: 140%;
}
.mdl-artwork-process__txt a {
  text-decoration: underline;
  color: #036ACE;
}

.mdl-blocks__ct {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mdl-blocks .text {
  font-size: 1.8rem;
  font-weight: 500;
  color: #0E2145;
  line-height: 140%;
}
.mdl-blocks .text strong {
  color: #036ACE;
}

.list__bx {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 6.4rem 5.4rem;
  margin-bottom: 5.6rem;
}
@media (max-width: 767.98px) {
  .list__bx {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 5.6rem;
    grid-gap: 5.6rem;
  }
}
.list__it {
  display: flex;
  flex-flow: column;
  align-items: center;
  overflow: hidden;
}
.list__it p {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 300;
  margin: 0;
  margin-bottom: 0.4rem;
  color: #8760F5;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .list__it p {
    margin: 0;
  }
}
.list__it .txt-price {
  color: #036ACE;
  font-size: 1.8rem;
  line-height: 2.1rem;
  font-weight: 600;
}
.list__it h3 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0.4rem;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .list__it h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
.list__it .link {
  text-transform: uppercase;
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.list__img {
  margin-bottom: 1.6rem;
  width: 100%;
  overflow: hidden;
}
.list__img a {
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 0.79;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.list__img a:hover {
  transform: scale(1.05);
  opacity: 0.6;
}
@media (max-width: 767.98px) {
  .list__img a:hover {
    transform: none;
    opacity: 1;
  }
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background-color: #ACA0F3 !important;
  opacity: 1 !important;
  margin: 0 0.8rem !important;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0E2145 !important;
}
.swiper-pagination--white .swiper-pagination-bullet {
  background-color: #fff !important;
}
.swiper-pagination--white .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #8760F5 !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none !important;
}
.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path {
  stroke: #8760F5;
}

.swiper-button-next.swiper-button-next-process,
.swiper-button-prev.swiper-button-prev-process {
  width: calc(var(--swiper-navigation-size) / 44 * 40) !important;
  margin-top: calc(0px - var(--swiper-navigation-size) / 0.4) !important;
}

.error-404 {
  padding: 12.6rem 0;
}
@media (max-width: 767.98px) {
  .error-404 {
    padding: 5.6rem 0;
  }
}
.error-404 .container__bx {
  justify-content: center;
  align-items: center;
}
.error-404 img {
  max-width: 29.8rem;
  width: 100%;
  height: auto;
  margin-bottom: 4rem;
}
@media (max-width: 767.98px) {
  .error-404 img {
    margin-bottom: 2.4rem;
  }
}
.error-404 h1 {
  font-size: 5rem;
  line-height: 110%;
  font-weight: 800;
  margin-bottom: 3.6rem;
  text-align: center;
  color: #036ACE;
}
@media (max-width: 767.98px) {
  .error-404 h1 {
    margin-bottom: 0.8rem;
  }
}
.error-404 h2 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 500;
  margin-bottom: 4rem;
  text-align: center;
}
@media (max-width: 767.98px) {
  .error-404 h2 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
@media (max-width: 767.98px) {
  .error-404 h2 {
    margin-bottom: 2.4rem;
  }
}

.filter {
  position: relative;
}
.filter__btn {
  width: 18.3rem;
  height: 5.7rem;
  padding: 1.6rem 4rem 1.6rem 4rem;
  border-radius: 3rem;
  display: flex;
  justify-content: space-between;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.1rem;
  text-align: left;
  background-color: #036ACE;
  color: #fff;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .filter__btn {
    font-size: 1.6rem;
    line-height: 1.8rem;
    width: 14.5rem;
    height: 5.5rem;
    padding: 1.6rem 3rem 1.6rem 3rem;
  }
}
.filter__btn::after {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTk2NjggOC41OTY1M0wxMi41OTY3IDE3LjA5NjVMMjEuNTk2NyA4LjU5NjUzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
@media (max-width: 767.98px) {
  .filter__btn::after {
    width: 1.8rem;
    height: 1.8rem;
    background-size: cover;
  }
}
.filter__btn.js-open {
  background-color: #041452;
}
.filter__btn.js-open::after {
  transform: rotate(180deg);
}
.filter__header {
  display: none;
  border-bottom: 0.1rem solid #036ACE;
  padding: 1.6rem 2.4rem;
  flex-flow: row;
  justify-content: space-between;
  position: relative;
  z-index: 9999;
}
@media (max-width: 767.98px) {
  .filter__header {
    display: flex;
  }
}
.filter__header .custom-logo {
  max-width: 6.8rem;
}
.filter__sel {
  border: 0.1rem solid #036ACE;
  border-radius: 0;
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 9999;
  background-color: white;
  width: 75rem;
  margin-top: 1.6rem;
  display: none;
}
@media (max-width: 767.98px) {
  .filter__sel {
    position: fixed;
    width: 100vw;
    height: 100vh;
    margin-top: 0;
    border: 0;
    border-top: 0;
    top: 0;
    left: 0;
    height: 100vh;
    overflow-y: scroll;
  }
}
.filter__sel.js-open {
  display: block;
}
.filter__sel form {
  column-count: 3;
}
@media (max-width: 767.98px) {
  .filter__sel form {
    column-count: 1;
  }
}
.filter__it {
  padding: 1.6rem;
}
@media (max-width: 767.98px) {
  .filter__it {
    padding: 2.4rem;
    border-bottom: 1px solid #ACA0F3;
  }
}
.filter__it input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.filter__it label {
  position: relative;
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #46465A;
}
.filter__it label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 0.1rem solid #036ACE;
  box-shadow: none;
  padding: 0;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  width: 1.2rem;
  height: 1.2rem;
}
.filter__it input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0.5rem;
  width: 0.3rem;
  height: 0.9rem;
  border: solid #8760F5;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.filter__it input[type=button] {
  background-color: #036ACE;
  border-radius: 3rem;
  color: #fff;
}
.filter input[type=button] {
  width: 16rem;
  height: 4rem;
  padding: 0rem;
  border-radius: 3rem;
  display: flex;
  justify-content: space-between;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.1rem;
  text-align: left;
  background-color: #000722;
  color: #fff;
  align-items: center;
  cursor: pointer;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Raleway", sans-serif;
}

.mdl-tracking {
  display: flex;
  justify-content: center;
  gap: 3rem;
  align-items: flex-start;
}
.mdl-tracking__item {
  font-size: 1.6rem;
  color: #806CF5;
  font-family: "Raleway", sans-serif;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.mdl-tracking__item:last-child .mdl-tracking__step:after {
  display: none;
}
.mdl-tracking__step {
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
  border: 0.1rem solid #806CF5;
  margin-bottom: 0.6rem;
  background-size: 2.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  position: relative;
}
.mdl-tracking__step:after {
  content: "";
  width: 10rem;
  height: 0.1rem;
  background-color: #806CF5;
  position: absolute;
  top: 50%;
  z-index: -1;
}
.mdl-tracking__step--01 {
  background-image: url("./src/imgs/step01-des.png");
}
.mdl-tracking__step--02 {
  background-image: url("./src/imgs/step02-des.png");
}
.mdl-tracking__step--03 {
  background-image: url("./src/imgs/step03-des.png");
}
.mdl-tracking__step.completed {
  background-color: #806CF5;
}
.mdl-tracking__step.completed.mdl-tracking__step--01 {
  background-image: url("./src/imgs/step01-act.png");
}
.mdl-tracking__step.completed.mdl-tracking__step--02 {
  background-image: url("./src/imgs/step02-act.png");
}
.mdl-tracking__step.completed.mdl-tracking__step--03 {
  background-image: url("./src/imgs/step03-act.png");
}

.mdl-video__bt {
  bottom: 0 !important;
  right: 0 !important;
}
.mdl-video__bt img {
  position: absolute !important;
  right: 0 !important;
  bottom: 3rem !important;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  background-color: #fff !important;
}

.selected-dial-code, .intl-tel-input.separate-dial-code .selected-flag {
  background-color: #fff !important;
}

.feedback .mdl-banner-info__link {
  text-transform: uppercase;
  margin: 2rem auto;
}

.custom-book h3 {
  font-weight: 600;
}
.custom-book__img {
  object-fit: cover;
  aspect-ratio: 4/3;
  width: 100%;
  height: 100%;
  display: block;
}
.custom-book .mdl-form {
  padding: 5.6rem 0;
}
@media (max-width: 767.98px) {
  .custom-book .mdl-form {
    padding: 5rem 0;
  }
}
.custom-book .mdl-banner-info__link {
  margin: 0 auto;
}

.mdl-purchase__cl.mdl-purchase__cl--rg {
  margin: 0 auto;
}

@media (max-width: 767.98px) {
  .mdl-purchase.checkout.woocommerce-checkout {
    width: 80%;
    margin: 0 auto;
  }
}

.form-row.place-order {
  background: #fff;
}

.mdl-purchase h3 {
  display: none;
}

.reservation-hidden-fields {
  display: none;
}

.mdl-shop.cart h1 {
  display: none;
}

.mdl-shop.cart h1.feedback__title {
  display: block;
}

.woocommerce-form-login-toggle {
  display: none;
}

/* all */
.btn, .reply__link {
  font-family: "Raleway", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 25rem;
  height: 3.8rem;
  background-color: #8760F5;
  font-size: 1.8rem;
  color: #fff;
  text-transform: uppercase;
  border-radius: 9999rem;
  cursor: pointer;
  font-weight: 800;
  border: none;
}
.btn:hover, .reply__link:hover {
  background-color: #ACA0F3;
  color: #036ACE;
}
.btn:focus, .reply__link:focus {
  background-color: #036ACE;
  color: #fff;
}
.btn--white, .reply__link--white {
  background-color: #fff;
  color: #8760F5;
}
.btn--white:hover, .reply__link--white:hover {
  background-color: #ACA0F3;
  color: #036ACE;
}
.btn--white:focus, .reply__link--white:focus {
  background-color: #8760F5;
  color: #fff;
}
.btn--purple, .reply__link--purple {
  background-color: #ACA0F3;
  color: #fff;
}
.btn--reserve, .reply__link--reserve {
  background-color: #ACA0F3;
  font-size: 1.8rem;
  font-weight: 700;
}

.link {
  font-family: "Raleway", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.1rem;
  color: #8760F5;
  text-decoration: underline;
  text-align: center;
  background-color: transparent;
  padding: 0;
  border: 0;
  cursor: pointer;
  text-underline-offset: 4px;
}
@media (max-width: 767.98px) {
  .link {
    font-size: 1.6rem;
    line-height: 1.9rem;
  }
}
.link:hover {
  color: #ACA0F3;
}
.link:focus {
  color: #036ACE;
}
.link--icon {
  display: flex;
  align-items: center;
}
.link--icon svg {
  margin-right: 1.2rem;
}
.link--icon svg path {
  fill: #8760F5;
}
.link--icon svg path:hover {
  fill: #ACA0F3;
}
.link--icon svg path:focus {
  fill: #036ACE;
}
.link--icon:hover svg path {
  fill: #ACA0F3;
}
.link--icon:focus svg path {
  fill: #036ACE;
}

.wpcf7 input.wpcf7-submit {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  background-color: #6851A7 !important;
}

.wpcf7 input.wpcf7-submit, .wpcf7 input.wpcf7-submit[disabled=""] {
  border-color: #ACA0F3 !important;
  background-color: #ACA0F3 !important;
  color: #fff !important;
}

.reply__link {
  margin: 0 auto;
}

.cart-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
.cart-btns p {
  margin-bottom: 0;
}

.btn-cart {
  width: 2.2rem;
  height: 2.2rem;
  display: inline-flex;
  background-size: 2rem;
  background-position: CENTER;
  background-repeat: no-repeat;
  font-size: 4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-cart--remove {
  background-image: url("./src/imgs/icons/icon-remove.png");
  margin: 0 0.5rem;
}
.btn-cart--minus {
  padding-bottom: 0.7rem;
}
.btn-cart--plus, .btn-cart--minus {
  background-color: #8760F5;
  color: white;
  border-radius: 0.5rem;
  width: 3rem;
  height: 3rem;
}

.home .woocommerce.columns-4 {
  display: none !important;
}

.woocommerce-notices-wrapper {
  display: flex;
  position: absolute;
  top: 10rem;
  right: 2rem;
  z-index: 999;
  background-color: #D7DAE5;
  color: #036ACE;
  font-family: "Raleway", sans-serif;
  width: 30rem;
}

.woocommerce-form.woocommerce-form-login.login .woocommerce-button.button,
.woocommerce-form.woocommerce-form-register.register .woocommerce-button.button {
  max-width: 25rem !important;
  margin: 0 auto;
  display: block;
}
.woocommerce-form.woocommerce-form-login.login label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox a,
.woocommerce-form.woocommerce-form-register.register label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox a {
  color: #8760F5;
}

.woocommerce-form-login-toggle {
  background-color: #F7F7F8;
  margin-bottom: 4rem;
}

.woocommerce-notices-wrapper {
  background-color: transparent;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  border-top: 0.2rem solid #036ACE;
  background-color: transparent;
  color: #036ACE;
  margin: 0;
  padding: 2rem;
  width: 100%;
}
.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {
  display: none;
}
.woocommerce-error:focus-visible, .woocommerce-info:focus-visible, .woocommerce-message:focus-visible {
  outline: none;
}

.woocommerce-message,
.woocommerce-error {
  border: 0;
  border-radius: 1.6rem;
  overflow: hidden;
  background: #E9E6F9;
  padding: 5rem 2rem;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  color: #8760F5;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  position: fixed;
  right: 1rem;
  top: 7rem;
  max-width: 33.5rem;
  z-index: 9999;
}
@media (width <= 575.98px) {
  .woocommerce-message,
  .woocommerce-error {
    max-width: calc(100% - 2.2rem);
  }
}
.woocommerce-message__close,
.woocommerce-error__close {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  background-image: url(./src/imgs/icons/icon-close-message.png);
  background-size: 1.85rem;
  width: 1.85rem;
  height: 1.85rem;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.woocommerce-message .restore-item,
.woocommerce-error .restore-item {
  display: none;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  float: none;
  clear: both;
  width: 100%;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background-color: #F7F7F8;
}

.woocommerce-checkout-payment .btn--purple {
  background-color: #8760F5 !important;
  margin-top: 4rem !important;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  border-radius: 5rem !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 4.2rem !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 19.2px !important;
  text-align: center;
}

.lost_reset_password {
  border: 0.1rem solid #D2D1D7;
  padding: 2rem;
  border-radius: 1rem;
  max-width: 50rem;
  margin: 0 auto;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
  background-color: #8760F5 !important;
  margin-top: 2rem !important;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  border-radius: 5rem !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 4.2rem !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 19.2px !important;
  text-align: center;
  color: #fff !important;
}

.wc-proceed-to-checkout {
  display: flex;
  flex-flow: column;
  gap: 3rem;
}
.wc-proceed-to-checkout .btn {
  background-color: #8760F5;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19.2px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
}
.wc-proceed-to-checkout .btn:hover {
  color: #fff;
}
.wc-proceed-to-checkout .link {
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19.2px;
  letter-spacing: 0px;
  text-align: center;
}
.wc-proceed-to-checkout::after, .wc-proceed-to-checkout::before {
  display: none !important;
}

.cart-totals .order-total {
  color: #8760F5 !important;
}

.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td {
  border-top: 0.1rem solid #0E2145;
}

.woocommerce-cart .cart-collaterals {
  position: sticky;
  top: 7rem;
}

#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th {
  vertical-align: middle;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td {
  text-align: right;
}

.woocommerce-cart-form .actions .btn {
  font-family: "Raleway", sans-serif;
  border: 0;
  font-weight: 500;
  text-transform: uppercase;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
  background-color: transparent;
}

.woocommerce .woocommerce-cart-form table.shop_table_responsive tr td::before, .woocommerce-page .woocommerce-cart-form table.shop_table_responsive tr td::before {
  display: none;
}

.woocommerce .quantity .qty {
  width: 3.631em;
  text-align: center;
  margin: 1rem 0;
}

@media (max-width: 767.98px) {
  .woocommerce-MyAccount-navigation {
    max-width: 36rem;
    margin: 0 auto;
  }
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
  padding: 2rem 0;
  border-bottom: 1px solid #C3C3C3;
  background-image: url("./src/imgs/woocommerce/dashboard.svg");
  background-size: 2rem;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 3.6rem;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #c3c3c3;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active {
  background-image: url("./src/imgs/woocommerce/edit-account-on.png");
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a {
  color: #8760F5;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active.woocommerce-MyAccount-navigation-link--dashboard {
  background-image: url("./src/imgs/woocommerce/dashboard-on.svg");
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active.woocommerce-MyAccount-navigation-link--orders {
  background-image: url("./src/imgs/woocommerce/orders-on.svg");
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active.woocommerce-MyAccount-navigation-link--edit-address {
  background-image: url("./src/imgs/woocommerce/edit-address-on.svg");
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active.woocommerce-MyAccount-navigation-link--customer-logout {
  background-image: url("./src/imgs/woocommerce/customer-logout-on.svg");
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard {
  background-image: url("./src/imgs/woocommerce/dashboard.svg");
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders {
  background-image: url("./src/imgs/woocommerce/orders.svg");
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account {
  background-image: url("./src/imgs/woocommerce/edit-account.svg");
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address {
  background-image: url("./src/imgs/woocommerce/edit-address.svg");
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout {
  background-image: url("./src/imgs/woocommerce/customer-logout.svg");
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout:hover {
  background-image: url("./src/imgs/woocommerce/customer-logout-on.svg");
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout:hover a {
  color: #8760F5;
}

.woocommerce-MyAccount-content {
  padding-top: 12rem;
}
@media (width <= 767.98px) {
  .woocommerce-MyAccount-content {
    padding-top: 4rem;
  }
}

h2.woocommerce-order-details__title,
h2.woocommerce-column__title {
  margin-bottom: 2rem;
}

.u-columns.woocommerce-Addresses.col2-set.addresses {
  display: flex;
  flex-flow: column-reverse;
  gap: 3rem;
}

.u-column1.col-1.woocommerce-Address h2,
.u-column1.col-1.woocommerce-Address .edit,
.u-column2.col-2.woocommerce-Address h2,
.u-column2.col-2.woocommerce-Address .edit {
  margin-bottom: 2rem;
}
.u-column1.col-1.woocommerce-Address address,
.u-column2.col-2.woocommerce-Address address {
  background: #F4F4F4;
  padding: 2rem;
  font-family: "Raleway", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
}
.u-column1.col-1.woocommerce-Address a.edit,
.u-column2.col-2.woocommerce-Address a.edit {
  display: flex;
  margin-top: 3rem;
  background-image: url("./src/imgs/icons/pencil.png");
  width: 2rem;
  height: 2rem;
  color: transparent;
  background-size: 2rem;
  margin-bottom: 0;
}

.woocommerce-EditAccountForm.edit-account {
  background: #F4F4F4;
  padding: 2rem;
}
.woocommerce-EditAccountForm.edit-account .btn {
  max-width: 30rem;
  margin: 0 auto;
  border: 0;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  margin-top: 3rem;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  font-weight: 300;
  font-size: 5rem;
  line-height: 100%;
  text-align: center;
  margin-bottom: 4.8rem;
}
@media (width <= 767.98px) {
  .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-size: 3rem;
    margin-bottom: 3rem;
  }
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received strong {
  color: #8760F5;
  font-size: 6rem;
  line-height: 6rem;
}
@media (width <= 767.98px) {
  .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received strong {
    font-size: 4rem;
    line-height: 4rem;
  }
}

.custom-table {
  border: 1px solid #D2D1D7;
  padding: 2.2rem;
}
.custom-table address {
  border: 0 !important;
  padding: 0 !important;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.8rem;
  font-family: "Raleway", sans-serif;
}

.woocommerce-order-details a.button {
  margin-top: 0 !important;
  max-width: 23rem !important;
}

.woocommerce table.shop_table {
  border-color: #D2D1D7;
  border-radius: 0;
  font-family: "Raleway", sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.woocommerce table.shop_table td {
  border-color: #D2D1D7;
}
.woocommerce table.shop_table th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #8760F5;
}

.woocommerce .woocommerce-MyAccount-content .account-orders-table th,
.woocommerce .woocommerce-MyAccount-content .account-orders-table td {
  text-align: center;
  padding: 1rem;
}
.woocommerce .woocommerce-MyAccount-content .account-orders-table a.button {
  margin-top: 0.5rem !important;
  display: block;
}

.mdl-order-page {
  display: flex;
  flex-flow: row-reverse;
  justify-content: flex-end;
  width: 100%;
  gap: 2.6rem;
  margin-top: 5rem;
}
@media (width <= 767.98px) {
  .mdl-order-page {
    flex-flow: column-reverse;
  }
}
.mdl-order-page__cl {
  width: 100%;
  max-width: 39.7rem;
}

@media (width <= 767.98px) {
  .woocommerce ul.order_details {
    margin-bottom: 3rem;
  }
}
@media (width <= 767.98px) {
  .woocommerce ul.order_details li {
    border-right: 0;
    margin-bottom: 2rem;
    width: 100%;
    padding-right: 0;
    float: none;
    font-size: 1.4rem;
  }
}

form.woocommerce-form.woocommerce-form-register.register .legal-text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 300;
  margin-bottom: 2rem;
  margin-top: 3rem;
}
@media (max-width: 767.98px) {
  form.woocommerce-form.woocommerce-form-register.register .legal-text {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}
@media (max-width: 767.98px) {
  form.woocommerce-form.woocommerce-form-register.register .legal-text .text-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.8rem;
    max-height: 2.8rem;
  }
}
form.woocommerce-form.woocommerce-form-register.register .legal-text .read-more {
  display: none;
  margin-top: 1rem;
  text-align: left;
}
@media (max-width: 767.98px) {
  form.woocommerce-form.woocommerce-form-register.register .legal-text .read-more {
    display: block;
  }
}

li.wc_payment_method.payment_method_paytpv img,
li.wc_payment_method.payment_method_ppcp-gateway img,
li.wc_payment_method.payment_method_angelleye_ppcp img {
  width: auto !important;
  float: right;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout .woocommerce-error {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 1.6rem;
  background: #FE9393;
  border-top: 0;
}

.form-row.woocommerce-invalid label {
  color: #f56c6c !important;
}
.form-row.woocommerce-invalid .woocommerce-input-wrapper input,
.form-row.woocommerce-invalid .woocommerce-input-wrapper select {
  border-bottom: 1px solid #f56c6c !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNiIgeT0iNSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE1IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTIgMkM2LjIyNSAyIDEuNSA2LjcyNSAxLjUgMTIuNUMxLjUgMTguMjc1IDYuMjI1IDIzIDEyIDIzQzE3Ljc3NSAyMyAyMi41IDE4LjI3NSAyMi41IDEyLjVDMjIuNSA2LjcyNSAxNy43NzUgMiAxMiAyWk0xMS4xNzUgNi41SDEyLjgyNVYxNC43NUgxMS4xNzVWNi41Wk0xMiAxOS4yNUMxMS40IDE5LjI1IDEwLjg3NSAxOC43MjUgMTAuODc1IDE4LjEyNUMxMC44NzUgMTcuNTI1IDExLjQgMTcgMTIgMTdDMTIuNiAxNyAxMy4xMjUgMTcuNTI1IDEzLjEyNSAxOC4xMjVDMTMuMTI1IDE4LjcyNSAxMi42IDE5LjI1IDEyIDE5LjI1WiIgZmlsbD0iI0Y1NkM2QyIvPgo8L3N2Zz4K);
  background-position: center right 8px;
  background-repeat: no-repeat;
}

.woocommerce-pay-buttons {
  width: 100%;
}

.woocommerce-terms-and-conditions-checkbox-text a {
  color: #8760F5;
}

.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping th {
  font-size: 0px;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details .shipping {
  font-size: 0px;
}

.mdl-cart tr.shipping {
  display: none;
}

/* RESERVA: left width */
.reservation-checkout #customer_details {
  display: none !important;
  width: 100% !important;
}

/* RESERVA: right width */
.reservation-checkout .mdl-purchase__cl--rg {
  max-width: 60rem;
  width: 100% !important;
}

.woocommerce form.mdl-purchase {
  gap: 0;
}
.woocommerce form .woocommerce-checkout-review-order {
  display: flex;
  flex-flow: column;
}
.woocommerce form .shop-table {
  order: 1;
}
.woocommerce form .woocommerce-checkout-payment {
  order: 3;
}
.woocommerce form .reservation-billing {
  order: 2;
  gap: 2rem;
  display: grid;
  margin: 4rem 0;
}
.woocommerce form .reservation-billing .woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-flow: column;
  gap: 2rem;
  margin-bottom: 2rem;
}
.woocommerce form .reservation-billing .form-row {
  width: 100%;
  margin: 0;
  padding: 0;
}
.woocommerce form .reservation-billing .form-row .woocommerce-input-wrapper {
  width: 100%;
}
.woocommerce form .reservation-billing .form-row .woocommerce-input-wrapper .iti {
  height: 5.3rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .woocommerce form .reservation-billing .form-row .woocommerce-input-wrapper .iti {
    height: 4.3rem;
    margin-bottom: 1.6rem;
  }
}
.woocommerce form .reservation-billing .form-row .woocommerce-input-wrapper .iti__flag {
  background-image: url("/wp-content/themes/artikashop/src/imgs/flags.png") !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .woocommerce form .reservation-billing .form-row .woocommerce-input-wrapper .iti__flag {
    background-image: url("/wp-content/themes/artikashop/src/imgs/flags@2x.png") !important;
  }
}
.woocommerce form .reservation-billing .form-row .input-text,
.woocommerce form .reservation-billing .form-row select {
  width: 100%;
  height: 5.3rem;
  background: #fff;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  font-weight: 300;
  text-align: left;
  color: #0E2145;
  border: 0.1rem solid #0E2145;
  padding: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-family: "Raleway", sans-serif;
  border-radius: 0;
}
@media (max-width: 767.98px) {
  .woocommerce form .reservation-billing .form-row .input-text,
  .woocommerce form .reservation-billing .form-row select {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  .woocommerce form .reservation-billing .form-row .input-text,
  .woocommerce form .reservation-billing .form-row select {
    height: 4.3rem;
    padding: 1.2rem 1.6rem;
  }
}
.woocommerce form .reservation-billing .form-row .input-text::placeholder,
.woocommerce form .reservation-billing .form-row select::placeholder {
  color: #0E2145;
}
.woocommerce form .reservation-billing .form-row .input-text:focus, .woocommerce form .reservation-billing .form-row .input-text:focus-visible,
.woocommerce form .reservation-billing .form-row select:focus,
.woocommerce form .reservation-billing .form-row select:focus-visible {
  color: #8760F5;
  border-color: #8760F5;
  outline: none;
}
.woocommerce form .reservation-billing .form-row .input-text:focus::placeholder, .woocommerce form .reservation-billing .form-row .input-text:focus-visible::placeholder,
.woocommerce form .reservation-billing .form-row select:focus::placeholder,
.woocommerce form .reservation-billing .form-row select:focus-visible::placeholder {
  color: #8760F5;
}
.woocommerce form .reservation-billing .form-row .input-text.iti__tel-input,
.woocommerce form .reservation-billing .form-row select.iti__tel-input {
  padding-left: 5.1rem;
}

.ppc-button-wrapper {
  order: 9;
}

.wooccm-field-phone .iti {
  height: 4rem;
  width: 100%;
}
.wooccm-field-phone .iti__tel-input {
  padding-left: 5.1rem !important;
}
.wooccm-field-phone .iti__flag {
  background-image: url("./src/imgs/flags.png") !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .wooccm-field-phone .iti__flag {
    background-image: url("./src/imgs/flags@2x.png") !important;
  }
}

a.wc-backward {
  display: flex;
  font-family: "Raleway", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 25rem;
  height: 3.8rem;
  background-color: #8760F5;
  transition: all 300ms linear;
  font-size: 1.8rem;
  color: #fff;
  text-transform: uppercase;
  border-radius: 9999rem;
  cursor: pointer;
  font-weight: 800;
  border: none;
  margin: 1rem auto 0 auto;
}

a.wc-backward:hover {
  background-color: #ACA0F3;
  color: #036ACE;
}

.header {
  height: 5.7rem;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2509803922);
  padding: 1rem 0;
  position: fixed;
  top: 0;
  background-color: #fff;
  width: 100vw;
  z-index: 999;
  color: #fff;
  align-items: center;
  display: flex;
}
@media (max-width: 767.98px) {
  .header {
    height: 6.2rem;
  }
}
@media (max-width: 767.98px) {
  .header.js-active {
    border-bottom: 1px solid #fff;
    box-shadow: none;
  }
}
.header .container__bx {
  align-items: center;
  flex-flow: row;
  justify-content: space-between;
  text-align: center;
}
.header .site-branding {
  display: flex;
}
.header .site-branding .custom-logo {
  max-width: 18rem;
  display: block;
}
@media (max-width: 767.98px) {
  .header nav {
    display: none;
  }
}
.header .btn {
  font-size: 1.6rem;
  line-height: 1.9rem;
  padding: 1.2rem 2.4rem;
}
@media (max-width: 767.98px) {
  .header__btn {
    display: none;
  }
}
.header__info {
  display: flex;
  align-items: center;
}
.header__basket {
  position: relative;
}
.header__basket .cart-items-count {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  background-color: #8760F5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -5px;
  bottom: -5px;
}
.header__basket-icon {
  cursor: pointer;
}
.header .sel-lang {
  color: #036ACE;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .header .sel-lang {
    display: none;
  }
}
.header .sel-lang__t {
  background-color: #fff;
  padding: 0 0.2rem;
}

.basket-resume .btn--purple {
  margin: 0 auto;
}

.basket {
  max-width: 3rem !important;
}

.user {
  max-width: 2.4rem !important;
  margin-left: 1.1rem;
  display: block;
  margin-right: 0.8rem;
}
.user__initial {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 2rem;
  font-weight: 300;
  line-height: 23.48px;
  border-radius: 50%;
  border: 0.1rem solid #0E2145;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1.6rem;
  color: #0E2145;
  margin-right: 1.6rem;
}

nav .menu {
  display: flex;
}
nav .menu ul {
  display: flex;
}
nav .menu .menu-item {
  padding: 0 1.5rem;
  font-weight: 600;
}
nav .menu .menu-item a {
  color: #0E2145;
  text-decoration: none;
}
nav .menu .menu-item a:hover {
  color: #8760F5;
}
nav .menu .menu-item a:active, nav .menu .menu-item a:focus {
  color: #8760F5;
}
nav .menu .menu-item.current-menu-item a {
  color: #0E2145;
}

.m-toggle {
  display: none;
  width: 2.6rem;
  height: 1.6rem;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 99999;
  padding: 0px;
  align-self: center;
  margin-right: 2rem;
  background-color: transparent;
  border-radius: 0;
  border: 0;
}
@media (max-width: 767.98px) {
  .m-toggle {
    display: block;
  }
}
.m-toggle span {
  display: block;
  position: absolute;
  height: 0.21rem;
  width: 100%;
  background: #0E2145;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.m-toggle span:nth-child(1) {
  top: 0;
}
.m-toggle span:nth-child(2) {
  top: 0.8rem;
  right: 0;
  left: auto;
}
.m-toggle span:nth-child(3) {
  top: 0.8rem;
  max-width: 80%;
  right: 0px;
  left: auto;
}
.m-toggle span:nth-child(4) {
  top: 1.6rem;
}
.m-toggle.js-active span:nth-child(1) {
  top: 1rem;
  width: 0%;
  left: 50%;
}
.m-toggle.js-active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  max-width: 100%;
}
.m-toggle.js-active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  max-width: 100%;
}
.m-toggle.js-active span:nth-child(4) {
  top: 1rem;
  width: 0%;
  left: 50%;
}

.m-hamb {
  position: fixed;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  background: #036ACE;
  left: 0;
  top: 100%;
  z-index: 98;
  transition: display 0.3s ease-in-out;
  display: none;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .m-hamb.js-active {
    display: block;
    overflow: hidden;
    top: 0;
  }
}
.m-hamb::before {
  content: "";
  display: block;
  height: 8rem;
}
@media (max-width: 767.98px) {
  .m-hamb::before {
    height: 6.2rem;
  }
}
.m-hamb .menu {
  list-style: none;
  padding: 0 0.8rem;
  margin: 0;
  padding-top: 7.4rem;
}
.m-hamb .menu .menu-item {
  padding: 1.4rem 0;
  border-bottom: 0.1rem solid #fff;
  padding-left: 3.8rem;
}
.m-hamb .menu .menu-item:last-of-type {
  border-bottom: 0;
}
.m-hamb .menu .menu-item a {
  font-size: 2rem;
  line-height: 2.4rem;
  font-family: "Raleway", sans-serif;
}
.m-hamb .selectors {
  display: flex;
  flex-flow: column;
  padding: 3.5rem 4.8rem;
}
.m-hamb .selectors .sel-lang {
  display: flex;
}
@media (max-width: 767.98px) {
  .m-hamb .selectors .sel-lang__t {
    left: 0;
  }
}

.basket-resume {
  width: 33.5rem;
  position: fixed;
  background-color: #fff;
  padding: 5rem 2.6rem 4rem;
  border-radius: 1.6rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  right: 1rem;
  top: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  color: #036ACE;
  display: none;
  z-index: 10;
}
@media (width <= 40rem) {
  .basket-resume {
    width: calc(100% - 2rem);
    padding: 3rem 2rem;
    z-index: 10;
  }
}
.basket-resume__close {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  border: 0;
  background-color: transparent;
  background-image: url("./src/imgs/icons/icon-close-basket.png");
  background-size: 1.85rem;
  width: 1.85rem;
  height: 1.85rem;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.basket-resume__it {
  display: flex;
  align-items: center;
  margin-bottom: 4.9rem;
  text-align: center;
}
@media (width <= 40rem) {
  .basket-resume__it {
    flex-flow: column;
    margin-bottom: 2.5rem;
  }
}
.basket-resume__it img {
  max-width: 12.7rem;
}
.basket-resume__it h3 {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 100%;
  margin-bottom: 0.4rem;
  text-transform: uppercase;
}
.basket-resume__it h4 {
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 100%;
  color: #8760F5;
  margin-bottom: 0.8rem;
  text-transform: uppercase;
}
.basket-resume__it p {
  font-weight: 600;
  font-size: 2rem;
  line-height: 100%;
}
.basket-resume__it p .woocommerce-Price-currencySymbol {
  font-weight: 500;
}
.basket-resume__cn {
  padding-left: 2.2rem;
}
@media (width <= 40rem) {
  .basket-resume__cn {
    padding-left: 0;
    margin-top: 1rem;
    width: 100%;
  }
}
.basket-resume__bx p:last-child {
  text-align: center;
  margin-bottom: 2rem;
}

.phone-header.click {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  overflow: visible;
  cursor: pointer;
}

.phone-icon {
  z-index: 3;
  position: relative;
}

.phone-img {
  width: 2.8rem;
  height: auto;
  margin-top: 0.5rem;
  margin-right: 1.1rem;
  display: block;
}
@media (max-width: 767.98px) {
  .phone-img--dkt {
    display: none;
  }
}

.phone-number {
  position: absolute;
  right: 5.5rem;
  opacity: 0;
  transform: translateX(2rem);
  transition: all 0.3s ease;
  background: #fff;
  color: #0E2145;
  padding: 0.3rem 0.8rem;
  font-size: 1.8rem;
  white-space: nowrap;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .phone-number {
    display: none;
  }
}

.phone-number-mob {
  display: none;
}
@media (max-width: 767.98px) {
  .phone-number-mob {
    display: block;
  }
}

.phone-header.active .phone-number {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.phone-number:hover {
  color: #8760F5;
  text-decoration: none;
}

.footer {
  padding: 5rem 0 8rem;
  background-color: #0E2145;
  color: #0E2145;
  clear: both;
}
.footer .container__bx {
  flex-flow: row;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .footer .container__bx {
    flex-flow: column;
  }
}
.footer__logo {
  width: 18rem;
  margin-bottom: 5rem;
}
@media (max-width: 767.98px) {
  .footer__logo {
    order: 1;
    margin-bottom: 1.2rem;
  }
}
.footer__it .tit {
  position: relative;
  cursor: pointer;
}
.footer__it .tit.js-active:before {
  transform: translatey(-50%) rotate(-90deg);
  opacity: 0;
}
.footer__it .tit.js-active:after {
  transform: translatey(-50%) rotate(0);
}
.footer__it .tit:before, .footer__it .tit:after {
  content: "";
  display: none;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  transition: 0.35s;
  width: 2rem;
  height: 0.2rem;
}
.footer__it .tit:before {
  transform: translatey(-50%);
}
.footer__it .tit:after {
  transform: translatey(-50%) rotate(90deg);
}
@media (max-width: 767.98px) {
  .footer__it .menu.js-active {
    display: block;
  }
}
.footer__it--legal {
  margin-bottom: 3.2rem;
}
.footer__cl {
  width: 50%;
}
@media (max-width: 767.98px) {
  .footer__cl {
    width: 100%;
  }
}
.footer__cl--lf {
  padding-right: 2.3rem;
}
@media (max-width: 767.98px) {
  .footer__cl--lf {
    padding-right: 0;
    margin-bottom: 3.2rem;
  }
}
.footer__cl--lf h3 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 1.6rem;
}
@media (max-width: 767.98px) {
  .footer__cl--lf h3 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .footer__cl--lf h3 {
    max-width: 32.7rem;
  }
}
.footer__cl--lf p {
  margin-bottom: 3.2rem;
}
.footer__cl--rg {
  color: #fff;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 767.98px) {
  .footer__cl--rg {
    padding-left: 0;
    flex-flow: row wrap;
  }
}
.footer__cl--rg h3 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 500;
  margin-bottom: 0.8rem;
}
@media (max-width: 767.98px) {
  .footer__cl--rg h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.footer__cl--rg ul li {
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.footer__cl--full {
  width: 100%;
  border-top: 0.1rem solid #fff;
  padding-top: 4.8rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (width <= 767.98px) {
  .footer__cl--full {
    flex-flow: row wrap;
    padding-top: 2.7rem;
    gap: 0;
  }
}
.footer__copy {
  color: white;
  font-size: 1.4rem;
  font-weight: 300;
}
.footer__copy ul {
  display: flex;
  width: 100%;
}
@media (max-width: 767.98px) {
  .footer__copy ul {
    display: inline;
    width: auto;
  }
}
.footer__copy ul li {
  color: #fff;
  display: inline;
}
.footer__copy .menu-item {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #fff;
  padding: 0 1rem 0 1rem;
}
.footer__copy .menu-item:first-child {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #fff;
  padding: 0 1rem 0 1rem;
}
.footer__copy .menu-item:last-child {
  border-right-width: 0;
  border-right-style: none;
  border-left-width: 1px;
}
.footer .wpcf7 input.wpcf7-submit {
  color: #8760F5;
  background-color: #fff;
  margin: 0;
  border-color: #fff;
}
.footer .wpcf7 input.wpcf7-submit:hover {
  color: #036ACE;
  background-color: #ACA0F3;
  border-color: #ACA0F3;
}
.footer .wpcf7 input.wpcf7-submit:focus {
  color: #fff;
  background-color: #8760F5;
  border-color: #8760F5;
}
.footer .wpcf7 input.wpcf7-submit:disabled {
  color: #46465A;
  border-color: #46465A;
  background-color: #fff;
}
.footer .wpcf7 .wpcf7-list-item label input ~ span {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #fff;
}
.footer .wpcf7 .wpcf7-list-item label input ~ span a {
  color: #8760F5;
}
.footer .wpcf7 .wpcf7-list-item label .wpcf7-list-item-label::after, .footer .wpcf7 .wpcf7-list-item label .wpcf7-list-item-label::before {
  background-color: #fff;
}
.footer .wpcf7 .wpcf7-list-item label .wpcf7-list-item-label:after {
  border: 0.1rem solid #8760F5;
}
.footer__subit {
  font-size: 1.6rem;
  font-weight: 300;
  color: #fff;
}
@media (max-width: 767.98px) {
  .footer__subit {
    width: 100%;
    gap: 2rem;
  }
}
.footer__subit:nth-child(2) {
  text-align: center;
}
@media (max-width: 767.98px) {
  .footer__subit:nth-child(2) {
    width: 100%;
  }
}
.footer__subit h2 {
  font-size: 1.6rem;
  margin-bottom: 0.7rem;
}
.footer__subit.pay {
  max-height: 1.9rem;
  width: auto;
}
@media (width <= 767.98px) {
  .footer__subit.pay {
    order: 1;
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: end;
  }
}
.footer__subit.pay img {
  max-height: 1.9rem;
}
@media (width <= 767.98px) {
  .footer__subit.pay img {
    width: fit-content;
  }
}
.footer__subit.copy {
  font-size: 1.4rem;
}
@media (max-width: 767.98px) {
  .footer__subit--rrss {
    order: 1;
    width: 50%;
    flex-flow: row wrap;
    text-align: left;
  }
}
.footer__align__menu {
  display: flex;
  gap: 1rem;
  padding: 0 5rem;
}
@media (max-width: 767.98px) {
  .footer__align__menu {
    padding: 25px 0 0;
    order: 3;
    gap: 0;
    flex-flow: row wrap;
  }
}
@media (max-width: 767.98px) {
  .footer__tel {
    order: 2;
    width: 100%;
  }
}

.backtotop {
  display: inline-block;
  background-color: #ACA0F3;
  width: 5rem;
  height: 5rem;
  text-align: center;
  border-radius: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  transition: background-color 0.8s, opacity 0.8s, visibility 0.8s;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  cursor: pointer;
  border: 0.1rem solid #ACA0F3;
}
.backtotop::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjUzMDEgMTQuNTMwMUMyNS4zODk1IDE0LjY3MDUgMjUuMTk4OCAxNC43NDk0IDI1LjAwMDEgMTQuNzQ5NEMyNC44MDEzIDE0Ljc0OTQgMjQuNjEwNyAxNC42NzA1IDI0LjQ3MDEgMTQuNTMwMUwxNi43NTAxIDYuODExMzJMMTYuNzUwMSAyNy4wMDAxQzE2Ljc1MDEgMjcuMTk5IDE2LjY3MTEgMjcuMzg5NyAxNi41MzA0IDI3LjUzMDRDMTYuMzg5OCAyNy42NzExIDE2LjE5OSAyNy43NTAxIDE2LjAwMDEgMjcuNzUwMUMxNS44MDEyIDI3Ljc1MDEgMTUuNjEwNCAyNy42NzExIDE1LjQ2OTggMjcuNTMwNEMxNS4zMjkxIDI3LjM4OTcgMTUuMjUwMSAyNy4xOTkgMTUuMjUwMSAyNy4wMDAxTDE1LjI1MDEgNi44MTEzMkw3LjUzMDA5IDE0LjUzMDFDNy4zODc5MiAxNC42NjI2IDcuMTk5ODcgMTQuNzM0NyA3LjAwNTU3IDE0LjczMTJDNi44MTEyNyAxNC43Mjc4IDYuNjI1ODggMTQuNjQ5MSA2LjQ4ODQ3IDE0LjUxMTdDNi4zNTEwNiAxNC4zNzQzIDYuMjcyMzQgMTQuMTg4OSA2LjI2ODkyIDEzLjk5NDZDNi4yNjU0OSAxMy44MDAzIDYuMzM3NjEgMTMuNjEyMiA2LjQ3MDA5IDEzLjQ3MDFMMTUuNDcwMSA0LjQ3MDA3QzE1LjYxMDcgNC4zMjk2MiAxNS44MDEzIDQuMjUwNzMgMTYuMDAwMSA0LjI1MDczQzE2LjE5ODggNC4yNTA3MyAxNi4zODk1IDQuMzI5NjIgMTYuNTMwMSA0LjQ3MDA3TDI1LjUzMDEgMTMuNDcwMUMyNS42NzA1IDEzLjYxMDcgMjUuNzQ5NCAxMy44MDEzIDI1Ljc0OTQgMTQuMDAwMUMyNS43NDk0IDE0LjE5ODggMjUuNjcwNSAxNC4zODk0IDI1LjUzMDEgMTQuNTMwMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 3.2rem;
  background-repeat: no-repeat;
  background-position: center;
}
.backtotop:hover {
  background-color: #ACA0F3;
  border: 0.1rem solid #ACA0F3;
}
.backtotop:active {
  background-color: transparent;
}
.backtotop:active::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjUzMDEgMTQuNTMwMUMyNS4zODk1IDE0LjY3MDUgMjUuMTk4OCAxNC43NDk0IDI1LjAwMDEgMTQuNzQ5NEMyNC44MDEzIDE0Ljc0OTQgMjQuNjEwNyAxNC42NzA1IDI0LjQ3MDEgMTQuNTMwMUwxNi43NTAxIDYuODExMzJMMTYuNzUwMSAyNy4wMDAxQzE2Ljc1MDEgMjcuMTk5IDE2LjY3MTEgMjcuMzg5NyAxNi41MzA0IDI3LjUzMDRDMTYuMzg5OCAyNy42NzExIDE2LjE5OSAyNy43NTAxIDE2LjAwMDEgMjcuNzUwMUMxNS44MDEyIDI3Ljc1MDEgMTUuNjEwNCAyNy42NzExIDE1LjQ2OTggMjcuNTMwNEMxNS4zMjkxIDI3LjM4OTcgMTUuMjUwMSAyNy4xOTkgMTUuMjUwMSAyNy4wMDAxTDE1LjI1MDEgNi44MTEzMkw3LjUzMDA5IDE0LjUzMDFDNy4zODc5MiAxNC42NjI2IDcuMTk5ODcgMTQuNzM0NyA3LjAwNTU3IDE0LjczMTJDNi44MTEyNyAxNC43Mjc4IDYuNjI1ODggMTQuNjQ5MSA2LjQ4ODQ3IDE0LjUxMTdDNi4zNTEwNiAxNC4zNzQzIDYuMjcyMzQgMTQuMTg4OSA2LjI2ODkyIDEzLjk5NDZDNi4yNjU0OSAxMy44MDAzIDYuMzM3NjEgMTMuNjEyMiA2LjQ3MDA5IDEzLjQ3MDFMMTUuNDcwMSA0LjQ3MDA3QzE1LjYxMDcgNC4zMjk2MiAxNS44MDEzIDQuMjUwNzMgMTYuMDAwMSA0LjI1MDczQzE2LjE5ODggNC4yNTA3MyAxNi4zODk1IDQuMzI5NjIgMTYuNTMwMSA0LjQ3MDA3TDI1LjUzMDEgMTMuNDcwMUMyNS42NzA1IDEzLjYxMDcgMjUuNzQ5NCAxMy44MDEzIDI1Ljc0OTQgMTQuMDAwMUMyNS43NDk0IDE0LjE5ODggMjUuNjcwNSAxNC4zODk0IDI1LjUzMDEgMTQuNTMwMVoiIGZpbGw9IiM4MDZDRjUiLz4KPC9zdmc+Cg==");
}
.backtotop.js-show {
  opacity: 1;
  visibility: visible;
}

.rrss {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 767.98px) {
  .rrss {
    margin-bottom: 0;
    order: 1;
  }
}
.rrss img {
  width: 2.2rem;
  height: 2.2rem;
  margin: 0 1.1rem 0 0;
}
.rrss a:last-child img {
  margin-right: 0;
}

.newsletter-form {
  padding: 5rem !important;
}
@media (width <= 767.98px) {
  .newsletter-form {
    padding: 3rem !important;
  }
}
.newsletter-form h2 {
  font-family: "Raleway", sans-serif;
  font-size: 62px;
  font-weight: 600;
  line-height: 62px;
  text-align: center;
  max-width: 70rem;
  margin: 0 auto;
  margin-bottom: 3.6rem;
  color: #0E2145;
}
@media (width <= 767.98px) {
  .newsletter-form h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 38.4px;
    margin-bottom: 2rem;
  }
}
.newsletter-form__p {
  width: 100%;
  text-align: center;
  font-family: "Raleway", sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  max-width: 75rem;
  margin: 0 auto;
  margin-bottom: 3.6rem;
}
@media (width <= 767.98px) {
  .newsletter-form__p {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    margin-bottom: 2rem;
  }
}
.newsletter-form .newsletter-form__bt {
  width: 100%;
  text-align: center;
  max-width: 100% !important;
}
.newsletter-form .wpcf7 {
  max-width: 73rem;
  margin: 0 auto;
}
.newsletter-form .wpcf7 .wpcf7-list-item label input ~ span a {
  color: #8760F5;
  text-decoration: underline;
}
.newsletter-form .btn {
  width: 100%;
  display: block;
  max-width: 100%;
  margin-top: 4rem;
}
.newsletter-form .form-news {
  flex-flow: column;
}
.newsletter-form .form-news .wpcf7-form-control.wpcf7-text {
  border-color: #8760F5;
  height: 5.6rem;
  margin-bottom: 3.6rem;
}
.newsletter-form .form-news .wpcf7-form-control.wpcf7-text::placeholder {
  color: rgb(217, 217, 217);
}
.newsletter-form .form-news .wpcf7-form-control.wpcf7-submit {
  position: relative;
  width: 100%;
  max-width: 44.5rem !important;
  border-radius: 5rem;
  height: 5.2rem;
  font-size: 24px;
  font-weight: 300;
  line-height: 28.8px;
  font-family: "Raleway", sans-serif;
}

.selectors {
  display: flex;
  gap: 2rem;
  font-size: 16px;
  line-height: 18.78px;
  align-self: center;
  margin-bottom: 5rem;
}
@media (max-width: 767.98px) {
  .selectors {
    align-self: self-start;
    margin-bottom: 2rem;
    order: 3;
  }
}
.selectors strong {
  font-weight: 600;
  color: #8760F5;
  padding-bottom: 0.5rem;
  display: inline-block;
}
.selectors button {
  border: 0;
  background-color: transparent;
  background-image: url("./src/imgs/icons/icon-plus-purple.png");
  background-size: 1.9rem;
  font-family: "Raleway", sans-serif;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  cursor: pointer;
  padding: 0;
  padding-right: 2.5rem;
  background-repeat: no-repeat;
  background-position: center right;
}

.sel-lang {
  position: relative;
  order: 2;
  display: flex;
  gap: 1rem;
}
.sel-lang__c {
  position: relative;
  padding-right: 2.4rem;
}
.sel-lang__c.js-show::after {
  transform: rotate(180deg);
  top: 0;
}
.sel-lang__c::after {
  content: "";
  width: 1.5rem;
  height: 1.3rem;
  display: block;
  background-image: url("./src/imgs/icons/arrow-lang.png");
  position: absolute;
  right: 0;
  top: 6px;
  background-size: 1.5rem;
  background-repeat: no-repeat;
}
.sel-lang__t {
  display: none;
  position: absolute;
  top: 100%;
  right: 2.4rem;
}
.sel-lang__t.js-show {
  display: block;
}

.sel-country {
  display: flex;
  gap: 1rem;
}

.countries-popup {
  background-color: #000722 !important;
  color: #fff !important;
  width: 100% !important;
  padding: 7.8rem !important;
}
@media (width <= 767.98px) {
  .countries-popup {
    padding: 4rem !important;
  }
}
.countries-popup .f-button svg {
  color: #fff !important;
}
.countries-popup__intro {
  border-bottom: 0.1rem solid #fff;
  padding-bottom: 2.7rem;
  margin-bottom: 3.8rem;
}
@media (width <= 767.98px) {
  .countries-popup__intro {
    padding-bottom: 1.5rem;
    margin-bottom: 2.8rem;
  }
}
.countries-popup__intro h2 {
  font-family: "Raleway", sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 2.9rem;
  color: #fff;
  margin-bottom: 0.7rem;
}
@media (width <= 767.98px) {
  .countries-popup__intro h2 {
    font-size: 2rem;
    line-height: 100%;
    text-align: center;
    margin-bottom: 1.8rem;
  }
}
.countries-popup__intro p {
  font-family: "Raleway", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.42rem;
  color: #fff;
}
@media (width <= 767.98px) {
  .countries-popup__intro p {
    font-size: 1.6rem;
    text-align: center;
  }
}
.countries-popup__intro p span {
  color: #8760F5;
  font-weight: 600;
  font-size: 2rem;
}
@media (width <= 767.98px) {
  .countries-popup__intro p span {
    display: block;
    margin-top: 1.4rem;
  }
}
.countries-popup__bx {
  display: flex;
  flex-flow: row wrap;
  gap: 2rem 4rem;
}
@media (width <= 767.98px) {
  .countries-popup__bx {
    flex-flow: column;
  }
}
.countries-popup__it {
  font-family: "Raleway", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 4rem;
  color: #fff;
}
.countries-popup__it h3 {
  font-weight: 600;
  color: #8760F5;
  position: relative;
}
@media (width <= 767.98px) {
  .countries-popup__it h3:after {
    content: "";
    width: 2rem;
    height: 2rem;
    display: block;
    background-image: url("./src/imgs/icons/icon-plus-countries.png");
    background-size: 2rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (width <= 767.98px) {
  .countries-popup__ul {
    display: none;
  }
}

.block-countries-popup {
  padding: 0 !important;
}
.block-countries-popup__bx {
  width: 100%;
  padding: 9.9rem 6.3rem 7rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  color: #0E2145;
}
@media (width <= 767.98px) {
  .block-countries-popup__bx {
    padding: 11.2rem 2rem;
  }
}
.block-countries-popup__bx h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 6.2rem;
  line-height: 100%;
  text-align: center;
  margin-bottom: 3.6rem;
}
@media (width <= 767.98px) {
  .block-countries-popup__bx h2 {
    font-size: 3.2rem;
    margin-bottom: 1rem;
  }
}
.block-countries-popup__bx p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 3rem;
  line-height: 100%;
  text-align: center;
  margin: 0 auto;
  max-width: 52.7rem;
  margin-bottom: 3.6rem;
}
@media (width <= 767.98px) {
  .block-countries-popup__bx p {
    font-size: 1.8rem;
    margin-bottom: 5rem;
  }
}
.block-countries-popup__bx .btn {
  background-color: #8760F5;
  font-family: "Raleway", sans-serif;
  max-width: 44.5rem;
  height: 5.5rem;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
}

.phone-footer {
  margin-bottom: 2.3rem;
}
.phone-footer__number {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  white-space: nowrap;
}

.custom-placa {
  padding: 3rem;
  max-width: 50rem;
  width: 100%;
}
.custom-placa strong {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 3rem;
}
.custom-placa__tit {
  font-size: 4rem !important;
}
.custom-placa__phrase {
  position: relative;
}
.custom-placa__img {
  display: block;
  margin-bottom: 1rem;
  max-width: 38.2rem;
  margin: 0 auto;
  padding: 0 0 1rem 0;
}
.custom-placa__text {
  text-align: center;
  font-weight: 400;
  margin: 0 0 1rem 0;
}
.custom-placa__text span {
  color: #036ACE;
  font-weight: 600;
}
.custom-placa__example {
  margin-top: 1rem;
  text-align: center;
  color: rgb(3, 106, 206);
  background-color: rgba(3, 106, 206, 0.08);
  padding: 2rem;
  font-weight: 700;
  font-size: 2.2rem;
  border-radius: 1rem;
}
.custom-placa__buttons {
  display: flex;
  gap: 2rem;
  padding-bottom: 2rem;
}

.custom-book .wpcf7 input.wpcf7-submit {
  display: none;
}

#mdl_banner_buy_modal .fancybox__content {
  padding: 3rem;
}

#mdl_banner_financing_modal .f-button.is-close-btn,
#mdl_banner_buy_modal .f-button.is-close-btn,
#mdl_banner_info_modal .f-button.is-close-btn {
  top: 1.8rem !important;
  right: 1.8rem !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-radius: 50%;
  color: #0E2145;
  background-color: #ffffff !important;
}

.custom-placa .f-button.is-close-btn {
  top: 1.8rem !important;
  right: 1.8rem !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  background-color: #ffffff !important;
  border-radius: 50%;
}

#mdl_banner_buy_modal .f-button svg {
  width: 2.5rem !important;
  height: 2.5rem !important;
  color: black;
}

.custom-placa .f-button svg {
  width: 2.5rem !important;
  height: 2.5rem !important;
  color: black;
}

#mdl_banner_financing_modal h2, #mdl_banner_info_modal h2 {
  margin-top: 6rem;
  font-size: 3rem !important;
  font-weight: 700 !important;
}

#mdl_banner_buy_modal .mdl-banner_info__h2 {
  margin-top: 6rem;
  font-size: 3rem !important;
  font-weight: 700 !important;
}

.custom-placa .mdl-banner_info__h2 {
  margin-top: 6rem;
  font-size: 3rem !important;
  font-weight: 700 !important;
}

#mdl_banner_buy_modal > strong {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 3rem;
}

.custom-placa > strong {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 3rem;
}

#mdl_banner_buy_modal .wpcf7-form.init strong {
  display: block;
  text-align: center;
  color: #036ACE;
  margin: 1rem 0 3rem 0;
}

#mdl_banner_buy_modal .wpcf7-list-item-label a {
  text-decoration: underline;
}

.js-custom_text_1.custom-placa__first, .js-custom_text_2.custom-placa__second {
  font-size: 8px;
  font-weight: 600;
  filter: grayscale(1) invert(20%) opacity(80%);
  width: 100%;
  padding: 2rem;
  text-align: center;
  margin: 0 auto;
}

.js-custom_text_1.custom-placa__first {
  position: absolute;
  bottom: 17px;
}

.js-custom_text_2.custom-placa__second {
  position: absolute;
  bottom: 6px;
}

.custom-book .mdl-banner_info__link {
  margin: 0 auto;
  border: 0.1rem solid #ACA0F3 !important;
}

.feedback, .reply {
  padding: 5rem;
  height: 55vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 10rem;
  margin-bottom: 10rem;
}
@media (max-width: 767.98px) {
  .feedback, .reply {
    padding: 0.5rem;
  }
}
.feedback p, .reply p {
  margin-bottom: 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.feedback__img, .reply__img {
  max-width: 29.8rem !important;
  display: block;
  margin: 2rem auto;
}
.feedback__tit, .reply__tit {
  font-family: "Raleway", sans-serif !important;
  font-size: 5rem !important;
  text-align: center;
  font-weight: 800 !important;
  color: #036ACE !important;
  line-height: 100% !important;
  text-transform: uppercase;
}
.feedback__tit span, .reply__tit span {
  font-size: 5rem;
  color: #036ACE;
  display: block;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .feedback__tit span, .reply__tit span {
    font-size: 3.6rem;
    font-weight: 800;
  }
}
.feedback__title, .reply__title {
  font-family: "Raleway", sans-serif !important;
  font-size: 5rem !important;
  text-align: center;
  font-weight: 800 !important;
  color: #036ACE !important;
  line-height: 100% !important;
  text-transform: uppercase;
}
.feedback__title span, .reply__title span {
  font-size: 5rem;
  color: #036ACE;
  display: block;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .feedback__title span, .reply__title span {
    font-size: 3.6rem;
    font-weight: 800;
  }
}
.feedback__text, .reply__text {
  font-size: 2.5rem;
  font-weight: 300;
  text-align: center;
}
.feedback__text strong, .reply__text strong {
  color: #036ACE;
}
@media (max-width: 767.98px) {
  .feedback__text, .reply__text {
    line-height: 120%;
  }
}

.mdl-feedback-info__link {
  margin: 4.2rem 0 0 0;
}

.mdl-contact {
  padding: 7.2rem 0;
}
@media (max-width: 767.98px) {
  .mdl-contact {
    padding: 4.8rem 0;
  }
}
.mdl-contact .container__bx {
  flex-wrap: nowrap;
}
.mdl-contact h1 {
  text-align: center;
  font-size: 6.8rem;
  font-weight: 500;
  line-height: 5.5rem;
  text-align: center;
  margin-bottom: 1rem;
}
@media (width <= 767.98px) {
  .mdl-contact h1 {
    font-size: 6rem;
    line-height: 7rem;
  }
}
.mdl-contact h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 28.18px;
  text-align: center;
  color: #8760F5;
  font-style: normal;
  max-width: 400px;
  margin: 0 auto;
}
.mdl-contact__bx {
  margin-top: 7.8rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.2rem;
  margin-bottom: 8.1rem;
}
@media (max-width: 767.98px) {
  .mdl-contact__bx {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
  }
}
.mdl-contact__it {
  background-color: #F4F4F4;
  color: #036ACE;
  padding: 2.4rem;
}
.mdl-contact .tit {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
  color: #036ACE;
  margin-bottom: 0.8rem;
}
@media (max-width: 767.98px) {
  .mdl-contact .tit {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
@media (width <= 767.98px) {
  .mdl-contact form .wpcf7-form-control-wrap {
    margin-bottom: 1.6rem;
  }
}
@media (width <= 767.98px) {
  .mdl-contact form .form-grid-variable,
  .mdl-contact form .form-grid-two {
    gap: 0;
  }
}
.mdl-contact form .form-grid-variable .wpcf7-form-control-wrap,
.mdl-contact form .form-grid-two .wpcf7-form-control-wrap {
  margin-bottom: 0;
}

.wpcf7 {
  padding: 0rem;
  width: 100%;
}
.wpcf7 p {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .wpcf7 p {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}
.wpcf7 .wpcf7-form-control-wrap {
  display: flex;
  flex-flow: column;
  position: relative;
}
.wpcf7 .wpcf7-form-control-wrap .intl-tel-input {
  margin-bottom: 2rem !important;
}
.wpcf7 .wpcf7-form-control-wrap .intl-tel-input .flag-container {
  height: 5.3rem;
}
@media (max-width: 767.98px) {
  .wpcf7 .wpcf7-form-control-wrap .intl-tel-input .flag-container {
    height: 4.3rem;
  }
}
.wpcf7 input.wpcf7-form-control {
  width: 100%;
  height: 5.3rem;
  background: #fff;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  text-align: left;
  color: #0E2145;
  border: 0.1rem solid #0E2145;
  padding: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.6rem;
  font-family: "Raleway", sans-serif;
  border-radius: 0;
  /*&:hover{
      color:  $purple200;
      border-color: $purple200;

      &::placeholder{
          color: $purple200;
      }
  }

  &:active{
      color:  $purple;
      border-color: $purple;

      &::placeholder{
          color: $purple;
      }
  }*/
}
@media (max-width: 767.98px) {
  .wpcf7 input.wpcf7-form-control {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.wpcf7 input.wpcf7-form-control.wpcf7-phonetext {
  margin-bottom: 1.6rem !important;
}
@media (max-width: 767.98px) {
  .wpcf7 input.wpcf7-form-control {
    height: 4.3rem;
    padding: 1.2rem 1.6rem;
  }
}
.wpcf7 input.wpcf7-form-control::placeholder {
  opacity: 1;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  text-align: left;
  color: #0E2145;
  font-family: "Raleway", sans-serif;
}
@media (max-width: 767.98px) {
  .wpcf7 input.wpcf7-form-control::placeholder {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.wpcf7 input.wpcf7-form-control:focus {
  color: #8760F5;
  border-color: #8760F5;
}
.wpcf7 input.wpcf7-form-control:focus::placeholder {
  color: #8760F5;
}
.wpcf7 input.wpcf7-form-control:focus-visible {
  outline: 0;
}
.wpcf7 input.wpcf7-form-control.wpcf7-not-valid {
  border: 1px solid #F56C6C;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNiIgeT0iNSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE1IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTIgMkM2LjIyNSAyIDEuNSA2LjcyNSAxLjUgMTIuNUMxLjUgMTguMjc1IDYuMjI1IDIzIDEyIDIzQzE3Ljc3NSAyMyAyMi41IDE4LjI3NSAyMi41IDEyLjVDMjIuNSA2LjcyNSAxNy43NzUgMiAxMiAyWk0xMS4xNzUgNi41SDEyLjgyNVYxNC43NUgxMS4xNzVWNi41Wk0xMiAxOS4yNUMxMS40IDE5LjI1IDEwLjg3NSAxOC43MjUgMTAuODc1IDE4LjEyNUMxMC44NzUgMTcuNTI1IDExLjQgMTcgMTIgMTdDMTIuNiAxNyAxMy4xMjUgMTcuNTI1IDEzLjEyNSAxOC4xMjVDMTMuMTI1IDE4LjcyNSAxMi42IDE5LjI1IDEyIDE5LjI1WiIgZmlsbD0iI0Y1NkM2QyIvPgo8L3N2Zz4K");
  background-position: center right 8px;
  background-repeat: no-repeat;
}
.wpcf7 input.wpcf7-submit {
  font-family: "Raleway", sans-serif;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  text-decoration: none;
  align-self: flex-end;
  cursor: pointer;
  transition: all 200ms linear;
  margin: 0 auto;
  /*display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;*/
  max-width: 21rem;
  height: 3.8rem;
  background-color: #8760F5;
  /*font-size: 1.8rem;
  color: $white;
  text-transform: uppercase;
  cursor: pointer;*/
  border-radius: 9999rem;
  border: 0.1rem solid #8760F5;
  padding: 0;
  line-height: inherit;
}
@media (max-width: 767.98px) {
  .wpcf7 input.wpcf7-submit {
    max-width: 100%;
    height: 4.3rem;
    font-size: 1.6rem;
    line-height: 1.9rem;
  }
}
.wpcf7 input.wpcf7-submit:hover {
  color: #036ACE;
  background-color: #ACA0F3;
  border-color: #ACA0F3;
}
.wpcf7 input.wpcf7-submit:focus {
  background-color: #041452;
  border-color: #041452;
  color: #fff;
}
.wpcf7 input.wpcf7-submit[disabled=""] {
  border-color: #D2D1D7;
  background-color: #D2D1D7;
  color: #191931;
}
.wpcf7 textarea {
  margin-bottom: 1.6rem;
  resize: none;
}
.wpcf7 textarea.wpcf7-textarea {
  background: #fff;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  text-align: left;
  color: #0E2145;
  border: 0.1rem solid #0E2145;
  padding: 1.6rem;
  display: flex;
  justify-content: center;
  font-family: "Raleway", sans-serif;
  /*&:hover{
      color:  $purple200;
      border-color: $purple200;

      &::placeholder{
          color: $purple200;
      }
  }

  &:active{
      color:  $purple;
      border-color: $purple;

      &::placeholder{
          color: $purple;
      }
  }*/
}
@media (max-width: 767.98px) {
  .wpcf7 textarea.wpcf7-textarea {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  .wpcf7 textarea.wpcf7-textarea {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNzY0NjQ4IDEyLjc2NDJMMTIuNzY0NiAwLjc2NDE1OSIgc3Ryb2tlPSIjMDAwNzIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+CjxwYXRoIGQ9Ik03IDEzTDEzIDciIHN0cm9rZT0iIzAwMDcyMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: bottom 0.5rem right 0.5rem;
  }
}
.wpcf7 textarea.wpcf7-textarea::placeholder {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  font-family: "Raleway", sans-serif;
  opacity: 1;
  color: #46465A;
}
@media (max-width: 767.98px) {
  .wpcf7 textarea.wpcf7-textarea::placeholder {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.wpcf7 textarea.wpcf7-textarea:focus {
  color: #8760F5;
  border-color: #8760F5;
}
.wpcf7 textarea.wpcf7-textarea:focus::placeholder {
  color: #8760F5;
}
.wpcf7 textarea.wpcf7-textarea:focus-visible {
  outline: none;
}
.wpcf7 select.wpcf7-select {
  background: #fff;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  text-align: left;
  color: #0E2145;
  border: 0.1rem solid #0E2145;
  padding: 1.6rem;
  display: flex;
  justify-content: center;
  font-family: "Raleway", sans-serif;
  margin-bottom: 1.6rem;
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOC41NDk3MyAwLjUwMDAwMUwwLjQ0OTQ5OSAwLjUwMDAwMUMwLjM2NzQ4NyAwLjUwMDIzIDAuMjg3MDk5IDAuNTIwMzcxIDAuMjE2OTg3IDAuNTU4MjU2QzAuMTQ2ODc1IDAuNTk2MTQxIDAuMDg5Njk0NSAwLjY1MDMzNSAwLjA1MTU5OTEgMC43MTUwMDVDMC4wMTM1MDM2IDAuNzc5Njc2IC0wLjAwNDA2MzExIDAuODUyMzczIDAuMDAwNzg5MTc2IDAuOTI1MjcyQzAuMDA1NjQxNDYgMC45OTgxNzEgMC4wMzI3Mjk2IDEuMDY4NTEgMC4wNzkxMzczIDEuMTI4NzJMNC4xMjkyNSA2LjMzODAxQzQuMjk3MTEgNi41NTQgNC43MDEyMiA2LjU1NCA0Ljg2OTUyIDYuMzM4MDFMOC45MTk2NCAxLjEyODcyQzguOTY2NTIgMS4wNjg2NCA4Ljk5NDAxIDAuOTk4MjYyIDguOTk5MTMgMC45MjUyNDJDOS4wMDQyNCAwLjg1MjIyMSA4Ljk4Njc5IDAuNzc5MzQ4IDguOTQ4NjYgMC43MTQ1NDFDOC45MTA1MyAwLjY0OTczNCA4Ljg1MzE4IDAuNTk1NDcgOC43ODI4NSAwLjU1NzY0N0M4LjcxMjUyIDAuNTE5ODIzIDguNjMxODkgMC40OTk4ODYgOC41NDk3MyAwLjUwMDAwMVoiIGZpbGw9IiM0NjQ2NUEiLz4KPC9zdmc+Cg==");
  background-position: center right 2rem;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  /*&:hover{
      color:  $purple200;
      border-color: $purple200;

      &::placeholder{
          color: $purple200;
      }
  }

  &:active{
      color:  $blue100;
      border-color: $blue100;

      &::placeholder{
          color: $blue100;
      }
  }*/
}
@media (max-width: 767.98px) {
  .wpcf7 select.wpcf7-select {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  .wpcf7 select.wpcf7-select {
    height: 4.3rem;
    padding: 1.2rem 1.6rem;
    margin-bottom: 1.6rem;
  }
}
.wpcf7 select.wpcf7-select::placeholder {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  font-family: "Raleway", sans-serif;
  opacity: 1;
}
@media (max-width: 767.98px) {
  .wpcf7 select.wpcf7-select::placeholder {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  .wpcf7 select.wpcf7-select::placeholder {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.wpcf7 select.wpcf7-select:focus {
  color: #8760F5;
  border-color: #8760F5;
  outline: none;
}
.wpcf7 select.wpcf7-select:focus::placeholder {
  color: #8760F5;
}
.wpcf7 .wpcf7-list-item {
  margin: 0;
  display: flex;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: left;
  color: #0E2145;
}
@media (max-width: 767.98px) {
  .wpcf7 .wpcf7-list-item {
    margin-bottom: 3rem;
  }
}
.wpcf7 .wpcf7-list-item label {
  cursor: pointer;
  padding-left: 3.5rem;
}
.wpcf7 .wpcf7-list-item label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.wpcf7 .wpcf7-list-item label input ~ span {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  color: #0E2145;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .wpcf7 .wpcf7-list-item label input ~ span {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.wpcf7 .wpcf7-list-item label input ~ span a {
  color: #036ACE;
  text-decoration: none;
}
.wpcf7 .wpcf7-list-item label input:checked ~ span:after {
  display: block;
}
.wpcf7 .wpcf7-list-item label .wpcf7-list-item-label {
  position: relative;
  padding-left: 0;
}
.wpcf7 .wpcf7-list-item label .wpcf7-list-item-label:before, .wpcf7 .wpcf7-list-item label .wpcf7-list-item-label:after {
  content: "";
  width: 2.1rem;
  height: 2.1rem;
  position: absolute;
  left: -3.5rem;
  top: 0;
  display: block;
  background-color: transparent;
  border: 0.1rem solid #0E2145;
}
.wpcf7 .wpcf7-list-item label .wpcf7-list-item-label:after {
  content: "";
  position: absolute;
  display: none;
  left: -2.7rem;
  top: 0.3rem;
  width: 0.5rem;
  height: 1.2rem;
  border: 0.1rem solid #8760F5;
  border-width: 0 0.3rem 0.3rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.wpcf7 .wpcf7-list-item label .wpcf7-list-item-label:hover:before {
  border-color: #8760F5;
}
.wpcf7 .wpcf7-acceptance {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .wpcf7 .wpcf7-acceptance {
    margin-bottom: 0;
  }
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
  padding-top: 0.3rem;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label:before, .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label:after {
  width: 2.1rem;
  height: 2.1rem;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label:after {
  left: -2.7rem;
  top: 0.3rem;
  width: 0.5rem;
  height: 1.2rem;
  border: 0.1rem solid #8760F5;
  border-width: 0 0.3rem 0.3rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.wpcf7 .wpcf7-not-valid-tip {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 300;
  color: #F56C6C;
  margin-bottom: 2rem;
  margin-top: -0.8rem;
}
@media (max-width: 767.98px) {
  .wpcf7 .wpcf7-not-valid-tip {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}
.wpcf7 form .wpcf7-response-output {
  margin: 0;
  border: 0;
  padding: 0;
  display: none !important;
}
.wpcf7 form .wpcf7-spinner {
  display: none !important;
}
.wpcf7 .legal-text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 300;
  margin-bottom: 2rem;
  color: #0E2145;
}
@media (max-width: 767.98px) {
  .wpcf7 .legal-text {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}
.wpcf7 .legal-text .read-more {
  display: none;
  margin-top: 1rem;
  text-align: left;
  color: #036ACE;
}
@media (max-width: 767.98px) {
  .wpcf7 .legal-text .read-more {
    display: block;
  }
}

.woocommerce-terms-and-conditions-wrapper .read-more {
  display: none;
}

.form-news {
  display: flex;
  position: relative;
}
.form-news .wpcf7-form-control.wpcf7-submit {
  position: absolute;
  right: 0;
  top: 0;
  width: 7.5rem;
  background-color: #8760F5 !important;
  border-radius: 0;
  color: #fff !important;
  height: 4.3rem;
  border: 0;
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 300;
}
.form-news .wpcf7-form-control-wrap {
  width: 100%;
}
.form-news .wpcf7-form-control-wrap .wpcf7-form-control {
  height: 4.3rem;
}

.form-grid-three-asymmetric {
  display: grid;
  grid-template-columns: 3fr 1fr 2fr;
  gap: 1.6rem;
}
@media (max-width: 767.98px) {
  .form-grid-three-asymmetric {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
}

.form-grid-three {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.6rem;
}
@media (max-width: 767.98px) {
  .form-grid-three {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
}
.form-grid-two-asymmetric {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 1.6rem;
}
@media (max-width: 767.98px) {
  .form-grid-two-asymmetric {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
    margin-bottom: 0;
  }
}

.form-grid-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.6rem;
}
@media (max-width: 767.98px) {
  .form-grid-two {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
    margin-bottom: 0;
  }
}

.form-grid-variable {
  display: flex;
  gap: 1.6rem;
}
@media (max-width: 767.98px) {
  .form-grid-variable {
    flex-flow: column;
  }
}
.form-grid-variable [data-class=wpcf7cf_group],
.form-grid-variable .wpcf7-form-control-wrap {
  flex: 1 1 0px;
}

.mdl-form {
  background-color: #fff;
  padding: 1.8rem 0;
}
.mdl-form__title {
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 120%;
  color: #036ACE;
}
.mdl-form__text {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 120%;
  margin: 2rem 0 2rem 0;
}
.mdl-form__legals {
  margin-top: 1.5rem;
}
.mdl-form__legals p {
  font-size: 1.4rem !important;
  line-height: 1.6rem !important;
  margin-bottom: 2rem !important;
  color: #0E2145;
}
@media (max-width: 767.98px) {
  .mdl-form__legals p {
    font-size: 1.2rem !important;
    line-height: 1.4rem !important;
    margin-bottom: 1.6rem !important;
  }
}
.mdl-form__form input {
  width: 100%;
  height: 5.3rem;
  background: #fff;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  font-weight: 300;
  text-align: left;
  color: #0E2145;
  border: 0.1rem solid #0E2145;
  padding: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.6rem;
  font-family: "Raleway", sans-serif;
  border-radius: 0;
}
@media (max-width: 767.98px) {
  .mdl-form__form input {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-form__form input {
    height: 4.3rem;
    padding: 1.2rem 1.6rem;
  }
}
.mdl-form__form input::placeholder {
  color: #0E2145;
}
.mdl-form__form input:focus, .mdl-form__form input:focus-visible {
  color: #8760F5;
  border-color: #8760F5;
  outline: none;
}
.mdl-form__form input:focus::placeholder, .mdl-form__form input:focus-visible::placeholder {
  color: #8760F5;
}
.mdl-form__form textarea {
  margin-bottom: 1.6rem;
  resize: none;
  background: #fff;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  text-align: left;
  color: #0E2145;
  border: 0.1rem solid #0E2145;
  padding: 1.6rem;
  display: flex;
  justify-content: center;
  font-family: "Raleway", sans-serif;
  height: 16.8rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .mdl-form__form textarea {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-form__form textarea {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNzY0NjQ4IDEyLjc2NDJMMTIuNzY0NiAwLjc2NDE1OSIgc3Ryb2tlPSIjMDAwNzIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+CjxwYXRoIGQ9Ik03IDEzTDEzIDciIHN0cm9rZT0iIzAwMDcyMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: bottom 0.5rem right 0.5rem;
  }
}
.mdl-form__form textarea::placeholder {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  font-family: "Raleway", sans-serif;
  opacity: 1;
  color: #46465A;
}
@media (max-width: 767.98px) {
  .mdl-form__form textarea::placeholder {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.mdl-form__form textarea:focus {
  color: #8760F5;
  border-color: #8760F5;
}
.mdl-form__form textarea:focus::placeholder {
  color: #8760F5;
}
.mdl-form__form textarea:focus-visible {
  outline: none;
}
.mdl-form__form .iti {
  height: 5.3rem;
}
@media (max-width: 767.98px) {
  .mdl-form__form .iti {
    height: 4.3rem;
    margin-bottom: 1.6rem;
  }
}
.mdl-form__form .iti__flag {
  background-image: url("/wp-content/themes/artikashop/src/imgs/flags.png") !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mdl-form__form .iti__flag {
    background-image: url("/wp-content/themes/artikashop/src/imgs/flags@2x.png") !important;
  }
}
.mdl-form__accept label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding-top: 0.3rem;
}
@media (max-width: 767.98px) {
  .mdl-form__accept label {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.mdl-form__accept label a {
  color: #036ACE;
}
.mdl-form__accept label > input { /* Hide the browser's default checkbox */
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0.1rem;
  width: 0.1rem;
  z-index: -1;
  top: 0.1rem;
  left: 0.1rem;
}
.mdl-form__accept label > input:checked { /* When the checkbox is checked, add a blue background */ }
.mdl-form__accept label > input:checked ~ .checkmark {
  background-color: #fff;
}
.mdl-form__accept label > input:checked ~ .checkmark:after { /* Show the checkmark when checked */
  display: block;
}
.mdl-form__accept label .checkmark:after { /* Style the checkmark/indicator */
  left: 0.7rem;
  top: 0.2rem;
  width: 0.6rem;
  height: 1.2rem;
  border: solid #8760F5;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mdl-form__accept .checkmark { /* Create a custom checkbox */
  position: absolute;
  top: 0;
  left: 0;
  height: 2.3rem;
  width: 2.3rem;
  background-color: #fff;
  border: 0.1rem solid #0E2145;
}
.mdl-form__accept .checkmark:hover {
  border: 0.1rem solid #8760F5;
}
.mdl-form__accept .checkmark:after { /* Create the checkmark/indicator (hidden when not checked) */
  content: "";
  position: absolute;
  display: none;
}
.mdl-form__button[disabled] {
  border-color: #ACA0F3;
  background-color: #ACA0F3;
  color: #fff;
}
.mdl-form__button {
  border-color: #ACA0F3 !important;
  font-family: "Raleway", sans-serif;
  width: 100%;
  font-weight: 600;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms linear;
  margin: 0 auto;
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 21rem;
  height: 3.8rem;
  background-color: #8760F5;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 9999rem;
  border: 0.1rem solid #8760F5;
  border-top-color: rgb(135, 96, 245);
  border-right-color: rgb(135, 96, 245);
  border-bottom-color: rgb(135, 96, 245);
  border-left-color: rgb(135, 96, 245);
  padding: 0;
  line-height: inherit;
  color: #fff;
}
.mdl-form h3 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 1.6rem;
}
@media (max-width: 767.98px) {
  .mdl-form h3 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
.mdl-form p {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  margin-bottom: 3.2rem;
}
@media (max-width: 767.98px) {
  .mdl-form p {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-form p {
    margin-bottom: 1.6rem;
  }
}

.mdl-blog {
  padding: 7.2rem 0;
}
@media (max-width: 767.98px) {
  .mdl-blog {
    padding: 5.6rem 0;
  }
}
.mdl-blog__intro {
  margin-bottom: 5.6rem;
  display: flex;
  justify-content: space-between;
}
.mdl-blog__intro h1 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .mdl-blog__intro h1 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
.mdl-blog__bx {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 6.4rem 5.4rem;
  margin-bottom: 5rem;
}
@media (max-width: 767.98px) {
  .mdl-blog__bx {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 5.6rem;
    grid-gap: 5.6rem;
  }
}
@media (max-device-width: 991.98px) {
  .mdl-blog__bx {
    display: flex;
    flex-flow: column;
  }
}

.mdl-blog-it {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.mdl-blog-it__img {
  margin-bottom: 1.6rem;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mdl-blog-it__img .link {
  position: absolute;
  z-index: 9;
  display: none;
}
.mdl-blog-it__img:hover .link {
  display: block;
}
.mdl-blog-it__img a {
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 0.79;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767.98px) {
  .mdl-blog-it__img a {
    aspect-ratio: 1.02;
  }
}
.mdl-blog-it__img a:hover {
  transform: scale(1.05);
  opacity: 0.6;
}
@media (max-width: 767.98px) {
  .mdl-blog-it__img a:hover {
    transform: none;
    opacity: 1;
  }
}
.mdl-blog-it__img--press a {
  background-size: contain;
  height: 40rem;
  aspect-ratio: auto;
  width: 100%;
}
@media (max-width: 767.98px) {
  .mdl-blog-it__img--press a {
    height: 33.5rem;
  }
}
.mdl-blog-it h2 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 500;
  margin-bottom: 1.6rem;
  width: 100%;
  text-align: center;
}
@media (max-width: 767.98px) {
  .mdl-blog-it h2 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

.mdl-blog-post-img {
  height: 70rem;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 7.2rem;
}
@media (max-width: 767.98px) {
  .mdl-blog-post-img {
    height: 27.5rem;
    margin-bottom: 2rem;
  }
}

@media (max-width: 767.98px) {
  .mdl-blog-post {
    padding-bottom: 5.6rem;
  }
}
.mdl-blog-post .mdl-share {
  width: 100%;
  position: relative;
}
.mdl-blog-post .mdl-share__hvr {
  background-color: #fff;
}
.mdl-blog-post h1 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 5.6rem;
  text-align: center;
  padding: 0 10rem 0 6rem;
}
@media (max-width: 767.98px) {
  .mdl-blog-post h1 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-blog-post h1 {
    padding: 0;
    text-align: center;
  }
}
.mdl-blog-post__cnt img {
  background-color: #F7F7F8;
  padding: 4rem;
}
@media (max-width: 767.98px) {
  .mdl-blog-post__cnt img {
    padding: 0;
    background-color: transparent;
  }
}
.mdl-blog-post strong {
  font-weight: 500;
}
.mdl-blog-post u {
  text-decoration: underline;
}
.mdl-blog-post em {
  font-style: italic;
}
.mdl-blog-post a {
  color: #8760F5;
}

.mdl-blog-artworks {
  background-color: #F7F7F8;
  padding: 7.2rem 0;
  position: relative;
}
@media (max-width: 767.98px) {
  .mdl-blog-artworks {
    padding: 5.6rem 0;
  }
}
.mdl-blog-artworks h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 5.6rem;
}
@media (max-width: 767.98px) {
  .mdl-blog-artworks h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-blog-artworks h2 {
    margin-bottom: 4.8rem;
  }
}
.mdl-blog-artworks .list__img a {
  aspect-ratio: auto;
}
.mdl-blog-artworks .swiper-pagination {
  margin-top: 5rem;
}

.mdl-blog-related {
  padding: 7.2rem 0;
}
@media (max-width: 767.98px) {
  .mdl-blog-related {
    padding: 5.6rem 0;
  }
}
.mdl-blog-related h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 5.6rem;
}
@media (max-width: 767.98px) {
  .mdl-blog-related h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-blog-related h2 {
    margin-bottom: 4.8rem;
  }
}
.mdl-blog-related .mdl-blog-it h3 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 500;
  margin-bottom: 1.6rem;
  text-transform: inherit;
}
@media (max-width: 767.98px) {
  .mdl-blog-related .mdl-blog-it h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

.mdl-news {
  padding: 7.2rem 0;
}
@media (max-width: 767.98px) {
  .mdl-news {
    padding: 5.6rem 0;
  }
}
@media (max-width: 991.98px) {
  .mdl-news .container__bx {
    flex-wrap: nowrap;
  }
}
.mdl-news h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 5.6rem;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .mdl-news h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-news h2 {
    margin-bottom: 4.8rem;
  }
}
.mdl-news .mdl-blog__bx {
  margin-bottom: 5.6rem;
}
@media (max-width: 767.98px) {
  .mdl-news .mdl-blog__bx {
    margin-bottom: 4.8rem;
  }
}
.mdl-news .mdl-blog-it h2 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 500;
  margin-bottom: 1.6rem;
  text-transform: inherit;
}
@media (max-width: 767.98px) {
  .mdl-news .mdl-blog-it h2 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-news .mdl-blog-it__img a {
    aspect-ratio: auto;
    height: 17rem;
  }
}

.mdl-hero {
  position: relative;
}
.mdl-hero__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 999999;
  bottom: -7px;
  width: 100%;
}
.mdl-hero__logo img {
  max-width: 56.7rem;
}
.mdl-hero__it {
  height: 70rem !important;
  width: 100%;
}
@media (max-width: 767.98px) {
  .mdl-hero__it {
    height: 50rem !important;
  }
}
.mdl-hero__it--sm {
  height: 40rem !important;
}
@media (max-width: 767.98px) {
  .mdl-hero__it--sm {
    height: 30rem !important;
  }
}
.mdl-hero__txt {
  padding: 4.6rem 0 2rem;
  font-size: 30px;
  font-weight: 300;
  line-height: 35.22px;
  text-align: center;
  color: #8760F5;
}
@media (width <= 767.98px) {
  .mdl-hero__txt {
    font-size: 2.5rem;
    line-height: 3.1rem;
  }
}
.mdl-hero video,
.mdl-hero img {
  object-fit: cover;
  aspect-ratio: 4/3;
  width: 100%;
  height: 100%;
  display: block;
}
.mdl-hero .swiper-pagination-hero {
  transform: translateY(60px) !important;
}
.mdl-hero .swiperhero {
  height: auto !important;
}
.mdl-hero .swiperhero .swiper-wrapper {
  height: auto !important;
}

.mdl-blocks {
  font-size: 2.5rem;
}
.mdl-blocks .container__bx {
  flex-flow: row;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .mdl-blocks .container__bx {
    padding: 0;
  }
}
.mdl-blocks__it {
  padding: 7.2rem 0;
}
@media (max-width: 767.98px) {
  .mdl-blocks__it {
    padding: 2.4rem 0;
  }
}
.mdl-blocks__it:nth-child(2n) {
  background-color: rgba(98, 149, 198, 0.04);
}
.mdl-blocks__it:nth-child(2n) .container__bx {
  flex-flow: row-reverse;
  flex-wrap: wrap;
}
.mdl-blocks__it:nth-child(2n) .mdl-blocks__cl--lf {
  padding-left: 2.3rem;
  padding-right: 0;
}
@media (max-width: 767.98px) {
  .mdl-blocks__it:nth-child(2n) .mdl-blocks__cl--lf {
    padding-left: 0;
  }
}
.mdl-blocks__it:nth-child(2n) .mdl-blocks__cl--rg {
  padding-right: 2.3rem;
  padding-left: 0;
}
@media (max-width: 767.98px) {
  .mdl-blocks__it:nth-child(2n) .mdl-blocks__cl--rg {
    padding-right: 2.4rem;
    padding-left: 2.4rem;
  }
}
.mdl-blocks .tit {
  font-family: "Raleway", sans-serif;
  font-size: 2.5rem !important;
  font-weight: 500 !important;
  line-height: 3.3rem !important;
  color: #0E2145;
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 2.4rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .mdl-blocks .tit {
    padding: 0 0;
    text-align: left;
    line-height: 110% !important;
  }
}
.mdl-blocks .tit span {
  display: block;
  font-size: 4rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #036ACE;
}
@media (max-width: 767.98px) {
  .mdl-blocks .tit span {
    font-size: 3.5rem;
    line-height: 90%;
  }
}
@media (max-width: 767.98px) {
  .mdl-blocks .tit {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-blocks .tit {
    padding: 0 2.4rem;
    margin-bottom: 3.2rem;
    text-align: center;
  }
}
.mdl-blocks .subtit {
  font-size: 18px;
  font-weight: 600;
  line-height: 21.13px;
  color: #8760F5;
}
.mdl-blocks img {
  width: 100%;
  height: auto;
}
@media (max-width: 767.98px) {
  .mdl-blocks img {
    padding: 2rem;
  }
}
.mdl-blocks__cl {
  width: 50%;
}
@media (max-width: 767.98px) {
  .mdl-blocks__cl {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .mdl-blocks__cl .tit {
    text-align: left;
    padding-left: 0;
  }
}
.mdl-blocks__cl--lf {
  padding-right: 2.3rem;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .mdl-blocks__cl--lf {
    padding-right: 0;
    order: 1;
  }
}
.mdl-blocks__cl--lf .swiper-pagination {
  margin-top: 2rem;
}
.mdl-blocks__cl--rg {
  padding-left: 2.3rem;
}
@media (max-width: 767.98px) {
  .mdl-blocks__cl--rg {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    order: 1;
    margin-bottom: 3.2rem;
  }
}
.mdl-blocks__cl .text h1, .mdl-blocks__cl .text h2, .mdl-blocks__cl .text h3, .mdl-blocks__cl .text h4, .mdl-blocks__cl .text h5, .mdl-blocks__cl .text h6 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 500;
  color: #8760F5;
  margin-bottom: 2.4rem;
}
@media (max-width: 767.98px) {
  .mdl-blocks__cl .text h1, .mdl-blocks__cl .text h2, .mdl-blocks__cl .text h3, .mdl-blocks__cl .text h4, .mdl-blocks__cl .text h5, .mdl-blocks__cl .text h6 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.mdl-blocks__video {
  background-color: #D2D1D7;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.mdl-blocks__video img {
  display: block;
}
.mdl-blocks__video a {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4NjJfMjQyODkpIj4KPHBhdGggZD0iTTQ3LjYwNTEgMzIuNzkzOEwyMy41NjU3IDQ1LjM2ODJDMjIuOTY5NyA0NS42NzkxIDIyLjI1NTcgNDUuMjQ4MiAyMi4yNTU3IDQ0LjU3NVYxOS40MjVDMjIuMjU1NyAxOC43NTI4IDIyLjk2OTcgMTguMzE3NiAyMy41NjU3IDE4LjYzMTdMNDcuNjA1MSAzMS4yMDYyQzQ4LjI0OTQgMzEuNTM5NSA0OC4yNDk0IDMyLjQ1NjEgNDcuNjA1MSAzMi43OTE2VjMyLjc5MzhaIiBmaWxsPSIjMDAwNzIyIi8+CjxwYXRoIGQ9Ik0zMiA2NEMxNC4zNTUgNjQgMCA0OS42NDM5IDAgMzJDMCAxNC4zNTYxIDE0LjM1NSAwIDMyIDBDNDkuNjQ1IDAgNjQgMTQuMzU1IDY0IDMyQzY0IDQ5LjY0NSA0OS42NDUgNjQgMzIgNjRaTTMyIDIuNTM3NEMxNS43NTQgMi41Mzc0IDIuNTM3NCAxNS43NTQgMi41Mzc0IDMyQzIuNTM3NCA0OC4yNDYgMTUuNzU0IDYxLjQ2MjYgMzIgNjEuNDYyNkM0OC4yNDYgNjEuNDYyNiA2MS40NjI2IDQ4LjI0NiA2MS40NjI2IDMyQzYxLjQ2MjYgMTUuNzU0IDQ4LjI0NDkgMi41Mzc0IDMyIDIuNTM3NFoiIGZpbGw9IiMwMDA3MjIiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zODYyXzI0Mjg5Ij4KPHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
}

.mdl-artworks {
  background-color: #F7F7F8;
  padding: 6rem 0 2rem;
}
@media (max-width: 767.98px) {
  .mdl-artworks {
    padding: 5.6rem 0;
  }
}
.mdl-artworks--bg {
  background-color: #fff;
}
.mdl-artworks h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 2.4rem;
}
@media (max-width: 767.98px) {
  .mdl-artworks h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 991.98px) {
  .mdl-artworks--car .container__bx {
    flex-wrap: nowrap;
  }
}
@media (max-device-width: 991.98px) {
  .mdl-artworks--car .list__bx {
    display: flex;
    flex-flow: column;
  }
}
@media (max-width: 767.98px) {
  .mdl-artworks--car .list__img {
    max-width: 90%;
  }
}
.mdl-artworks .list__bx {
  position: relative;
}
@media (max-width: 767.98px) {
  .mdl-artworks .list__bx {
    margin-bottom: 4.8rem;
  }
}
.mdl-artworks .list__img img {
  width: 100%;
}
.mdl-artworks .list__img a {
  aspect-ratio: auto;
}

.mdl-video {
  padding: 0;
  position: relative;
  overflow: hidden;
}
.mdl-video__titles {
  position: absolute;
  bottom: 12%;
  left: 50%;
  transform: translate(-50%);
  z-index: 8;
  color: #fff;
  text-align: center;
  width: 80%;
  max-width: 100%;
  text-shadow: 0 2px 8px #0E2145;
}
.mdl-video__titles h2 {
  font-size: clamp(2.5rem, 10vw, 7rem);
  font-weight: 800;
  line-height: 120%;
  margin-bottom: 1rem;
}
@media (max-width: 991.98px) {
  .mdl-video__titles h2 {
    font-size: clamp(2.5rem, 6vw, 5.5rem);
  }
}
@media (max-width: 767.98px) {
  .mdl-video__titles h2 {
    font-size: clamp(2rem, 7vw, 6rem);
    line-height: 80%;
  }
}
.mdl-video__titles__intro {
  font-size: clamp(1.5rem, 5vw, 5rem);
  font-weight: 300;
  line-height: 120%;
}
@media (max-width: 991.98px) {
  .mdl-video__titles__intro {
    font-size: clamp(1.5rem, 4.5vw, 3.5rem);
  }
}
@media (max-width: 767.98px) {
  .mdl-video__titles__intro {
    font-size: clamp(1.5rem, 4.5vw, 4rem);
  }
}
.mdl-video .container__bx {
  position: relative;
}
@media (max-width: 767.98px) {
  .mdl-video .container__bx {
    padding: 0;
  }
}
.mdl-video video {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  height: calc(100dvh - 6.2rem);
}
.mdl-video__it {
  position: relative;
}
.mdl-video__bt {
  position: absolute;
  bottom: 0.8rem;
  right: 1.5rem;
  border: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMzkuMzk3OVYyNC42MDAyQzYgMjMuMTY1MiA3LjE2NDggMjIuMDAwMiA4LjYgMjIuMDAwMkgxNy45MjM2QzE4LjI2NzcgMjEuOTk5IDE4LjYwNzkgMjEuOTMwOCAxOC45MjM4IDIxLjc5OThDMTkuMjM5OCAyMS42Njg3IDE5LjUyNDggMjEuNDc3NSAxOS43NjE4IDIxLjIzNzdMMjcuNTYxOCAxMi43Njc1QzI5LjE5OTggMTEuMTI3NSAzMiAxMi4yOSAzMiAxNC42MDc2VjQ5LjM5M0MzMiA1MS43MjgxIDI5LjE2NiA1Mi44ODA2IDI3LjUzODQgNTEuMjA4MUwxOS43NjQ0IDQyLjc4NTRDMTkuNTI2NyA0Mi41Mzg4IDE5LjIzODggNDIuMzQxOCAxOC45MTg1IDQyLjIwNjdDMTguNTk4MyA0Mi4wNzE2IDE4LjI1MjUgNDIuMDAxNCAxNy45MDI4IDQyLjAwMDRIOC42QzcuMTY0OCA0Mi4wMDA0IDYgNDAuODM1NCA2IDM5LjM5NzlaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  padding: 0;
  cursor: pointer;
  z-index: 9;
}
.mdl-video__bt img {
  width: 6.4rem;
}
@media (max-width: 767.98px) {
  .mdl-video__bt img {
    width: 4rem;
  }
}
.mdl-video a, .mdl-video button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM4IiBoZWlnaHQ9IjEzOCIgdmlld0JveD0iMCAwIDEzOCAxMzgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjY5IiBjeT0iNjkiIHI9IjY5IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjU1Ii8+CjxwYXRoIGQ9Ik0xMDUuMTE5IDcyLjE2OTlMNDguNjE4OSAxMDEuNzI0QzQ3LjIxOCAxMDIuNDU0IDQ1LjU0IDEwMS40NDIgNDUuNTQgOTkuODU5M1Y0MC43NDlDNDUuNTQgMzkuMTY5MyA0Ny4yMTggMzguMTQ2NCA0OC42MTg5IDM4Ljg4NDZMMTA1LjExOSA2OC40Mzg1QzEwNi42MzMgNjkuMjIyIDEwNi42MzMgNzEuMzc2MiAxMDUuMTE5IDcyLjE2NDhWNzIuMTY5OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==");
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  background-color: transparent;
  background-size: 10rem;
  z-index: 9;
}
@media (width <= 575.98px) {
  .mdl-video img {
    height: 29rem;
    object-fit: cover;
  }
}

#js-sound-icon {
  display: none;
}

.essence .mdl-video__titles {
  bottom: 15%;
  width: 70%;
}
@media (max-width: 767.98px) {
  .essence .mdl-video__titles {
    bottom: 15%;
    width: 90%;
  }
}

@media (max-width: 767.98px) {
  .essence .mdl-video__titles h2 {
    font-size: clamp(2rem, 6vw, 6rem);
    line-height: 100%;
  }
}

.mdl-share {
  height: 2.4rem;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  transition: all 200ms linear;
  background-image: url("./src/imgs/icons/icon-share.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 1.8rem 1.5rem;
  cursor: pointer;
  overflow: hidden;
}
.mdl-share__bt {
  transition: all 200ms linear;
}
.mdl-share__bt svg, .mdl-share__bt img {
  width: 2.4rem;
  height: 2.4rem;
}
.mdl-share__lk {
  margin-left: 0.8rem;
}
.mdl-share__lk img {
  width: 2.4rem;
  height: 2.4rem;
}
.mdl-share__lk--bt:hover svg {
  fill: #4F31FC;
  stroke: #4F31FC;
}
.mdl-share__lk--copyurl {
  cursor: pointer;
  border: none;
  background-color: transparent;
}
.mdl-share__hvr {
  opacity: 0;
  transition: all 200ms linear;
  margin-right: 3.3rem;
  display: flex;
  align-items: center;
  transform: translateX(230px);
}
.mdl-share__hvr:hover {
  opacity: 1;
}
.mdl-share.js-hover .mdl-share__hvr {
  opacity: 1;
  transform: translateX(0);
}

.tooltip {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #8760F5;
  color: #fff;
  padding: 5px 10px;
  border-radius: 0;
  font-size: 14px;
}

.mdl-artwork {
  padding: 7.2rem 0 5.6rem;
}
@media (max-width: 767.98px) {
  .mdl-artwork {
    padding: 5.6rem 0 4.8rem;
  }
}
.mdl-artwork .container__bx {
  flex-flow: row;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .mdl-artwork .container__bx {
    flex-flow: column !important;
  }
}
.mdl-artwork__tit {
  width: 100%;
  text-align: center;
  position: relative;
}
.mdl-artwork__tit h2 {
  width: 100%;
  text-align: center;
}
.mdl-artwork__status {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
  text-align: center;
  color: #8760F5;
  margin-top: 0.4rem;
}
@media (max-width: 767.98px) {
  .mdl-artwork__status {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
.mdl-artwork h1 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}
@media (max-width: 767.98px) {
  .mdl-artwork h1 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
.mdl-artwork h2 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .mdl-artwork h2 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.mdl-artwork .mdl-share {
  position: absolute;
  top: -5rem;
  right: 0;
  max-width: 30rem;
  z-index: 9;
}
.mdl-artwork .mdl-share__hvr {
  background-color: #fff;
}
.mdl-artwork__btn {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  align-items: center;
  width: 100%;
}
.mdl-artwork__intro {
  padding-bottom: 5.6rem;
  width: 100%;
  text-align: center;
  margin-top: 5.6rem;
}
@media (max-width: 767.98px) {
  .mdl-artwork__intro {
    margin-top: 4.8rem;
    padding-bottom: 4.8rem;
  }
}
.mdl-artwork__intro h3 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
  margin-bottom: 3.3rem;
  width: 100%;
  text-align: center;
}
@media (max-width: 767.98px) {
  .mdl-artwork__intro h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-artwork__intro h3 {
    text-align: left;
  }
}
.mdl-artwork__sbtit {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  width: 100%;
  text-align: center;
}
@media (max-width: 767.98px) {
  .mdl-artwork__sbtit {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-artwork__sbtit {
    text-align: left;
  }
}
@media (max-width: 767.98px) {
  .mdl-artwork__sbtit p {
    text-align: left;
  }
}
.mdl-artwork__img {
  margin-bottom: 5.6rem;
  position: relative;
}
.mdl-artwork__img img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 767.98px) {
  .mdl-artwork__img img {
    width: calc(100% + 4.8rem);
  }
}
.mdl-artwork__img a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIHZpZXdCb3g9IjAgMCA5NiA5NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQwODBfMjY5OTMpIj4KPHBhdGggZD0iTTcxLjQwNzggNDkuMTkwOUwzNS4zNDg3IDY4LjA1MjZDMzQuNDU0NyA2OC41MTg5IDMzLjM4MzggNjcuODcyNSAzMy4zODM4IDY2Ljg2MjdWMjkuMTM3N0MzMy4zODM4IDI4LjEyOTUgMzQuNDU0NyAyNy40NzY3IDM1LjM0ODcgMjcuOTQ3OEw3MS40MDc4IDQ2LjgwOTVDNzIuMzc0MiA0Ny4zMDk2IDcyLjM3NDIgNDguNjg0NCA3MS40MDc4IDQ5LjE4NzdWNDkuMTkwOVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00OCA5NkMyMS41MzI1IDk2IDAgNzQuNDY1OCAwIDQ4QzAgMjEuNTM0MiAyMS41MzI1IDAgNDggMEM3NC40Njc1IDAgOTYgMjEuNTMyNSA5NiA0OEM5NiA3NC40Njc1IDc0LjQ2NzUgOTYgNDggOTZaTTQ4IDMuODA2MUMyMy42MzEgMy44MDYxIDMuODA2MSAyMy42MzEgMy44MDYxIDQ4QzMuODA2MSA3Mi4zNjkgMjMuNjMxIDkyLjE5MzkgNDggOTIuMTkzOUM3Mi4zNjkgOTIuMTkzOSA5Mi4xOTM5IDcyLjM2OSA5Mi4xOTM5IDQ4QzkyLjE5MzkgMjMuNjMxIDcyLjM2NzQgMy44MDYxIDQ4IDMuODA2MVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDA4MF8yNjk5MyI+CjxyZWN0IHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 767.98px) {
  .mdl-artwork__lf {
    width: 50%;
    padding-right: 5.6rem;
  }
}
.mdl-artwork__rg {
  background-color: #F7F7F8;
  padding: 5.6rem 2.4rem;
}
@media (min-width: 767.98px) {
  .mdl-artwork__rg {
    width: 50%;
    padding: 7.5rem;
  }
}
.mdl-artwork__rg h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 7.5rem;
}
@media (max-width: 767.98px) {
  .mdl-artwork__rg h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-artwork__rg h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 500;
    margin-bottom: 3.2rem;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .mdl-artwork__rg h2 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.mdl-artwork__rg h3 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  .mdl-artwork__rg h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-artwork__rg h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 500;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .mdl-artwork__rg h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.mdl-artwork__rg ul {
  margin-bottom: 5.2rem;
  list-style: disc;
  padding-left: 2rem;
}
.mdl-artwork__txt {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  padding-bottom: 5.6rem;
}
@media (max-width: 767.98px) {
  .mdl-artwork__txt {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-artwork__txt {
    padding-bottom: 4.8rem;
  }
}
.mdl-artwork__crsl {
  position: relative;
  margin-bottom: 6rem;
}
@media (max-width: 767.98px) {
  .mdl-artwork__crsl {
    margin-bottom: 4.8rem;
    width: calc(100% + 4.8rem);
    margin-left: -2.4rem;
  }
}
.mdl-artwork__crsl .swiper-pagination {
  bottom: 3rem;
  position: absolute !important;
}
.mdl-artwork__crsl .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.3rem !important;
}
.mdl-artwork__crsl .swiper-pagination--white .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000 !important;
}
.mdl-artwork__crsl .swiper-button-prev {
  left: 0.8rem !important;
}
.mdl-artwork__crsl .swiper-button-next {
  right: 0.8rem !important;
}
.mdl-artwork__it {
  margin: 0 auto;
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
}
@media (max-width: 767.98px) {
  .mdl-artwork__it {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
.mdl-artwork__it img {
  width: 100%;
  height: auto;
}
.mdl-artwork__div {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  margin-top: 2rem;
}
@media (max-width: 767.98px) {
  .mdl-artwork__div {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.mdl-artwork__phrs {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
  color: #8760F5;
  padding-bottom: 5.6rem;
}
@media (max-width: 767.98px) {
  .mdl-artwork__phrs {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-artwork__phrs {
    padding-bottom: 4.8rem;
  }
}
.mdl-artwork__whisbi {
  position: fixed;
  right: 0;
  bottom: 7rem;
  width: 5rem;
  height: 5rem;
  background-color: #806cf5;
  z-index: 99;
  border: 0;
  cursor: pointer;
}
.mdl-artwork-process {
  background-color: #F7F7F8;
  padding: 7.2rem 0;
}
@media (max-width: 767.98px) {
  .mdl-artwork-process {
    padding: 5.6rem 0;
  }
}
.mdl-artwork-process .container__bx {
  position: relative;
}
.mdl-artwork-process h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 5.6rem;
}
@media (max-width: 767.98px) {
  .mdl-artwork-process h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
.mdl-artwork-process .swiperartworkprocess {
  margin-bottom: 5.6rem;
}
.mdl-artwork-process .swiper-button-prev {
  left: 2rem !important;
}
.mdl-artwork-process .swiper-button-next {
  right: 2rem !important;
}
.mdl-artwork-process__txt {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  margin-top: 2rem;
  max-width: 100%;
}
@media (max-width: 767.98px) {
  .mdl-artwork-process__txt {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.mdl-artwork-gallery {
  padding: 5.6rem 0 7.2rem;
  display: flex;
  align-items: center;
  background-color: #F7F7F8;
}
@media (max-width: 767.98px) {
  .mdl-artwork-gallery {
    padding: 3.2rem 0 5.6rem;
  }
}
.mdl-artwork-gallery .container__bx {
  flex-flow: row;
  flex-wrap: wrap;
}
.mdl-artwork-gallery img {
  display: block;
}
.mdl-artwork-gallery__lf {
  padding-bottom: 3.2rem;
  display: flex;
  align-items: center;
}
@media (min-width: 767.98px) {
  .mdl-artwork-gallery__lf {
    width: 50%;
    padding-right: 2.8rem;
    padding-bottom: 5.6rem;
  }
}
.mdl-artwork-gallery__rg {
  display: flex;
  align-items: center;
  padding-bottom: 3.2rem;
}
@media (min-width: 767.98px) {
  .mdl-artwork-gallery__rg {
    width: 50%;
    padding-left: 2.8rem;
    padding-bottom: 5.6rem;
  }
}
.mdl-artwork-artworks {
  padding: 7.2rem 0;
}
@media (max-width: 767.98px) {
  .mdl-artwork-artworks {
    padding: 5.6rem 0;
  }
}
.mdl-artwork-artworks .container__bx {
  position: relative;
}
.mdl-artwork-artworks .list__img a {
  aspect-ratio: auto;
}
.mdl-artwork-artworks h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 5.6rem;
}
@media (max-width: 767.98px) {
  .mdl-artwork-artworks h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-artwork-artworks h2 {
    margin-bottom: 4.8rem;
  }
}
.mdl-artwork-artworks .swiper-button-next.swiper-button-next-other {
  right: 2.4rem !important;
}
.mdl-artwork-artworks .swiper-button-prev.swiper-button-prev-other {
  left: 2.4rem !important;
}
.mdl-artwork-artworks .swiper-pagination-other {
  margin-top: 7rem;
}
.mdl-artwork__fxd {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5rem;
  box-shadow: 1px -4px 5px 0px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 1px -4px 5px 0px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 1px -4px 5px 0px rgba(0, 0, 0, 0.24);
  z-index: 998;
  background-color: #fff;
}
.mdl-artwork__fxd .container {
  height: 5rem;
}
.mdl-artwork__fxd .container__bx {
  height: 5rem;
  justify-content: center;
}
.mdl-artwork__fxdtxt {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 300;
  font-weight: 600 !important;
  color: #8760F5;
}
@media (max-width: 767.98px) {
  .mdl-artwork__fxdtxt {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-artwork__fxdtxt {
    width: calc(100% - 18rem);
    display: flex;
    justify-content: center;
  }
}
.mdl-artwork__fxdtxt b {
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .mdl-artwork__fxdtxt b {
    display: none;
  }
}
.mdl-artwork__fxdtxt em {
  display: inline-block;
  font-style: normal;
}
@media (max-width: 767.98px) {
  .mdl-artwork__fxdtxt em {
    display: none;
  }
}
.mdl-artwork__fxdtxt i {
  font-style: normal;
}
@media (max-width: 767.98px) {
  .mdl-artwork__fxdtxt i {
    display: none;
  }
}
.mdl-artwork__fxdtxt .js-dynamic-price,
.mdl-artwork__fxdtxt .woocommerce-Price-amount.amount,
.mdl-artwork__fxdtxt .woocommerce-Price-currencySymbol {
  margin-left: 0 !important;
}
.mdl-artwork__fxdtxt > span {
  margin-left: 2.4rem;
}
.mdl-artwork__fxdtxt span, .mdl-artwork__fxdtxt span.woocommerce-Price-amount.amount {
  font-size: 1.4rem;
  line-height: 1.6rem;
  text-align: left;
  color: #8760F5;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .mdl-artwork__fxdtxt span, .mdl-artwork__fxdtxt span.woocommerce-Price-amount.amount {
    margin-left: 0;
  }
}
.mdl-artwork__fxdmi {
  position: absolute;
  right: 5rem;
  bottom: 0;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms linear;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
  color: #fff;
}
@media (max-width: 767.98px) {
  .mdl-artwork__fxdmi {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.mdl-artwork__fxdmi a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24.8rem;
  height: 5rem;
  background-color: #8760F5;
  transition: all 200ms linear;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
}
.mdl-artwork__fxdmi a:hover {
  background-color: #ACA0F3;
}
.mdl-artwork__fxdmi a:focus {
  background-color: #ACA0F3;
}
@media (max-width: 767.98px) {
  .mdl-artwork__fxdmi a {
    width: calc(100% - 10rem);
    left: 0;
    display: flex;
    flex-flow: column;
  }
}
.mdl-artwork__fxdmi a span {
  display: none;
}
@media (max-width: 767.98px) {
  .mdl-artwork__fxdmi a span {
    display: block;
    font-weight: 300;
  }
}
.mdl-artwork__fxdmi button {
  width: 14.3rem;
  height: 5rem;
  background-color: #fff;
  text-decoration: underline;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.8px;
  text-align: center;
  border: 0;
  color: #8760F5;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
  background-color: #8760F5;
}
@media (max-width: 767.98px) {
  .mdl-artwork__fxdmi button {
    width: 12.3rem;
  }
}
.mdl-artwork__fxdmi button::before {
  background-image: url("PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDlDOS43MzQ3OSA5IDkuNDgwNDMgOS4xMDUzNiA5LjI5MjkgOS4yOTI4OUM5LjEwNTM2IDkuNDgwNDMgOSA5LjczNDc4IDkgMTBWMTRDOSAxNC4yNjUyIDkuMTA1MzYgMTQuNTE5NiA5LjI5MjkgMTQuNzA3MUM5LjQ4MDQzIDE0Ljg5NDYgOS43MzQ3OSAxNSAxMCAxNUMxMC4yNjUyIDE1IDEwLjUxOTYgMTQuODk0NiAxMC43MDcxIDE0LjcwNzFDMTAuODk0NiAxNC41MTk2IDExIDE0LjI2NTIgMTEgMTRWMTBDMTEgOS43MzQ3OCAxMC44OTQ2IDkuNDgwNDMgMTAuNzA3MSA5LjI5Mjg5QzEwLjUxOTYgOS4xMDUzNiAxMC4yNjUyIDkgMTAgOVpNMTAuMzggNS4wOEMxMC4xMzY1IDQuOTc5OTggOS44NjM0NyA0Ljk3OTk4IDkuNjIgNS4wOEM5LjQ5NzI1IDUuMTI3NTkgOS4zODUxMSA1LjE5ODk2IDkuMjkgNS4yOUM5LjIwMTY3IDUuMzg3MiA5LjEzMDY1IDUuNDk4ODIgOS4wOCA1LjYyQzkuMDI0MDIgNS43Mzg2OCA4Ljk5NjYyIDUuODY4ODIgOSA2QzguOTk5MjQgNi4xMzE2MSA5LjAyNDQ3IDYuMjYyMDcgOS4wNzQyMyA2LjM4MzkxQzkuMTI0IDYuNTA1NzQgOS4xOTczMiA2LjYxNjU2IDkuMjkgNi43MUM5LjM4NzIxIDYuNzk4MzMgOS40OTg4MiA2Ljg2OTM2IDkuNjIgNi45MkM5Ljc3MTUgNi45ODIyNCA5LjkzNTk3IDcuMDA2MzIgMTAuMDk5IDYuOTkwMTFDMTAuMjYxOSA2Ljk3MzkxIDEwLjQxODQgNi45MTc5MiAxMC41NTQ3IDYuODI3MDdDMTAuNjkxIDYuNzM2MjIgMTAuODAyOSA2LjYxMzI4IDEwLjg4MDUgNi40NjkwN0MxMC45NTgyIDYuMzI0ODYgMTAuOTk5MiA2LjE2Mzc4IDExIDZDMTAuOTk2MyA1LjczNTIzIDEwLjg5MjcgNS40ODE2MyAxMC43MSA1LjI5QzEwLjYxNDkgNS4xOTg5NiAxMC41MDI4IDUuMTI3NTkgMTAuMzggNS4wOFpNMTAgMEM4LjAyMjE5IDAgNi4wODg3OSAwLjU4NjQ5IDQuNDQ0MyAxLjY4NTNDMi43OTk4MSAyLjc4NDEyIDEuNTE4MDkgNC4zNDU5IDAuNzYxMjA5IDYuMTczMTdDMC4wMDQzMzI4NCA4LjAwMDQzIC0wLjE5MzcwMSAxMC4wMTExIDAuMTkyMTUyIDExLjk1MDlDMC41NzgwMDQgMTMuODkwNyAxLjUzMDQxIDE1LjY3MjUgMi45Mjg5NCAxNy4wNzExQzQuMzI3NDYgMTguNDY5NiA2LjEwOTI5IDE5LjQyMiA4LjA0OTEgMTkuODA3OUM5Ljk4ODkxIDIwLjE5MzcgMTEuOTk5NiAxOS45OTU3IDEzLjgyNjggMTkuMjM4OEMxNS42NTQxIDE4LjQ4MTkgMTcuMjE1OSAxNy4yMDAyIDE4LjMxNDcgMTUuNTU1N0MxOS40MTM1IDEzLjkxMTIgMjAgMTEuOTc3OCAyMCAxMEMyMCA4LjY4Njc4IDE5Ljc0MTMgNy4zODY0MiAxOS4yMzg4IDYuMTczMTdDMTguNzM2MyA0Ljk1OTkxIDE3Ljk5OTcgMy44NTc1MiAxNy4wNzExIDIuOTI4OTNDMTYuMTQyNSAyLjAwMDM1IDE1LjA0MDEgMS4yNjM3NSAxMy44MjY4IDAuNzYxMjA1QzEyLjYxMzYgMC4yNTg2NTggMTEuMzEzMiAwIDEwIDBaTTEwIDE4QzguNDE3NzUgMTggNi44NzEwNCAxNy41MzA4IDUuNTU1NDQgMTYuNjUxOEM0LjIzOTg1IDE1Ljc3MjcgMy4yMTQ0NyAxNC41MjMzIDIuNjA4OTcgMTMuMDYxNUMyLjAwMzQ3IDExLjU5OTcgMS44NDUwNCA5Ljk5MTEzIDIuMTUzNzIgOC40MzkyOEMyLjQ2MjQgNi44ODc0MyAzLjIyNDMzIDUuNDYxOTcgNC4zNDMxNSA0LjM0MzE1QzUuNDYxOTcgMy4yMjQzMyA2Ljg4NzQzIDIuNDYyNCA4LjQzOTI4IDIuMTUzNzJDOS45OTExMyAxLjg0NTA0IDExLjU5OTcgMi4wMDM0NiAxMy4wNjE1IDIuNjA4OTZDMTQuNTIzMyAzLjIxNDQ3IDE1Ljc3MjcgNC4yMzk4NCAxNi42NTE4IDUuNTU1NDRDMTcuNTMwOCA2Ljg3MTAzIDE4IDguNDE3NzUgMTggMTBDMTggMTIuMTIxNyAxNy4xNTcyIDE0LjE1NjYgMTUuNjU2OSAxNS42NTY5QzE0LjE1NjYgMTcuMTU3MSAxMi4xMjE3IDE4IDEwIDE4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  height: 2rem;
  width: 2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  display: none;
}
@media (max-width: 767.98px) {
  .mdl-artwork__fxdmi button::before {
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDExQzExLjczNDggMTEgMTEuNDgwNCAxMS4xMDU0IDExLjI5MjkgMTEuMjkyOUMxMS4xMDU0IDExLjQ4MDQgMTEgMTEuNzM0OCAxMSAxMlYxNkMxMSAxNi4yNjUyIDExLjEwNTQgMTYuNTE5NiAxMS4yOTI5IDE2LjcwNzFDMTEuNDgwNCAxNi44OTQ2IDExLjczNDggMTcgMTIgMTdDMTIuMjY1MiAxNyAxMi41MTk2IDE2Ljg5NDYgMTIuNzA3MSAxNi43MDcxQzEyLjg5NDYgMTYuNTE5NiAxMyAxNi4yNjUyIDEzIDE2VjEyQzEzIDExLjczNDggMTIuODk0NiAxMS40ODA0IDEyLjcwNzEgMTEuMjkyOUMxMi41MTk2IDExLjEwNTQgMTIuMjY1MiAxMSAxMiAxMVpNMTIuMzggNy4wOEMxMi4xMzY1IDYuOTc5OTggMTEuODYzNSA2Ljk3OTk4IDExLjYyIDcuMDhDMTEuNDk3MyA3LjEyNzU5IDExLjM4NTEgNy4xOTg5NiAxMS4yOSA3LjI5QzExLjIwMTcgNy4zODcyIDExLjEzMDYgNy40OTg4MiAxMS4wOCA3LjYyQzExLjAyNCA3LjczODY4IDEwLjk5NjYgNy44Njg4MiAxMSA4QzEwLjk5OTIgOC4xMzE2MSAxMS4wMjQ1IDguMjYyMDcgMTEuMDc0MiA4LjM4MzkxQzExLjEyNCA4LjUwNTc0IDExLjE5NzMgOC42MTY1NiAxMS4yOSA4LjcxQzExLjM4NzIgOC43OTgzMyAxMS40OTg4IDguODY5MzYgMTEuNjIgOC45MkMxMS43NzE1IDguOTgyMjQgMTEuOTM2IDkuMDA2MzIgMTIuMDk5IDguOTkwMTFDMTIuMjYxOSA4Ljk3MzkxIDEyLjQxODQgOC45MTc5MiAxMi41NTQ3IDguODI3MDdDMTIuNjkxIDguNzM2MjIgMTIuODAyOSA4LjYxMzI4IDEyLjg4MDUgOC40NjkwN0MxMi45NTgyIDguMzI0ODYgMTIuOTk5MiA4LjE2Mzc4IDEzIDhDMTIuOTk2MyA3LjczNTIzIDEyLjg5MjcgNy40ODE2MyAxMi43MSA3LjI5QzEyLjYxNDkgNy4xOTg5NiAxMi41MDI4IDcuMTI3NTkgMTIuMzggNy4wOFpNMTIgMkMxMC4wMjIyIDIgOC4wODg3OSAyLjU4NjQ5IDYuNDQ0MyAzLjY4NTNDNC43OTk4MSA0Ljc4NDEyIDMuNTE4MDkgNi4zNDU5IDIuNzYxMjEgOC4xNzMxN0MyLjAwNDMzIDEwLjAwMDQgMS44MDYzIDEyLjAxMTEgMi4xOTIxNSAxMy45NTA5QzIuNTc4IDE1Ljg5MDcgMy41MzA0MSAxNy42NzI1IDQuOTI4OTQgMTkuMDcxMUM2LjMyNzQ2IDIwLjQ2OTYgOC4xMDkyOSAyMS40MjIgMTAuMDQ5MSAyMS44MDc5QzExLjk4ODkgMjIuMTkzNyAxMy45OTk2IDIxLjk5NTcgMTUuODI2OCAyMS4yMzg4QzE3LjY1NDEgMjAuNDgxOSAxOS4yMTU5IDE5LjIwMDIgMjAuMzE0NyAxNy41NTU3QzIxLjQxMzUgMTUuOTExMiAyMiAxMy45Nzc4IDIyIDEyQzIyIDEwLjY4NjggMjEuNzQxMyA5LjM4NjQyIDIxLjIzODggOC4xNzMxN0MyMC43MzYzIDYuOTU5OTEgMTkuOTk5NyA1Ljg1NzUyIDE5LjA3MTEgNC45Mjg5M0MxOC4xNDI1IDQuMDAwMzUgMTcuMDQwMSAzLjI2Mzc1IDE1LjgyNjggMi43NjEyQzE0LjYxMzYgMi4yNTg2NiAxMy4zMTMyIDIgMTIgMlpNMTIgMjBDMTAuNDE3OCAyMCA4Ljg3MTA0IDE5LjUzMDggNy41NTU0NCAxOC42NTE4QzYuMjM5ODUgMTcuNzcyNyA1LjIxNDQ3IDE2LjUyMzMgNC42MDg5NyAxNS4wNjE1QzQuMDAzNDcgMTMuNTk5NyAzLjg0NTA0IDExLjk5MTEgNC4xNTM3MiAxMC40MzkzQzQuNDYyNCA4Ljg4NzQzIDUuMjI0MzMgNy40NjE5NyA2LjM0MzE1IDYuMzQzMTVDNy40NjE5NyA1LjIyNDMzIDguODg3NDMgNC40NjI0IDEwLjQzOTMgNC4xNTM3MkMxMS45OTExIDMuODQ1MDQgMTMuNTk5NyA0LjAwMzQ2IDE1LjA2MTUgNC42MDg5NkMxNi41MjMzIDUuMjE0NDcgMTcuNzcyNyA2LjIzOTg0IDE4LjY1MTggNy41NTU0NEMxOS41MzA4IDguODcxMDMgMjAgMTAuNDE3NyAyMCAxMkMyMCAxNC4xMjE3IDE5LjE1NzIgMTYuMTU2NiAxNy42NTY5IDE3LjY1NjlDMTYuMTU2NiAxOS4xNTcxIDE0LjEyMTcgMjAgMTIgMjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
  }
}
.mdl-artwork__fxmore {
  width: 5rem;
  height: 5rem;
  position: absolute;
  bottom: 0;
  right: 5rem;
  z-index: 9;
  background-color: #fff;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: none;
}
.mdl-artwork__fxmore::after {
  content: "";
  width: 5rem;
  height: 5rem;
  background-size: 2.5rem;
  background-position: center;
  background-image: url("./src/imgs/icons/icon-fxshare.png");
  background-repeat: no-repeat;
  display: block;
}
.mdl-artwork__fxmore.js-click::after {
  transform: rotate(90deg);
}
.mdl-artwork__fxshare {
  width: 5rem;
  height: 5rem;
  position: absolute;
  bottom: 0;
  right: 5rem;
  z-index: 9;
  background-color: #E9E6F9;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: block;
}
@media (width <= 767.98px) {
  .mdl-artwork__fxshare {
    display: none;
  }
}
.mdl-artwork__fxshare::after {
  content: "";
  width: 5rem;
  height: 5rem;
  background-size: 2.5rem;
  background-position: center;
  background-image: url("./src/imgs/icons/icon-fxmore.png");
  background-repeat: no-repeat;
  display: block;
}
.mdl-artwork__fxdchat {
  position: absolute;
  right: 5rem;
  bottom: 0;
  width: 5rem;
  height: 5rem;
  background-color: #8760F5;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms linear;
  border: none;
  cursor: pointer;
}
.mdl-artwork__fxdchat svg {
  width: 2.5rem;
  height: 2.5rem;
}
.mdl-artwork__fxdchat:hover {
  background-color: #ACA0F3;
}
.mdl-artwork__fxdup {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5rem;
  height: 5rem;
  background-color: #8760F5;
}
.mdl-artwork .tit-toggle {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMVYxNU0xIDhIMTUiIHN0cm9rZT0iIzAwMDcyMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 1.4rem auto;
  width: 100%;
}
.mdl-artwork .txt-toggle {
  display: none;
}

.mdl-artwork-img {
  background-color: #F7F7F8;
  padding: 0;
}
@media (width <= 767.98px) {
  .mdl-artwork-img .container__bx {
    padding: 0;
  }
}
.mdl-artwork-img .mdl-artwork__img {
  margin: 0;
}

.mdl-artwork-quote {
  background-color: #F7F7F8;
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  font-weight: 600;
  text-align: center;
  color: #8760F5;
}
@media (max-width: 767.98px) {
  .mdl-artwork-quote {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-artwork-quote {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
.mdl-artwork-quote p {
  max-width: 84.6rem;
  margin: 0 auto;
}

.request-form {
  padding: 3rem !important;
}
@media (max-width: 767.98px) {
  .request-form {
    padding: 3rem 2.4rem !important;
  }
}
.request-form h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
  padding-top: 2rem;
  padding-right: 7rem;
  padding-bottom: 4rem;
  padding-left: 7rem;
  text-align: center;
  color: #036ACE;
}
@media (max-width: 767.98px) {
  .request-form h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
@media (max-width: 767.98px) {
  .request-form h2 {
    padding-top: 2.6rem;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 2.4rem;
  }
}
.request-form__bt {
  width: 100%;
  text-align: center;
  max-width: 33.2rem !important;
  font-weight: 300 !important;
}
.request-form .wpcf7 p {
  margin-top: 1.6rem;
}
@media (max-width: 767.98px) {
  .request-form .wpcf7 p {
    margin-top: 0;
  }
}
.request-form .wpcf7 .wpcf7-list-item label input ~ span a {
  color: #8760F5;
  text-decoration: underline;
}

.mdl-artwork-tech__tit {
  position: relative;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .mdl-artwork-tech__tit {
    pointer-events: all;
    cursor: pointer;
    margin-bottom: 3.2rem;
  }
}
.mdl-artwork-tech__tit.js-toggle:before {
  transform: translatey(-50%) rotate(-90deg);
  opacity: 0;
}
.mdl-artwork-tech__tit.js-toggle:after {
  transform: translatey(-50%) rotate(0);
}
.mdl-artwork-tech__tit:before, .mdl-artwork-tech__tit:after {
  content: "";
  display: none;
  background-color: #036ACE;
  position: absolute;
  top: 50%;
  right: 0;
  transition: 0.35s;
  width: 2rem;
  height: 0.2rem;
}
@media (max-width: 767.98px) {
  .mdl-artwork-tech__tit:before, .mdl-artwork-tech__tit:after {
    display: block;
  }
}
.mdl-artwork-tech__tit:before {
  transform: translatey(-50%);
}
.mdl-artwork-tech__tit:after {
  transform: translatey(-50%) rotate(90deg);
}
@media (max-width: 767.98px) {
  .mdl-artwork-tech__txt {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .mdl-artwork-tech__txt.js-toggle {
    display: block;
  }
}
.mdl-artwork-tech__txt:last-child ul {
  margin-bottom: 0;
}

.mdl-artwork-mob-info,
.mdl-artwork-mob-share {
  display: none;
  position: fixed;
  bottom: 5rem;
  flex-flow: column;
  width: 100%;
  z-index: 99;
  background-color: #fff;
  padding: 2rem 2rem 6rem;
}
@media (width <= 767.98px) {
  .mdl-artwork-mob-info,
  .mdl-artwork-mob-share {
    display: flex;
  }
}
.mdl-artwork-mob-info p,
.mdl-artwork-mob-share p {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.4rem;
  letter-spacing: 0px;
  margin-bottom: 3.6rem;
  color: #8760F5;
}
.mdl-artwork-mob-info__close,
.mdl-artwork-mob-share__close {
  max-width: 2rem;
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 2rem;
  top: 2rem;
  cursor: pointer;
}
.mdl-artwork-mob-info__bx,
.mdl-artwork-mob-share__bx {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 20rem;
  align-self: center;
  width: 100%;
}
.mdl-artwork-mob-info__it,
.mdl-artwork-mob-share__it {
  border-top: 1px solid #D2D1D7;
  background-color: #fff;
}
.mdl-artwork-mob-info__it button,
.mdl-artwork-mob-share__it button {
  padding: 1.85rem 2rem 1.85rem 5.6rem;
  background-color: #fff;
  border: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.9rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
}
.mdl-artwork-mob-info__it button img,
.mdl-artwork-mob-share__it button img {
  max-width: 2.4rem;
  margin-right: 2.9rem;
}

.mdl-artwork-mob-info {
  padding: 0;
}

.mdl-artwork-mob-share {
  max-width: 39rem;
  right: 5rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 2rem;
  bottom: 6rem;
}
@media (width <= 767.98px) {
  .mdl-artwork-mob-share {
    max-width: 100%;
    right: 0;
    bottom: 5rem;
    border-radius: 0;
  }
}
.mdl-artwork-mob-share__bx {
  margin: 0 auto;
}

.mdl-prod-bread {
  padding: 2rem 0;
}
@media (width <= 767.98px) {
  .mdl-prod-bread {
    padding: 0 0 2rem 0;
    display: none;
  }
}
.mdl-prod-bread .container__bx {
  display: flex;
  justify-content: space-between;
  flex-flow: row;
  width: 100%;
}
.mdl-prod-bread__cl {
  width: 50%;
}
.mdl-prod-bread__cl--lf {
  display: flex;
  flex-flow: row wrap;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 18.78px;
  color: #036ACE;
}
@media (width <= 767.98px) {
  .mdl-prod-bread__cl--lf {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
.mdl-prod-bread__cl--lf a {
  color: #8C8C99;
  padding-right: 0.5rem;
}
.mdl-prod-bread__cl--rg {
  display: flex;
  justify-content: flex-end;
}

.mdl-prod-title h1 {
  font-size: 6.8rem;
  font-weight: 600;
  line-height: 6.8rem;
  text-align: center;
  text-transform: uppercase;
}
@media (width <= 767.98px) {
  .mdl-prod-title h1 {
    font-size: 3.6rem;
    line-height: 4.2rem;
    margin-bottom: 1rem;
  }
}
.mdl-prod-title h2 {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 2.8rem;
  text-align: center;
  color: #8760F5;
}
@media (width <= 767.98px) {
  .mdl-prod-title h2 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

.mdl-prod-hero .container {
  max-width: 93.5rem;
}
@media (width <= 767.98px) {
  .mdl-prod-hero .container__bx {
    padding: 0;
  }
}
.mdl-prod-hero .swiper-button-next {
  right: 0 !important;
}
.mdl-prod-hero .swiper-button-prev {
  left: 0 !important;
}
@media (width <= 767.98px) {
  .mdl-prod-hero .swiper-pagination {
    display: none;
  }
}

.mdl-prod-intro {
  padding: 3.5rem 0;
  text-align: center;
}
@media (width <= 767.98px) {
  .mdl-prod-intro {
    padding-top: 1rem;
  }
}
.mdl-prod-intro__price {
  font-family: "Raleway", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 21.6px;
  margin-bottom: 3.1rem;
}
.mdl-prod-intro .btn {
  max-width: 27.9rem;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 19.2px;
  margin-bottom: 2.4rem;
}
.mdl-prod-intro .link {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 4rem;
}
.mdl-prod-intro__txt {
  font-family: "Raleway", sans-serif;
  font-size: 25px;
  font-style: italic;
  font-weight: 300;
  line-height: 30px;
}

.mdl-prod-video video {
  width: 100%;
  height: auto;
}

.mdl-prod-gallery .swiper-pagination {
  bottom: 4rem !important;
  z-index: 999;
}
.mdl-prod-gallery .swiper-slide img {
  height: calc(100dvh - 10rem);
  object-fit: cover;
}
@media (width <= 767.98px) {
  .mdl-prod-gallery .swiper-slide img {
    height: auto;
  }
}

.mdl-prod-desc {
  padding: 7.2rem 0;
}
@media (width <= 767.98px) {
  .mdl-prod-desc {
    padding: 4rem 0 5.6rem;
  }
}
.mdl-prod-desc .container__bx {
  flex-flow: row wrap;
  gap: 7.2rem 5.6rem;
}
@media (width <= 767.98px) {
  .mdl-prod-desc .container__bx {
    gap: 3.2rem;
  }
}
.mdl-prod-desc__cl {
  width: calc(50% - 2.8rem);
}
@media (width <= 767.98px) {
  .mdl-prod-desc__cl {
    width: 100%;
  }
}
.mdl-prod-desc__cl--full {
  width: 100%;
}
.mdl-prod-desc__txt {
  margin-bottom: 3.2rem;
}
.mdl-prod-desc__txt:last-child {
  margin-bottom: 0;
}

.mdl-prod-specifications {
  padding: 7.2rem 0 0 0;
}
@media (width <= 767.98px) {
  .mdl-prod-specifications {
    padding: 2.25rem 0;
  }
}
.mdl-prod-specifications h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 42.26px;
  text-align: left;
  margin-bottom: 4rem;
}
.mdl-prod-specifications__it {
  margin-bottom: 1.6rem;
}
.mdl-prod-specifications__tit {
  font-size: 22px;
  font-weight: 600;
  line-height: 25.83px;
  text-align: left;
  background: rgba(128, 108, 245, 0.0784313725);
  padding: 2rem 6rem 2rem 2rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.mdl-prod-specifications__tit::after {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("./src/imgs/icons/faqs-plus.png");
  background-size: 2.4rem;
  position: absolute;
  right: 2.3rem;
  top: 50%;
  transform: translateY(-50%);
}
.mdl-prod-specifications__tit.js-show::after {
  background-image: url("./src/imgs/icons/faqs-minus.png");
}
.mdl-prod-specifications__txt {
  display: none;
  background: rgba(128, 108, 245, 0.0784313725);
  padding: 3.6rem 6.2rem 6rem 4rem;
}
.mdl-prod-specifications__txt ul {
  padding-left: 2rem;
}
.mdl-prod-specifications__txt ul li {
  list-style: disc;
}
.mdl-prod-specifications__bx {
  display: flex;
  flex-flow: row;
  gap: 4.8rem;
}
@media (width <= 767.98px) {
  .mdl-prod-specifications__bx {
    flex-flow: column;
  }
}
.mdl-prod-specifications__cl--lf {
  width: 30%;
}
@media (width <= 767.98px) {
  .mdl-prod-specifications__cl--lf {
    width: 100%;
  }
}
.mdl-prod-specifications__cl--rg {
  width: 70%;
}
@media (width <= 767.98px) {
  .mdl-prod-specifications__cl--rg {
    width: 100%;
  }
}

.txt-price {
  font-family: "Raleway", sans-serif;
}

.mdl-banner {
  background-color: #291b1b;
  padding: 3.9rem 0;
}
.mdl-banner h2 {
  text-align: center;
  margin-bottom: 2.8rem;
  font-size: 3.2rem;
  line-height: 3.8rem;
}

.mdl-banner-buy {
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media (max-width: 767.98px) {
  .mdl-banner-buy {
    padding-top: 2rem;
  }
}
.mdl-banner-buy__dist {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "item1 item3" "item2 item3";
}
@media (max-width: 767.98px) {
  .mdl-banner-buy__dist {
    grid-template-columns: 1fr;
    grid-template-areas: "item1" "item3" "item2";
    height: auto;
  }
}
.mdl-banner-buy__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 6.1rem 8rem 6.1rem 8rem;
  height: 49.5rem;
}
@media (max-width: 767.98px) {
  .mdl-banner-buy__content {
    padding: 0;
    height: 42rem;
  }
}
.mdl-banner-buy__content h4 {
  font-size: 2.5rem;
  font-weight: 300;
}
.mdl-banner-buy__titles {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  grid-area: item1;
}
.mdl-banner-buy__titles h4 {
  font-size: 2.5rem;
  font-weight: 300;
  z-index: 5;
}
.mdl-banner-buy__title {
  font-family: "Raleway", sans-serif;
  font-size: 4rem;
  font-weight: 300;
  line-height: 100%;
  color: #036ACE;
  text-transform: uppercase;
  margin-top: 1rem;
}
@media (max-width: 767.98px) {
  .mdl-banner-buy__title {
    font-size: 2.5rem;
  }
}
.mdl-banner-buy__title span {
  font-weight: 800;
}
.mdl-banner-buy__subtitle {
  font-family: "Raleway", sans-serif;
  font-size: 5rem;
  font-weight: 800;
  line-height: 100%;
  color: #0E2145;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .mdl-banner-buy__subtitle {
    font-size: 3.5rem;
  }
}
.mdl-banner-buy__intro {
  font-family: "Raleway", sans-serif;
  font-size: 4rem;
  font-weight: 300;
  line-height: 60%;
  color: #0E2145;
}
.mdl-banner-buy__buttons {
  font-size: 1.8rem;
  font-weight: 600;
  gap: 2rem;
  display: flex;
}
.mdl-banner-buy__buttons .btn-reserve {
  display: none;
}
@media (max-width: 767.98px) {
  .mdl-banner-buy__buttons {
    flex-direction: column;
    align-items: center;
  }
}
.mdl-banner-buy__btn {
  background-color: #8760F5;
  color: #fff;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-size: 1.8rem !important;
  font-weight: 700;
  max-width: none !important;
  padding: 0.8rem 6.2rem !important;
}
.mdl-banner-buy__price {
  font-family: "Raleway", sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  color: #036ACE;
  grid-area: item2;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.mdl-banner-buy__price bdi {
  font-weight: 600;
}
.mdl-banner-buy__price bdi::before {
  content: " ";
}
.mdl-banner-buy__price bdi span {
  position: relative;
  display: inline-block;
}
.mdl-banner-buy__price p {
  margin-bottom: 0;
  margin-top: 1.3rem;
}
@media (max-width: 767.98px) {
  .mdl-banner-buy__price p {
    font-size: 1.8rem;
    text-align: center;
  }
}
.mdl-banner-buy__tax {
  padding-left: 0.8rem;
  font-size: 1.6rem;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .mdl-banner-buy__tax {
    padding-left: 0;
    padding-top: 0.5rem;
    display: block;
  }
}
.mdl-banner-buy .swiper-slide {
  text-align: center;
}
.mdl-banner-buy__images {
  max-width: 46rem !important;
  width: 100%;
  height: auto;
  display: inline-block;
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .mdl-banner-buy__images {
    max-width: 26rem !important;
    margin: 2rem 0 2rem 0;
    padding: 2rem 0 2rem 0;
  }
}

@media (max-width: 767.98px) {
  .mdl-banner-buy.bannertop {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.mdl-banner-buy.bannertop h2 {
  color: #0E2145;
  font-size: 4rem;
  font-weight: 500;
  text-transform: lowercase;
  margin-top: 0;
}
.mdl-banner-buy.bannertop h2::first-letter {
  text-transform: uppercase;
}
.mdl-banner-buy.bannertop h3 {
  color: #0E2145;
  font-size: 5rem;
  font-weight: 800;
  text-transform: uppercase;
}
.mdl-banner-buy.bannertop h4 {
  color: #0E2145;
  font-size: 2.5rem;
  font-weight: 300;
  text-transform: lowercase;
  margin-bottom: 2.8rem;
}
@media (max-width: 767.98px) {
  .mdl-banner-buy.bannertop h4 {
    margin-bottom: 0;
    line-height: 120%;
  }
}
.mdl-banner-buy.bannertop h4 span {
  font-weight: 500;
}

.mdl-banner-buy.bannertop .mdl-banner-buy__dist {
  grid-template-columns: 2fr 1fr;
}

.mdl-banner-buy.bannertop .mdl-banner-buy__buttons {
  max-width: 65%;
}

.mdl-banner-buy.bannertop .mdl-banner-buy__content {
  padding: 8.1rem 8rem 8.1rem 8rem;
}

.swiperbannerbuy {
  grid-area: item3;
}

.mdl-banner-buy.bannertop.bannertop__vertical {
  height: 81.1rem;
  background-position-y: bottom;
  padding-top: 8rem;
}
.mdl-banner-buy.bannertop.bannertop__vertical .mdl-banner-buy__dist {
  grid-template-columns: 1fr;
}
.mdl-banner-buy.bannertop.bannertop__vertical .mdl-banner-buy__titles {
  padding: 7rem 1rem 1rem 1rem;
  text-align: center;
}
@media (max-width: 767.98px) {
  .mdl-banner-buy.bannertop.bannertop__vertical .mdl-banner-buy__titles {
    padding: 0;
  }
}
.mdl-banner-buy.bannertop.bannertop__vertical .mdl-banner-buy__titles h4 {
  line-height: 120%;
}
@media (max-width: 767.98px) {
  .mdl-banner-buy.bannertop.bannertop__vertical .mdl-banner-buy__titles h4 span {
    line-height: 0;
  }
}
.mdl-banner-buy.bannertop.bannertop__vertical .mdl-banner-buy__titles h4 span::after {
  display: block;
}
@media (max-width: 767.98px) {
  .mdl-banner-buy.bannertop.bannertop__vertical .mdl-banner-buy__titles h4 span::after {
    content: " ";
  }
}
.mdl-banner-buy.bannertop.bannertop__vertical .mdl-banner-buy__title {
  font-size: 3rem;
}
.mdl-banner-buy.bannertop.bannertop__vertical .mdl-banner-buy__subtitle {
  font-size: 4rem;
}
.mdl-banner-buy.bannertop.bannertop__vertical .mdl-banner-buy__price {
  padding: 0 1rem 0 1rem;
  width: 100%;
  align-items: center;
}
.mdl-banner-buy.bannertop.bannertop__vertical .mdl-banner-buy__buttons {
  max-width: 100%;
  width: 70%;
  margin-top: 3rem;
  gap: 3rem;
  align-items: center;
}

.bannertop .btn-buy.btn {
  margin: 2rem 0 0 0;
  border: none;
}

a.btn-buy.btn {
  border: none;
}
@media (max-width: 767.98px) {
  a.btn-buy.btn {
    margin: 0 auto;
  }
}

.slide-mobile {
  display: none;
}

@media (max-width: 767.98px) {
  .slide-mobile {
    display: block;
  }
  .slide-desktop {
    display: none;
  }
}
.mdl-banner-buy .swiper-slide {
  display: flex;
  justify-content: center;
}

.mdl-banner-info {
  background-image: url("./src/imgs/banner.png");
  background-size: cover;
  width: 100%;
  height: 36.1rem;
}
.mdl-banner-info__h2 {
  font-size: 5rem !important;
  font-weight: 800 !important;
  line-height: 120% !important;
  color: #036ACE;
  text-align: center;
}
@media (max-width: 767.98px) {
  .mdl-banner-info__h2 {
    font-size: 4rem !important;
    line-height: 110% !important;
  }
}
.mdl-banner-info__h3 {
  font-size: 2.5rem !important;
  font-weight: 500 !important;
  line-height: 3.7rem !important;
  color: #0E2145;
  text-align: center;
}
@media (max-width: 767.98px) {
  .mdl-banner-info__h3 {
    font-size: 2.5rem !important;
    line-height: 120% !important;
  }
}
.mdl-banner-info__content {
  height: 36.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mdl-banner-info__link {
  margin-top: 4.2rem;
}
.mdl-banner-info__modal .modal-h2 {
  font-size: 3rem !important;
  font-weight: 700 !important;
  line-height: 120% !important;
  color: #036ACE;
  text-align: center;
}
.mdl-banner-info__modal .modal-strg {
  font-size: 1.8rem !important;
  line-height: 25px !important;
  font-weight: 600 !important;
  color: #0E2145;
  text-align: center;
  display: inline-block;
  margin-bottom: 4rem;
}
.mdl-banner-info__modal .mdl-form__form .form-grid-three {
  grid-template-columns: repeat(1, 1fr);
  gap: 0;
}

.main > .mdl-faqs:nth-child(1) {
  padding-bottom: 4rem;
}

.main > .mdl-faqs:nth-child(2) {
  padding-top: 3rem;
  padding-bottom: 6rem;
}

.mdl-faqs {
  padding: 10rem 0 0 0;
}
@media (max-width: 767.98px) {
  .mdl-faqs {
    padding: 3rem 0 0 0;
  }
}
.mdl-faqs h1 {
  text-align: left;
  font-size: 5rem;
  font-weight: 800;
  line-height: 100%;
  margin-bottom: 2rem;
  color: #036ACE;
}
.mdl-faqs h2 {
  text-align: left;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 100%;
  color: #036ACE;
}
.mdl-faqs__bx {
  margin: 0 auto;
  width: 100%;
  margin-top: 3.2rem;
}
.mdl-faqs__it {
  padding: 3.1rem 0 2rem 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-bottom: 0.1rem solid #036ACE;
}
.mdl-faqs__it:last-child {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .mdl-faqs__it {
    padding: 2rem 0rem 2rem 0rem;
    margin-bottom: 2rem;
  }
}
.mdl-faqs__q {
  padding-right: 4rem;
  font-size: 1.8rem;
  line-height: 2.8rem;
  text-align: left;
  color: #0E2145;
  cursor: pointer;
  position: relative;
  width: 100%;
  font-weight: 600;
}
.mdl-faqs__q::after {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-size: 2.4rem;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("./src/imgs/icons/faqs-plus.png");
  transform: rotate(0deg);
}
@media (max-width: 991.98px) {
  .mdl-faqs__q::after {
    width: 2.4rem;
    background-size: 2.4rem;
    height: 2.4rem;
    right: 0;
    top: 0;
  }
}
.mdl-faqs__q.js-show::after {
  transform: rotate(-180deg);
  background-image: url("./src/imgs/icons/faqs-minus.png");
}
.mdl-faqs__a {
  display: none;
  margin-top: 2rem;
  flex-flow: column;
  width: 100%;
  align-self: flex-start;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.2rem;
  padding-right: 4rem;
}
.mdl-faqs__a span {
  color: #036ACE;
  font-weight: 700;
}
.mdl-faqs__a b {
  font-weight: bold;
}
.mdl-faqs__a a {
  color: #036ACE;
  font-weight: 700;
  text-decoration: underline;
}
.mdl-faqs__a a:hover {
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .mdl-faqs__a {
    padding-right: 4rem;
  }
}

.mdl-services {
  padding: 4rem 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 19.2px;
  text-align: center;
  background-color: rgba(98, 149, 198, 0.04);
}
.mdl-services__bx {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (width <= 767.98px) {
  .mdl-services__bx {
    grid-template-columns: repeat(1, 1fr);
  }
}
.mdl-services__it {
  border-right: 0.5px solid #D2D1D7;
  padding: 0 3.1rem;
  padding-bottom: 3rem;
  display: flex;
  flex-flow: column;
}
.mdl-services__it:last-child {
  border-right: 0;
}
@media (width <= 767.98px) {
  .mdl-services__it {
    border-right: 0;
    border-bottom: 0.5px solid #D2D1D7;
    padding: 2rem 0;
    padding-right: 0;
    text-align: left;
  }
}
.mdl-services__it img {
  max-height: 3rem;
  object-fit: contain;
  margin-bottom: 1.1rem;
  filter: brightness(0) saturate(100%) invert(23%) sepia(88%) saturate(5729%) hue-rotate(199deg) brightness(99%) contrast(98%);
}
.mdl-services h2 {
  margin-bottom: 3.6rem;
  font-size: 36px;
  font-weight: 600;
  line-height: 42.26px;
  color: #036ACE;
}
.mdl-services h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 25.83px;
  margin-bottom: 1.1rem;
}
.mdl-services__tit {
  pointer-events: none;
}
@media (width <= 767.98px) {
  .mdl-services__tit {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    pointer-events: all;
  }
}
@media (width <= 767.98px) {
  .mdl-services__tit h3 {
    margin-bottom: 0;
  }
}
@media (width <= 767.98px) {
  .mdl-services__tit img {
    object-fit: contain;
    margin-bottom: 0;
    max-width: 3rem;
    margin-right: 2rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-services__tit::after {
    content: "";
    display: block;
    background-image: url("./src/imgs/icons/faqs-plus.png");
    width: 2.4rem;
    background-size: 2.4rem;
    height: 2.4rem;
    right: -4rem;
    top: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(0deg);
  }
}
@media (max-width: 767.98px) {
  .mdl-services__tit.js-show h3 {
    color: #ACA0F3;
  }
}
@media (max-width: 767.98px) {
  .mdl-services__tit.js-show::after {
    transform: rotate(-180deg);
    background-image: url("./src/imgs/icons/faqs-minus.png");
  }
}
@media (width <= 767.98px) {
  .mdl-services__txt {
    text-align: left;
    display: none;
    margin-top: 2rem;
  }
}
.mdl-services__txt button {
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19.2px;
  text-decoration: underline;
  color: #8760F5;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .mdl-services__txt.js-show {
    display: flex;
  }
}

.mdl-tit {
  padding: 6.6rem 0 0 1.2rem;
  text-align: center;
}
@media (width <= 767.98px) {
  .mdl-tit {
    padding: 3rem 0 0 0;
  }
}
.mdl-tit h1, .mdl-tit h2 {
  text-align: center;
  font-size: 4rem;
  font-style: italic;
  font-weight: 600;
  line-height: 4.8rem;
  margin-bottom: 1rem;
  color: #0E2145;
}
@media (max-width: 767.98px) {
  .mdl-tit h1, .mdl-tit h2 {
    font-size: 3.5rem;
  }
}
.mdl-tit h1 span, .mdl-tit h2 span {
  display: block;
  font-size: 5rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #036ACE;
}
@media (width <= 767.98px) {
  .mdl-tit h1 span, .mdl-tit h2 span {
    font-size: 3.5rem;
  }
}
.mdl-tit h1 strong, .mdl-tit h2 strong {
  display: inline;
  font-size: 4rem;
  font-weight: 600;
  color: #036ACE;
}
@media (width <= 767.98px) {
  .mdl-tit h1 strong, .mdl-tit h2 strong {
    font-size: 3.5rem;
  }
}
@media (width <= 767.98px) {
  .mdl-tit h1, .mdl-tit h2 {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}
.mdl-tit h3 {
  font-size: 2.5rem;
  font-weight: 300;
  color: #0E2145;
  margin-bottom: 1rem;
}
.mdl-tit p {
  font-size: 2.5rem;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 0;
}
.mdl-tit p span, .mdl-tit p a {
  color: #036ACE;
  text-decoration: none;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .mdl-tit p span, .mdl-tit p a {
    display: block;
  }
}
.mdl-tit p.last {
  margin-top: 3rem;
  font-weight: 700;
}
.mdl-tit__txt {
  font-size: 2.4rem;
  line-height: 28.18px;
  color: #0E2145;
  text-align: center;
}
.mdl-tit__txt p {
  text-align: center;
}
.mdl-tit__txt span {
  display: inline;
}
.mdl-tit__txt strong {
  line-height: 0;
}

.mdl-contact-tit {
  padding: 6.6rem 0 0rem 0;
  text-align: left;
}
@media (max-width: 767.98px) {
  .mdl-contact-tit {
    padding: 3.2rem 0 3.2rem 0;
  }
}
.mdl-contact-tit h1, .mdl-contact-tit h2 {
  text-align: left;
  font-size: 4rem;
  font-weight: 500;
  line-height: 4.8rem;
  margin-bottom: 1rem;
  color: #0E2145;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .mdl-contact-tit h1, .mdl-contact-tit h2 {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}
.mdl-contact-tit h1 span, .mdl-contact-tit h2 span {
  display: block;
  font-size: 5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #036ACE;
}
@media (max-width: 767.98px) {
  .mdl-contact-tit h1 span, .mdl-contact-tit h2 span {
    font-size: 3.5rem;
  }
}
.mdl-contact-tit p {
  font-size: 2.5rem;
  font-weight: 400;
  margin-bottom: 0;
}
.mdl-contact-tit__txt {
  font-size: 2.4rem;
  line-height: 28.18px;
  color: #0E2145;
  text-align: left;
}
@media (max-width: 767.98px) {
  .mdl-contact-tit__txt {
    margin-top: 2.5rem;
  }
}
.mdl-contact-tit__txt h3 {
  font-size: 2.5rem;
  font-weight: 300;
  color: #0E2145;
  margin-bottom: 1rem;
}
.mdl-contact-tit__txt p {
  text-align: left;
  font-size: 1.8rem;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .mdl-contact-tit__txt p {
    line-height: 100%;
    display: block;
    line-height: 100%;
  }
}
.mdl-contact-tit__txt p strong {
  line-height: 0;
  font-weight: 600;
  font-size: 1.8rem;
}
@media (max-width: 767.98px) {
  .mdl-contact-tit__txt p strong {
    display: block;
    line-height: 120%;
  }
}
.mdl-contact-tit__txt .txtsm {
  font-size: 1.8rem;
  font-weight: 300;
  color: #036ACE;
  padding-bottom: 2rem;
}
.mdl-contact-tit__txt .txtform {
  font-size: 1.8rem;
  font-weight: 700;
  color: #036ACE;
  margin-bottom: 1.6rem;
}
.mdl-contact-tit__txt .txtphone {
  font-size: 2.5rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #036ACE;
}

.mdl-author {
  background-color: #F7F7F8;
  padding: 7.2rem 0;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .mdl-author {
    padding: 5.6rem 0;
  }
}
.mdl-author .container__bx {
  flex-flow: row;
  flex-wrap: wrap;
}
@media (min-width: 767.98px) {
  .mdl-author__lf {
    width: 50%;
    padding-right: 2.8rem;
  }
}
.mdl-author__rg {
  width: 100%;
}
@media (max-width: 767.98px) {
  .mdl-author__rg {
    padding-top: 0;
  }
}
@media (min-width: 767.98px) {
  .mdl-author__rg {
    width: 50%;
    padding-left: 2.8rem;
  }
}
.mdl-author__rg img {
  width: 100%;
  height: auto;
  max-width: 62rem;
}
@media (max-width: 767.98px) {
  .mdl-author__rg .post-thumbnail {
    margin-right: -2.4rem;
    margin-left: -2.4rem;
  }
}
.mdl-author__tit {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  position: relative;
}
@media (max-width: 767.98px) {
  .mdl-author__tit--dk {
    display: none !important;
  }
}
@media (min-width: 767.98px) {
  .mdl-author__tit--mb {
    display: none;
  }
}
.mdl-author__tit .mdl-share {
  position: absolute;
  top: -4rem;
  right: 0;
  max-width: 30rem;
}
.mdl-author__tit .mdl-share__hvr {
  background-color: #F7F7F8;
}
.mdl-author h1 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5.6rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .mdl-author h1 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-author h1 {
    margin-bottom: 1.6rem;
  }
}
.mdl-author h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
@media (max-width: 767.98px) {
  .mdl-author h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
.mdl-author__cnt {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .mdl-author__cnt {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (min-width: 767.98px) {
  .mdl-author__cnt {
    margin-bottom: 5.6rem;
  }
}
.mdl-author .btn {
  display: inline-block;
  margin-top: 2.4rem;
  min-width: 39.5rem;
}
@media (max-width: 767.98px) {
  .mdl-author .btn {
    margin-top: 3.2rem;
    min-width: inherit !important;
  }
}
.mdl-author-artworks {
  padding: 7.2rem 0;
  position: relative;
}
@media (max-width: 767.98px) {
  .mdl-author-artworks {
    padding: 5.6rem 0;
  }
}
.mdl-author-artworks h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 5.6rem;
}
@media (max-width: 767.98px) {
  .mdl-author-artworks h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
.mdl-author-artworks .list__bx {
  margin: 0;
}
.mdl-author-artworks .list__img a {
  aspect-ratio: auto;
}
.mdl-author-related {
  background-color: #F7F7F8;
  padding: 7.2rem 0;
}
@media (max-width: 767.98px) {
  .mdl-author-related {
    padding: 5.6rem 0;
  }
}
.mdl-author-related h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 5.6rem;
}
@media (max-width: 767.98px) {
  .mdl-author-related h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-author-related h2 {
    margin-bottom: 4.8rem;
  }
}
.mdl-author-related .list__bx {
  display: flex;
  gap: 5.4rem;
  width: 100%;
  margin: 0;
}
@media (max-width: 767.98px) {
  .mdl-author-related .list__bx {
    flex-flow: column;
  }
}
.mdl-author-related .list__it {
  width: 33.3333%;
}
@media (max-width: 767.98px) {
  .mdl-author-related .list__it {
    width: 100%;
  }
}
.mdl-author-related .list__it h3 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .mdl-author-related .list__it h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.mdl-author-related .list__img {
  position: relative;
  padding-bottom: 125%;
}
.mdl-author-related .list__img a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-size: contain;
}
.mdl-author-articles {
  padding: 7.2rem 0;
}
@media (max-width: 767.98px) {
  .mdl-author-articles {
    padding: 5.6rem 0;
  }
}
.mdl-author-articles h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 5.6rem;
}
@media (max-width: 767.98px) {
  .mdl-author-articles h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-author-articles h2 {
    margin-bottom: 4.8rem;
  }
}
.mdl-author-articles .mdl-blog-it h3 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 500;
  margin-bottom: 1.6rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .mdl-author-articles .mdl-blog-it h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-author__img--dk {
    display: none;
  }
}
.mdl-author__img--mb {
  margin-right: -2.4rem;
  margin-left: -2.4rem;
  margin-bottom: 2.4rem;
}
@media (min-width: 767.98px) {
  .mdl-author__img--mb {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .mdl-author--single .mdl-author__cnt {
    margin-bottom: 5.6rem;
  }
}
@media (max-width: 767.98px) {
  .mdl-author--single .mdl-author__rg img {
    width: calc(100% + 4.8rem);
    margin-left: -2.4rem;
  }
}

.mdl-shop {
  padding: 8rem 0;
}
.mdl-shop .container__bx {
  flex-wrap: nowrap;
}
.mdl-shop h1 {
  font-size: 6.8rem;
  font-weight: 500;
  line-height: 6.8rem;
  text-align: center;
  margin-bottom: 8rem;
  text-transform: uppercase;
}
@media (width <= 767.98px) {
  .mdl-shop h1 {
    font-size: 5rem;
    line-height: 5rem;
    margin-bottom: 5rem;
  }
}
.mdl-shop h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #8760F5;
}
.mdl-shop__block {
  max-width: 80rem;
  margin: 0 auto;
}
.mdl-shop__tit {
  font-size: 30px !important;
  font-weight: 600;
  line-height: 35.22px !important;
  color: #036ACE !important;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.mdl-shop__user {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
.mdl-shop__user-initial {
  width: 7.4rem;
  height: 7.4rem;
  border: 2px solid #8760F5;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  font-weight: 300;
  line-height: 42.26px;
  font-family: "Raleway";
  color: #8760F5;
  margin-bottom: 1.2rem;
}
.mdl-shop__user-name {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  text-align: center;
  color: #8760F5;
}
.mdl-shop .woocommerce form .form-row input.input-text,
.mdl-shop .woocommerce form .form-row textarea,
.mdl-shop .woocommerce form .form-row select, .mdl-shop .woocommerce-page form .form-row select {
  padding: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 0.1rem solid #8760F5;
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  color: #036ACE;
  padding-bottom: 1rem;
  background-color: transparent;
}
.mdl-shop .woocommerce form .form-row input.input-text::placeholder,
.mdl-shop .woocommerce form .form-row textarea::placeholder,
.mdl-shop .woocommerce form .form-row select::placeholder, .mdl-shop .woocommerce-page form .form-row select::placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  color: #D2D1D7;
  opacity: 1;
}
.mdl-shop .woocommerce form span em {
  font-size: 1.6rem;
  font-style: italic;
}
.mdl-shop .woocommerce-EditAccountForm {
  max-width: 50rem;
}
.mdl-shop .woocommerce-EditAccountForm fieldset {
  margin-top: 5rem;
}

.mdl-cart {
  display: flex;
}
@media (max-width: 767.98px) {
  .mdl-cart {
    flex-flow: column;
  }
}
.mdl-cart__cl--lf {
  width: 70%;
  padding-right: 8rem;
}
@media (max-width: 767.98px) {
  .mdl-cart__cl--lf {
    padding-right: 0;
    padding-bottom: 4rem;
    width: 100%;
  }
}
.mdl-cart__cl--rg {
  width: 30%;
  position: relative;
}
@media (max-width: 767.98px) {
  .mdl-cart__cl--rg {
    width: 100%;
  }
}
.mdl-cart table.shop_table {
  border: 0;
  margin: 0;
}
.mdl-cart table.shop_table td {
  padding: 0;
  border-top: 0;
}

.mdl-product {
  display: flex;
}
@media (width <= 767.98px) {
  .mdl-product {
    flex-flow: column;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #D2D1D7;
  }
}
.mdl-product__cl {
  width: 50%;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
@media (width <= 767.98px) {
  .mdl-product__cl {
    width: 100%;
    text-align: left;
  }
}
.mdl-product__cl--lf img {
  width: 100% !important;
}
.mdl-product__cl--rg h2 {
  color: #036ACE;
  font-size: 30px;
  font-weight: 600;
  line-height: 35.22px;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}
.mdl-product__cl--rg h2 a {
  color: #036ACE;
}
.mdl-product__cl--rg h3 {
  font-size: 14px;
  font-weight: 300;
  line-height: 16.44px;
  text-transform: uppercase;
  color: #8760F5;
  margin-bottom: 0.8rem;
}
.mdl-product__cl--rg .amount {
  font-size: 20px;
  font-weight: 600;
  line-height: 23.48px;
}
.mdl-product__cl--rg a.remove {
  max-width: 2rem;
  margin-top: 1rem;
  background-color: transparent !important;
}
.mdl-product__cl--rg a.remove:hover {
  opacity: 0.8;
}
.mdl-product__cl--rg button.btn {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #8760F5;
  padding: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0);
  color: #806cf5;
  border: 0;
  width: auto;
  margin: 0 auto 0px 0;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
}

.quantity__cl {
  display: flex;
  gap: 2rem;
  margin-top: 0.8rem;
}
.quantity__cl .qib-button-wrapper button.qib-button {
  height: auto;
  background: transparent !important;
  border: 0;
  width: auto;
  padding: 0;
  font-family: "Raleway", sans-serif;
  font-size: 4rem;
}
.quantity__cl .qib-button-wrapper .quantity {
  margin: 0 0.5rem;
  height: 3.3rem !important;
}
.quantity__cl .qib-button-wrapper .quantity input.input-text.qty.text {
  border: 0;
  background: #D2D1D7;
  font-family: "Raleway", sans-serif;
  max-width: 3.3rem;
  height: 3.3rem;
  padding: 0;
  font-size: 2rem;
}

.mdl-purchase {
  display: flex;
  gap: 8rem;
  flex-flow: row wrap;
}
@media (width <= 767.98px) {
  .mdl-purchase {
    flex-flow: column;
    gap: 4rem;
  }
}
.mdl-purchase h3 {
  font-weight: 700;
  margin-bottom: 2rem;
  color: #8760F5;
  font-size: 2rem;
  line-height: 2.4rem;
}
.mdl-purchase__cl {
  width: calc(50% - 4rem);
}
@media (width <= 767.98px) {
  .mdl-purchase__cl {
    width: 100%;
  }
}
.mdl-purchase .woocommerce-additional-fields {
  margin-top: 4rem;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
  width: 100%;
}

.mdl-prod-specifications__title {
  font-family: "Raleway", sans-serif;
  font-size: 4rem;
  line-height: 100%;
  text-transform: uppercase;
  color: #0E2145;
}
.mdl-prod-specifications__br {
  display: block;
}
.mdl-prod-specifications__title > span:last-child {
  font-family: "Raleway", sans-serif;
  font-size: 5rem;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
  color: #036ACE;
  display: block;
}
@media (max-width: 767.98px) {
  .mdl-prod-specifications__title > span:last-child {
    font-size: 4rem;
    line-height: 80%;
  }
}
.mdl-prod-specifications__tit {
  background: rgba(98, 149, 198, 0.1) !important;
}

.about-us {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  padding: 2.7rem;
  grid-template-areas: "titulo titulo" "col1 col2";
}
.about-us__col1 {
  grid-area: col1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.about-us__col1 span, .about-us__col1 em {
  color: #036ACE;
  font-weight: 600;
}
.about-us__col2 {
  grid-area: col2;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.about-us__col2 span, .about-us__col2 em {
  color: #036ACE;
  font-weight: 600;
}
.about-us__section__tit {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 4rem;
  line-height: 140%;
  grid-area: titulo;
}
@media (max-width: 767.98px) {
  .about-us__section__tit {
    font-size: 2.5rem;
  }
}
.about-us__section__tit span {
  font-weight: 800;
  font-size: 5rem;
  line-height: 40%;
  color: #036ACE;
  display: block;
}
@media (max-width: 767.98px) {
  .about-us__section__tit span {
    display: block;
    font-size: 3.5rem;
    line-height: 80%;
  }
}
.about-us__tit {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 4rem;
  line-height: 140%;
}
.about-us__tit span {
  font-weight: 800;
  font-size: 5rem;
  line-height: 40%;
  color: #036ACE;
  display: block;
}
@media (max-width: 767.98px) {
  .about-us__tit span {
    display: inline;
  }
}
.about-us__text {
  font-family: "Raleway", sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 140%;
}
@media (max-width: 767.98px) {
  .about-us__text {
    line-height: 150%;
    font-weight: 400;
  }
}
.about-us__text strong {
  font-weight: 600;
}
.about-us__text span {
  font-weight: 600;
  color: #036ACE;
}

@media (max-width: 767.98px) {
  .about-us {
    grid-template-columns: 1fr;
    grid-template-areas: "titulo" "col1" "col2";
    padding: 3rem 1rem;
    gap: 2rem;
  }
  .about-us img {
    width: 100%;
    height: auto;
    margin: 1rem 0 1rem 0;
  }
}
.siente {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  padding: 6rem;
  grid-template-areas: "title title" "cols1 cols2";
}
@media (max-width: 767.98px) {
  .siente {
    margin-top: 60px;
  }
}
.siente__col1 {
  grid-area: cols1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.siente__col2 {
  grid-area: cols2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.siente__section__tit {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 4rem;
  line-height: 140%;
  grid-area: title;
}
@media (max-width: 767.98px) {
  .siente__section__tit {
    line-height: 110%;
  }
}
.siente__section__tit span {
  font-weight: 800;
  font-size: 5rem;
  line-height: 60%;
  color: #036ACE;
  display: block;
}
@media (max-width: 767.98px) {
  .siente__section__tit span {
    display: block;
  }
}
.siente__section__tit span:last-child {
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 160%;
  color: #0E2145;
}
.siente__tit {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 4rem;
  line-height: 120%;
}
.siente__tit span {
  font-weight: 800;
  font-size: 5rem;
  line-height: 100%;
  color: #036ACE;
  display: block;
}
@media (max-width: 767.98px) {
  .siente__tit span {
    display: inline;
  }
}
.siente__tit span:last-child {
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 100%;
  color: #0E2145;
}
.siente__text {
  font-family: "Raleway", sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 160%;
}
.siente__text--blue {
  font-size: 2.5rem;
  line-height: 3rem;
  color: #036ACE;
}
.siente__text--blue strong {
  font-weight: 800;
}

@media (max-width: 767.98px) {
  .siente {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "cols1" "cols2";
    padding: 3rem 0rem;
    gap: 2rem;
  }
  .siente img {
    width: 100%;
    height: auto;
    margin: 1rem 0 1rem 0;
  }
}
.passion {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: start;
  background: #6295c6;
  border-radius: 40px;
  margin: 6rem 0;
  height: 494px;
}
@media (max-width: 767.98px) {
  .passion {
    grid-template-columns: 1fr;
    height: auto;
    margin: 4rem 0;
  }
}
.passion__col1 {
  height: 494px;
}
@media (max-width: 767.98px) {
  .passion__col1 {
    height: 400px;
    width: 100%;
  }
}
.passion__col1 img {
  width: 100%;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  object-fit: cover;
  height: 100%;
}
@media (max-width: 767.98px) {
  .passion__col1 img {
    border-bottom-left-radius: 0;
    border-top-right-radius: 40px;
    object-position: left;
    object-fit: none;
    height: 100%;
  }
}
.passion__col2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  gap: 1rem;
  text-align: center;
}
@media (max-width: 767.98px) {
  .passion__col2 {
    padding: 3.5rem 3.5rem 5rem 3.5rem;
  }
}
.passion__col2 img {
  max-width: 11rem;
  width: 100%;
  border-radius: 40px;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .passion__col2 img {
    max-width: 10.5rem;
    padding: 0;
  }
}
.passion .passion__tit {
  font-weight: 600;
  color: #fff;
  font-size: 2.5rem;
  padding-top: 2rem;
}
@media (max-width: 767.98px) {
  .passion .passion__tit {
    line-height: 120%;
  }
}
.passion .passion__text {
  font-size: 1.8rem;
  font-style: italic;
  line-height: 140%;
  color: white;
}
.passion .passion__text span {
  font-weight: 700;
  font-style: normal;
  padding-top: 2rem;
  display: block;
}
.passion .passion__text:last-child {
  font-weight: 700;
  font-style: normal;
}
.passion .passion__text:last-child ::before {
  content: "- ";
}
.passion .passion__text:last-child ::after {
  content: " -";
}

.reserve__col1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem 1rem 8rem 1rem;
}
@media (max-width: 767.98px) {
  .reserve__col1 {
    padding: 2rem 1rem 4rem 1rem;
  }
}
.reserve__col1 .reserve__img {
  max-width: 29.8rem !important;
  height: auto;
  display: block;
  margin: 2rem auto;
}
@media (max-width: 767.98px) {
  .reserve__col1 .reserve__img {
    max-width: 24.4rem !important;
  }
}
.reserve__col1 .reserve__tit {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  color: #B0B0B0;
  text-transform: uppercase;
  line-height: 100%;
}
@media (max-width: 767.98px) {
  .reserve__col1 .reserve__tit {
    font-size: 3rem;
  }
}
.reserve__col1 .reserve__text {
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  color: #0E2145;
  max-width: 100rem;
}
@media (max-width: 767.98px) {
  .reserve__col1 .reserve__text {
    font-size: 1.8rem;
  }
}

.reserve .place-order {
  background: #fff;
}

.mdl-banner-warning {
  height: 42rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: left;
}
@media (max-width: 767.98px) {
  .mdl-banner-warning {
    height: 61rem;
  }
}
.mdl-banner-warning__titles {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 10rem 1rem 10rem 1rem;
}
@media (max-width: 767.98px) {
  .mdl-banner-warning__titles {
    padding: 5rem 1rem 5rem 1rem;
  }
}
.mdl-banner-warning__title {
  font-size: 4rem;
  font-weight: 700;
  color: #036ACE;
  line-height: 100%;
  text-align: center;
}
.mdl-banner-warning__text {
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  line-height: 120%;
  max-width: 99.3rem;
  margin-top: 1rem;
}
.mdl-banner-warning__text span {
  font-weight: 700;
  color: #036ACE;
}
.mdl-banner-warning__text strong {
  font-weight: 700;
  color: #036ACE;
}
.mdl-banner-warning__text em {
  color: #036ACE;
}
.mdl-banner-warning__text em strong {
  font-weight: 700;
  font-size: 4rem;
  line-height: 4.9rem;
}

.mdl-banner-warning ~ .woocommerce #customer_details {
  /*display: none;*/
}

.mdl_banner_services {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background-color: rgba(98, 149, 198, 0.04);
  height: 15.4rem;
  width: 100%;
  padding: 3rem 0 3rem 0;
}
@media (max-width: 767.98px) {
  .mdl_banner_services {
    grid-template-columns: 1fr;
    height: auto;
    padding: 2rem 0 2rem 0;
    row-gap: 2rem;
  }
}
.mdl_banner_services .services__img {
  width: 4rem;
  height: auto;
}
.mdl_banner_services .services__img::nth-last-child(-n + 2) {
  width: 3rem;
  height: auto;
}
.mdl_banner_services .services__tit {
  font-size: 1.8rem;
  font-weight: 500;
}
.mdl_banner_services .services__col1,
.mdl_banner_services .services__col2,
.mdl_banner_services .services__col3 {
  justify-content: space-around;
  align-items: center;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #D2D1D7;
}
@media (max-width: 767.98px) {
  .mdl_banner_services .services__col1,
  .mdl_banner_services .services__col2,
  .mdl_banner_services .services__col3 {
    border-right: none;
    border-bottom: 1px solid #D2D1D7;
    height: 10rem;
    flex-direction: row;
    justify-content: left;
    gap: 2rem;
    width: 80%;
    margin: 0 auto;
  }
}
.mdl_banner_services .services__col3 .services__img {
  width: 10rem;
}