body,
h1,
h2,
h3,
p,
ul {
  margin: 0;
}

@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway/Raleway-Medium.ttf") format("truetype");
  font-display: swap;
  font-weight: 500;
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-family: "Raleway", arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  overflow: hidden;
}

body.body--cookie-configuration {
  overflow: visible;
}

/*picture {
  width: 100%;
}

img {
  width: 100%;
  height: auto;
}*/
.o-d-block {
  display: block !important;
}
.o-d-none {
  display: none !important;
}
@media (min-width: 992px) {
  .o-d-lg-none {
    display: none !important;
  }
  .o-d-lg-block {
    display: block !important;
  }
  .o-d-lg-inline-block {
    display: inline-block !important;
  }
}

.c-half {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-half__icon {
  position: absolute;
  left: 50%;
}
.c-half__icon--desktop {
  width: 10.35vw;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.c-half__icon--mobile {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 31.34vw;
}
.c-half__half {
  background-repeat: no-repeat;
  background-size: cover;
}
.c-half__tab {
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #FFF;
}
.c-half__link {
  color: #FFF;
  text-decoration: none;
  background-color: #2B488B;
  padding: 2.36% 8.68%;
  border-radius: 50px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.c-half__link:hover {
  background-color: #97C21E;
}
@media (max-width: 991px) {
  .c-half {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-half__half {
    width: 100%;
    height: 50%;
  }
  .c-half__half--first {
    background-image: url("../media/test2.jpg");
    background-image: url("../media/test2.webp");
    background-position-x: center;
  }
  .c-half__half--second {
    background-image: url("../media/m2.jpg");
    background-image: url("../media/m2.webp");
  }
  .c-half__tab {
    width: 84.8vw;
    max-width: 651px;
    left: 50%;
  }
  .c-half__tab--first {
    top: 0;
    border-radius: 0 0 50px 50px;
    padding: 5% 6% 2.5%;
  }
  .c-half__tab--second {
    bottom: 0;
    border-radius: 50px 50px 0 0;
    padding: 2.5% 7.57% 5%;
  }
  .c-half__display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 5%;
       -moz-column-gap: 5%;
            column-gap: 5%;
    padding: 0 3.79%;
  }
  .c-half__display--first {
    margin-bottom: 2.5%;
  }
  .c-half__display--second {
    margin-top: 2.5%;
  }
  .c-half__icon--mobile {
    max-width: 240px;
  }
  .c-half__tab-logo--kids {
    max-width: 29%;
  }
  .c-half__tab-logo--plus {
    max-width: 31%;
  }
  .c-half__packs {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .c-half__packs--kids {
    max-width: 86.6%;
  }
  .c-half__packs--plus {
    max-width: 85%;
  }
  .c-half__link {
    font-size: 27px;
    font-size: 2.7rem;
  }
}
@media (max-width: 767px) {
  .c-half__tab {
    max-width: 488px;
  }
  .c-half__link {
    font-size: 20px;
    font-size: 2rem;
  }
  .c-half__icon--mobile {
    max-width: 180px;
  }
}
@media (max-width: 575px) {
  .c-half__tab {
    max-width: 85vw;
  }
  .c-half__link {
    font-size: 3.5vw;
  }
}
@media (min-width: 992px) {
  .c-half {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .c-half__half {
    width: 50%;
    height: 100%;
  }
  .c-half__half--first {
    background-image: url("../media/d1.jpg");
    background-image: url("../media/d1.webp");
    background-position: right 95%;
  }
  .c-half__half--second {
    background-image: url("../media/d2.jpg");
    background-image: url("../media/d2.webp");
    background-position: center 95%;
  }
  .c-half__tab {
    width: 37.5vw;
    bottom: 0;
    margin-bottom: -13.35vw;
    -webkit-transition: margin 0.25s ease;
    transition: margin 0.25s ease;
    padding: 1.39vw 6.63vw;
    border-radius: 50px 50px 0px 0px;
    text-align: center;
  }
  .c-half__tab--first {
    left: 25%;
  }
  .c-half__tab--second {
    left: 75%;
  }
  .c-half__tab--active {
    margin-bottom: 0;
  }
  .c-half__display {
    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;
  }
  .c-half__tab-logo {
    width: 19.7vw;
    margin-bottom: 1.39vw;
    margin-left: auto;
    margin-right: auto;
  }
  .c-half__packs {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 24.24vw;
    margin-bottom: 2.08vw;
    /*&--plus {
      order: 2;
    }*/
  }
  .c-half__link {
    font-size: 1.15vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1400px) {
  .c-half__tab {
    border-radius: 3.47vw 3.47vw 0px 0px;
  }
}