@charset "UTF-8";
/*
* Info
Sass obsługuje specjalny typ selektora o nazwie placeholders. 
Symbole zastępcze wyglądają jak klasy, z wyjątkiem tego, że kropka jest zamieniana na znak %. 
Charakterystyczną cechą symboli zastępczych Sass jest to, że nie są renderowane w arkuszu stylów wyników.

W rzeczywistości mogą one zostać rozszerzone za pomocą dyrektywy @extend.

Przykład:

%message {
    padding: 0.5em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.message-error {
    @extend %message;
    color: red;
}


*/
@keyframes show-opacity {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes shake {
  0% {
    transform: rotate(0); }
  33% {
    transform: rotate(10deg); }
  66% {
    transform: rotate(-10deg); }
  100% {
    transform: rotate(0); } }

@keyframes shake-scale {
  0% {
    transform: rotate(0) scale(1); }
  33% {
    transform: rotate(10deg) scale(1.2); }
  66% {
    transform: rotate(-10deg) scale(1.2); }
  100% {
    transform: rotate(0) scale(1.2); } }

@keyframes smooth-circle-wave {
  from {
    opacity: 1;
    transform: scale(1); }
  to {
    transform: scale(1.2);
    opacity: 0; } }

@keyframes fade-bottom-left {
  from {
    transform: translate(-2.5rem, 2.5rem);
    opacity: 0; }
  to {
    transform: translate(0, 0);
    opacity: 1; } }

@keyframes section-hero-decoration {
  0% {
    transform: translate(-55%, -35%) rotate(0); }
  25% {
    transform: translate(-45%, -40%) rotate(-360deg); }
  50% {
    transform: translate(-65%, -30%) rotate(-720deg); }
  75% {
    transform: translate(-50%, -25%) rotate(-1080deg); }
  100% {
    transform: translate(-55%, -35%) rotate(-1440deg); } }

@keyframes section-products-decoration {
  0% {
    border-radius: 58% 42% 23% 77% / 36% 54% 46% 64%;
    transform: translate(-50%, -50%) rotate(0); }
  25% {
    border-radius: 52% 48% 41% 59% / 54% 43% 57% 46%;
    transform: translate(-52.5%, -50%) scaleY(0.9) rotate(90deg); }
  50% {
    border-radius: 30% 70% 53% 47% / 38% 61% 39% 62%;
    transform: translate(-50%, -50%) scaleX(1.1) rotate(180deg); }
  75% {
    border-radius: 60% 40% 49% 51% / 44% 43% 57% 56%;
    transform: translate(-47.5%, -50%) scaleX(0.9) rotate(270deg); }
  100% {
    border-radius: 58% 42% 23% 77% / 36% 54% 46% 64%;
    transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes section-articles-short-decoration {
  0% {
    border-radius: 58% 42% 23% 77% / 36% 54% 46% 64%;
    transform: translate(35%, calc(-50% + 7.5rem)) rotate(10deg); }
  25% {
    border-radius: 34% 66% 51% 49% / 41% 25% 75% 59%;
    transform: translate(35%, calc(-50% + 5rem)) scaleY(0.9) rotate(-80deg); }
  50% {
    border-radius: 45% 55% 29% 71% / 54% 45% 55% 46%;
    transform: translate(335, calc(-50% + 7.5rem)) scaleX(1.1) rotate(-170deg); }
  75% {
    border-radius: 53% 47% 58% 42% / 70% 34% 66% 30%;
    transform: translate(35%, calc(-50% + 10rem)) scaleX(1) rotate(-270deg); }
  100% {
    border-radius: 58% 42% 23% 77% / 36% 54% 46% 64%;
    transform: translate(35%, calc(-50% + 7.5rem)) rotate(-350deg); } }

@keyframes show-mobile-menu {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes hide-mobile-menu {
  from {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden; } }

a, a:hover, a:focus, a:active, .btn, .btn:focus, .btn:active, button, button:focus, button:active, .form-control, .form-control:active, .form-control:focus {
  box-shadow: none !important;
  color: inherit;
  text-decoration: none; }

p, h1, h2, h3, h4, h5, h6, address, figure, figcaption, legend {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  line-height: inherit; }

input[type="radio"], input[type="checkbox"] {
  display: none; }

ul, ol {
  list-style: none; }

ul, ol, li {
  padding: 0;
  margin: 0;
  padding-inline-start: 0; }

label, .form-group {
  margin: 0; }

html {
  opacity: unset !important; }

.preload *, .preload *::before, .preload *::after {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important; }

@media (min-width: 768px) {
  select {
    font-size: 16px; } }

.container {
  max-width: calc(100% - 15rem);
  padding: 0; }
  @media (max-width: 991px) {
    .container {
      max-width: calc(100% - 8rem); } }
  @media (max-width: 575px) {
    .container {
      max-width: 100%;
      padding: 0 1.5rem; } }

main {
  overflow: hidden; }

html {
  font-size: 10px; }
  @media (min-width: 2560px) {
    html {
      font-size: 12.5rem; } }
  @media (min-width: 3112px) {
    html {
      font-size: 15rem; } }

body {
  font-family: "Montserrat", sans-serif;
  color: #052B44; }

.text-alfa, .section-contact .form-control {
  font-size: 1.9rem;
  line-height: 3.2rem; }
  @media (max-width: 1599px) {
    .text-alfa, .section-contact .form-control {
      font-size: 1.6rem;
      line-height: 2.5rem; } }
  @media (max-width: 767px) {
    .text-alfa, .section-contact .form-control {
      font-size: 1.4rem;
      line-height: 2.2rem; } }

.text-beta {
  font-size: 5rem;
  line-height: 6rem; }
  @media (max-width: 1599px) {
    .text-beta {
      font-size: 4.5rem;
      line-height: 5rem; } }
  @media (max-width: 1365px) {
    .text-beta {
      font-size: 4rem;
      line-height: 4.5rem; } }
  @media (max-width: 767px) {
    .text-beta {
      font-size: 3.5rem;
      line-height: 4rem; } }
  @media (max-width: 575px) {
    .text-beta {
      font-size: 3rem;
      line-height: 3.5rem; } }
  @media (max-width: 467px) {
    .text-beta {
      font-size: 2.5rem;
      line-height: 3rem; } }

.text-gamma, .section-product .size-nav .nav-item, .section-product .size-table tr:not(:first-child) td:first-child, .section-sample-form .section-form-size label, .section-sample-form .section-item-size .size-element {
  font-size: 2.8rem;
  line-height: 3.5rem; }
  @media (max-width: 1599px) {
    .text-gamma, .section-product .size-nav .nav-item, .section-product .size-table tr:not(:first-child) td:first-child, .section-sample-form .section-form-size label, .section-sample-form .section-item-size .size-element {
      font-size: 2.2rem;
      line-height: 2.5rem; } }
  @media (max-width: 1199px) {
    .text-gamma, .section-product .size-nav .nav-item, .section-product .size-table tr:not(:first-child) td:first-child, .section-sample-form .section-form-size label, .section-sample-form .section-item-size .size-element {
      font-size: 1.8rem;
      line-height: 2rem; } }

.text-delta, .section-sample-form .section-form .form-control {
  font-size: 1.4rem;
  line-height: 1.8rem; }
  @media (max-width: 1365px) {
    .text-delta, .section-sample-form .section-form .form-control {
      font-size: 1.2rem;
      line-height: 1.6rem; } }

.text-epsilon {
  font-size: 3rem;
  line-height: 3.5rem; }
  @media (max-width: 1599px) {
    .text-epsilon {
      font-size: 2.1rem;
      line-height: 2.4rem; } }
  @media (max-width: 1365px) {
    .text-epsilon {
      font-size: 2rem;
      line-height: 2rem; } }

.text-zeta {
  font-size: 2rem;
  line-height: 2.3rem; }
  @media (max-width: 1599px) {
    .text-zeta {
      font-size: 1.8rem;
      line-height: 2rem; } }
  @media (max-width: 1365px) {
    .text-zeta {
      font-size: 1.6rem;
      line-height: 2rem; } }
  @media (max-width: 991px) {
    .text-zeta {
      font-size: 1.4rem;
      line-height: 1.8rem; } }
  @media (max-width: 575px) {
    .text-zeta {
      font-size: 1.2rem;
      line-height: 1.5rem; } }

.text-eta, .section-sample-form .error {
  font-size: 1.2rem;
  line-height: 1.4rem; }
  @media (max-width: 991px) {
    .text-eta, .section-sample-form .error {
      font-size: 1.1rem;
      line-height: 1.3rem; } }

.text-theta {
  font-size: 1rem;
  line-height: 1.3rem; }

.text-iota {
  font-size: 1.6rem;
  line-height: 2rem; }
  @media (max-width: 1599px) {
    .text-iota {
      font-size: 1.4rem;
      line-height: 1.8rem; } }
  @media (max-width: 1199px) {
    .text-iota {
      font-size: 1.2rem;
      line-height: 1.5rem; } }

.text-kappa {
  font-size: 8rem;
  line-height: 9rem; }
  @media (max-width: 1599px) {
    .text-kappa {
      font-size: 6rem;
      line-height: 7rem; } }
  @media (max-width: 1199px) {
    .text-kappa {
      font-size: 5rem;
      line-height: 5.5rem; } }
  @media (max-width: 575px) {
    .text-kappa {
      font-size: 4rem;
      line-height: 4.5rem; } }

.text-lambda {
  font-size: 6rem;
  line-height: 6rem; }
  @media (max-width: 1599px) {
    .text-lambda {
      font-size: 5rem;
      line-height: 5rem; } }
  @media (max-width: 1365px) {
    .text-lambda {
      font-size: 4.5em;
      line-height: 4.5rem; } }
  @media (max-width: 767px) {
    .text-lambda {
      font-size: 3.5em;
      line-height: 3.5rem; } }

.text-mu {
  font-size: 3.5rem;
  line-height: 6rem; }
  @media (max-width: 1365px) {
    .text-mu {
      font-size: 3rem;
      line-height: 4rem; } }
  @media (max-width: 767px) {
    .text-mu {
      font-size: 2.4rem;
      line-height: 4rem; } }

.text-nu {
  font-size: 4rem;
  line-height: 6.5rem; }
  @media (max-width: 1365px) {
    .text-nu {
      font-size: 3.1rem;
      line-height: 4.5rem; } }
  @media (max-width: 767px) {
    .text-nu {
      font-size: 2.8rem;
      line-height: 4rem; } }
  @media (max-width: 467px) {
    .text-nu {
      font-size: 2.5rem;
      line-height: 3.5rem; } }

.text-xi {
  font-size: 2.2rem;
  line-height: 2.5rem; }
  @media (max-width: 1199px) {
    .text-xi {
      font-size: 1.8rem;
      line-height: 2rem; } }

.color-alfa {
  color: #052B44; }

.color-delta {
  color: #40b4e5; }

.color-iota {
  color: #101d61; }

.color-psi {
  color: #000; }

.color-omega {
  color: #fff; }

.color-important {
  color: #e90404; }

.color-hover {
  transition: all 0.2s ease-in; }
  .color-hover-alfa:hover, .color-hover-alfa:focus, .color-hover-alfa:active {
    color: #052B44; }

.font-alfa {
  font-family: "Montserrat", sans-serif; }

.font-beta {
  font-family: "Mosk", sans-serif; }

.font-gamma {
  font-family: "Quicksand", sans-serif; }

.weight-thin {
  font-weight: 100 !important; }

.weight-extra-light {
  font-weight: 200 !important; }

.weight-light {
  font-weight: 300 !important; }

.weight-regular {
  font-weight: 400 !important; }

.weight-medium {
  font-weight: 500 !important; }

.weight-semi-bold {
  font-weight: 600 !important; }

.weight-bold {
  font-weight: 700 !important; }

.weight-extra-bold {
  font-weight: 800 !important; }

.weight-black {
  font-weight: 900 !important; }

.btn {
  height: 5.8rem;
  border-radius: 0.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 0.02em;
  padding: 1rem 5rem;
  position: relative;
  overflow: hidden; }
  .btn::before, .btn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1; }
  .btn::after {
    background: rgba(0, 0, 0, 0.15);
    transform: translate(-100%);
    transition: all 0.4s ease-out; }
  .btn:hover, .btn:focus, .btn:active {
    color: #fff; }
    .btn:hover::after, .btn:focus::after, .btn:active::after {
      transform: translate(0); }
  @media (max-width: 1599px) {
    .btn {
      font-size: 1.3rem;
      line-height: 1.3rem;
      padding: 0.75rem 3rem;
      height: 4.75rem; } }
  @media (max-width: 1199px) {
    .btn {
      font-size: 1.2rem;
      line-height: 1.2rem;
      padding: 0.75rem 2rem;
      height: 3.75rem; } }
  .btn-beta {
    color: #fff; }
    .btn-beta::before {
      background: #d770a0; }
  .btn-important {
    color: #fff; }
    .btn-important::before {
      background: #e90404; }
    .btn-important img {
      margin-left: 0.5rem;
      width: 2.5rem;
      height: 2.5rem; }
  .btn-nostyles {
    background: transparent;
    border: none;
    padding: 0; }

@media (max-width: 1365px) {
  .wave-top, .footer-wave {
    width: 125% !important; } }

@media (max-width: 991px) {
  .wave-top, .footer-wave {
    width: 150% !important; } }

.list-alfa ul {
  margin: 0.5rem 0; }

.list-alfa li {
  display: flex;
  margin-bottom: 0.2rem;
  font-size: 0.9em; }
  .list-alfa li::before {
    content: '';
    display: block;
    max-width: 0.5rem;
    min-width: 0.5rem;
    min-height: 0.5rem;
    max-height: 0.5rem;
    margin-right: 0.75rem;
    margin-top: 1rem;
    background: #40b4e5; }
    @media (max-width: 991px) {
      .list-alfa li::before {
        margin-top: 0.85rem; } }

.section {
  position: relative; }
  .section-title {
    margin-bottom: 2.5rem; }
    @media (max-width: 1599px) {
      .section-title {
        margin-bottom: 2rem; } }
    @media (max-width: 1365px) {
      .section-title {
        margin-bottom: 1.25rem; } }
  .section-decoration {
    z-index: -1; }
    .section-decoration::before {
      content: '';
      position: absolute;
      background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.05)); }
    .section-decoration-top {
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(-55%, -35%);
      width: 50%;
      animation: section-hero-decoration  115s linear infinite;
      min-width: 40rem; }
      .section-decoration-top::before {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.2;
        background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.05)); }
        .section-decoration-top img {
          width: auto;
          height: auto;
        }
    .section-decoration-middle {
      position: absolute;
      left: 100%;
      top: 60%;
      transform: translate(-50%, -50%);
      width: 70rem;
      overflow: hidden;
      background: #F5D9E6;
      border-radius: 58% 42% 23% 77% / 36% 54% 46% 64%;
      animation: section-products-decoration  30s linear infinite;
      z-index: -1; }
      @media (max-width: 1599px) {
        .section-decoration-middle {
          width: 50rem;
          left: 105%; } }
      @media (max-width: 1365px) {
        .section-decoration-middle {
          width: 50rem; } }
      @media (max-width: 1199px) {
        .section-decoration-middle {
          width: 35rem; } }
      @media (max-width: 767px) {
        .section-decoration-middle {
          width: 25rem; } }
      .section-decoration-middle::before {
        content: '';
        left: 50%;
        top: 50%;
        width: 125%;
        height: 200%;
        opacity: 0.4;
        transform: translate(-50%, -50%) rotate(10deg);
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.05));
        z-index: 2; }
      .section-decoration-middle::after {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%; }

.BW-navigation {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 1.5rem 3rem;
  background: #2d2c3e;
  text-align: center;
  border-radius: 2rem;
  border: 0.2rem solid #fff;
  z-index: 100000;
  display: none;
  opacity: 0;
  max-height: 100%;
  overflow-y: auto; }
  .BW-navigation.visible {
    display: block; }
  .BW-navigation-element {
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    position: relative;
    margin: 0.5rem 0;
    display: block; }
    .BW-navigation-element::after {
      content: '';
      position: absolute;
      bottom: -0.2rem;
      left: 0;
      width: 100%;
      left: 50%;
      transform: translate(-50%);
      height: 0.1rem;
      background: #fff;
      max-width: 0;
      transition: all 0.3s ease-in; }
    .BW-navigation-element:hover, .BW-navigation-element:focus, .BW-navigation-element:active {
      color: #fff; }
      .BW-navigation-element:hover::after, .BW-navigation-element:focus::after, .BW-navigation-element:active::after {
        max-width: 100%; }
  .BW-navigation-close {
    justify-self: flex-end;
    position: relative;
    width: 2rem;
    height: 2rem;
    background: transparent;
    border: none;
    right: -1rem;
    top: -0.5rem;
    transition: all 0.2s ease-in;
    transform: scale(1); }
    .BW-navigation-close:hover {
      transform: scale(1.05); }
    .BW-navigation-close::before, .BW-navigation-close::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0%;
      transform: translate(-50%, -50%);
      width: 2rem;
      height: 0.2rem;
      background: #fff;
      transition: all 0.2s ease-in; }
    .BW-navigation-close::before {
      transform: rotate(45deg); }
    .BW-navigation-close::after {
      transform: rotate(-45deg); }
  .BW-navigation, .BW-navigation-button {
    position: fixed; }
  .BW-navigation-button {
    right: 0;
    bottom: 0;
    border: none;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3) !important;
    border-radius: 10% 10% 0 10%;
    padding: 1rem;
    z-index: 10000;
    overflow: hidden; }
    .BW-navigation-button::before, .BW-navigation-button::after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: -1; }
    .BW-navigation-button::before {
      background: #2d2c3e;
      width: 100%;
      height: 100%; }
    .BW-navigation-button::after {
      background: #C82647;
      border-radius: 50%;
      width: 200%;
      height: 200%;
      max-width: 0;
      max-height: 0;
      transition: all 0.4s ease-in-out; }
    .BW-navigation-button:hover, .BW-navigation-button:focus, .BW-navigation-button:active {
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3) !important; }
      .BW-navigation-button:hover::after, .BW-navigation-button:focus::after, .BW-navigation-button:active::after {
        max-width: 200%;
        max-height: 200%; }
    .BW-navigation-button-icon {
      width: 2rem;
      height: 2rem; }

.breadcrumbs {
  padding: 15rem 0 0; }
  @media (max-width: 1599px) {
    .breadcrumbs {
      padding-top: 13rem; } }
  @media (max-width: 991px) {
    .breadcrumbs {
      padding-top: 10rem; } }
  .breadcrumbs-item {
    display: flex;
    align-items: center; }
    .breadcrumbs-item a {
      transition: all 0.2s ease-in; }
      .breadcrumbs-item a:hover, .breadcrumbs-item a:focus, .breadcrumbs-item a:active {
        text-shadow: 0.05rem 0 0.1rem #052B44; }
    .breadcrumbs-item::after {
      content: '>';
      display: block;
      margin: 0 1rem; }
    .breadcrumbs-item:last-child::after {
      display: none; }

.widgets {
  position: fixed;
  top: 15rem;
  right: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  @media (max-width: 1365px) {
    .widgets {
      top: 12rem; } }
  @media (max-width: 991px) {
    .widgets {
      display: none; } }
  .widgets-item {
    display: block;
    margin-bottom: 1rem;
    position: relative;
    transform: translate(0.75rem);
    transition: all 0.2s ease-out;
    z-index: 2; }
    .widgets-item:hover, .widgets-item:focus, .widgets-item:active {
      transform: translate(0.25rem); }
    .widgets-item::before {
      content: '';
      position: absolute;
      width: 80%;
      height: 90%;
      top: 50%;
      transform: translateY(-50%);
      z-index: -1;
      right: 0;
      box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.8);
      border-radius: 2rem; }
      .widgets-doz img {
        height: auto;
        width: auto;
      }
  @media (max-width: 1599px) {
    .widgets-doz img {
      width: 5.5rem; } }
  @media (max-width: 1199px) {
    .widgets-doz img {
      width: 5rem; } }
      .widgets-order img {
        height: auto;
        width: auto;
      }
  .widgets-order.hidden {
    transform: translate(100%); }
  @media (max-width: 1599px) {
    .widgets-order img {
      width: 6.4rem; } }
  @media (max-width: 1199px) {
    .widgets-order img {
      width: 5.9rem; } }

.widget-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
  z-index: 100; }
  @media (max-width: 991px) {
    .widget-mobile {
      display: block; } }
  .widget-mobile-link {
    position: relative;
    z-index: 2;
    height: 5rem;
    overflow: hidden;
    font-size: 1.8rem;
    line-height: 2.7rem; }
    .widget-mobile-link::before, .widget-mobile-link::after {
      content: '';
      position: absolute;
      z-index: -1; }
    .widget-mobile-link::before {
      background: #e60303;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
    @media (max-width: 467px) {
      .widget-mobile-link {
        font-size: 1.5rem;
        line-height: 2rem; } }
  .widget-mobile-pattern {
    position: absolute;
    left: 0;
    width: 55%;
    top: 50%;
    transform: translate(-10%, -50%);
    z-index: -1; }
    @media (max-width: 575px) {
      .widget-mobile-pattern {
        width: 75%; } }
    .widget-mobile-pattern img {
      width: 100%;
    height: auto; }

.pagination-item a {
  transition: all 0.25s ease-out;
  margin: 0.25rem 1rem;
  transform: scale(1);
  display: block; }
  .pagination-item a:hover, .pagination-item a:focus, .pagination-item a:active {
    transform: scale(1.3); }

.pagination-item.prev a, .pagination-item.next a {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2; }
  .pagination-item.prev a:hover, .pagination-item.prev a:focus, .pagination-item.prev a:active, .pagination-item.next a:hover, .pagination-item.next a:focus, .pagination-item.next a:active {
    transform: scale(1); }
    .pagination-item.prev a:hover::before, .pagination-item.prev a:focus::before, .pagination-item.prev a:active::before, .pagination-item.next a:hover::before, .pagination-item.next a:focus::before, .pagination-item.next a:active::before {
      background: #44c5e5; }
  .pagination-item.prev a::before, .pagination-item.next a::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    background: rgba(235, 235, 235, 0.5);
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 0.3s ease-in; }
    @media (max-width: 991px) {
      .pagination-item.prev a::before, .pagination-item.next a::before {
        width: 4.5rem;
        height: 4.5rem; } }
  .pagination-item.prev a::after, .pagination-item.next a::after {
    display: block;
    position: relative;
    top: 0.25rem;
    content: url("../img//arrow.svg");
    width: 4rem;
    height: 4.5rem;
    transition: all 0.3s ease-out; }
    @media (max-width: 991px) {
      .pagination-item.prev a::after, .pagination-item.next a::after {
        width: 3rem;
        height: 3.25rem; } }

.pagination-item.prev {
  margin-right: 2.5rem; }
  @media (max-width: 1199px) {
    .pagination-item.prev {
      margin-right: 1.5rem; } }
  @media (max-width: 575px) {
    .pagination-item.prev {
      margin-right: 0.5rem; } }
  .pagination-item.prev a {
    left: 0; }
    .pagination-item.prev a:hover::after, .pagination-item.prev a:focus::after, .pagination-item.prev a:active::after {
      transform: scaleX(-1) translate(0.5rem); }
    .pagination-item.prev a::after {
      transform: scaleX(-1); }

.pagination-item.next {
  margin-left: 2.5rem; }
  @media (max-width: 1199px) {
    .pagination-item.next {
      margin-left: 1.5rem; } }
  @media (max-width: 575px) {
    .pagination-item.next {
      margin-left: 0.5rem; } }
  .pagination-item.next a {
    right: 0; }
    .pagination-item.next a:hover::after, .pagination-item.next a:focus::after, .pagination-item.next a:active::after {
      transform: translate(0.5rem); }
    .pagination-item.next a::before {
      left: 100%; }

.z-index--1 {
  z-index: -1; }

.z-index-0 {
  z-index: 0; }

.z-index-1 {
  z-index: 1; }

.z-index-2 {
  z-index: 2; }

.z-index-3 {
  z-index: 3; }

.z-index-4 {
  z-index: 4; }

.z-index-5 {
  z-index: 5; }

@media (max-width: 467px) {
  .z-index-xs--1 {
    z-index: -1; }
  .z-index-xs-0 {
    z-index: 0; }
  .z-index-xs-1 {
    z-index: 1; }
  .z-index-xs-2 {
    z-index: 2; }
  .z-index-xs-3 {
    z-index: 3; }
  .z-index-xs-4 {
    z-index: 4; }
  .z-index-xs-5 {
    z-index: 5; } }

@media (min-width: 576px) {
  .z-index-sm--1 {
    z-index: -1; }
  .z-index-sm-0 {
    z-index: 0; }
  .z-index-sm-1 {
    z-index: 1; }
  .z-index-sm-2 {
    z-index: 2; }
  .z-index-sm-3 {
    z-index: 3; }
  .z-index-sm-4 {
    z-index: 4; }
  .z-index-sm-5 {
    z-index: 5; } }

@media (min-width: 768px) {
  .z-index-md--1 {
    z-index: -1; }
  .z-index-md-0 {
    z-index: 0; }
  .z-index-md-1 {
    z-index: 1; }
  .z-index-md-2 {
    z-index: 2; }
  .z-index-md-3 {
    z-index: 3; }
  .z-index-md-4 {
    z-index: 4; }
  .z-index-md-5 {
    z-index: 5; } }

@media (min-width: 992px) {
  .z-index-lg--1 {
    z-index: -1; }
  .z-index-lg-0 {
    z-index: 0; }
  .z-index-lg-1 {
    z-index: 1; }
  .z-index-lg-2 {
    z-index: 2; }
  .z-index-lg-3 {
    z-index: 3; }
  .z-index-lg-4 {
    z-index: 4; }
  .z-index-lg-5 {
    z-index: 5; } }

@media (min-width: 1200px) {
  .z-index-xl--1 {
    z-index: -1; }
  .z-index-xl-0 {
    z-index: 0; }
  .z-index-xl-1 {
    z-index: 1; }
  .z-index-xl-2 {
    z-index: 2; }
  .z-index-xl-3 {
    z-index: 3; }
  .z-index-xl-4 {
    z-index: 4; }
  .z-index-xl-5 {
    z-index: 5; } }

@media (min-width: 1366px) {
  .z-index-xxl--1 {
    z-index: -1; }
  .z-index-xxl-0 {
    z-index: 0; }
  .z-index-xxl-1 {
    z-index: 1; }
  .z-index-xxl-2 {
    z-index: 2; }
  .z-index-xxl-3 {
    z-index: 3; }
  .z-index-xxl-4 {
    z-index: 4; }
  .z-index-xxl-5 {
    z-index: 5; } }

@media (min-width: 1600px) {
  .z-index-xxxl--1 {
    z-index: -1; }
  .z-index-xxxl-0 {
    z-index: 0; }
  .z-index-xxxl-1 {
    z-index: 1; }
  .z-index-xxxl-2 {
    z-index: 2; }
  .z-index-xxxl-3 {
    z-index: 3; }
  .z-index-xxxl-4 {
    z-index: 4; }
  .z-index-xxxl-5 {
    z-index: 5; } }

@media (max-width: 467px) {
  .col-xs-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xs-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xs-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xs-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xs-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xs-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xs-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 1366px) {
  .col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 1600px) {
  .col-xxxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxxl-12 {
    flex: 0 0 100%;
    max-width: 100%; } }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

@media (max-width: 467px) {
  .offset-xs-1 {
    margin-left: 8.33333%; }
  .offset-xs-2 {
    margin-left: 16.66667%; }
  .offset-xs-3 {
    margin-left: 25%; }
  .offset-xs-4 {
    margin-left: 33.33333%; }
  .offset-xs-5 {
    margin-left: 41.66667%; }
  .offset-xs-6 {
    margin-left: 50%; }
  .offset-xs-7 {
    margin-left: 58.33333%; }
  .offset-xs-8 {
    margin-left: 66.66667%; }
  .offset-xs-9 {
    margin-left: 75%; }
  .offset-xs-10 {
    margin-left: 83.33333%; }
  .offset-xs-11 {
    margin-left: 91.66667%; }
  .offset-xs-12 {
    margin-left: 100%; } }

@media (min-width: 1366px) {
  .offset-xxl-1 {
    margin-left: 8.33333%; }
  .offset-xxl-2 {
    margin-left: 16.66667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.33333%; }
  .offset-xxl-5 {
    margin-left: 41.66667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.33333%; }
  .offset-xxl-8 {
    margin-left: 66.66667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.33333%; }
  .offset-xxl-11 {
    margin-left: 91.66667%; }
  .offset-xxl-12 {
    margin-left: 100%; } }

@media (min-width: 1600px) {
  .offset-xxxl-1 {
    margin-left: 8.33333%; }
  .offset-xxxl-2 {
    margin-left: 16.66667%; }
  .offset-xxxl-3 {
    margin-left: 25%; }
  .offset-xxxl-4 {
    margin-left: 33.33333%; }
  .offset-xxxl-5 {
    margin-left: 41.66667%; }
  .offset-xxxl-6 {
    margin-left: 50%; }
  .offset-xxxl-7 {
    margin-left: 58.33333%; }
  .offset-xxxl-8 {
    margin-left: 66.66667%; }
  .offset-xxxl-9 {
    margin-left: 75%; }
  .offset-xxxl-10 {
    margin-left: 83.33333%; }
  .offset-xxxl-11 {
    margin-left: 91.66667%; }
  .offset-xxxl-12 {
    margin-left: 100%; } }

@media (max-width: 467px) {
  .offset-right-xs-1 {
    margin-left: 8.33333%; }
  .offset-right-xs-2 {
    margin-left: 16.66667%; }
  .offset-right-xs-3 {
    margin-left: 25%; }
  .offset-right-xs-4 {
    margin-left: 33.33333%; }
  .offset-right-xs-5 {
    margin-left: 41.66667%; }
  .offset-right-xs-6 {
    margin-left: 50%; }
  .offset-right-xs-7 {
    margin-left: 58.33333%; }
  .offset-right-xs-8 {
    margin-left: 66.66667%; }
  .offset-right-xs-9 {
    margin-left: 75%; }
  .offset-right-xs-10 {
    margin-left: 83.33333%; }
  .offset-right-xs-11 {
    margin-left: 91.66667%; }
  .offset-right-xs-12 {
    margin-left: 100%; } }

@media (min-width: 576px) {
  .offset-right-sm-1 {
    margin-left: 8.33333%; }
  .offset-right-sm-2 {
    margin-left: 16.66667%; }
  .offset-right-sm-3 {
    margin-left: 25%; }
  .offset-right-sm-4 {
    margin-left: 33.33333%; }
  .offset-right-sm-5 {
    margin-left: 41.66667%; }
  .offset-right-sm-6 {
    margin-left: 50%; }
  .offset-right-sm-7 {
    margin-left: 58.33333%; }
  .offset-right-sm-8 {
    margin-left: 66.66667%; }
  .offset-right-sm-9 {
    margin-left: 75%; }
  .offset-right-sm-10 {
    margin-left: 83.33333%; }
  .offset-right-sm-11 {
    margin-left: 91.66667%; }
  .offset-right-sm-12 {
    margin-left: 100%; } }

@media (min-width: 768px) {
  .offset-right-md-1 {
    margin-left: 8.33333%; }
  .offset-right-md-2 {
    margin-left: 16.66667%; }
  .offset-right-md-3 {
    margin-left: 25%; }
  .offset-right-md-4 {
    margin-left: 33.33333%; }
  .offset-right-md-5 {
    margin-left: 41.66667%; }
  .offset-right-md-6 {
    margin-left: 50%; }
  .offset-right-md-7 {
    margin-left: 58.33333%; }
  .offset-right-md-8 {
    margin-left: 66.66667%; }
  .offset-right-md-9 {
    margin-left: 75%; }
  .offset-right-md-10 {
    margin-left: 83.33333%; }
  .offset-right-md-11 {
    margin-left: 91.66667%; }
  .offset-right-md-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .offset-right-lg-1 {
    margin-left: 8.33333%; }
  .offset-right-lg-2 {
    margin-left: 16.66667%; }
  .offset-right-lg-3 {
    margin-left: 25%; }
  .offset-right-lg-4 {
    margin-left: 33.33333%; }
  .offset-right-lg-5 {
    margin-left: 41.66667%; }
  .offset-right-lg-6 {
    margin-left: 50%; }
  .offset-right-lg-7 {
    margin-left: 58.33333%; }
  .offset-right-lg-8 {
    margin-left: 66.66667%; }
  .offset-right-lg-9 {
    margin-left: 75%; }
  .offset-right-lg-10 {
    margin-left: 83.33333%; }
  .offset-right-lg-11 {
    margin-left: 91.66667%; }
  .offset-right-lg-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .offset-right-xl-1 {
    margin-left: 8.33333%; }
  .offset-right-xl-2 {
    margin-left: 16.66667%; }
  .offset-right-xl-3 {
    margin-left: 25%; }
  .offset-right-xl-4 {
    margin-left: 33.33333%; }
  .offset-right-xl-5 {
    margin-left: 41.66667%; }
  .offset-right-xl-6 {
    margin-left: 50%; }
  .offset-right-xl-7 {
    margin-left: 58.33333%; }
  .offset-right-xl-8 {
    margin-left: 66.66667%; }
  .offset-right-xl-9 {
    margin-left: 75%; }
  .offset-right-xl-10 {
    margin-left: 83.33333%; }
  .offset-right-xl-11 {
    margin-left: 91.66667%; }
  .offset-right-xl-12 {
    margin-left: 100%; } }

@media (min-width: 1366px) {
  .offset-right-xxl-1 {
    margin-left: 8.33333%; }
  .offset-right-xxl-2 {
    margin-left: 16.66667%; }
  .offset-right-xxl-3 {
    margin-left: 25%; }
  .offset-right-xxl-4 {
    margin-left: 33.33333%; }
  .offset-right-xxl-5 {
    margin-left: 41.66667%; }
  .offset-right-xxl-6 {
    margin-left: 50%; }
  .offset-right-xxl-7 {
    margin-left: 58.33333%; }
  .offset-right-xxl-8 {
    margin-left: 66.66667%; }
  .offset-right-xxl-9 {
    margin-left: 75%; }
  .offset-right-xxl-10 {
    margin-left: 83.33333%; }
  .offset-right-xxl-11 {
    margin-left: 91.66667%; }
  .offset-right-xxl-12 {
    margin-left: 100%; } }

@media (min-width: 1600px) {
  .offset-right-xxxl-1 {
    margin-left: 8.33333%; }
  .offset-right-xxxl-2 {
    margin-left: 16.66667%; }
  .offset-right-xxxl-3 {
    margin-left: 25%; }
  .offset-right-xxxl-4 {
    margin-left: 33.33333%; }
  .offset-right-xxxl-5 {
    margin-left: 41.66667%; }
  .offset-right-xxxl-6 {
    margin-left: 50%; }
  .offset-right-xxxl-7 {
    margin-left: 58.33333%; }
  .offset-right-xxxl-8 {
    margin-left: 66.66667%; }
  .offset-right-xxxl-9 {
    margin-left: 75%; }
  .offset-right-xxxl-10 {
    margin-left: 83.33333%; }
  .offset-right-xxxl-11 {
    margin-left: 91.66667%; }
  .offset-right-xxxl-12 {
    margin-left: 100%; } }

@media (max-width: 467px) {
  .d-xs-flex {
    display: flex !important; }
  .d-xs-block {
    display: block !important; }
  .d-xs-none {
    display: none !important; } }

@media (min-width: 1366px) {
  .d-xxl-flex {
    display: flex !important; }
  .d-xxl-block {
    display: block !important; }
  .d-xxl-none {
    display: none !important; } }

@media (min-width: 1600px) {
  .d-xxxl-flex {
    display: flex !important; }
  .d-xxxl-block {
    display: block !important; }
  .d-xxxl-none {
    display: none !important; } }

@media (max-width: 467px) {
  .align-items-xs-center {
    align-items: center !important; }
  .align-items-xs-start {
    align-items: flex-start !important; }
  .align-items-xs-end {
    align-items: flex-end !important; }
  .align-items-xs-end {
    align-items: baseline !important; } }

@media (min-width: 1366px) {
  .align-items-xxl-center {
    align-items: center !important; }
  .align-items-xxl-start {
    align-items: flex-start !important; }
  .align-items-xxl-end {
    align-items: flex-end !important; }
  .align-items-xxl-end {
    align-items: baseline !important; } }

@media (min-width: 1600px) {
  .align-items-xxxl-center {
    align-items: center !important; }
  .align-items-xxxl-start {
    align-items: flex-start !important; }
  .align-items-xxxl-end {
    align-items: flex-end !important; }
  .align-items-xxxl-end {
    align-items: baseline !important; } }

@media (max-width: 467px) {
  .justify-content-xs-center {
    justify-content: center !important; }
  .justify-content-xs-start {
    justify-content: flex-start !important; }
  .justify-content-xs-end {
    justify-content: flex-end !important; }
  .justify-content-xs-between {
    justify-content: space-between !important; } }

@media (min-width: 1366px) {
  .justify-content-xxl-center {
    justify-content: center !important; }
  .justify-content-xxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxl-between {
    justify-content: space-between !important; } }

@media (min-width: 1600px) {
  .justify-content-xxxl-center {
    justify-content: center !important; }
  .justify-content-xxxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxxl-between {
    justify-content: space-between !important; } }

@media (max-width: 467px) {
  .flex-xs-nowrap {
    flex-wrap: wrap; }
  .flex-xs-wrap {
    flex-wrap: nowrap; } }

@media (min-width: 1366px) {
  .flex-xxl-nowrap {
    flex-wrap: wrap; }
  .flex-xxl-wrap {
    flex-wrap: nowrap; } }

@media (min-width: 1600px) {
  .flex-xxxl-nowrap {
    flex-wrap: wrap; }
  .flex-xxxl-wrap {
    flex-wrap: nowrap; } }

@media (max-width: 467px) {
  .flex-xs-column {
    flex-direction: column; }
  .flex-xs-row {
    flex-direction: row; } }

@media (min-width: 1366px) {
  .flex-xxl-column {
    flex-direction: column; }
  .flex-xxl-row {
    flex-direction: row; } }

@media (min-width: 1600px) {
  .flex-xxxl-column {
    flex-direction: column; }
  .flex-xxxl-row {
    flex-direction: row; } }

@media (max-width: 467px) {
  .text-xs-normal {
    white-space: normal; }
  .text-xs-nowrap {
    white-space: nowrap; } }

@media (min-width: 1366px) {
  .text-xxl-normal {
    white-space: normal; }
  .text-xxl-nowrap {
    white-space: nowrap; } }

@media (min-width: 1600px) {
  .text-xxxl-normal {
    white-space: normal; }
  .text-xxxl-nowrap {
    white-space: nowrap; } }

@media (max-width: 467px) {
  .mt-xs-0 {
    margin-top: 0rem !important; }
  .mt-xs-1 {
    margin-top: 0.25rem !important; }
  .mt-xs-2 {
    margin-top: 0.5rem !important; }
  .mt-xs-3 {
    margin-top: 1rem !important; }
  .mt-xs-4 {
    margin-top: 1.5rem !important; }
  .mt-xs-5 {
    margin-top: 3rem !important; }
  .mb-xs-0 {
    margin-bottom: 0rem !important; }
  .mb-xs-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xs-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xs-3 {
    margin-bottom: 1rem !important; }
  .mb-xs-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xs-5 {
    margin-bottom: 3rem !important; }
  .ml-xs-0 {
    margin-top: 0rem !important; }
  .ml-xs-1 {
    margin-top: 0.25rem !important; }
  .ml-xs-2 {
    margin-top: 0.5rem !important; }
  .ml-xs-3 {
    margin-top: 1rem !important; }
  .ml-xs-4 {
    margin-top: 1.5rem !important; }
  .ml-xs-5 {
    margin-top: 3rem !important; }
  .mr-xs-0 {
    margin-top: 0rem !important; }
  .mr-xs-1 {
    margin-top: 0.25rem !important; }
  .mr-xs-2 {
    margin-top: 0.5rem !important; }
  .mr-xs-3 {
    margin-top: 1rem !important; }
  .mr-xs-4 {
    margin-top: 1.5rem !important; }
  .mr-xs-5 {
    margin-top: 3rem !important; } }

@media (min-width: 1366px) {
  .mt-xxl-0 {
    margin-top: 0rem !important; }
  .mt-xxl-1 {
    margin-top: 0.25rem !important; }
  .mt-xxl-2 {
    margin-top: 0.5rem !important; }
  .mt-xxl-3 {
    margin-top: 1rem !important; }
  .mt-xxl-4 {
    margin-top: 1.5rem !important; }
  .mt-xxl-5 {
    margin-top: 3rem !important; }
  .mb-xxl-0 {
    margin-bottom: 0rem !important; }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xxl-3 {
    margin-bottom: 1rem !important; }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xxl-5 {
    margin-bottom: 3rem !important; }
  .ml-xxl-0 {
    margin-top: 0rem !important; }
  .ml-xxl-1 {
    margin-top: 0.25rem !important; }
  .ml-xxl-2 {
    margin-top: 0.5rem !important; }
  .ml-xxl-3 {
    margin-top: 1rem !important; }
  .ml-xxl-4 {
    margin-top: 1.5rem !important; }
  .ml-xxl-5 {
    margin-top: 3rem !important; }
  .mr-xxl-0 {
    margin-top: 0rem !important; }
  .mr-xxl-1 {
    margin-top: 0.25rem !important; }
  .mr-xxl-2 {
    margin-top: 0.5rem !important; }
  .mr-xxl-3 {
    margin-top: 1rem !important; }
  .mr-xxl-4 {
    margin-top: 1.5rem !important; }
  .mr-xxl-5 {
    margin-top: 3rem !important; } }

@media (min-width: 1600px) {
  .mt-xxxl-0 {
    margin-top: 0rem !important; }
  .mt-xxxl-1 {
    margin-top: 0.25rem !important; }
  .mt-xxxl-2 {
    margin-top: 0.5rem !important; }
  .mt-xxxl-3 {
    margin-top: 1rem !important; }
  .mt-xxxl-4 {
    margin-top: 1.5rem !important; }
  .mt-xxxl-5 {
    margin-top: 3rem !important; }
  .mb-xxxl-0 {
    margin-bottom: 0rem !important; }
  .mb-xxxl-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xxxl-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xxxl-3 {
    margin-bottom: 1rem !important; }
  .mb-xxxl-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xxxl-5 {
    margin-bottom: 3rem !important; }
  .ml-xxxl-0 {
    margin-top: 0rem !important; }
  .ml-xxxl-1 {
    margin-top: 0.25rem !important; }
  .ml-xxxl-2 {
    margin-top: 0.5rem !important; }
  .ml-xxxl-3 {
    margin-top: 1rem !important; }
  .ml-xxxl-4 {
    margin-top: 1.5rem !important; }
  .ml-xxxl-5 {
    margin-top: 3rem !important; }
  .mr-xxxl-0 {
    margin-top: 0rem !important; }
  .mr-xxxl-1 {
    margin-top: 0.25rem !important; }
  .mr-xxxl-2 {
    margin-top: 0.5rem !important; }
  .mr-xxxl-3 {
    margin-top: 1rem !important; }
  .mr-xxxl-4 {
    margin-top: 1.5rem !important; }
  .mr-xxxl-5 {
    margin-top: 3rem !important; } }

@media (max-width: 467px) {
  .pt-xs-0 {
    margin-top: 0rem rem !important; }
  .pt-xs-1 {
    margin-top: 0.25rem rem !important; }
  .pt-xs-2 {
    margin-top: 0.5rem rem !important; }
  .pt-xs-3 {
    margin-top: 1rem rem !important; }
  .pt-xs-4 {
    margin-top: 1.5rem rem !important; }
  .pt-xs-5 {
    margin-top: 3rem rem !important; }
  .pb-xs-0 {
    margin-top: 0rem rem !important; }
  .pb-xs-1 {
    margin-top: 0.25rem rem !important; }
  .pb-xs-2 {
    margin-top: 0.5rem rem !important; }
  .pb-xs-3 {
    margin-top: 1rem rem !important; }
  .pb-xs-4 {
    margin-top: 1.5rem rem !important; }
  .pb-xs-5 {
    margin-top: 3rem rem !important; }
  .pl-xs-0 {
    margin-top: 0rem rem !important; }
  .pl-xs-1 {
    margin-top: 0.25rem rem !important; }
  .pl-xs-2 {
    margin-top: 0.5rem rem !important; }
  .pl-xs-3 {
    margin-top: 1rem rem !important; }
  .pl-xs-4 {
    margin-top: 1.5rem rem !important; }
  .pl-xs-5 {
    margin-top: 3rem rem !important; }
  .pr-xs-0 {
    margin-top: 0rem rem !important; }
  .pr-xs-1 {
    margin-top: 0.25rem rem !important; }
  .pr-xs-2 {
    margin-top: 0.5rem rem !important; }
  .pr-xs-3 {
    margin-top: 1rem rem !important; }
  .pr-xs-4 {
    margin-top: 1.5rem rem !important; }
  .pr-xs-5 {
    margin-top: 3rem rem !important; } }

@media (min-width: 1366px) {
  .pt-xxl-0 {
    margin-top: 0rem rem !important; }
  .pt-xxl-1 {
    margin-top: 0.25rem rem !important; }
  .pt-xxl-2 {
    margin-top: 0.5rem rem !important; }
  .pt-xxl-3 {
    margin-top: 1rem rem !important; }
  .pt-xxl-4 {
    margin-top: 1.5rem rem !important; }
  .pt-xxl-5 {
    margin-top: 3rem rem !important; }
  .pb-xxl-0 {
    margin-top: 0rem rem !important; }
  .pb-xxl-1 {
    margin-top: 0.25rem rem !important; }
  .pb-xxl-2 {
    margin-top: 0.5rem rem !important; }
  .pb-xxl-3 {
    margin-top: 1rem rem !important; }
  .pb-xxl-4 {
    margin-top: 1.5rem rem !important; }
  .pb-xxl-5 {
    margin-top: 3rem rem !important; }
  .pl-xxl-0 {
    margin-top: 0rem rem !important; }
  .pl-xxl-1 {
    margin-top: 0.25rem rem !important; }
  .pl-xxl-2 {
    margin-top: 0.5rem rem !important; }
  .pl-xxl-3 {
    margin-top: 1rem rem !important; }
  .pl-xxl-4 {
    margin-top: 1.5rem rem !important; }
  .pl-xxl-5 {
    margin-top: 3rem rem !important; }
  .pr-xxl-0 {
    margin-top: 0rem rem !important; }
  .pr-xxl-1 {
    margin-top: 0.25rem rem !important; }
  .pr-xxl-2 {
    margin-top: 0.5rem rem !important; }
  .pr-xxl-3 {
    margin-top: 1rem rem !important; }
  .pr-xxl-4 {
    margin-top: 1.5rem rem !important; }
  .pr-xxl-5 {
    margin-top: 3rem rem !important; } }

@media (min-width: 1600px) {
  .pt-xxxl-0 {
    margin-top: 0rem rem !important; }
  .pt-xxxl-1 {
    margin-top: 0.25rem rem !important; }
  .pt-xxxl-2 {
    margin-top: 0.5rem rem !important; }
  .pt-xxxl-3 {
    margin-top: 1rem rem !important; }
  .pt-xxxl-4 {
    margin-top: 1.5rem rem !important; }
  .pt-xxxl-5 {
    margin-top: 3rem rem !important; }
  .pb-xxxl-0 {
    margin-top: 0rem rem !important; }
  .pb-xxxl-1 {
    margin-top: 0.25rem rem !important; }
  .pb-xxxl-2 {
    margin-top: 0.5rem rem !important; }
  .pb-xxxl-3 {
    margin-top: 1rem rem !important; }
  .pb-xxxl-4 {
    margin-top: 1.5rem rem !important; }
  .pb-xxxl-5 {
    margin-top: 3rem rem !important; }
  .pl-xxxl-0 {
    margin-top: 0rem rem !important; }
  .pl-xxxl-1 {
    margin-top: 0.25rem rem !important; }
  .pl-xxxl-2 {
    margin-top: 0.5rem rem !important; }
  .pl-xxxl-3 {
    margin-top: 1rem rem !important; }
  .pl-xxxl-4 {
    margin-top: 1.5rem rem !important; }
  .pl-xxxl-5 {
    margin-top: 3rem rem !important; }
  .pr-xxxl-0 {
    margin-top: 0rem rem !important; }
  .pr-xxxl-1 {
    margin-top: 0.25rem rem !important; }
  .pr-xxxl-2 {
    margin-top: 0.5rem rem !important; }
  .pr-xxxl-3 {
    margin-top: 1rem rem !important; }
  .pr-xxxl-4 {
    margin-top: 1.5rem rem !important; }
  .pr-xxxl-5 {
    margin-top: 3rem rem !important; } }

html {
  max-width: 100% !important;
  height: auto !important;
  overflow-x: hidden; }

body {
  overflow-x: hidden; }

.bg-alfa {
  background: #052B44; }

.image-w-100 img {
  width: 100%; }

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 2rem;
  z-index: 1000; }
  .header-logo {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 10000; }
    .header-logo-image {
      width: 25rem; height: auto; }
      @media (max-width: 1365px) {
        .header-logo-image {
          width: 20rem; } }
    .header-logo-alt {
      position: absolute;
      top: 100%; }
  .header-search:hover {
    animation: shake-scale 0.75s forwards; }
  .header-search img {
    width: 2rem;
    height: 2rem; }
  .header-nav {
    position: relative; }
    .header-nav::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      height: 0.1rem;
      width: calc(100% + 10rem);
      background: #052B44; }
    .header-nav-item {
      position: relative;
      margin-right: 3rem; }
      @media (min-width: 1920px) {
        .header-nav-item {
          margin-right: 5rem; } }
      @media (max-width: 1599px) {
        .header-nav-item {
          margin-right: 1.5rem; } }
      .header-nav-item a {
        position: relative; }
        .header-nav-item a::after {
          content: '';
          position: absolute;
          left: 50%;
          top: 100%;
          width: 100%;
          transform: translate(-50%);
          height: 0.4rem;
          max-width: 0;
          transition: all 0.3s ease-out; }
        .header-nav-item a:hover::after, .header-nav-item a:focus::after, .header-nav-item a:active::after {
          max-width: 100%; }
      .header-nav-item:nth-of-type(1) a::after {
        background: #95c019; }
      .header-nav-item:nth-of-type(2) a::after {
        background: #5fb2b2; }
      .header-nav-item:nth-of-type(3) a::after {
        background: #a178b4; }
      .header-nav-item:nth-of-type(4) a::after {
        background: #1c388c; }
      .header-nav-item:nth-of-type(5) a::after {
        background: #d770a0; }
      .header-nav-item:nth-of-type(6) a::after {
        background: #37a5d1; }
      .header-nav-item:nth-of-type(7) a::after {
        background: #95c019; }
      .header-nav-item:nth-of-type(8) a::after {
        background: #ffb34b; }
      .header-nav-item:nth-of-type(9) a::after {
        background: #fa7fb5; }
    .header-nav .link, .header-nav .header-search {
      padding: 0.5rem 0.5rem 1.5rem;
      display: block; }
      @media (max-width: 1365px) {
        .header-nav .link, .header-nav .header-search {
          padding: 0.25rem 0.5rem 1rem; } }
  .header-mobile {
    position: fixed;
    width: 100%;
    top: 0;
    padding: 1rem 0.5rem;
    z-index: 1000000; }
    .header-mobile::before {
      content: '';
      position: absolute;
      top: -3rem;
      right: -3rem;
      width: 12rem;
      height: 12rem;
      border-radius: 50%;
      background: #a3e7f4;
      z-index: -1;
      box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.45);
      transition: all 0.4s 0.3s ease-out;
      transform: scale(1); }
      @media (max-width: 767px) {
        .header-mobile::before {
          width: 11rem;
          height: 11rem; } }
    .header-mobile.active::before {
      transform: scale(4.5); }
      @media (max-width: 767px) {
        .header-mobile.active::before {
          transform: scale(4); } }
    .header-mobile.active .header-mobile-menu {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.3s 0.5s ease-in; }
    .header-mobile.active .header-mobile-search {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.3s 0.3s ease-in; }
  .header .hamburger-button {
    width: 5rem;
    height: 5rem;
    position: relative;
    background: transparent;
    border: none;
    margin-left: 1.5rem;
    z-index: 100; }
    .header .hamburger-button.active .hamburger-span:nth-of-type(1), .header .hamburger-button.active .hamburger-span:nth-of-type(3) {
      top: 50%;
      transition: top 0.2s, transform 0.2s 0.2s; }
    .header .hamburger-button.active .hamburger-span:nth-of-type(1) {
      transform: translate(-50%, -50%) rotate(45deg); }
    .header .hamburger-button.active .hamburger-span:nth-of-type(2) {
      opacity: 0;
      transition: opacity 0.2s ease-in; }
    .header .hamburger-button.active .hamburger-span:nth-of-type(3) {
      transform: translate(-50%, -50%) rotate(-45deg); }
    .header .hamburger-button .hamburger-span {
      width: 3.5rem;
      height: 0.3rem;
      border-radius: 0.5rem;
      background: #052B44;
      left: 50%;
      display: block;
      position: absolute;
      transform: translate(-50%, -50%); }
      .header .hamburger-button .hamburger-span:nth-of-type(1) {
        top: calc(50% - 0.85rem); }
      .header .hamburger-button .hamburger-span:nth-of-type(2) {
        top: 50%;
        transition: opacity 0.2s 0.2s ease-in; }
      .header .hamburger-button .hamburger-span:nth-of-type(3) {
        top: calc(50% + 0.85rem); }
      .header .hamburger-button .hamburger-span:nth-of-type(1), .header .hamburger-button .hamburger-span:nth-of-type(3) {
        transition: transform 0.2s, top 0.2s 0.2s; }
  .header-mobile-menu {
    position: absolute;
    right: 0;
    top: 4rem;
    padding: 5rem 1rem;
    z-index: 1000000000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in; }
    @media (max-width: 767px) {
      .header-mobile-menu {
        padding: 3.5rem 1rem; } }
    .header-mobile-menu .header-nav-item {
      margin: 0.25rem 1rem; }
      .header-mobile-menu .header-nav-item a {
        padding: 0.25rem 0; }
        .header-mobile-menu .header-nav-item a::after {
          height: 0.2rem; }
  .header-mobile-search {
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s 0.2s ease-in; }
  .header-search-container {
    position: absolute;
    top: 100%;
    right: -2rem;
    padding: 1rem 1.5rem;
    background: rgba(217, 217, 217, 0.4);
    border: 0.1rem solid #052B44;
    border-top: none;
    transform: translate(100%);
    transition: transform 0.5s ease-out, opacity 0.3s ease-in;
    z-index: 10000;
    opacity: 0; }
    @media (max-width: 1199px) {
      .header-search-container {
        right: calc(100% + 2rem);
        top: 50%;
        transform: translate(1rem, -50%);
        background: rgba(255, 255, 255, 0.7);
        padding: 0.75rem 1.5rem;
        opacity: 0;
        border: 0.1rem solid rgba(5, 43, 68, 0.5); } }
    @media (max-width: 467px) {
      .header-search-container {
        right: calc(100% + 1rem); } }
    .header-search-container.visible {
      transform: translate(0);
      opacity: 1; }
      @media (max-width: 1199px) {
        .header-search-container.visible {
          transform: translate(0, -50%);
          opacity: 1; } }
    .header-search-container input {
      border: none;
      background: none;
      border-radius: 0;
      border-bottom: 0.1rem solid #052B44;
      display: block;
      height: auto;
      padding: 0.5rem 1rem;
      color: #052B44; }
      .header-search-container input::-moz-placeholder {
        color: #052B44; }
      .header-search-container input::-webkit-input-placeholder {
        color: #052B44; }
      .header-search-container input:-ms-input-placeholder {
        color: #052B44; }
      .header-search-container input:-moz-placeholder {
        color: #052B44; }
    .header-search-container .submit {
      border-radius: 0;
      background: transparent;
      border: none;
      margin-left: 1rem;
      transition: all 0.2s ease-out; }
      .header-search-container .submit:hover, .header-search-container .submit:focus, .header-search-container .submit:active {
        transform: scale(1.03); }

.footer {
  position: relative;
  padding-top: 10rem;
  margin-top: 5rem; }
  @media (max-width: 1199px) {
    .footer {
      padding-top: 5rem; } }
  .footer::before, .footer::after {
    content: '';
    position: absolute;
    left: 0; }
  .footer::before {
    bottom: 0;
    height: 115%;
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.01));
    opacity: 0.45;
    z-index: 2;
    width: 85%; }
  .footer::after {
    bottom: 0;
    height: calc(100% - 10rem);
    background: #40b4e5;
    width: 100%; }
  .footer-top {
    padding: 3rem 0 11rem;
    position: relative;
    z-index: 3; }
    @media (max-width: 1365px) {
      .footer-top {
        padding: 1.5rem 0 8rem; } }
    @media (max-width: 767px) {
      .footer-top {
        padding: 1.5rem 0 2.5rem; } }
  .footer-inteno {
    transform: translateY(-2rem); }
    @media (max-width: 767px) {
      .footer-inteno {
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0); } }
    .footer-inteno img {
      width: 100%;
      height: auto;
      max-width: 25rem; }
      @media (min-width: 1920px) {
        .footer-inteno img {
          max-width: 30rem; } }
      @media (max-width: 767px) {
        .footer-inteno img {
          min-width: 20rem;
          max-width: 20rem; } }
      @media (max-width: 467px) {
        .footer-inteno img {
          min-width: 15rem;
          max-width: 15rem; } }
  .footer-nav-item {
    width: 25%;
    display: flex;
    flex-direction: column;
    padding: 0 0.5rem; }
  .footer-nav-link {
    margin-bottom: 0.75rem;
    transition: all 0.2s ease-in; }
    .footer-nav-link:hover, .footer-nav-link:focus, .footer-nav-link:active {
      text-shadow: 0.05rem 0 0.1rem #fff; }
    @media (max-width: 767px) {
      .footer-nav-link {
        margin: 0.5rem;
        text-align: center; } }
  .footer-nav-mobile {
    display: flex;
    align-items: center;
    justify-content: center; }
  .footer-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.25);
    z-index: 3; }
    @media (max-width: 767px) {
      .footer-bottom {
        position: relative; }
        .footer-bottom .container {
          margin: 0;
          max-width: 100%; } }
  .footer-doz img {
    width: 100%;
  height: auto; }
  @media (max-width: 767px) {
    .footer-doz {
      background: #fff;
      display: flex;
      justify-content: center;
      padding: 0.5rem 2rem;
      box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.5); } }
  @media (min-width: 768px) {
    .footer-doz-link {
      background: #fff;
      box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.3) !important;
      border-radius: 2rem 2rem 0 0;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 25rem; } }
  @media (min-width: 768px) and (max-width: 1599px) {
    .footer-doz-link {
      width: 20rem; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .footer-doz-link {
      width: 17.5rem; } }
  @media (min-width: 768px) {
      .footer-doz-link:hover, .footer-doz-link:focus, .footer-doz-link:active {
        box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.3) !important; } }
  @media (max-width: 767px) {
    .footer-doz-link img {
      width: 20rem; } }
  @media (max-width: 575px) {
    .footer-doz-link img {
      width: 16rem; } }
  .footer-copyright {
    padding: 1rem 0;
    font-size: 1rem; }
    @media (max-width: 575px) {
      .footer-copyright {
        font-size: 0.8rem; } }
  .footer-logo {
    margin-left: 1.25rem; }
    @media (max-width: 575px) {
      .footer-logo {
        margin-left: 0.5rem; } }
    .footer-logo img {
      width: 3rem; height: auto; }
      @media (max-width: 575px) {
        .footer-logo img {
          width: 2.5rem; } }
  .footer .pattern-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden; }
  .footer-pattern {
    position: absolute;
    width: 70rem;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    z-index: 2;
    opacity: 0.5; }
    .footer-pattern img {
      height: auto;
    }
  .footer-wave {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0; }
    .footer-wave .svg-wave {
      position: absolute;
      width: 100%;
      height: 20rem;
      left: 0;
      top: 0; }
      @media (max-width: 1199px) {
        .footer-wave .svg-wave {
          height: 15rem; } }
      .footer-wave .svg-wave:nth-of-type(1) {
        fill: #40b4e5;
        z-index: 3;
        transform: scaleX(-1); }
      .footer-wave .svg-wave:nth-of-type(2) {
        fill: #fff;
        z-index: 2;
        transform: scaleX(-1) translateY(-0.5rem); }
      .footer-wave .svg-wave:nth-of-type(3) {
        fill: #f3dde8;
        z-index: 1;
        transform: scaleX(-1) translateY(2.5rem) rotate(0.8deg);
        transition: all 2s ease-out; }
  .footer.visible-loaded .svg-wave:nth-of-type(3) {
    transform: scaleX(-1) translateY(-2.5rem) rotate(0.8deg); }
    @media (max-width: 991px) {
      .footer.visible-loaded .svg-wave:nth-of-type(3) {
        transform: scaleX(-1) translateY(-1.75rem) rotate(0.8deg); } }

.section-statement {
  display: flex;
  align-items: center;
  min-height: 73rem; }
  @media (max-width: 1365px) {
    .section-statement {
      min-height: 60rem; } }
  @media (max-width: 1365px) {
    .section-statement {
      min-height: 60rem; } }
  @media (max-width: 991px) {
    .section-statement {
      min-height: 50rem; } }
  @media (max-width: 575px) {
    .section-statement {
      min-height: 45rem; } }
  .section-statement .section-content {
    position: relative;
    top: 5rem; }
  .section-statement .section-title {
    font-size: 12rem;
    line-height: 11rem;
    margin-bottom: 0; }
    @media (max-width: 991px) {
      .section-statement .section-title {
        font-size: 11rem;
        line-height: 10rem; } }
    @media (max-width: 767px) {
      .section-statement .section-title {
        font-size: 10rem;
        line-height: 9rem; } }
    @media (max-width: 575px) {
      .section-statement .section-title {
        font-size: 8rem;
        line-height: 7rem; } }
  .section-statement .section-text {
    margin-bottom: 4.5rem; }
    @media (max-width: 1365px) {
      .section-statement .section-text {
        margin-bottom: 3.5rem; } }
    @media (max-width: 991px) {
      .section-statement .section-text {
        margin-bottom: 2.5rem; } }
    @media (max-width: 575px) {
      .section-statement .section-text {
        margin-bottom: 1.5rem; } }
    .section-statement .section-text-highlighted {
      font-size: 6rem;
      line-height: 6rem;
      letter-spacing: 0.02em;
      margin-right: 0.75rem; }
      @media (max-width: 1365px) {
        .section-statement .section-text-highlighted {
          font-size: 5rem;
          line-height: 5rem; } }
      @media (max-width: 991px) {
        .section-statement .section-text-highlighted {
          font-size: 4rem;
          line-height: 4rem; } }
      @media (max-width: 767px) {
        .section-statement .section-text-highlighted {
          font-size: 3.5rem;
          line-height: 3.5rem; } }

.section-hero {
  position: relative;
  margin-bottom: 5rem; }
  .section-hero::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 45%; }
    @media (max-width: 1199px) {
      .section-hero::before {
        padding-top: 50%; } }
    @media (max-width: 991px) {
      .section-hero::before {
        display: none; } }
  .section-hero::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 13rem;
    opacity: 0.8;
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0.01)); }
  .section-hero > .container {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; }
    @media (max-width: 991px) {
      .section-hero > .container {
        padding-top: 15rem;
        position: static;
        transform: translate(0); } }
  .section-hero .section-image {
    position: absolute;
    width: 65%;
    top: 0;
    z-index: -1;
    right: 0; }
    .section-hero .section-image img {
      height: auto; }
  .section-hero .section-description {
    margin-bottom: 4rem; }
    @media (max-width: 1599px) {
      .section-hero .section-description {
        margin-bottom: 3rem; } }
    @media (max-width: 1365px) {
      .section-hero .section-description {
        margin-bottom: 2rem; } }
  .section-hero .section-background {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: -1;
    padding-top: 45.416666666%;
    overflow: hidden; }
  .section-hero .section-content {
    position: absolute;
    left: 50%;
    width: 100%;
    bottom: -5rem;
    transform: translate(-50%);
    display: flex;
    align-items: center;
    padding-left: 15%; }
    @media (max-width: 991px) {
      .section-hero .section-content {
        position: relative;
        bottom: unset;
        left: unset;
        transform: translate(0);
        padding-left: 0; } }
    .section-hero .section-content-image {
      width: 75%; }
      @media (max-width: 767px) {
        .section-hero .section-content-image {
          width: 100%; } }
      @media (max-width: 467px) {
        .section-hero .section-content-image {
          margin-top: 2.5rem; } }
      .section-hero .section-content-image img {
        width: 100%; height: auto; }
  .section-hero .highlighted-button {
    width: 24rem;
    height: 24rem;
    border-radius: 50%;
    position: relative;
    background: #e90404;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    box-shadow: 0 0 3.5rem rgba(5, 43, 68, 0.6) !important;
    transition: all 0.3s ease-out;
    z-index: 2; }
    @media (max-width: 1599px) {
      .section-hero .highlighted-button {
        width: 18rem;
        height: 18rem; } }
    @media (max-width: 1199px) {
      .section-hero .highlighted-button {
        width: 15rem;
        height: 15rem; } }
    @media (max-width: 767px) {
      .section-hero .highlighted-button {
        display: none; } }
    .section-hero .highlighted-button:hover, .section-hero .highlighted-button:focus, .section-hero .highlighted-button:active {
      box-shadow: 0 0 3.5rem rgba(5, 43, 68, 0.8) !important;
      transform: scale(1.03); }
    .section-hero .highlighted-button::before, .section-hero .highlighted-button::after {
      content: '';
      position: absolute;
      z-index: -1;
      width: calc(100% + (0.8rem));
      height: calc(100% + (0.8rem));
      left: -0.4rem;
      background: transparent;
      border: 0.4rem solid #fff;
      border-radius: 50%;
      opacity: 0; }
    .section-hero .highlighted-button::before {
      animation: smooth-circle-wave 4s infinite ease-out;
      animation-play-state: running; }
    .section-hero .highlighted-button::after {
      animation: smooth-circle-wave 4s 2s infinite ease-out;
      animation-play-state: running; }
    @media (max-width: 1199px) {
      .section-hero .highlighted-button .text-alfa, .section-hero .highlighted-button .section-contact .form-control, .section-contact .section-hero .highlighted-button .form-control {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
    .section-hero .highlighted-button-texture {
      position: absolute;
      opacity: 0.25;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      overflow: hidden;
      border-radius: 50%; }
      .section-hero .highlighted-button-texture img {
        position: absolute;
        top: 25%;
        left: 0;
        transform: translate(-25%);
        width: 200%;
        height: 200%; }
    .section-hero .highlighted-button-text {
      margin-bottom: 1rem;
      letter-spacing: 0.02em; }
    .section-hero .highlighted-button-extra {
      position: relative;
      letter-spacing: 0.16em; }
      .section-hero .highlighted-button-extra::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 0.1rem;
        background: #fff;
        left: 50%;
        transform: translate(-50%);
        bottom: 0.4rem;
        z-index: 2; }
  .section-hero .waves-item {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%; }
    .section-hero .waves-item svg {
      width: 100%; }
    .section-hero .waves-item:nth-of-type(1) {
      z-index: 3; }
      .section-hero .waves-item:nth-of-type(1)::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        width: 50%;
        height: 100%;
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.05));
        opacity: 0.75; }
      .section-hero .waves-item:nth-of-type(1) svg {
        fill: #fff; }
    .section-hero .waves-item:nth-of-type(2) {
      transform: translateY(5rem) rotate(-1.75deg);
      z-index: 2;
      transition: all 3s ease-out; }
      .section-hero .waves-item:nth-of-type(2) svg {
        fill: #44c5e5; }
    .section-hero .waves-item:nth-of-type(3) {
      transform: translateY(5rem) rotate(-2.5deg);
      transition: all 3.5s ease-out;
      transition-delay: 0.2s;
      z-index: 1; }
      .section-hero .waves-item:nth-of-type(3) svg {
        fill: #fff; }
  .section-hero.visible-loaded .waves-item:nth-of-type(2) {
    transform: translate(1rem) rotate(-1.75deg); }
  .section-hero.visible-loaded .waves-item:nth-of-type(3) {
    transform: translate(1.25rem) rotate(-2.5deg); }

.section-products {
  z-index: 10;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }
  .section-products .section-header {
    margin-bottom: 5rem; }
    @media (max-width: 1599px) {
      .section-products .section-header {
        margin-bottom: 4rem; } }
    @media (max-width: 1365px) {
      .section-products .section-header {
        margin-bottom: 2.5rem; } }
  .section-products .section-content {
    margin: 8rem 0;
    position: relative;
    min-height: 30rem; }
    @media (max-width: 1365px) {
      .section-products .section-content {
        margin: 4rem 0; } }
    .section-products .section-content-pattern {
      position: absolute;
      top: 5rem;
      left: -40rem;
      opacity: 0.5; }
      @media (max-width: 1365px) {
        .section-products .section-content-pattern {
          top: unset;
          bottom: -10rem;
          left: -35rem; } }
      @media (max-width: 991px) {
        .section-products .section-content-pattern {
          top: unset;
          bottom: -5rem;
          left: -35rem; } }
      .section-products .section-content-pattern img {
        width: 120rem; height: auto; }
        @media (max-width: 1365px) {
          .section-products .section-content-pattern img {
            width: 105rem; } }
        @media (max-width: 991px) {
          .section-products .section-content-pattern img {
            width: 90rem; } }
  .section-products .section-decoration {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70rem;
    overflow: hidden;
    background: #F5D9E6;
    border-radius: 58% 42% 23% 77% / 36% 54% 46% 64%;
    animation: section-products-decoration  30s linear infinite; }
    @media (max-width: 1599px) {
      .section-products .section-decoration {
        width: 50rem;
        left: 105%; } }
    @media (max-width: 1365px) {
      .section-products .section-decoration {
        width: 50rem; } }
    @media (max-width: 1199px) {
      .section-products .section-decoration {
        width: 35rem; } }
    @media (max-width: 767px) {
      .section-products .section-decoration {
        top: 15%;
        width: 25rem; } }
    .section-products .section-decoration::before {
      content: '';
      left: 50%;
      top: 50%;
      width: 125%;
      height: 200%;
      opacity: 0.4;
      transform: translate(-50%, -50%) rotate(10deg);
      background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.05));
      z-index: 2; }
    .section-products .section-decoration::after {
      content: '';
      display: block;
      width: 100%;
      padding-top: 100%; }
  .section-products-nav {
    z-index: 2;
    counter-reset: counter-products-nav;
    position: relative; }
    .section-products-nav-item {
      margin: 0 3rem;
      counter-increment: counter-products-nav; }
      @media (max-width: 1599px) {
        .section-products-nav-item {
          margin: 0 1.5rem; } }
      @media (max-width: 1199px) {
        .section-products-nav-item {
          margin: 1.5rem; } }
      .section-products-nav-item:nth-of-type(1) .content:hover .index::before, .section-products-nav-item:nth-of-type(1) .content:focus .index::before, .section-products-nav-item:nth-of-type(1) .content:active .index::before, .section-products-nav-item:nth-of-type(1) .content.active .index::before {
        opacity: 1; }
      .section-products-nav-item:nth-of-type(1) .content:hover .index::after, .section-products-nav-item:nth-of-type(1) .content:focus .index::after, .section-products-nav-item:nth-of-type(1) .content:active .index::after, .section-products-nav-item:nth-of-type(1) .content.active .index::after {
        background: #95c019;
        transform: translate(-50%, -50%) scale(1.2); }
      .section-products-nav-item:nth-of-type(2) .content:hover .index::before, .section-products-nav-item:nth-of-type(2) .content:focus .index::before, .section-products-nav-item:nth-of-type(2) .content:active .index::before, .section-products-nav-item:nth-of-type(2) .content.active .index::before {
        opacity: 1; }
      .section-products-nav-item:nth-of-type(2) .content:hover .index::after, .section-products-nav-item:nth-of-type(2) .content:focus .index::after, .section-products-nav-item:nth-of-type(2) .content:active .index::after, .section-products-nav-item:nth-of-type(2) .content.active .index::after {
        background: #5fb2b2;
        transform: translate(-50%, -50%) scale(1.2); }
      .section-products-nav-item:nth-of-type(3) .content:hover .index::before, .section-products-nav-item:nth-of-type(3) .content:focus .index::before, .section-products-nav-item:nth-of-type(3) .content:active .index::before, .section-products-nav-item:nth-of-type(3) .content.active .index::before {
        opacity: 1; }
      .section-products-nav-item:nth-of-type(3) .content:hover .index::after, .section-products-nav-item:nth-of-type(3) .content:focus .index::after, .section-products-nav-item:nth-of-type(3) .content:active .index::after, .section-products-nav-item:nth-of-type(3) .content.active .index::after {
        background: #a178b4;
        transform: translate(-50%, -50%) scale(1.2); }
      .section-products-nav-item:nth-of-type(4) .content:hover .index::before, .section-products-nav-item:nth-of-type(4) .content:focus .index::before, .section-products-nav-item:nth-of-type(4) .content:active .index::before, .section-products-nav-item:nth-of-type(4) .content.active .index::before {
        opacity: 1; }
      .section-products-nav-item:nth-of-type(4) .content:hover .index::after, .section-products-nav-item:nth-of-type(4) .content:focus .index::after, .section-products-nav-item:nth-of-type(4) .content:active .index::after, .section-products-nav-item:nth-of-type(4) .content.active .index::after {
        background: #1c388c;
        transform: translate(-50%, -50%) scale(1.2); }
      .section-products-nav-item:nth-of-type(5) .content:hover .index::before, .section-products-nav-item:nth-of-type(5) .content:focus .index::before, .section-products-nav-item:nth-of-type(5) .content:active .index::before, .section-products-nav-item:nth-of-type(5) .content.active .index::before {
        opacity: 1; }
      .section-products-nav-item:nth-of-type(5) .content:hover .index::after, .section-products-nav-item:nth-of-type(5) .content:focus .index::after, .section-products-nav-item:nth-of-type(5) .content:active .index::after, .section-products-nav-item:nth-of-type(5) .content.active .index::after {
        background: #d770a0;
        transform: translate(-50%, -50%) scale(1.2); }
      .section-products-nav-item:nth-of-type(6) .content:hover .index::before, .section-products-nav-item:nth-of-type(6) .content:focus .index::before, .section-products-nav-item:nth-of-type(6) .content:active .index::before, .section-products-nav-item:nth-of-type(6) .content.active .index::before {
        opacity: 1; }
      .section-products-nav-item:nth-of-type(6) .content:hover .index::after, .section-products-nav-item:nth-of-type(6) .content:focus .index::after, .section-products-nav-item:nth-of-type(6) .content:active .index::after, .section-products-nav-item:nth-of-type(6) .content.active .index::after {
        background: #37a5d1;
        transform: translate(-50%, -50%) scale(1.2); }
      .section-products-nav-item:nth-of-type(7) .content:hover .index::before, .section-products-nav-item:nth-of-type(7) .content:focus .index::before, .section-products-nav-item:nth-of-type(7) .content:active .index::before, .section-products-nav-item:nth-of-type(7) .content.active .index::before {
        opacity: 1; }
      .section-products-nav-item:nth-of-type(7) .content:hover .index::after, .section-products-nav-item:nth-of-type(7) .content:focus .index::after, .section-products-nav-item:nth-of-type(7) .content:active .index::after, .section-products-nav-item:nth-of-type(7) .content.active .index::after {
        background: #95c019;
        transform: translate(-50%, -50%) scale(1.2); }
      .section-products-nav-item:nth-of-type(8) .content:hover .index::before, .section-products-nav-item:nth-of-type(8) .content:focus .index::before, .section-products-nav-item:nth-of-type(8) .content:active .index::before, .section-products-nav-item:nth-of-type(8) .content.active .index::before {
        opacity: 1; }
      .section-products-nav-item:nth-of-type(8) .content:hover .index::after, .section-products-nav-item:nth-of-type(8) .content:focus .index::after, .section-products-nav-item:nth-of-type(8) .content:active .index::after, .section-products-nav-item:nth-of-type(8) .content.active .index::after {
        background: #ffb34b;
        transform: translate(-50%, -50%) scale(1.2); }
      .section-products-nav-item:nth-of-type(9) .content:hover .index::before, .section-products-nav-item:nth-of-type(9) .content:focus .index::before, .section-products-nav-item:nth-of-type(9) .content:active .index::before, .section-products-nav-item:nth-of-type(9) .content.active .index::before {
        opacity: 1; }
      .section-products-nav-item:nth-of-type(9) .content:hover .index::after, .section-products-nav-item:nth-of-type(9) .content:focus .index::after, .section-products-nav-item:nth-of-type(9) .content:active .index::after, .section-products-nav-item:nth-of-type(9) .content.active .index::after {
        background: #fa7fb5;
        transform: translate(-50%, -50%) scale(1.2); }
      .section-products-nav-item .index {
        position: relative;
        margin-right: 1rem; }
        .section-products-nav-item .index::before {
          content: counter(counter-products-nav) ".";
          display: block;
          color: #fff;
          opacity: 0;
          transition: all 0.3s ease-in; }
        .section-products-nav-item .index::after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) scale(1);
          background: #f3f3f3;
          z-index: -1;
          width: 5.5rem;
          height: 5.5rem;
          border-radius: 50%;
          transition: all 0.3s ease-in; }
          @media (max-width: 1599px) {
            .section-products-nav-item .index::after {
              width: 4.5rem;
              height: 4.5rem; } }
          @media (max-width: 1365px) {
            .section-products-nav-item .index::after {
              width: 3.5rem;
              height: 3.5rem; } }
    .section-products-nav .nav-select .select-container {
      border-bottom: 0.1rem solid #052B44;
      margin: 0 1rem;
      padding: 0.5rem; }
    .section-products-nav .nav-select select {
      background: transparent;
      border: none;
      height: auto;
      padding: 0.5rem 1rem;
      border-radius: 0 !important; }
      @media (max-width: 467px) {
        .section-products-nav .nav-select select {
          max-width: 23rem; } }
      @media (max-width: 340px) {
        .section-products-nav .nav-select select {
          max-width: 18rem; } }
    .section-products-nav .nav-select-index {
      z-index: 2;
      position: relative;
      display: flex;
      align-items: baseline;
      margin-right: 1rem; }
      .section-products-nav .nav-select-index[data-index="1"]::before {
        background: #95c019; }
      .section-products-nav .nav-select-index[data-index="2"]::before {
        background: #5fb2b2; }
      .section-products-nav .nav-select-index[data-index="3"]::before {
        background: #a178b4; }
      .section-products-nav .nav-select-index[data-index="4"]::before {
        background: #1c388c; }
      .section-products-nav .nav-select-index[data-index="5"]::before {
        background: #d770a0; }
      .section-products-nav .nav-select-index[data-index="6"]::before {
        background: #37a5d1; }
      .section-products-nav .nav-select-index[data-index="7"]::before {
        background: #95c019; }
      .section-products-nav .nav-select-index[data-index="8"]::before {
        background: #ffb34b; }
      .section-products-nav .nav-select-index[data-index="9"]::before {
        background: #fa7fb5; }
      .section-products-nav .nav-select-index::before {
        content: '';
        position: absolute;
        width: 4rem;
        height: 4rem;
        background: red;
        border-radius: 50%;
        left: 25%;
        top: 40%;
        transform: translate(-50%, -50%);
        z-index: -1;
        transition: all 0.3s ease-in; }
      .section-products-nav .nav-select-index::after {
        content: ".";
        display: block;
        color: #fff;
        opacity: 0;
        transition: all 0.3s ease-in; }
  .section-products-tab {
    display: none;
    opacity: 0; }
    .section-products-tab.active {
      display: block;
      opacity: 0; }
    .section-products-tab.animate-in .tab-image {
      animation: fade-bottom-left 1s forwards;
      animation-play-state: paused; }
    .section-products-tab.animate-in .tab-content > * {
      animation: show-opacity 1s forwards;
      animation-play-state: paused; }
      .section-products-tab-image .tab-image img {
        height: auto;
      }
    @media (max-width: 767px) {
      .section-products-tab-image {
        order: 2;
        margin-top: 2rem; } }
  .section-products-single {
    padding-top: 20rem; }
    @media (max-width: 1599px) {
      .section-products-single {
        padding-top: 15rem; } }
    @media (max-width: 1199px) {
      .section-products-single {
        padding-top: 12.5rem; } }
    .section-products-single .section-item {
      margin-bottom: 5rem; }
      @media (min-width: 1920px) {
        .section-products-single .section-item {
          margin-bottom: 10rem; } }
      @media (max-width: 1199px) {
        .section-products-single .section-item {
          margin-bottom: 3rem; } }
      .section-products-single .section-item-content {
        padding: 0 16.66666%; }
        @media (max-width: 1199px) {
          .section-products-single .section-item-content {
            padding: 0 1.5rem; } }
        @media (max-width: 991px) {
          .section-products-single .section-item-content {
            padding: 0 3.5rem; } }
        @media (max-width: 575px) {
          .section-products-single .section-item-content {
            padding: 0 1.5rem; } }
    .section-products-single .logo-container {
      position: relative;
      left: -1rem;
      display: flex;
      align-items: center; }
      @media (max-width: 1365px) {
        .section-products-single .logo-container {
          left: -0.5rem; } }
    .section-products-single .logo-image {
      width: 15rem; }
      @media (max-width: 1365px) {
        .section-products-single .logo-image {
          width: 12rem; } }
      @media (max-width: 767px) {
        .section-products-single .logo-image {
          width: 11rem; } }
    .section-products-single .logo-text {
      position: relative;
      top: 0.2rem;
      display: block; }
      @media (max-width: 1365px) {
        .section-products-single .logo-text {
          top: 0.1rem; } }
      @media (max-width: 767px) {
        .section-products-single .logo-text {
          top: 0.2rem; } }
  .section-products.visible-middle .section-products-tab.animate-in .tab-image {
    animation-play-state: running; }
  .section-products.visible-middle .section-products-tab.animate-in .tab-content > * {
    animation-play-state: running; }
  .section-products-short {
    margin: 8rem 0 10rem; }
    @media (max-width: 991px) {
      .section-products-short {
        margin: 5rem 0; } }
    @media (max-width: 991px) {
      .section-products-short .section-col:last-child {
        display: none; } }
    .section-products-short .section-decoration-middle {
      top: 25%; }
  .section-products .logo-container {
    position: relative;
    left: -1rem;
    display: flex;
    align-items: center; }
    @media (max-width: 1365px) {
      .section-products .logo-container {
        left: -0.5rem; } }
  .section-products .logo-image {
    width: 15rem; height: auto; }
    @media (max-width: 1365px) {
      .section-products .logo-image {
        width: 12rem; } }
    @media (max-width: 767px) {
      .section-products .logo-image {
        width: 11rem; } }
  .section-products .logo-text {
    position: relative;
    top: 0.2rem;
    display: block; }
    @media (max-width: 1365px) {
      .section-products .logo-text {
        top: 0.1rem; } }
    @media (max-width: 767px) {
      .section-products .logo-text {
        top: 0.2rem; } }

.section-product {
  padding: 10rem 0; }
  @media (max-width: 1599px) {
    .section-product {
      padding: 7rem 0; } }
  @media (max-width: 1199px) {
    .section-product {
      padding: 4rem 0 7rem; } }
  .section-product .section-image {
    margin-top: 15rem; }
    @media (max-width: 767px) {
      .section-product .section-image {
        margin-top: 5rem; } }
    @media (max-width: 1199px) {
      .section-product .section-image-img {
        width: 125%;
        transform: translate(5rem); } }
    @media (max-width: 767px) {
      .section-product .section-image-img {
        width: 100%;
        transform: translate(0); } }
    .section-product .section-image-pattern {
      position: absolute;
      top: 5rem;
      left: -15rem;
      opacity: 0.5;
      z-index: -1; }
      @media (max-width: 1599px) {
        .section-product .section-image-pattern {
          top: unset;
          bottom: -10rem;
          left: -25rem; } }
      @media (max-width: 1365px) {
        .section-product .section-image-pattern {
          top: unset;
          bottom: -10rem;
          left: -35rem; } }
      @media (max-width: 991px) {
        .section-product .section-image-pattern {
          top: unset;
          bottom: -5rem;
          left: -35rem; } }
      .section-product .section-image-pattern img {
        width: 120rem; }
        @media (max-width: 1599px) {
          .section-product .section-image-pattern img {
            width: 105rem; } }
        @media (max-width: 1365px) {
          .section-product .section-image-pattern img {
            width: 105rem; } }
        @media (max-width: 991px) {
          .section-product .section-image-pattern img {
            width: 90rem; } }
  .section-product .product-tab-content {
    overflow: hidden;
    max-height: 100%;
    text-overflow: ellipsis; }
  .section-product .product-amount-content {
    background: #101d61;
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
    transform: translateY(-15%);
    margin-left: 1rem; }
    @media (max-width: 1599px) {
      .section-product .product-amount-content {
        width: 9rem;
        height: 9rem; } }
    @media (max-width: 1365px) {
      .section-product .product-amount-content {
        width: 8rem;
        height: 8rem; } }
    @media (max-width: 991px) {
      .section-product .product-amount-content {
        width: 7.5rem;
        height: 7.5rem;
        position: absolute;
        right: 100%; } }
    @media (max-width: 767px) {
      .section-product .product-amount-content {
        position: static;
        width: 7rem;
        height: 7rem; } }
    @media (max-width: 575px) {
      .section-product .product-amount-content {
        width: 6rem;
        height: 6rem; } }
    .section-product .product-amount-content .text-beta {
      margin-bottom: -1rem; }
      @media (max-width: 1365px) {
        .section-product .product-amount-content .text-beta {
          margin-bottom: -0.5rem; } }
  .section-product .product-nav {
    margin: 2.5rem 0; }
    @media (max-width: 767px) {
      .section-product .product-nav {
        margin: 1.5rem 0; } }
    .section-product .product-nav .nav-item {
      width: 33.3333%;
      background: #f8f8f8;
      transition: all 0.2s ease-in;
      height: 4.5rem;
      padding: 1 1.5rem;
      display: flex;
      justify-content: center;
      align-items: center; }
      .section-product .product-nav .nav-item.active {
        background: #44c5e5;
        color: #fff; }
  .section-product .product-attributes img {
    width: 14rem; }
  .section-product .size-nav {
    margin-bottom: 3.5rem; }
    .section-product .size-nav .nav-item {
      width: 12rem;
      height: 5rem;
      position: relative;
      text-transform: uppercase;
      font-weight: 700;
      z-index: 2;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-style: italic;
      font-family: "Mosk", sans-serif;
      border: none;
      background: transparent;
      margin-right: 2.5rem;
      padding: 0.25rem 1rem 0 0;
      transition: all 0.2s ease-in; }
      @media (max-width: 1599px) {
        .section-product .size-nav .nav-item {
          margin-right: 1.5rem; } }
      @media (max-width: 1365px) {
        .section-product .size-nav .nav-item {
          width: 10rem;
          height: 5rem;
          margin-right: 1.5rem; } }
      @media (max-width: 1199px) {
        .section-product .size-nav .nav-item {
          width: 8.5rem;
          height: 4.5rem; } }
      .section-product .size-nav .nav-item:hover, .section-product .size-nav .nav-item:focus, .section-product .size-nav .nav-item:active {
        color: #fff; }
        .section-product .size-nav .nav-item:hover::after, .section-product .size-nav .nav-item:focus::after, .section-product .size-nav .nav-item:active::after {
          opacity: 0.75; }
      .section-product .size-nav .nav-item:last-child {
        margin-right: 0; }
      .section-product .size-nav .nav-item.active {
        color: #fff; }
        .section-product .size-nav .nav-item.active::after {
          opacity: 1; }
      .section-product .size-nav .nav-item::before, .section-product .size-nav .nav-item::after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        border-radius: 3rem;
        transition: all 0.2s ease-in; }
      .section-product .size-nav .nav-item::before {
        background: #f8f8f8; }
      .section-product .size-nav .nav-item::after {
        background: #44c5e5;
        opacity: 0; }
  .section-product .size-table table {
    width: 100%; }
  .section-product .size-table tr {
    border-bottom: 0.1rem solid #052B44;
    transition: all 0.2s ease-in; }
    .section-product .size-table tr.active {
      background: #44c5e5;
      color: #fff; }
      .section-product .size-table tr.active td:first-child {
        border-right-color: #fff; }
    .section-product .size-table tr:last-child {
      border-bottom: none; }
    .section-product .size-table tr:not(:first-child) td:first-child {
      font-style: italic;
      font-weight: 500;
      transition: all 0.2s ease-in; }
  .section-product .size-table td {
    height: 5rem;
    padding: 1rem 1.5rem; }
    @media (max-width: 1599px) {
      .section-product .size-table td {
        height: 4rem; } }
    @media (max-width: 575px) {
      .section-product .size-table td {
        height: 3rem; } }
    .section-product .size-table td:first-child {
      width: 33.33333%;
      border-right: 0.1rem solid #052B44; }
    .section-product .size-table td:last-child {
      width: 66.66666%; }
  .section-product .tab-pane {
    position: absolute;
    opacity: 0;
    display: block !important; }
    .section-product .tab-pane.active {
      position: relative;
      opacity: 1;
      animation: show-opacity 0.3s ease-in; }
  .section-product .logo-container {
    position: relative;
    left: -1rem;
    display: flex;
    align-items: center; }
    @media (max-width: 1365px) {
      .section-product .logo-container {
        left: -0.5rem; } }
  .section-product .logo-image {
    width: 17.5rem; }
    @media (max-width: 1365px) {
      .section-product .logo-image {
        width: 14rem; } }
    @media (max-width: 767px) {
      .section-product .logo-image {
        width: 12rem; } }
    @media (max-width: 467px) {
      .section-product .logo-image {
        width: 10rem; } }
  .section-product .logo-text {
    position: relative;
    top: 0.3rem;
    display: block; }
    @media (max-width: 1365px) {
      .section-product .logo-text {
        top: 0.3rem; } }
    @media (max-width: 767px) {
      .section-product .logo-text {
        top: 0.2rem; } }

.section-video .section-header, .section-video .wave-top {
  position: absolute;
  top: 0; }

.section-video .section-header {
  z-index: 15; }
  @media (max-width: 991px) {
    .section-video .section-header {
      position: static;
      margin: 5rem 0; } }

.section-video .section-content {
  position: relative;
  overflow: hidden;
  padding-top: 5rem; }
  @media (max-width: 1599px) {
    .section-video .section-content {
      padding-top: 7rem; } }
  @media (max-width: 1366px) {
    .section-video .section-content {
      padding-top: 5rem; } }
  @media (max-width: 991px) {
    .section-video .section-content {
      padding-top: 0; } }

.section-video .wave-top {
  width: 100%;
  top: -1rem;
  z-index: 10; }
  @media (max-width: 991px) {
    .section-video .wave-top {
      display: none; } }
  .section-video .wave-top .svg-wave {
    width: 100%;
    height: 21rem;
    transform: rotate(180deg);
    fill: #fff; }
    @media (max-width: 1599px) {
      .section-video .wave-top .svg-wave {
        height: 17rem; } }
    @media (max-width: 1599px) {
      .section-video .wave-top .svg-wave {
        height: 16rem; } }

.section-video .video-container {
  width: 100%;
  padding-top: 56.2%;
  background: rgba(0, 0, 0, 0.1); }
  .section-video .video-container.video-play .video-placeholder, .section-video .video-container.video-play .video-play-button {
    opacity: 0; }
  .section-video .video-container.video-play-ready .video-placeholder, .section-video .video-container.video-play-ready .video-play-button {
    display: none; }
  .section-video .video-container iframe, .section-video .video-container video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.section-video .video-placeholder, .section-video .video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in; }

.section-video .video-placeholder {
  z-index: 2; }
  .section-video .video-placeholder img {
    width: 100%;
    min-height: 100%;
    height: auto;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

.section-video .video-play-button {
  z-index: 3;
  background: none;
  border: none; }
  .section-video .video-play-button:hover img, .section-video .video-play-button:focus img, .section-video .video-play-button:active img {
    transform: scale(1.07); }
  .section-video .video-play-button img {
    width: 10rem;
    height: auto;
    transition: transform 0.3s ease-out;
    filter: drop-shadow(0 0 1.5rem rgba(0, 0, 0, 0.8)); }
    @media (max-width: 575px) {
      .section-video .video-play-button img {
        width: 6rem; } }

.section-articles .article-item {
  padding-top: 65%;
  position: relative;
  margin-bottom: 3rem;
  overflow: hidden;
  z-index: 2;
  width: 100%; }
  .section-articles .article-item:nth-last-of-type(1) {
    margin-bottom: 0; }
  @media (max-width: 1199px) {
    .section-articles .article-item {
      padding-top: 75%;
      margin-bottom: 1.5rem; }
      .section-articles .article-item:nth-last-of-type(1) {
        margin-bottom: 1.5rem; } }
  .section-articles .article-item:hover .article-item-image, .section-articles .article-item:focus .article-item-image, .section-articles .article-item:active .article-item-image {
    transform: scale(1.03); }
  .section-articles .article-item:hover .article-item-content::before, .section-articles .article-item:focus .article-item-content::before, .section-articles .article-item:active .article-item-content::before {
    opacity: 1; }
  .section-articles .article-item-overlay, .section-articles .article-item-image, .section-articles .article-item-content {
    position: absolute; }
  .section-articles .article-item-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    display: block;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease-in;
    z-index: 2;
    opacity: 0; }
  .section-articles .article-item-image {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 1s ease-out; }
    .section-articles .article-item-image img {
      min-width: 100%;
      min-height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1; }
  .section-articles .article-item-content {
    right: 0;
    bottom: 0;
    width: 60%;
    z-index: 2;
    padding: 2.5rem 3rem;
    background: rgba(255, 255, 255, 0.88);
    transition: all 0.4s ease-out; }
    @media (max-width: 1199px) {
      .section-articles .article-item-content {
        padding: 1.5rem 2rem; } }
    @media (max-width: 991px) {
      .section-articles .article-item-content {
        width: 75%; } }
    .section-articles .article-item-content::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      z-index: -1;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
      opacity: 0;
      transition: all 0.4s ease-in; }
    .section-articles .article-item-content > * {
      letter-spacing: 0.04em; }
    .section-articles .article-item-content-title {
      letter-spacing: 0.02em;
      margin-bottom: 2.5rem; }
      @media (max-width: 1199px) {
        .section-articles .article-item-content-title {
          margin-bottom: 1.5rem; } }
      @media (max-width: 1199px) {
        .section-articles .article-item-content-title {
          margin-bottom: 1rem; } }
    .section-articles .article-item-content-description {
      margin-bottom: 2.5rem; }
      @media (max-width: 1199px) {
        .section-articles .article-item-content-description {
          margin-bottom: 1rem; } }
      @media (max-width: 467px) {
        .section-articles .article-item-content-description {
          display: none; } }
    .section-articles .article-item-content-info {
      margin-bottom: 1.5rem; }
      @media (max-width: 1199px) {
        .section-articles .article-item-content-info {
          margin-bottom: 0.75rem; } }
      .section-articles .article-item-content-info > * {
        display: flex;
        align-items: center;
        margin-right: 0.7rem; }
        .section-articles .article-item-content-info > *::after {
          content: '';
          display: block;
          width: 0.15rem;
          height: 1.2rem;
          background: #052B44;
          margin-left: 0.7rem; }
        .section-articles .article-item-content-info > *:nth-last-child(1) {
          margin-right: 0; }
          .section-articles .article-item-content-info > *:nth-last-child(1)::after {
            content: unset; }
    .section-articles .article-item-content-link {
      display: inline-flex;
      flex-direction: column; }
      .section-articles .article-item-content-link::after {
        content: '';
        display: block;
        width: 100%;
        height: 0.1rem;
        background: #052B44;
        margin-top: 0.5rem; }

.section-articles-single {
  margin-top: 20rem; }
  .section-articles-single .section-header {
    margin-bottom: 9rem; }

.section-articles-short {
  padding: 10rem 0;
  overflow: hidden;
  z-index: 2; }
  @media (max-width: 1365px) {
    .section-articles-short {
      padding: 7.5rem 0; } }
  @media (max-width: 991px) {
    .section-articles-short {
      padding: 5rem 0; } }
  .section-articles-short .section-content {
    margin-top: -4rem; }
    @media (max-width: 991px) {
      .section-articles-short .section-content {
        margin-top: 0; } }
    .section-articles-short .section-content-item {
      margin-right: 3rem; }
      @media (max-width: 991px) {
        .section-articles-short .section-content-item {
          margin-right: 1.5rem; } }
      @media (max-width: 767px) {
        .section-articles-short .section-content-item {
          margin-right: 0;
          padding: 0 0.75rem; } }
      @media (max-width: 575px) {
        .section-articles-short .section-content-item {
          padding: 0; } }
      .section-articles-short .section-content-item:nth-last-of-type(1) {
        margin-right: 0; }
      .section-articles-short .section-content-item-stamp {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 13rem; }
        @media (max-width: 1199px) {
          .section-articles-short .section-content-item-stamp {
            height: 8rem; } }
        @media (max-width: 575px) {
          .section-articles-short .section-content-item-stamp {
            height: 5rem; } }
  .section-articles-short .section-decoration {
    position: absolute;
    right: calc(100% + 5rem);
    top: 50%;
    transform: translate(35%, calc(-50% + 7.5rem)) rotate(10deg);
    width: 100rem;
    border-radius: 46% 54% 53% 47% / 21% 71% 29% 79%;
    background: #D6F4FB;
    animation: section-articles-short-decoration  25s linear infinite; }
    @media (max-width: 1599px) {
      .section-articles-short .section-decoration {
        width: 80rem; } }
    @media (max-width: 1365px) {
      .section-articles-short .section-decoration {
        width: 60rem; } }
    @media (max-width: 991px) {
      .section-articles-short .section-decoration {
        width: 50rem; } }
    .section-articles-short .section-decoration::before {
      right: 0;
      top: 0;
      width: 12.5%;
      height: 115%;
      opacity: 0.9;
      background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.05)); }
    .section-articles-short .section-decoration::after {
      content: '';
      display: block;
      width: 100%;
      padding-top: 90%; }

.section-articles-list {
  padding: 5rem 10rem 8.5rem; }
  @media (max-width: 1599px) {
    .section-articles-list {
      padding: 5rem 6rem 8.5rem; } }
  @media (max-width: 1365px) {
    .section-articles-list {
      padding: 5rem 3rem 8.5rem; } }
  @media (max-width: 1199px) {
    .section-articles-list {
      padding: 5rem 0 8.5rem; } }
  .section-articles-list .section-title {
    margin-bottom: 4.5rem; }
  @media (max-width: 1599px) {
    .section-articles-list .article-item {
      padding-top: 75%; } }
  @media (max-width: 1365px) {
    .section-articles-list .article-item {
      padding-top: 85%; } }
  @media (max-width: 1599px) {
    .section-articles-list .article-item-content {
      width: 75%; } }
  @media (max-width: 1365px) {
    .section-articles-list .article-item-content {
      width: 85%; } }
  @media (max-width: 991px) {
    .section-articles-list .article-block:nth-last-of-type(1) {
      display: none; } }

.section-articles-long .section-header {
  margin: 21rem 0 9rem; }
  @media (max-width: 1599px) {
    .section-articles-long .section-header {
      margin: 18rem 0 5rem; } }
  @media (max-width: 1199px) {
    .section-articles-long .section-header {
      margin: 15rem 0 3rem; } }
  @media (max-width: 991px) {
    .section-articles-long .section-header {
      margin: 14rem 0 2.5rem; } }

.section-articles-long .section-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 3rem;
  grid-row-gap: 3.5rem; }
  @media (max-width: 1365px) {
    .section-articles-long .section-content {
      grid-column-gap: 1.5rem;
      grid-row-gap: 1.5rem; } }
  @media (max-width: 1199px) {
    .section-articles-long .section-content {
      grid-column-gap: 1.5rem;
      grid-row-gap: 1.5rem; } }
  @media (max-width: 991px) {
    .section-articles-long .section-content {
      grid-column-gap: 1.5rem;
      grid-row-gap: 1.5rem;
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 575px) {
    .section-articles-long .section-content {
      grid-template-columns: 1fr; } }
  .section-articles-long .section-content .article-item {
    margin-bottom: 0; }
    @media (min-width: 576px) {
      .section-articles-long .section-content .article-item:nth-of-type(1) {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3; } }
    @media (max-width: 1199px) {
      .section-articles-long .section-content .article-item-content {
        width: 75%; } }
    @media (max-width: 467px) {
      .section-articles-long .section-content .article-item-content {
        width: 80%; }
        .section-articles-long .section-content .article-item-content-title {
          font-size: 1.8rem !important; } }

@media (min-width: 576px) {
  .section-articles-long.section-articles-search .article-item:nth-of-type(1) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2; } }

.section-articles-long .pagination {
  margin: 5rem 0 8rem; }
  @media (max-width: 1365px) {
    .section-articles-long .pagination {
      margin: 4rem 0 6rem; } }
  @media (max-width: 991px) {
    .section-articles-long .pagination {
      margin: 4rem 0 3rem; } }
  @media (max-width: 575px) {
    .section-articles-long .pagination {
      margin: 3rem 0 2rem; } }

.section-article {
  padding-top: 7rem; }
  .section-article-container {
    border-bottom: 0.1rem solid #d2d2d2; }
  .section-article .article-image {
    position: relative;
    top: 11rem; }
    @media (max-width: 1365px) {
      .section-article .article-image {
        top: 8rem; } }
    @media (max-width: 991px) {
      .section-article .article-image {
        top: 5rem; } }
    @media (max-width: 575px) {
      .section-article .article-image {
        top: 3rem;
        width: calc(100% + 3rem);
        left: -1.5rem; } }
  .section-article .article-header, .section-article .article-content {
    position: relative;
    z-index: 2; }
  .section-article .article-header {
    background: #fff;
    padding: 4rem 15rem;
    margin: 0 8rem;
    margin-bottom: 1.5rem; }
    @media (max-width: 1599px) {
      .section-article .article-header {
        padding: 4rem 10rem; } }
    @media (max-width: 1365px) {
      .section-article .article-header {
        padding: 4rem 6rem; } }
    @media (max-width: 1199px) {
      .section-article .article-header {
        padding: 3rem; } }
    @media (max-width: 991px) {
      .section-article .article-header {
        margin: 0 4rem; } }
    @media (max-width: 767px) {
      .section-article .article-header {
        margin: 0 2.5rem;
        padding: 2.5rem 1rem; } }
    @media (max-width: 575px) {
      .section-article .article-header {
        margin: 0;
        padding: 2rem 0.5rem; } }
    .section-article .article-header-info {
      margin-bottom: 1.5rem; }
      .section-article .article-header-info > * {
        display: flex;
        align-items: center;
        margin-right: 0.7rem; }
        .section-article .article-header-info > *::after {
          content: '';
          display: block;
          width: 0.15rem;
          height: 1.2rem;
          background: #052B44;
          margin-left: 0.7rem; }
        .section-article .article-header-info > *:nth-last-child(1) {
          margin-right: 0; }
          .section-article .article-header-info > *:nth-last-child(1)::after {
            content: unset; }
  .section-article .article-content {
    letter-spacing: 0.02em;
    line-height: 3.2rem;
    padding-bottom: 2rem; }
    @media (max-width: 1199px) {
      .section-article .article-content {
        padding-bottom: 1.5rem; } }
    .section-article .article-content > * {
      margin-bottom: 1.5rem; }
      @media (max-width: 1599px) {
        .section-article .article-content > * {
          margin-bottom: 1.5rem; } }
      @media (max-width: 1365px) {
        .section-article .article-content > * {
          margin-bottom: 1.5rem; } }
      @media (max-width: 991px) {
        .section-article .article-content > * {
          margin-bottom: 1.5rem; } }

.section-policy {
  padding: 16rem 0 7rem; }
  .section-policy .section-title {
    margin-bottom: 5.5rem; }
    @media (max-width: 1365px) {
      .section-policy .section-title {
        margin-bottom: 4.5rem; } }
    @media (max-width: 1199px) {
      .section-policy .section-title {
        margin-bottom: 3.5rem; } }
    @media (max-width: 991px) {
      .section-policy .section-title {
        margin-bottom: 2.5rem; } }
  .section-policy .section-text {
    padding-bottom: 2.5rem; }
    .section-policy .section-text > p {
      margin-bottom: 3rem; }
      @media (max-width: 1365px) {
        .section-policy .section-text > p {
          margin-bottom: 2rem; } }
      @media (max-width: 991px) {
        .section-policy .section-text > p {
          margin-bottom: 1.5rem; } }
  .section-policy .section .btn-back {
    min-width: 18rem;
    max-width: 100%;
    margin-top: 5rem; }
    @media (max-width: 1365px) {
      .section-policy .section .btn-back {
        margin-top: 3rem;
        min-width: 15rem; } }
    @media (max-width: 991px) {
      .section-policy .section .btn-back {
        margin-top: 2rem;
        min-width: 12rem; } }

.section-sample {
  padding-top: 15rem; }
  .section-sample .section-text {
    margin-bottom: 5rem; }
    @media (max-width: 1599px) {
      .section-sample .section-text {
        margin-bottom: 3.5rem; } }
    @media (max-width: 991px) {
      .section-sample .section-text {
        margin-bottom: 2.5rem; } }
    @media (max-width: 575px) {
      .section-sample .section-text {
        margin-bottom: 1.5rem; } }
    .section-sample .section-text strong {
      font-weight: 600; }
  @media (max-width: 767px) {
    .section-sample .section-image {
      transform: scale(1.2);
      margin-bottom: 2rem; } }
  .section-sample-form {
    margin: 5rem 0; }
    @media (max-width: 1599px) {
      .section-sample-form {
        margin: 3rem 0 5rem; } }
    @media (max-width: 991px) {
      .section-sample-form {
        margin: 1rem 0 3rem; } }
    .section-sample-form .error {
      color: #e90404; }
    .section-sample-form .section-form-size {
      margin: 2.5rem 0 4.5rem;
      padding-bottom: 4.5rem;
      position: relative; }
      @media (max-width: 1599px) {
        .section-sample-form .section-form-size {
          margin: 2rem 0 3rem;
          padding-bottom: 3.5rem; } }
      @media (max-width: 767px) {
        .section-sample-form .section-form-size {
          margin: 1rem 0 3rem;
          padding-bottom: 3.5rem; } }
      .section-sample-form .section-form-size::after {
        content: '';
        width: 100%;
        background: #d2d2d2;
        height: 0.1rem;
        position: absolute;
        left: 0;
        bottom: 0; }
      .section-sample-form .section-form-size > div {
        display: flex;
        justify-content: center;
        align-items: center; }
      .section-sample-form .section-form-size label {
        width: 12rem;
        height: 5rem;
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-style: italic;
        font-family: "Mosk", sans-serif;
        border: none;
        background: transparent;
        margin-right: 2.5rem;
        padding: 0.25rem 1rem 0 0;
        transition: all 0.2s ease-in; }
        @media (max-width: 1599px) {
          .section-sample-form .section-form-size label {
            margin-right: 1.5rem; } }
        @media (max-width: 1365px) {
          .section-sample-form .section-form-size label {
            width: 10rem;
            height: 5rem;
            margin-right: 1.5rem; } }
        @media (max-width: 1199px) {
          .section-sample-form .section-form-size label {
            width: 8.5rem;
            height: 4.5rem; } }
        .section-sample-form .section-form-size label:hover, .section-sample-form .section-form-size label:focus, .section-sample-form .section-form-size label:active {
          color: #fff; }
          .section-sample-form .section-form-size label:hover::after, .section-sample-form .section-form-size label:focus::after, .section-sample-form .section-form-size label:active::after {
            opacity: 0.75; }
        .section-sample-form .section-form-size label:last-child {
          margin-right: 0; }
        .section-sample-form .section-form-size label.checked {
          color: #fff; }
          .section-sample-form .section-form-size label.checked::after {
            opacity: 1; }
        .section-sample-form .section-form-size label::before, .section-sample-form .section-form-size label::after {
          content: '';
          position: absolute;
          z-index: -1;
          width: 100%;
          height: 100%;
          border-radius: 3rem;
          transition: all 0.2s ease-in; }
        .section-sample-form .section-form-size label::before {
          background: #f8f8f8; }
        .section-sample-form .section-form-size label::after {
          background: #44c5e5;
          opacity: 0; }
    .section-sample-form .section-form .form-control {
      background: #f2f2f2;
      color: #6c6c6c;
      max-height: auto;
      height: 6rem;
      display: block;
      padding: 1rem 2.5rem;
      border: none;
      border-radius: 1rem;
      margin: 0.75rem 0;
      transition: all 0.2s ease-in; }
      .section-sample-form .section-form .form-control::-moz-placeholder {
        color: #6c6c6c; }
      .section-sample-form .section-form .form-control::-webkit-input-placeholder {
        color: #6c6c6c; }
      .section-sample-form .section-form .form-control:-ms-input-placeholder {
        color: #6c6c6c; }
      .section-sample-form .section-form .form-control:-moz-placeholder {
        color: #6c6c6c; }
      @media (max-width: 1365px) {
        .section-sample-form .section-form .form-control {
          height: 5rem;
          margin: 0.5rem 0; } }
      .section-sample-form .section-form .form-control:focus, .section-sample-form .section-form .form-control:active {
        background: #dfdfdf; }
    @media (max-width: 1199px) {
      .section-sample-form .section-form .row {
        margin: 0 -0.75rem; } }
    .section-sample-form .section-form .row .col-12, .section-sample-form .section-form .row .col-sm-6, .section-sample-form .section-form .row .col-sm-3 {
      padding: 0 0.75rem; }
    .section-sample-form .section-item.selected .section-item-size {
      opacity: 1; }
    .section-sample-form .section-item.selected .section-item-radio::before {
      opacity: 1; }
    .section-sample-form .section-item-button {
      background: transparent;
      border: none; }
    .section-sample-form .section-item-size {
      opacity: 0.3;
      transition: opacity 0.2s ease-out; }
      .section-sample-form .section-item-size .size-element {
        width: 12rem;
        height: 5rem;
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-style: italic;
        font-family: "Mosk", sans-serif;
        border: none;
        background: transparent;
        margin-right: 2.5rem;
        padding: 0.25rem 1rem 0 0;
        transition: all 0.2s ease-in; }
        @media (max-width: 1599px) {
          .section-sample-form .section-item-size .size-element {
            margin-right: 1.5rem; } }
        @media (max-width: 1365px) {
          .section-sample-form .section-item-size .size-element {
            width: 10rem;
            height: 5rem;
            margin-right: 1.5rem; } }
        @media (max-width: 1199px) {
          .section-sample-form .section-item-size .size-element {
            width: 8.5rem;
            height: 4.5rem; } }
        .section-sample-form .section-item-size .size-element:hover, .section-sample-form .section-item-size .size-element:focus, .section-sample-form .section-item-size .size-element:active {
          color: #fff; }
          .section-sample-form .section-item-size .size-element:hover::after, .section-sample-form .section-item-size .size-element:focus::after, .section-sample-form .section-item-size .size-element:active::after {
            opacity: 0.75; }
        .section-sample-form .section-item-size .size-element:last-child {
          margin-right: 0; }
        .section-sample-form .section-item-size .size-element.checked {
          color: #fff; }
          .section-sample-form .section-item-size .size-element.checked::after {
            opacity: 1; }
        .section-sample-form .section-item-size .size-element::before, .section-sample-form .section-item-size .size-element::after {
          content: '';
          position: absolute;
          z-index: -1;
          width: 100%;
          height: 100%;
          border-radius: 3rem;
          transition: all 0.2s ease-in; }
        .section-sample-form .section-item-size .size-element::before {
          background: #f8f8f8; }
        .section-sample-form .section-item-size .size-element::after {
          background: #44c5e5;
          opacity: 0; }
      .section-sample-form .section-item-size.size--long .size-element {
        width: 21rem; }
        @media (max-width: 1365px) {
          .section-sample-form .section-item-size.size--long .size-element {
            width: 17rem; } }
        @media (max-width: 1199px) {
          .section-sample-form .section-item-size.size--long .size-element {
            width: 13rem; } }
    .section-sample-form .section-item-radio {
      display: block;
      width: 1.7rem;
      height: 1.7rem;
      min-width: 1.7rem;
      min-height: 1.7rem;
      border: 0.1rem solid #828282;
      background: #ebebeb;
      border-radius: 50%;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
      .section-sample-form .section-item-radio::before {
        content: '';
        display: block;
        width: calc(100% - 0.4rem);
        height: calc(100% - 0.4rem);
        background: #828282;
        border-radius: 50%;
        opacity: 0;
        transition: opacity 0.3s ease-out; }
    .section-sample-form .checks .form-group {
      margin-top: 2.5rem; }
      .section-sample-form .checks .form-group label {
        display: block;
        padding-left: 4rem;
        position: relative;
        cursor: pointer; }
        .section-sample-form .checks .form-group label.checked::after {
          opacity: 1; }
        .section-sample-form .checks .form-group label::before, .section-sample-form .checks .form-group label::after {
          content: '';
          position: absolute;
          left: 2rem;
          transform: translate(-50%); }
        .section-sample-form .checks .form-group label::before {
          top: 0;
          width: 2rem;
          height: 2rem;
          border-radius: 50%;
          border: 0.2rem solid #40b4e5; }
        .section-sample-form .checks .form-group label::after {
          top: 0;
          width: 2rem;
          height: 2rem;
          border-radius: 50%;
          background: #40b4e5;
          opacity: 0;
          transition: all 0.2s ease-in; }
    .section-sample-form .logo-container {
      position: relative;
      left: -1rem;
      display: flex;
      align-items: center; }
      @media (max-width: 1365px) {
        .section-sample-form .logo-container {
          left: -0.5rem; } }
    .section-sample-form .logo-image {
      width: 12rem; }
      @media (max-width: 1365px) {
        .section-sample-form .logo-image {
          width: 9rem; } }
      @media (max-width: 767px) {
        .section-sample-form .logo-image {
          width: 7rem; } }
    .section-sample-form .logo-text {
      position: relative;
      top: 0.2rem;
      display: block; }
      @media (max-width: 1599px) {
        .section-sample-form .logo-text {
          top: 0.3rem; } }
      @media (max-width: 1365px) {
        .section-sample-form .logo-text {
          top: 0.1rem; } }
      @media (max-width: 1199px) {
        .section-sample-form .logo-text {
          top: 0.2rem; } }
      @media (max-width: 767px) {
        .section-sample-form .logo-text {
          top: 0.1rem; } }

.section-contact {
  padding: 18rem 0 8rem; }
  .section-contact .form-group {
    margin-bottom: 2.5rem; }
    @media (max-width: 1365px) {
      .section-contact .form-group {
        margin-top: 1.5rem; } }
    .section-contact .form-group:nth-last-child(2) {
      margin-bottom: 1.25rem; }
  .section-contact .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 0.1rem solid #101d61;
    background: transparent;
    text-align: center;
    padding: 1rem 1.5rem;
    display: block;
    height: auto; }
    @media (max-width: 1365px) {
      .section-contact .form-control {
        padding: 0.5rem 1.5rem; } }
    .section-contact .form-control::-moz-placeholder {
      color: #000; }
    .section-contact .form-control::-webkit-input-placeholder {
      color: #000; }
    .section-contact .form-control:-ms-input-placeholder {
      color: #000; }
    .section-contact .form-control:-moz-placeholder {
      color: #000; }
  .section-contact .form-submit {
    min-width: 18rem;
    max-width: 100%;
    margin-top: 5rem; }
    @media (max-width: 1365px) {
      .section-contact .form-submit {
        margin-top: 3rem;
        min-width: 15rem; } }
    @media (max-width: 991px) {
      .section-contact .form-submit {
        margin-top: 2rem;
        min-width: 12rem; } }
  .section-contact .checkbox {
    position: relative; }
    .section-contact .checkbox.checked label::after {
      opacity: 1; }
    .section-contact .checkbox label {
      position: relative;
      cursor: pointer;
      line-height: 1.7rem; }
      .section-contact .checkbox label::before, .section-contact .checkbox label::after {
        content: '';
        position: absolute;
        border-radius: 50%;
        left: -2.75rem; }
        @media (max-width: 1199px) {
          .section-contact .checkbox label::before, .section-contact .checkbox label::after {
            left: -2rem; } }
      .section-contact .checkbox label::before {
        border: 0.4rem solid #101d61;
        width: 2.5rem;
        height: 2.5rem;
        top: 0;
        transform: translate(-50%); }
        @media (max-width: 1199px) {
          .section-contact .checkbox label::before {
            width: 2rem;
            height: 2rem; } }
      .section-contact .checkbox label::after {
        transition: all 0.3s ease-out;
        width: 1.2rem;
        height: 1.2rem;
        background: #101d61;
        top: 1.25rem;
        transform: translate(-50%, -50%);
        opacity: 0; }
        @media (max-width: 1199px) {
          .section-contact .checkbox label::after {
            top: 1rem;
            width: 1rem;
            height: 1rem; } }
    .section-contact .checkbox input {
      display: none; }
  .section-contact textarea.form-control {
    resize: none;
    height: 12rem; }
  .section-contact .checkbox, .section-contact .legend {
    padding-left: 5.5rem; }
    @media (max-width: 1199px) {
      .section-contact .checkbox, .section-contact .legend {
        padding-left: 3.5rem; } }