@font-face {
    font-family: DistrictPro-Thin;
    src: local("DistrictPro-Thin"),
         url(../fonts/DistrictPro-Thin.otf);
  }

body {
    font-family: DistrictPro-Thin, sans-serif;
    color: #fff;
    height: 100vh;
    background-color: #000;
    overflow-x: hidden;
}

#bg1{
  background: url(../img/desktop_bg.jpg) no-repeat  #000;
  background-position: 50% 0%;
  background-size: cover;
}
#bg2 {
  background: url(../img/desktop_bg_2.jpg) no-repeat  #000;
  background-position: 50% 0%;
  background-size: cover;
  display: none;
}
#bg3 {
  background: url(../img/desktop_bg_3.jpg) no-repeat  #000;
  background-position: 50% 0%;
  background-size: cover;
  display: none;
}


#preloader
{
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 999;
}

.preloader_bg
{
    width: 100vw;
    height: 100vh;
    background: url(../img/loader.gif) no-repeat #000;
    background-position: 50% 50%;
    background-size: 46px 46px;
    background-color: #000;
}


.section_bg__content, #bg1, #bg2, #bg3, #bg4 {
  position: absolute;
  z-index:39;
  height: 100vh;
  width: 100vw;
}

.section_bg__content {
  z-index: 40;
}

.centerForm {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;;
  left:0; right:0;
  margin: 0 auto;
}

#sending_email, #sent_email {
  display: none;
  margin-top:11vh;
}


#submit {
  float: right;
}

#email {
  float: left;
  width:20vw;
}

#emailForm {
  /*width: 25vw;*/
  width: 40vw;
  margin:0 auto;
  left: 0; right:0;

}
#sending_email {
  display: none;
  background:  url("../img/loader.svg") no-repeat;
  background-size: cover;
  width: 3.21vw;
  height: 3.21vw;
  margin-top:0.25vw;


  float: right;

}

.full_screen {
  height  : 100vh;
  width   : 100vw;
  position: relative;
  background-color: #000;

}



.section_list {
  background: #000;
  color:#fff;

  font-size: 1.7vw;
  line-height: 2.1vw;
  letter-spacing: 0.15vw;
}

.section_contact {
  background: #2d42de;
  font-size: 2.7vw;
  text-align: center;
  line-height: 3vw;
  letter-spacing: 0.08vw;
  text-transform: uppercase;

}


#emailForm {
  padding-top: 10vh;
  outline: none;
}

#submit {
    display: none;
}
#btn_submit {
  display: inline-block;
  font-size:2.7vw;
  background: transparent;
  border: none;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  /*width: 5vw;*/
}
#email {
  border: none;
  /*color : #979797;*/
  color : #fff;
  background: #2d42de;
  box-shadow: none;
  border-bottom: 1px solid #fff;
  font-size: 2.7vw;
  /*width: 19vw;*/
  width: 30vw;
  padding-left: 0;
  padding-top: 2px;
}
#email.wrong {
    border-bottom-color: #ff7a7a;
    color: #ff7a7a;
}
#logo {
  position: absolute;
  margin: 0 auto;
  width: 70%;
  left: 0;
  right: 0;

  text-align: center;

  top: 50%;
  transform: translateY(-50%);
}

#logo>.logo {
  width:30vw;
}

#opacity {
  width: 100vw;
  height: 100vh;

  opacity: 1;

  z-index: 29;

  position: absolute;

  background: #000;
}

.section_bg__bottom-text {
  width: 90%;
  text-align: center;
  bottom: 50px;
  position: absolute;
  margin: 0 auto;
  left:0;
  right:0;
}
  .section_bg__bottom-text>p {
    font-size: 1.9vw;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    color: white;
  }


#desc_list {
  list-style: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;

  top:50%;
  transform: translateY(-50%);
  text-align: center;


}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #2d42de inset !important;
    -webkit-text-fill-color: #fff !important;
    color: #fff;
}

/*
input {outline: none;}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 54px #2d42de !important; 
    -webkit-text-fill-color: #fff !important; 
    color: #fff !important;
    border: none;
    outline: none;
}
input:focus{outline:none;}
*/
*:focus {outline: none;}


  #desc_list>li {
      display: inline-block;
      width:23%;
      text-align: center;
      vertical-align: top;
      text-transform: uppercase;
  }

    #desc_list>li>p {
      display: inline-block;
      padding-top: 10vw;
    }

    .desc_list__eye>p {
      background: url('../img/eye.png') no-repeat 50% 0;
      background-size: 30%;
    }

    .desc_list__ok>p {
      background: url('../img/ok.png') no-repeat 50% 0;
      background-size: 17%;
    }

    .desc_list__earth>p {
      background: url('../img/earth.png') no-repeat 50% 0;
      background-size: 30%;
    }

    .desc_list__pref>p {
      background: url('../img/pref.png') no-repeat 50% 0;
      background-size: 25%;
    }




    #contact__logo {
      position: absolute;
      right: 5vw;
      bottom: 5vh;
      text-align: right;
    }

      #contact__logo>img {
        height:3.1vw;
      }

    .contact__social {
      position: absolute;
      left: 5vw;
      bottom: 5vh;
    }

      .contact__social>a {
          display: inline-block;
          width:3vw;
          margin-right:1.6vw;
      }

      .contact__social>a:nth-child(3) {
          margin-right: 0;
      }

        .contact__social>a>img {
          width: 100%;
        }


.section_contact__main-desc {
  margin-top: 6vh;
}