@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Jacques+Francois&display=swap");
:root {
  --white-color: #F1F1F1;
}

:root h2, :root h3, :root h4, :root p, :root ul, :root li {
  margin: 0;
}

@media screen and (min-width: 431px) {
  :root .mobile {
    display: none;
  }
}

:root .mobile a {
  text-decoration: none;
  color: black;
}

:root .desktop {
  display: none;
}

@media screen and (min-width: 431px) {
  :root .desktop {
    display: block;
  }
}

html {
  scroll-behavior: smooth;
}

@media screen and (min-width: 1440px) {
  html {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.popup {
  padding: 10px;
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  background-color: lightgreen;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px #424141;
          box-shadow: 1px 1px 2px #424141;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.popup.show_popup {
  opacity: 1;
}

.contact_form_frame {
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  z-index: 5;
}

.tel_frame {
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.tel_frame .close_button {
  width: 14vw;
  height: 14vw;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  cursor: pointer;
}

@media screen and (min-width: 414px) {
  .tel_frame .close_button {
    max-width: 64.391px;
    max-height: 64.391px;
  }
}

.tel_frame .close_button img {
  width: 100%;
  height: 100%;
}

.tel_frame .close_button:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.tel_frame .tel_container {
  width: 100%;
  max-width: 300px;
  height: 100%;
  max-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  border-radius: 3px;
  -webkit-box-shadow: 1px 2px 4px #000000a6;
          box-shadow: 1px 2px 4px #000000a6;
  cursor: pointer;
}

.tel_frame .tel_container p {
  font-size: 1.5rem;
}

.contact_form {
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.contact_form .close_button {
  width: 14vw;
  height: 14vw;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  cursor: pointer;
}

@media screen and (min-width: 414px) {
  .contact_form .close_button {
    max-width: 64.391px;
    max-height: 64.391px;
  }
}

.contact_form .close_button img {
  width: 100%;
  height: 100%;
}

.contact_form .close_button:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.contact_form form {
  width: 60vw;
  min-width: 225px;
  height: 50vh;
  min-height: 333.500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  -webkit-box-shadow: 2px 2px 4px #878787;
          box-shadow: 2px 2px 4px #878787;
}

@media screen and (min-width: 414px) {
  .contact_form form {
    height: 90vw;
    max-width: 324.594px;
    max-height: 486.891px;
  }
}

.contact_form form #contact_form {
  width: 90%;
  height: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact_form form #contact_form label {
  width: 100%;
  display: block;
  text-align: center;
}

.contact_form form #contact_form textarea {
  width: 100%;
}

.contact_form form #contact_form button[type=submit] {
  cursor: pointer;
}

.contact_form .disclaimer {
  width: 100%;
  min-height: 3%;
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  background-color: white;
  text-align: center;
}

@media screen and (min-width: 414px) {
  .contact_form .disclaimer {
    border-top: 1px black solid;
    text-align: unset;
  }
}

.flash_messages {
  width: 100%;
  height: 3vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 1;
  top: 0;
  background-color: #ff4f4f;
  color: white;
}

.flash_messages p {
  width: unset;
  text-shadow: unset;
  font-weight: bold;
}

.positive {
  background-color: #6ce963;
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
}

.negative {
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
}

.fade_animation {
  opacity: 0;
}

body {
  margin: 0;
  position: relative;
  min-width: 360px;
  max-width: 1440px;
  overflow-x: hidden;
}

@media screen and (min-width: 431px) {
  body {
    -webkit-box-shadow: 0px 0px 20px #00000036;
            box-shadow: 0px 0px 20px #00000036;
  }
}

@media screen and (min-width: 1440px) {
  body {
    width: 1440px;
  }
}

body header {
  position: relative;
  z-index: 0;
  background-color: var(--white-color);
}

body header .header_title {
  width: 100%;
  height: 60px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
}

@media screen and (min-width: 431px) {
  body header .header_title {
    height: 10vw;
    max-height: 87px;
  }
}

body header .header_title .entreprise_name, body header .header_title .contacts {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body header .header_title .entreprise_name {
  width: 140px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 10px;
}

body header .header_title .entreprise_name img {
  width: 28px;
  height: 51px;
}

body header .header_title .entreprise_name h1 {
  font-family: 'Inter';
  font-style: normal;
  font-size: 25px;
  font-weight: 400;
}

body header .header_title .entreprise_name h1 span {
  color: #8CC63E;
}

body header .header_title .entreprise_name h1::first-letter {
  color: #8CC63E;
}

body header .header_title .contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 10px;
}

@media screen and (min-width: 431px) {
  body header .header_title .contacts {
    width: unset;
    right: 1.6666666666666667vw;
  }
}

body header .header_title .contacts .phone a, body header .header_title .contacts .mail a {
  height: 17.553px;
  width: 17.553px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: unset;
  max-width: unset;
  text-decoration: none;
  color: black;
}

@media screen and (min-width: 431px) {
  body header .header_title .contacts .phone a, body header .header_title .contacts .mail a {
    height: 2.9245vw;
    max-height: 31.281px;
  }
}

body header .header_title .contacts .phone a img, body header .header_title .contacts .mail a img {
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 431px) {
  body header .header_title .contacts .phone a img, body header .header_title .contacts .mail a img {
    width: 22vw;
    max-width: 40px;
    margin-right: 10px;
  }
}

body header .header_title .contacts .phone p, body header .header_title .contacts .mail p {
  display: none;
  font-size: clamp(0.8rem, 1vw, 1rem);
}

@media screen and (min-width: 431px) {
  body header .header_title .contacts .phone p, body header .header_title .contacts .mail p {
    display: block;
  }
}

@media screen and (min-width: 431px) {
  body header .header_title .contacts .phone a {
    margin-right: 26.016px;
  }
}

@media screen and (min-width: 431px) {
  body header .header_title .contacts .phone .mobile {
    display: none;
  }
}

body header .header_title .contacts .phone .desktop {
  display: none;
}

@media screen and (min-width: 431px) {
  body header .header_title .contacts .phone .desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

body header .header_title .contacts .phone .desktop img {
  margin-right: 5px;
}

body header .header_title .contacts .mail {
  max-width: 210px;
  margin-left: 10px;
}

@media screen and (min-width: 431px) {
  body header .header_title .contacts .mail {
    width: 32vw;
    margin-left: unset;
  }
}

body header .header_title .contacts .mail a {
  width: 17.553px;
}

@media screen and (min-width: 431px) {
  body header .header_title .contacts .mail a {
    width: 2.9245vw;
    max-width: 31.281px;
    height: 2.9245vw;
    max-height: 31.281px;
  }
}

body header .header_content {
  width: 100%;
  height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}

@media screen and (min-width: 431px) {
  body header .header_content {
    height: 38.333333333333336vw;
    max-height: 528px;
  }
}

body header .header_content .background {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

body header .header_content .background img {
  width: 100%;
  height: 340px;
  position: fixed;
  top: -110px;
}

@media screen and (min-width: 431px) {
  body header .header_content .background img {
    height: 1058px;
    top: calc(-1058px + 48vw);
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media screen and (min-width: 1230px) {
  body header .header_content .background img {
    top: calc(-1058px + 528px + 87px);
  }
}

@media screen and (min-width: 1440px) {
  body header .header_content .background img {
    width: 1440px;
  }
}

@media screen and (min-width: 431px) {
  body header .header_content .background .mobile {
    display: none;
  }
}

body header .header_content .background .desktop {
  display: none;
}

@media screen and (min-width: 431px) {
  body header .header_content .background .desktop {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

body header .header_content .content {
  width: 90%;
  height: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  z-index: 1;
}

@media screen and (min-width: 431px) {
  body header .header_content .content {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
}

body header .header_content .content h2 {
  color: white;
  text-align: center;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.71);
  font-family: 'Inter';
  font-size: 20px;
}

@media screen and (min-width: 431px) {
  body header .header_content .content h2 {
    margin-bottom: 2vw;
    font-size: clamp(1.6rem, 4vw, 4rem);
  }
}

@media screen and (min-width: 1440px) {
  body header .header_content .content h2 {
    margin-bottom: 32.52px;
  }
}

body header .header_content .content .logo {
  width: 8vw;
}

@media screen and (min-width: 431px) {
  body header .header_content .content .logo {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    width: 4vw;
    margin-bottom: 2vw;
  }
}

@media screen and (min-width: 1440px) {
  body header .header_content .content .logo {
    max-width: 65.03px;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    margin-bottom: 32.52px;
  }
}

body header .header_content .content .logo img {
  width: 100%;
  height: 100%;
}

body header .header_content .content .button {
  width: 98px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 33px;
  border: 2px solid #64A047;
  background: rgba(217, 217, 217, 0.66);
}

@media screen and (min-width: 431px) {
  body header .header_content .content .button {
    width: 20vw;
    max-width: 227.625px;
    height: 4.5vw;
    max-height: 52.031px;
    margin-bottom: 1vw;
  }
}

@media screen and (min-width: 1440px) {
  body header .header_content .content .button {
    width: 227.625px;
    height: 52.031px;
    margin-bottom: 16.26px;
  }
}

body header .header_content .content .button a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  text-align: center;
  font-family: 'Inter';
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}

@media screen and (min-width: 431px) {
  body header .header_content .content .button a {
    font-size: clamp(0.7rem, 1.1vw, 1.1rem);
    min-width: 120px;
    min-height: 27px;
  }
}

@media screen and (min-width: 431px) {
  body header .header_content .content .arrow_direction img {
    width: 3vw;
  }
}

@media screen and (min-width: 1440px) {
  body header .header_content .content .arrow_direction img {
    max-width: 32.516px;
  }
}

body main {
  width: 100%;
  position: relative;
  z-index: 1;
  background-color: white;
}

@media screen and (min-width: 431px) {
  body main .mobile {
    display: none;
  }
}

body main .desktop {
  display: none;
}

@media screen and (min-width: 431px) {
  body main .desktop {
    display: block;
  }
}

body main .presentation, body main .products, body main .individual_sceances, body main .group_sceances {
  width: 100%;
  height: 170px;
}

@media screen and (min-width: 431px) {
  body main .presentation, body main .products, body main .individual_sceances, body main .group_sceances {
    height: 38vw;
    max-height: 527px;
  }
}

body main .presentation {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

body main .presentation .portrait {
  width: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (min-width: 431px) {
  body main .presentation .portrait {
    width: 34.5vw;
  }
}

@media screen and (min-width: 1440px) {
  body main .presentation .portrait {
    max-width: 643.766px;
  }
}

body main .presentation .portrait .background_portrait {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

body main .presentation .portrait .background_portrait img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body main .presentation .portrait .photo_catherine {
  width: 100px;
  height: 128px;
  position: absolute;
  z-index: 1;
}

@media screen and (min-width: 431px) {
  body main .presentation .portrait .photo_catherine {
    width: 25vw;
    max-width: 318px;
    height: unset;
  }
}

body main .presentation .portrait .photo_catherine img {
  width: 100%;
  height: 100%;
}

body main .presentation .description_container {
  width: calc(100% - 145px);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (min-width: 431px) {
  body main .presentation .description_container {
    width: calc(100% - 34.5vw);
  }
}

@media screen and (min-width: 1440px) {
  body main .presentation .description_container {
    width: calc(100% - 571px);
  }
}

body main .presentation .description_container .background_description {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

body main .presentation .description_container .background_description img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body main .presentation .description_container .description {
  width: 80%;
  z-index: 1;
}

@media screen and (min-width: 431px) {
  body main .presentation .description_container .description {
    width: 80%;
  }
}

body main .presentation .description_container .description h3 {
  margin-bottom: 3%;
  position: relative;
  color: black;
  font-family: 'Inter';
  font-size: clamp(11.7px, 3.2vw, 13.7px);
}

@media screen and (min-width: 431px) {
  body main .presentation .description_container .description h3 {
    margin-bottom: 2%;
    font-size: clamp(13px, 2.1vw, 33px);
  }
}

body main .presentation .description_container .description p {
  color: #6f6f6f;
  font-family: Inter;
  font-weight: normal;
  font-size: 8px;
  font-size: clamp(8px, 2.4vw, 10px);
  text-align: justify;
}

@media screen and (min-width: 431px) {
  body main .presentation .description_container .description p {
    text-align: justify;
    font-size: clamp(10px, 2vw, 26px);
  }
}

body main .products {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

body main .products .return_button {
  display: none;
  position: absolute;
  top: 7%;
  left: 6%;
  z-index: 2;
}

@media screen and (min-width: 431px) {
  body main .products .return_button {
    top: 8%;
    left: 5%;
  }
}

body main .products .return_button img {
  width: 40%;
}

@media screen and (min-width: 431px) {
  body main .products .return_button img {
    width: 4vw;
    max-width: 50px;
    cursor: pointer;
  }
}

body main .products .return_button:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

body main .products .container {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

body main .products .container .products_display, body main .products .container .single_product_display {
  height: 170px;
}

@media screen and (min-width: 431px) {
  body main .products .container .products_display, body main .products .container .single_product_display {
    height: 38.333333333333336vw;
    max-height: 527px;
  }
}

body main .products .container .products_display {
  width: 100%;
  position: relative;
  overflow: hidden;
}

body main .products .container .products_display .background {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

body main .products .container .products_display .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body main .products .container .products_display .slider {
  /*
                            Adjust width according number of slides
                            Ex: 2 pages = width: 200%, 3 pages = width: 300%
                        */
  width: 200%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
}

body main .products .container .products_display .slider .slide {
  width: calc(100% - 10%);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body main .products .container .products_display .slider .slide .product_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

body main .products .container .products_display .slider .slide .product_group .product {
  width: 92px;
  height: 120px;
  margin-left: 6px;
  margin-right: 6px;
  background-color: white;
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden;
}

@media screen and (max-width: 360px) {
  body main .products .container .products_display .slider .slide .product_group .product {
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media screen and (min-width: 431px) {
  body main .products .container .products_display .slider .slide .product_group .product {
    width: 22vw;
    max-width: 276.406px;
    height: 27vw;
    max-height: 341.453px;
    margin-left: 2vw;
    margin-right: 2vw;
    -webkit-box-shadow: 0px 4px 13px 0px #00000099;
            box-shadow: 0px 4px 13px 0px #00000099;
  }
}

@media screen and (min-width: 900px) {
  body main .products .container .products_display .slider .slide .product_group .product {
    border-radius: 7px;
  }
}

body main .products .container .products_display .slider .slide .product_group .product .top_part {
  width: 100%;
  height: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 431px) {
  body main .products .container .products_display .slider .slide .product_group .product .top_part {
    height: 75%;
  }
}

body main .products .container .products_display .slider .slide .product_group .product .top_part div:first-child {
  width: 100%;
  height: calc(100% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 431px) {
  body main .products .container .products_display .slider .slide .product_group .product .top_part div:first-child {
    height: calc(100% - 3.5vw / 2);
  }
}

body main .products .container .products_display .slider .slide .product_group .product .top_part h2, body main .products .container .products_display .slider .slide .product_group .product .top_part p {
  width: 90%;
  text-align: center;
}

body main .products .container .products_display .slider .slide .product_group .product .top_part h2 {
  margin-bottom: 5px;
  margin-top: 5px;
  font-family: 'Inter';
  font-size: clamp(10px, 1.1vw, 2.1vw);
  font-style: normal;
  font-weight: 700;
}

@media screen and (min-width: 431px) {
  body main .products .container .products_display .slider .slide .product_group .product .top_part h2 {
    margin: 0;
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: clamp(0.6rem, 2vw, 1.6rem);
  }
}

body main .products .container .products_display .slider .slide .product_group .product .top_part p {
  text-align: center;
  font-family: 'Inter';
  font-size: 7.5px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (min-width: 431px) {
  body main .products .container .products_display .slider .slide .product_group .product .top_part p {
    height: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: clamp(0.4rem, 1.6vw, 1.3rem);
  }
}

body main .products .container .products_display .slider .slide .product_group .product .top_part .button {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: calc(0px - 15px / 2);
  background-color: #D9D9D9;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 100%;
  cursor: pointer;
}

@media screen and (min-width: 431px) {
  body main .products .container .products_display .slider .slide .product_group .product .top_part .button {
    width: 3.5vw;
    height: 3.5vw;
    max-width: 56.906px;
    max-height: 56.906px;
    bottom: calc(0px - 3.5vw /2);
  }
}

body main .products .container .products_display .slider .slide .product_group .product .top_part .button img {
  position: relative;
  left: 1px;
}

@media screen and (min-width: 431px) {
  body main .products .container .products_display .slider .slide .product_group .product .top_part .button img {
    width: 40%;
  }
}

body main .products .container .products_display .slider .slide .product_group .product .top_part .button:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

body main .products .container .products_display .slider .slide .product_group .product .bottom_part {
  width: 100%;
  height: 20%;
}

@media screen and (min-width: 431px) {
  body main .products .container .products_display .slider .slide .product_group .product .bottom_part {
    height: 25%;
  }
}

body main .products .container .products_display .slider .slide .product_group .product .bottom_part img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body main .products .container .products_display .slider .slide:nth-child(2) {
  width: 100%;
}

body main .products .container .products_display .slider_movement {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

body main .products .container .products_display .prev_button, body main .products .container .products_display .next_button {
  width: 10%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 2;
}

body main .products .container .products_display .prev_button .button, body main .products .container .products_display .next_button .button {
  width: 29px;
  height: 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  border-radius: 100%;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

@media screen and (min-width: 431px) {
  body main .products .container .products_display .prev_button .button, body main .products .container .products_display .next_button .button {
    width: 4.833333333333333vw;
    max-width: 62.328px;
    height: 4.833333333333333vw;
    max-height: 62.328px;
  }
}

body main .products .container .products_display .prev_button .button img, body main .products .container .products_display .next_button .button img {
  width: 12px;
  height: 12px;
}

@media screen and (min-width: 431px) {
  body main .products .container .products_display .prev_button .button img, body main .products .container .products_display .next_button .button img {
    width: 1.8vw;
    height: unset;
    max-width: 23.2656px;
  }
}

body main .products .container .products_display .prev_button .button:hover, body main .products .container .products_display .next_button .button:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

body main .products .container .products_display .prev_button {
  left: 0;
}

body main .products .container .products_display .next_button {
  right: 0;
}

body main .products .container .single_product_display {
  width: 100%;
  position: relative;
  overflow: hidden;
  cursor: initial;
}

body main .products .container .single_product_display .selected_product {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body main .products .container .single_product_display .selected_product .background {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

body main .products .container .single_product_display .selected_product .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body main .products .container .single_product_display .selected_product .product_description {
  width: 94%;
  height: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  z-index: 1;
  background-color: #00000026;
  border-radius: 5px;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

body main .products .container .single_product_display .selected_product .product_description .product_name {
  width: 40%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body main .products .container .single_product_display .selected_product .product_description .product_name h2 {
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media screen and (min-width: 431px) {
  body main .products .container .single_product_display .selected_product .product_description .product_name h2 {
    font-size: clamp(1.5rem, 3vw, 3rem);
  }
}

body main .products .container .single_product_display .selected_product .product_description .product_characteristics {
  width: 60%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body main .products .container .single_product_display .selected_product .product_description .product_characteristics p {
  width: 95%;
  color: #FFF;
  text-shadow: 0px 1px 1px #000000;
  font-family: 'Inter';
  font-size: clamp(8.7px, 2.3vw, 56%);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (min-width: 431px) {
  body main .products .container .single_product_display .selected_product .product_description .product_characteristics p {
    max-width: 848.25px;
    text-align: justify;
    font-size: clamp(12.6px, 1.9vw, 28.8px);
  }
}

body main .products .container .single_product_display .selected_product .product_description .product_characteristics p em {
  font-size: 0.4rem;
}

@media screen and (min-width: 431px) {
  body main .products .container .single_product_display .selected_product .product_description .product_characteristics p em {
    font-size: clamp(0.7rem, 1.1vw, 1.1rem);
  }
}

body main .products .container_animation_duration {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

body main .products .stages {
  width: 10%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  cursor: pointer;
  border-left: 3px #c4c4c4 solid;
  overflow: hidden;
}

@media screen and (min-width: 431px) {
  body main .products .stages {
    border-left: 2px #c4c4c4 solid;
  }
}

body main .products .stages .background {
  position: absolute;
  z-index: 0;
  right: 0;
}

body main .products .stages .background img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

body main .products .stages .call_to_action {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 1;
  left: 0;
}

body main .products .stages .call_to_action .text {
  width: 40%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
  background-color: white;
  z-index: 1;
}

body main .products .stages .call_to_action .text p {
  font-size: 1.2rem;
  font-weight: bold;
  color: #979797;
  font-family: 'Inter';
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  text-orientation: upright;
}

@media screen and (min-width: 431px) {
  body main .products .stages .call_to_action .text p {
    font-size: clamp(1rem, 2.8vw, 2.8rem);
    letter-spacing: 1.2rem;
    height: 80%;
    min-height: 221px;
  }
}

body main .products .stages .call_to_action .svg_container {
  width: 40%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body main .products .stages .call_to_action .svg_container svg {
  position: absolute;
  z-index: 0;
}

body main .products .stages .expand_call_to_action {
  width: 10%;
}

body main .products .stages .content {
  width: 90%;
  height: 90%;
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: rgba(120, 120, 60, 0.63);
  border-radius: 10px;
  opacity: 0;
  overflow: hidden;
  --animation-duration: 0.6s;
  --transition-delay: 0.6s;
}

@media screen and (min-width: 431px) {
  body main .products .stages .content {
    -webkit-backdrop-filter: blur(1.5px);
            backdrop-filter: blur(1.5px);
  }
}

body main .products .stages .content .product_name {
  width: 30%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body main .products .stages .content .product_name h2 {
  width: 95%;
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media screen and (min-width: 431px) {
  body main .products .stages .content .product_name h2 {
    font-size: clamp(1.5rem, 3vw, 3rem);
  }
}

body main .products .stages .content .product_characteristics {
  width: 70%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body main .products .stages .content .product_characteristics p {
  width: 95%;
  color: #FFF;
  text-shadow: 0px 1px 1px #000000;
  font-family: 'Inter';
  font-size: clamp(8.7px, 2.3vw, 56%);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: justify;
}

@media screen and (min-width: 431px) {
  body main .products .stages .content .product_characteristics p {
    max-width: 848.25px;
    text-align: justify;
    font-size: clamp(12.6px, 1.9vw, 28.8px);
  }
}

body main .products .stages .content .product_characteristics p em {
  font-size: 0.4rem;
}

@media screen and (min-width: 431px) {
  body main .products .stages .content .product_characteristics p em {
    font-size: clamp(0.7rem, 1.1vw, 1.1rem);
  }
}

body main .products .stages .show {
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: var(--transition-delay);
          transition-delay: var(--transition-delay);
  -webkit-transition-duration: var(--animation-duration);
          transition-duration: var(--animation-duration);
}

body main .products .stages_deployment_animation {
  width: calc(100% - 2px);
}

@media screen and (min-width: 431px) {
  body main .products .stages_deployment_animation {
    width: calc(100% - 3px);
  }
}

body main .products .stages_deployement_animation_duration {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

body main .individual_sceances {
  position: relative;
}

body main .individual_sceances .background {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  background-attachment: fixed;
}

body main .individual_sceances .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body main .individual_sceances .content {
  width: 222px;
  position: absolute;
  top: 20px;
  right: 0px;
  z-index: 1;
}

@media screen and (min-width: 431px) {
  body main .individual_sceances .content {
    width: 37vw;
    top: 4vw;
    right: 3vw;
  }
}

body main .individual_sceances .content h3 {
  color: #FFF;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.93);
  font-family: 'Inter';
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

@media screen and (min-width: 431px) {
  body main .individual_sceances .content h3 {
    font-size: clamp(1rem, 2.3vw, 2.3rem);
  }
}

body main .individual_sceances .content .contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6%;
}

@media screen and (min-width: 431px) {
  body main .individual_sceances .content .contacts {
    margin-top: 5%;
  }
}

body main .individual_sceances .content .contacts .phone, body main .individual_sceances .content .contacts .whatsapp, body main .individual_sceances .content .contacts .mail {
  width: 1.845018450184502vw;
  max-width: 30px;
  min-width: 17px;
  height: 100%;
  cursor: pointer;
}

body main .individual_sceances .content .contacts .phone img, body main .individual_sceances .content .contacts .whatsapp img, body main .individual_sceances .content .contacts .mail img {
  width: 100%;
  height: 100%;
}

body main .individual_sceances .content .contacts .phone:hover, body main .individual_sceances .content .contacts .whatsapp:hover, body main .individual_sceances .content .contacts .mail:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
}

body main .individual_sceances .content .contacts .mail {
  width: 2.4600246002460024vw;
  min-width: 20.75px;
  max-width: 40px;
}

body main .individual_sceances .content .contacts .whatsapp {
  --margin-right-left: 5%;
  margin-right: var(--margin-right-left);
  margin-left: var(--margin-right-left);
}

body main .group_sceances {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

body main .group_sceances .background {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  overflow: hidden;
}

body main .group_sceances .background .slider {
  width: 100%;
  height: calc(100% * 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

body main .group_sceances .background .slider img {
  width: 100%;
  height: calc(100% / 3);
  -o-object-fit: cover;
     object-fit: cover;
}

body main .group_sceances .background .slider_animation {
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
}

body main .group_sceances h3 {
  width: 253px;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 0;
  color: #FFF;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.93);
  font-family: 'Inter';
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

@media screen and (min-width: 431px) {
  body main .group_sceances h3 {
    width: 42vw;
    top: 4vw;
    left: 3vw;
    font-size: clamp(1rem, 2.3vw, 2.3rem);
  }
}

body main .group_sceances .slide_indicator {
  width: 12px;
  height: 43px;
  position: absolute;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 431px) {
  body main .group_sceances .slide_indicator {
    width: 2vw;
    max-width: 32px;
    height: 8vw;
    max-height: 108px;
  }
}

body main .group_sceances .slide_indicator .indicator_support {
  width: 12.11px;
  height: 12.11px;
  position: relative;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  border-radius: 100%;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 431px) {
  body main .group_sceances .slide_indicator .indicator_support {
    width: 1.7vw;
    max-width: 27.641px;
    height: 1.7vw;
    max-height: 27.641px;
  }
}

body main .group_sceances .slide_indicator .indicator_support .indicator {
  width: 5.43px;
  height: 5.43px;
  background-color: black;
  border-radius: 100%;
}

@media screen and (min-width: 431px) {
  body main .group_sceances .slide_indicator .indicator_support .indicator {
    width: 0.8vw;
    max-width: 13.008px;
    height: 0.8vw;
    max-height: 13.008px;
  }
}

body main .offers_summary {
  width: 100%;
  height: 530px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 431px) {
  body main .offers_summary {
    height: 88vw;
    max-height: 1642px;
  }
}

body main .offers_summary .background {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

body main .offers_summary .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body main .offers_summary .offers_container {
  width: 90%;
  position: absolute;
  top: calc(-48px / 2);
  border-radius: 10px 10px 0px 0px;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

@media screen and (min-width: 431px) {
  body main .offers_summary .offers_container {
    width: 62.5vw;
    max-width: 1077px;
    border-radius: 1.6vw 1.6vw 0px 0px;
    top: calc(-8vw / 2);
  }
}

@media screen and (min-width: 1440px) {
  body main .offers_summary .offers_container {
    max-height: 1571.110px;
    border-radius: 26.016px 26.016px 0px 0px;
  }
}

body main .offers_summary .offers_container .title_container {
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (min-width: 431px) {
  body main .offers_summary .offers_container .title_container {
    height: 8vw;
    max-height: 149.266px;
  }
}

body main .offers_summary .offers_container .title_container .background {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

body main .offers_summary .offers_container .title_container .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body main .offers_summary .offers_container .title_container h3 {
  width: 303px;
  position: absolute;
  z-index: 1;
  color: #FFF;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Inter";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (min-width: 431px) {
  body main .offers_summary .offers_container .title_container h3 {
    width: 50.5vw;
    font-size: clamp(1rem, 3vw, 3rem);
  }
}

body main .offers_summary .offers_container .offers {
  width: 100%;
  height: calc(100% - 48px);
  margin-bottom: 20px;
}

@media screen and (min-width: 431px) {
  body main .offers_summary .offers_container .offers {
    height: calc(100% - 8vw);
    max-height: 1365px;
    margin-bottom: 3vw;
  }
}

body main .offers_summary .offers_container .offers .offers_line {
  width: 100%;
  height: 110px;
  position: relative;
  background-color: white;
}

@media screen and (min-width: 431px) {
  body main .offers_summary .offers_container .offers .offers_line {
    height: 18.3vw;
    max-height: 341.469px;
    cursor: pointer;
  }
}

body main .offers_summary .offers_container .offers .offers_line div {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  right: 0;
  z-index: 1;
  background-color: white;
}

body main .offers_summary .offers_container .offers .offers_line div .description {
  width: 56%;
  height: 94px;
  margin-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (min-width: 431px) {
  body main .offers_summary .offers_container .offers .offers_line div .description {
    width: 35vw;
    max-width: 553px;
    height: 15.6vw;
    max-height: 252px;
    margin-left: 2.5vw;
  }
}

@media screen and (min-width: 1440px) {
  body main .offers_summary .offers_container .offers .offers_line div .description {
    margin-left: 40.65px;
  }
}

body main .offers_summary .offers_container .offers .offers_line div .description h3 {
  color: #000;
  font-family: 'Inter';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media screen and (min-width: 431px) {
  body main .offers_summary .offers_container .offers .offers_line div .description h3 {
    font-size: clamp(0.8rem, 2vw, 2rem);
  }
}

body main .offers_summary .offers_container .offers .offers_line div .description p {
  margin-top: 4%;
  color: #8e8e8e;
  font-family: 'Inter';
  font-size: 67.4%;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (min-width: 431px) {
  body main .offers_summary .offers_container .offers .offers_line div .description p {
    font-size: clamp(0.7rem, 1.8vw, 1.8rem);
  }
}

body main .offers_summary .offers_container .offers .offers_line div .illustration {
  width: 99px;
  height: 94px;
  margin-right: 15px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 431px) {
  body main .offers_summary .offers_container .offers .offers_line div .illustration {
    width: 16.5vw;
    height: 15.6vw;
    margin-right: 2.5vw;
    -webkit-box-shadow: 0px 4px 6px 0px #00000099;
            box-shadow: 0px 4px 6px 0px #00000099;
  }
}

@media screen and (min-width: 1440px) {
  body main .offers_summary .offers_container .offers .offers_line div .illustration {
    max-width: 268.281px;
    max-height: 253.641px;
    margin-right: 40.650px;
  }
}

body main .offers_summary .offers_container .offers .offers_line div .illustration img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body main .offers_summary .offers_container .offers .offers_line .full_description_transition_effect {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

body main .offers_summary .offers_container .offers .offers_line .full_description_reveal_effect {
  right: calc(100% - 128px);
}

@media screen and (min-width: 431px) {
  body main .offers_summary .offers_container .offers .offers_line .full_description_reveal_effect {
    right: calc(100% - 21.5vw);
  }
}

@media screen and (min-width: 1440px) {
  body main .offers_summary .offers_container .offers .offers_line .full_description_reveal_effect {
    right: calc(100% - 268.281px - 81.3px);
  }
}

body main .offers_summary .offers_container .offers .offers_line .full_description {
  width: 63%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}

@media screen and (min-width: 430px) {
  body main .offers_summary .offers_container .offers .offers_line .full_description {
    width: 65%;
  }
}

body main .offers_summary .offers_container .offers .offers_line .full_description p {
  width: 90%;
  height: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #595959;
  font-size: 46%;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: justify;
}

@media screen and (min-width: 431px) {
  body main .offers_summary .offers_container .offers .offers_line .full_description p {
    font-size: clamp(7px, 1.4vw, 18px);
  }
}

body main .offers_summary .contact_icon {
  width: 29px;
  height: 29px;
  position: absolute;
  bottom: calc(-29px / 2);
  z-index: 2;
}

@media screen and (min-width: 431px) {
  body main .offers_summary .contact_icon {
    width: 4.83vw;
    max-width: 62.266px;
    height: 4.83vw;
    max-height: 62.266px;
    bottom: calc(-4.83vw / 2);
    border-radius: 100%;
    -webkit-box-shadow: 0px 3px 3px #00000099;
            box-shadow: 0px 3px 3px #00000099;
  }
}

@media screen and (min-width: 1290px) {
  body main .offers_summary .contact_icon {
    bottom: calc(-62.266px / 2);
  }
}

body main .offers_summary .contact_icon img {
  width: 100%;
  height: 100%;
}

body footer {
  width: 100%;
  height: 112px;
  position: relative;
}

@media screen and (min-width: 431px) {
  body footer {
    height: 18vw;
    max-height: 345px;
  }
}

@media screen and (min-width: 431px) {
  body footer .mobile {
    display: none;
  }
}

body footer .desktop {
  display: none;
}

@media screen and (min-width: 431px) {
  body footer .desktop {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

body footer .background {
  width: 100%;
  height: calc(100% - 25px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 431px) {
  body footer .background {
    height: calc(100% -  4.12vw);
  }
}

body footer .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: content;
     object-fit: content;
}

body footer .background h3 {
  position: absolute;
  color: #FFF;
  text-shadow: 0px 2px 1px #000;
  font-family: 'Jacques Francois';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (min-width: 431px) {
  body footer .background h3 {
    font-size: clamp(1.2rem, 3vw, 3rem);
  }
}

body footer .bottom_part {
  width: 100%;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: #1C1C1C;
}

@media screen and (min-width: 431px) {
  body footer .bottom_part {
    height: 4.92vw;
    max-height: 79.984px;
  }
}

body footer .bottom_part .container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 431px) {
  body footer .bottom_part .container {
    width: 90%;
  }
}

body footer .bottom_part .container div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body footer .bottom_part .container div h3, body footer .bottom_part .container div a, body footer .bottom_part .container div li, body footer .bottom_part .container div p {
  color: #FFF;
  font-family: Inter;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  list-style-type: none;
  text-decoration: none;
}

@media screen and (min-width: 431px) {
  body footer .bottom_part .container div h3, body footer .bottom_part .container div a, body footer .bottom_part .container div li, body footer .bottom_part .container div p {
    font-size: clamp(0.6rem, 1.4vw, 1.4rem);
  }
}

body footer .bottom_part .container div img {
  margin-right: 5px;
}

@media screen and (min-width: 431px) {
  body footer .bottom_part .container div img {
    width: 3.3333333333333335vw;
    max-width: 44.188px;
    margin-right: 0.8333333333333334vw;
  }
}

body footer .bottom_part .container div ul {
  padding: 0;
}

body footer .bottom_part .container div:nth-child(1) {
  margin-left: 20px;
}

@media screen and (min-width: 431px) {
  body footer .bottom_part .container div:nth-child(1) {
    margin-left: 3.3333333333333335vw;
  }
}

@media screen and (min-width: 431px) {
  body footer .bottom_part .container div:nth-child(1) img {
    max-width: 36.188px;
  }
}

body footer .bottom_part .container div:nth-child(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
}

@media screen and (min-width: 431px) {
  body footer .bottom_part .container div:nth-child(2) {
    margin-left: unset;
    margin-right: 3.3333333333333335vw;
  }
}

body footer .bottom_part .container div:nth-child(3) {
  margin-right: 20px;
}

@media screen and (min-width: 431px) {
  body footer .bottom_part .container div:nth-child(3) {
    margin-right: 3.3333333333333335vw;
  }
}

@media screen and (min-width: 431px) {
  body footer .bottom_part .container div:nth-child(3) img {
    max-width: 36.188px;
  }
}

body .contacts_bar {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 10px;
  left: calc(50% - 50px / 2);
  -webkit-transform: scale(0);
          transform: scale(0);
  background-color: #f0f0f0;
  opacity: 1;
  -webkit-box-shadow: 3px 3px 4px #00000087;
          box-shadow: 3px 3px 4px #00000087;
  border-radius: 100px;
  z-index: 2;
}

@media screen and (min-width: 431px) {
  body .contacts_bar {
    -webkit-transform: unset;
            transform: unset;
  }
}

@media screen and (min-width: 900px) {
  body .contacts_bar {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
  }
}

body .contacts_bar .contact_button, body .contacts_bar .contacts_container {
  width: 100%;
  height: 100%;
}

body .contacts_bar .contact_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  opacity: 1;
}

body .contacts_bar .contact_button div {
  width: 23px;
  height: 23px;
  cursor: pointer;
}

@media screen and (min-width: 900px) {
  body .contacts_bar .contact_button div {
    width: 30px;
    height: 30px;
  }
}

body .contacts_bar .contact_button div img {
  width: 100%;
  height: 100%;
}

body .contacts_bar .contacts_container {
  display: none;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}

body .contacts_bar .contacts_container div, body .contacts_bar .contacts_container .secondary_tel_button {
  width: 30px;
  height: 30px;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  cursor: pointer;
}

body .contacts_bar .contacts_container div img, body .contacts_bar .contacts_container .secondary_tel_button img {
  width: 100%;
  height: 100%;
}

body .contacts_bar .contacts_container div:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

body .expand_contact_bar {
  -webkit-animation: expandEffectMobile 0.3s;
          animation: expandEffectMobile 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@media screen and (min-width: 900px) {
  body .expand_contact_bar {
    -webkit-animation: expandEffectLarge 0.3s;
            animation: expandEffectLarge 0.3s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
}

body .bounce_animation {
  display: block;
  -webkit-animation: bouceEffect 1s;
          animation: bouceEffect 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

body .show {
  -webkit-transform: scale(1);
          transform: scale(1);
}

@-webkit-keyframes bouceEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes bouceEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes expandEffectLarge {
  0% {
    width: 60px;
    left: calc(50% - 30px);
  }
  100% {
    width: 180px;
    left: calc(50% - 90px);
  }
}

@keyframes expandEffectLarge {
  0% {
    width: 60px;
    left: calc(50% - 30px);
  }
  100% {
    width: 180px;
    left: calc(50% - 90px);
  }
}

@-webkit-keyframes expandEffectMobile {
  0% {
    width: 50px;
    left: calc(50% - 50px / 2);
  }
  100% {
    width: 140px;
    left: calc(50% - 140px / 2);
  }
}

@keyframes expandEffectMobile {
  0% {
    width: 50px;
    left: calc(50% - 50px / 2);
  }
  100% {
    width: 140px;
    left: calc(50% - 140px / 2);
  }
}

body .hide {
  display: none;
}

body .hide_contact_button {
  -webkit-animation: hideContactButton 0.3s;
          animation: hideContactButton 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes hideContactButton {
  0% {
    opacity: 1;
    display: -webkit-box;
    display: flex;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

@keyframes hideContactButton {
  0% {
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

body .show_contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: showContactsEffect 0.3s;
          animation: showContactsEffect 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes showContactsEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes showContactsEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

body .collapse_contact_bar {
  -webkit-animation: collapseEffectMobile 0.3s;
          animation: collapseEffectMobile 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@media screen and (min-width: 900px) {
  body .collapse_contact_bar {
    -webkit-animation: collapseEffectLarge 0.3s;
            animation: collapseEffectLarge 0.3s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
}

@-webkit-keyframes collapseEffectLarge {
  0% {
    width: 180px;
    left: calc(50% - 90px);
  }
  100% {
    width: 60px;
    left: calc(50% - 30px);
  }
}

@keyframes collapseEffectLarge {
  0% {
    width: 180px;
    left: calc(50% - 90px);
  }
  100% {
    width: 60px;
    left: calc(50% - 30px);
  }
}

@-webkit-keyframes collapseEffectMobile {
  0% {
    width: 140px;
    left: calc(50% - 140px / 2);
  }
  100% {
    width: 50px;
    left: calc(50% - 50px / 2);
  }
}

@keyframes collapseEffectMobile {
  0% {
    width: 140px;
    left: calc(50% - 140px / 2);
  }
  100% {
    width: 50px;
    left: calc(50% - 50px / 2);
  }
}

body .reveal_contact_button {
  -webkit-animation: revealContactButton 0.3s;
          animation: revealContactButton 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes revealContactButton {
  0% {
    display: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    display: -webkit-box;
    display: flex;
    opacity: 1;
  }
}

@keyframes revealContactButton {
  0% {
    display: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
  }
}

body .hide_contacts {
  -webkit-animation: hideContactsEffect 0.3s;
          animation: hideContactsEffect 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes hideContactsEffect {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hideContactsEffect {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

body .main_page_blurred {
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

@-webkit-keyframes openBarAnimation {
  0% {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
  }
  100% {
    width: 180px;
    height: 60px;
    left: calc(50% - 90px);
  }
}

@keyframes openBarAnimation {
  0% {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
  }
  100% {
    width: 180px;
    height: 60px;
    left: calc(50% - 90px);
  }
}

@keyframes hideContactButton {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

@-webkit-keyframes revealContact {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes revealContact {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes hideContacts {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes hideContacts {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes showContactButton {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

@keyframes showContactButton {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

@-webkit-keyframes animationEnd {
  0% {
    width: 180px;
    height: 60px;
    left: calc(50% - 90px);
  }
  100% {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
  }
}

@keyframes animationEnd {
  0% {
    width: 180px;
    height: 60px;
    left: calc(50% - 90px);
  }
  100% {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
  }
}

.no_scroll {
  overflow: hidden;
}
/*# sourceMappingURL=style.css.map */