header{
  background-color: #111;
  padding: 1.2rem;
  width: 100%;
  position: fixed;
  left: 0;
  top:0;
  right: 0;
  z-index: 9;
}
header .container{
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
header nav a{
  margin-right: 2rem;
}
header nav a.logo svg{
  fill-rule:evenodd;
  clip-rule:evenodd;
  stroke-linejoin:round;
  stroke-miterlimit:2;
  fill: #fff;
  width: 2.5rem;
  height: 2.5rem;
}
header a.phone{
  font-family: 'Gilroy-Bold';
  font-size: 1.429rem;
  line-height: 1.429rem;
  margin-right: 1rem;
}
header .mobile{
  display: none;
}
section{
  scroll-margin-top: 5.286rem;
}
section:nth-child(odd){
  background-color: rgba(105, 167, 161, .1);
}
#intro{
  background-position: top right;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-attachment: fixed;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  min-height: 100svh;
}
#intro .text{
  max-width: 45%;
}
#intro .text h1, #intro .text h6{
  color: #fff;
}
#intro .text h6{
  margin-bottom: 0;
}
#about{
  position: relative;
  padding: 7rem 1.5rem;
}
#about:after {
  width: 30%;
  background-color: rgb(142, 187, 183);
  position: absolute;
  content: '';
  top:0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
#about .container{
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#about .text{
  width: 50%;
  margin-right: 15%;
  text-align: center;
}
#about .text a{
  color: rgba(142, 187, 183, .8);
}
#about .video {
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  aspect-ratio: 9/16;
  position: relative;
  z-index: 1;
  width: 35%;
}
#about .video #togglePlay {
z-index: 2;
position: absolute;
right: 1rem;
top: 1rem;
padding: .8rem .8rem;
background: rgba(142, 187, 183, .8);
color: white;
border: none;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
-o-transition: -o-transform 0.2s;
-moz-transition: transform 0.2s, -moz-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s;
display: inline-flex;
align-items: center;
justify-content: center;
bottom: 0;
left: 0;
margin: auto;
width: 3.5rem;
height: 3.5rem;
}
#about .video #togglePlay svg {
  width: 1.5rem;
  height: 1.5rem;
}
#about .video video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#about .video:hover .aboutplay-button{
  opacity: 1!important;
}
#whyme{
  background-image: url('/static/theme/img/bkg1.webp');
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  min-height: 100svh;
}
#whyme .wrap{
  -webkit-justify-content: space-evenly;
          -webkit-box-pack: space-evenly;
             -moz-box-pack: space-evenly;
              -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 7rem;
  padding-bottom: 7rem;
  padding-left: 7rem;
}
#whyme .wrap div{
  width: 33.33%;
  padding: 1.5rem;
  text-align: center;
}
#whyme .wrap div h5{
  color: rgb(142, 187, 183);
}
#whyme .wrap div p{
  color: #fff;
}
#whyme .wrap div img {
width: 3rem;
margin-bottom: 1rem;
}
#galery{
  padding: 7rem 1.5rem;
}
#galery .swiper{
  margin-top: 2rem;
}
#galery .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 47.5%;
  cursor: pointer;
}
#galery .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  aspect-ratio: 16/9;
}
#galery .swiper-slide.port img{
  aspect-ratio: 9/16;
}
#galery .swiper-slide.port {
  width: 15%;
}
#video{
  padding: 7rem 1.5rem;
}
#video .container{
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2rem;
}
#video .video-container {
  position: relative;
  width: -webkit-calc(50% - 1.5rem);
  width: -moz-calc(50% - 1.5rem);
  width: calc(50% - 1.5rem);
  margin-bottom: 1.5rem;
  aspect-ratio: 16/9;
  background-color: #111;
}
#video .video-poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#video .play-button {
  background: rgba(142, 187, 183, .8);
  color: white;
  border: none;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -moz-transition: transform 0.2s, -moz-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s;
  padding: 1.1rem;
  width: 3.5rem;
  height: 3.5rem;
}
#video .play-button svg{
  margin-left: .2rem;
}
#video .video-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#partner{
  padding: 7rem 1.5rem;
  text-align: center;
}
#partner h6{
  font-weight: normal;
  padding: 0 1.5rem;
}
#partner .container{
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2rem;
}
#partner .card{
  border: 1px solid rgba(105, 180, 250, .1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  overflow: hidden;
  margin: .75rem;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  background-color: #fff;
  position: relative;
  width: -webkit-calc(20% - 1.5rem);
  width: -moz-calc(20% - 1.5rem);
  width: calc(20% - 1.5rem);
  padding: 0 1.5rem;
}
#partner .card img{
  width: 100%;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-filter: gray;
          filter: gray;
}
#colab{
  padding: 7rem 1.5rem;
}
#colab .text{
width: 50%;
}
#colab .links{
width: 50%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-flow: column;
    -ms-flex-flow: column;
        flex-flow: column;
-webkit-box-align: end;
-webkit-align-items: end;
   -moz-box-align: end;
    -ms-flex-align: end;
        align-items: end;
-webkit-box-pack: center;
-webkit-justify-content: center;
   -moz-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}
#colab .links a{
  margin-bottom: 1rem;
  min-width: 65%;
}
#form1{
  background-image: url('/static/theme/img/bkg2.webp');
  background-position: center left;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  min-height: 100svh;
  padding: 7rem 1.5rem;
}
#form1 form{
  float: right;
  width: 55%;
}
#form1 form input, #form2 form input{
  width: -webkit-calc(50% - .7rem);
  width: -moz-calc(50% - .7rem);
  width: calc(50% - .7rem);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#form1 form input:nth-child(odd), #form2 form input:nth-child(odd){
  margin-left: .5rem;
}
#form1 form input:nth-child(even), #form2 form input:nth-child(even){
  margin-right: .5rem;
}
#form1 form h4, #form1 form h6, #form2 form h4, #form2 form h6{
  color: #fff;
}
#form2{
  background-image: url('/static/theme/img/bkg3.webp');
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  min-height: 100svh;
  padding: 7rem 1.5rem;
  background-attachment: fixed;
}
#form2 form{
  float: left;
  width: 55%;
}
#form1 form h6, #form2 form h6{
  font-weight: normal;
  margin-bottom: 2rem;
}
.rkn{
  width: 100%;
  margin-top: .2rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.rkn small{
  line-height: 1.2rem;
  vertical-align: middle;
  color: #fff;
}
.rkn small a{
  color: rgba(142, 187, 183, 1);
  text-decoration: none;
}
.rkn small a:hover{
  color: rgba(142, 187, 183, .8);
}
 #rkncheckboxbutton, #rkncheckboxbutton2, #rkncheckboxbutton3 {
  vertical-align: middle;
  margin: 0 .5rem;
  cursor: pointer;
  fill: none;
  stroke-width: 2px;
  width: 2.5rem;
}
 #rkncheckboxbutton .rkncheck, #rkncheckboxbutton2 .rkncheck, #rkncheckboxbutton3 .rkncheck{
  stroke: transparent;
}
 #rkncheckboxbutton .rkncheckbox, #rkncheckboxbutton2 .rkncheckbox{
  stroke: #fff;
}
 #rkncheckboxbutton:hover .rkncheckbox, #rkncheckboxbutton:hover .rkncheck, #rkncheckboxbutton2:hover .rkncheckbox, #rkncheckboxbutton2:hover .rkncheck{
  stroke: #fff;
}
 #rkncheckboxbutton.checked .rkncheck, #rkncheckboxbutton.checked .rkncheckbox, #rkncheckboxbutton2.checked .rkncheck, #rkncheckboxbutton2.checked .rkncheckbox{
  stroke: #fff;
}
#rkncheckboxbutton3.checked .rkncheck, #rkncheckboxbutton3.checked .rkncheckbox, #rkncheckboxbutton3:hover .rkncheckbox, #rkncheckboxbutton3:hover .rkncheck, #rkncheckboxbutton3 .rkncheckbox{
  stroke: #111;
}
footer{
  background-color: #111;
  padding: 7rem 1.5rem;
  width: 100%;
}
footer h4, footer p, footer a, footer small{
  color: #fff;
}
footer h4{
  margin-bottom: 0;
}
footer p{
  font-size: 1.314rem;
}
footer small{
  display: block;
  margin-bottom: 2rem;
}
footer .wrap{
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: end;
     -moz-box-align: end;
      -ms-flex-align: end;
              -ms-grid-row-align: end;
          align-items: end;
}
footer .text{
  padding-right: 5%;
  width: 50%;
}
footer .contacts{
  padding-left: 5%;
  text-align: right;
  width: 50%;
}
footer .contacts .link{
  display: block;
  font-size: 1.414rem;
  margin-bottom: 1rem;
}
footer .contacts .socials{
  -webkit-box-pack: end;
  -webkit-justify-content: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-top: 2rem;
}
footer .contacts .socials a{
  margin-left: 1.5rem;
}
footer .contacts .socials a img{
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-filter: gray;
          filter: gray;
}
.lightbox-modal {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.9);
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  z-index: 1000;
}
.lightbox-modal.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-content {
  position: relative;
  width: 90%;
  max-width: 900px;
  height: 90vh;
}
.modal-swiper .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.swiper-button-next, .swiper-button-prev{
  color: rgb(142, 187, 183);
  width: 1.2rem;
}
.modal-swiper img {
  max-width: 100%;
  max-height: 90vh;
  -o-object-fit: contain;
     object-fit: contain;
}
.close-btn {
  position: absolute;
  border: none;
  cursor: pointer;
  z-index: 10;
  font-weight: 100;
  font-family: 'Gilroy-Light';
  top: 1rem;
  right: 1rem;
  padding: .8rem;
  font-size: 4rem;
  color: rgb(142, 187, 183);
  background-color: transparent!important;
}
/* Callback */
#callback-modal {
  display: none;
  position: fixed;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  overflow: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
}
#callback-modal.is-open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-dialog {
  position: relative;
  border: 1px solid rgba(105, 180, 250, .1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  overflow: hidden;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0.1) 0 0.625rem 0.938rem -0.188rem, rgba(0, 0, 0, 0.1) 0 0.25rem 0.375rem -0.25rem;
    -moz-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0.1) 0 0.625rem 0.938rem -0.188rem, rgba(0, 0, 0, 0.1) 0 0.25rem 0.375rem -0.25rem;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0.1) 0 0.625rem 0.938rem -0.188rem, rgba(0, 0, 0, 0.1) 0 0.25rem 0.375rem -0.25rem;
  max-width: 44rem;
  width: -webkit-calc(100% - 1rem);
  width: -moz-calc(100% - 1rem);
  width: calc(100% - 1rem);
  margin: auto;
  -webkit-animation: modalFadeIn 0.3s ease-out;
     -moz-animation: modalFadeIn 0.3s ease-out;
       -o-animation: modalFadeIn 0.3s ease-out;
          animation: modalFadeIn 0.3s ease-out;
  background-color: #fff;
}
.modal-contents {
  padding: 1.5rem;
  position: relative;
}
.modal-contents .rkn small{
  color: #111;
}
.modal-close {
position: absolute;
top: 1rem;
right: 1rem;
font-size: 2rem;
cursor: pointer;
color: #fff;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
-moz-transition: color 0.2s;
transition: color 0.2s;
background-color: #111;
font-family: 'Gilroy-Light';
font-weight: 100;
padding: .8rem;
line-height: 1rem;
}
.modal-close:hover {
  color: rgb(142, 187, 183);
  color: #fff;
}
/* Cookies */
.cookie-notification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,.04);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    z-index: 9999999!important;
}
.cookie-notification__content {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
    padding: .6rem 1.2rem;
    width: 95%;
    max-width: 80rem;
    position: relative;
    margin-bottom: 1rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}
.cookie-notification__content a{
    color: #030213;
    margin: 0;
    text-decoration: underline;
    font-size: .875rem;
    line-height: 1rem;
}
.cookie-notification__content a:hover{
    color: #101828;
    text-decoration: none;
}
.cookie-notification__content p {
    margin: 0;
    text-align: left;
    font-size: .875rem;
    line-height: 1rem;
    min-width: 70%;
    color: #717182;
}
.cookie-notification__content .content{
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.cookie-notification__close {
    position: absolute;
    right: .6rem;
    top:0;
    bottom: 0;
    margin: auto;
    width: 1.8rem;
    height: 1.8rem;
    cursor: pointer;
    stroke: #030213;
    fill: none;
    stroke-width:2;
    stroke-linecap:round; 
    stroke-linejoin:round;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cookie-notification__close:hover {
    stroke: #101828;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cookie-notification__buttons {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-right: 2rem;
}
#accept-cookies, #decline-cookies{
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-color: #ffffff;
  margin-left: 1rem;
  cursor: pointer;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
#accept-cookies{
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    color: #030213;
}
#accept-cookies:hover{
  background-color: #e9ebef;
}
#decline-cookies{
    border: 1px solid #030213;
    background-color: #030213;
    color: #ffffff;
}
#decline-cookies:hover {
    background-color: #101828;
    border: 1px solid #101828;
}
/* Socials */
#socials{
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    background: rgb(142, 187, 183);
    padding: 1rem;
    position: fixed;
    right: 1.429rem;
    bottom: 1.7rem;
    cursor: pointer;
    z-index: 3;
}
#socials svg{
    float: left;
    width: 1.286rem;
    height: 1.286rem;
}
.pulse-button__rings {
    border: 1px solid rgb(142, 187, 183);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-animation-duration: 2.0s;
       -moz-animation-duration: 2.0s;
         -o-animation-duration: 2.0s;
            animation-duration: 2.0s;
    -webkit-animation-name: pulse_1;
       -moz-animation-name: pulse_1;
         -o-animation-name: pulse_1;
            animation-name: pulse_1;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    z-index: -1;
  }
   
  .pulse-button__rings:nth-child(2) {
    -webkit-animation-name: pulse_2;
       -moz-animation-name: pulse_2;
         -o-animation-name: pulse_2;
            animation-name: pulse_2;
  }
   
  .pulse-button__rings:nth-child(3) {
    -webkit-animation-name: pulse_3;
       -moz-animation-name: pulse_3;
         -o-animation-name: pulse_3;
            animation-name: pulse_3;
  }
#soclinks{
    position: fixed;
    right: 1.429rem;
    bottom: 6rem;
    z-index: 3;
}
#soclinks.hidden{
    display: none;
}
#soclinks a{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem .4rem;
}
#soclinks a img{
    width: 2.85rem;
    height: 2.85rem;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-filter: gray;
            filter: gray;
}

@media only screen and (max-width:1200px){
  header .mobile{
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
    }
    header .desctop{
      display: none;
    }
    #intro, #form2{
      background-attachment:inherit;
    }
    #intro .text {
      padding-left: 1.5rem;
    }
    #whyme .wrap {
      padding-left: 3rem;
    }
}
@media only screen and (max-width:1000px){
    .cookie-notification__close{
      display: none;
    }
    .cookie-notification__buttons {
      padding-right: 0;
    }
    #intro {
      background-position: center;
    }
    #whyme .wrap {
      padding-left: 0;
      padding-top: 15rem;
    }
    #whyme .wrap div {
      width: 50%;
    }
    #form1, #form2 {
      background-position: center right;
      position: relative;
      padding: 7rem 2rem;
    }
    #form1::before{
      background-color: rgba(3, 2, 19, 0.519);
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top:0;
      bottom: 0;
      z-index: 0;
    }
    #form1, #form2{
      background-position: center left;
    }
    #form1, #form2{
      min-height: auto;
    }
    #form1 form, #form2 form {
      width: 100%;
    z-index: 1;
    position: relative;
    }
    .cookie-notification__content .content{
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
    }
    .cookie-notification__buttons {
      -webkit-box-pack: start;
      -webkit-justify-content: start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
    }
    .cookie-notification__content p{
      width: 100%;
      margin-bottom: .75rem;
    }
    #accept-cookies, #decline-cookies{
      margin: 0 1rem 0 0;
    }
}
@media only screen and (max-width:700px){
  header nav a.links{
    display: none;
  }
  #intro {
    background-position: 60% 50%;
  }
  #intro .text {
    max-width: 95%;
  }
  #about .container{
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  #about .text {
    width: 100%;
    margin-right: 0;
    z-index: 1;
  }
  #about .video{
    width: 100%;
    margin-top: 2rem;
  }
  #galery .swiper-slide{
    width: 68.5%;
  }
  #galery .swiper-slide.port {
    width: 21.75%;
  }
  .modal-content .swiper{
    height: 100%;
  }
  #whyme .wrap {
      padding-top: 10rem;
    }
}
@media only screen and (max-width: 600px) {
  #whyme .wrap div, #video .video-container, #colab .text, #colab .links {
    width: 100%;
  }
  #form1 form input, #form2 form input {
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%;
  }
  #partner .card{
    width: -webkit-calc(33.33% - 1.5rem);
    width: -moz-calc(33.33% - 1.5rem);
    width: calc(33.33% - 1.5rem);
  }
  #colab .container{
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  #colab .text{
    text-align: center;
  }
  #colab .links{
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    margin-top: 2rem;
  }
  footer .text {
    padding-right: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
  }
  footer .text a, footer .text small{
    display: none;
  }
  footer .contacts {
    padding-left: 0;
    text-align: center;
    width: 100%;
  }
  footer .contacts .socials{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #whyme {
background-position: top center;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-color: #030303;
}
}
@media only screen and (max-width: 500px){
  #partner .container{
    justify-content: space-evenly;
  }
  #partner .card {
    width: -webkit-calc(50% - 1.5rem);
    width: -moz-calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
  }
  #form1 form button, #form2 form button{
    width: 100%;
  }
  html{
    font-size: 13px;
  }
  h1 {
  font-size: 3.129rem;
  }
  h2 {
    font-size: 1.6rem;
  }
  h3 {
  font-size: 2rem;
  }
  h5 {
  font-size: 1.214rem;
  }
  h4 {
  font-size: 1.957rem;
  }
  button, .btn {
  font-size: 1.043rem;
  }
  #whyme .wrap {
      padding-top: 7rem;
    }
}