@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600&subset=cyrillic');

*{
  box-sizing: border-box;
}
.fit{
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  border: 1px solid #000;
}
html{
  overflow: hidden;
}
body{
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: calc(50% - 9px) calc(50% + 43px);
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  max-height: 100%;
  max-width: 100%;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
section{
  min-width: 1024px;
  min-height: 800px;
  position: relative;
  font-size: 21px;
}
section main{
  position: absolute;
  width: 57%;
  height: 100%;
  padding: 2.44%;
  padding-left: 2.84%;
  transform: scale(0.7);
}

section h2{
  font-weight: 300;
  font-size: 220%;
  margin: 0;
  margin-bottom: 3%;
  margin-top: -1%;
}

section h1{
  font-weight: 600;
  text-transform: uppercase;
  font-size: 168%;
  line-height: 110%;
  margin-bottom: 6.8%;
}
section menu{
  font-weight: 400;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  width: 87.5%;
  justify-content: space-between;
  margin-top: 4%;
  margin-left: -1%;
  margin-bottom: 7%;
}
section menu li{
  flex: 0 1 11%;
  background-repeat: no-repeat;
  background-size: 100%;
}
section menu li a{
  padding-top: 120%;
  color: #1f4395;
  text-decoration: none;
  font-size: 40%;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 600;
  position: relative;
}

section menu li span{
  position: absolute;
  width: 100%;
  text-align: center;
  padding-top: 30%;
  /* padding-bottom: 40%; */
}
section menu li:nth-child(3) span{
  white-space: nowrap;
  /* margin-left: -10px; */
}

section menu li:nth-child(4) span{
  width: 140%;
  /* margin-left: 10px; */
}

section menu li:nth-child(1){
  background-image: url('./../img/ico_internet.svg');
}
section menu li:nth-child(2){
  background-image: url('./../img/ico_tv.svg');
}
section menu li:nth-child(3){
  background-image: url('./../img/ico_phone.svg');
}
section menu li:nth-child(4){
  background-image: url('./../img/ico_cam.svg');
}
section menu li:nth-child(5){
  background-image: url('./../img/ico_wifi.svg');
}
section menu li:nth-child(6){
  background-image: url('./../img/ico_channel.svg');
}
section menu li a:hover{
  text-decoration: underline;
}
section menu li img{
  display: block;
  border-radius: 50%;
  border: 2px solid #1f4395;
  margin-bottom: 5%;
  width: 100%;
}
section hr{
  border: 0;
  margin: 0;
  margin-left: -0.7%;
  padding: 0;
  border-top: 1px solid black;
}

.we{
  width: 98.5%;
  margin-bottom: 5%;
}

.logo{
  position: absolute;
  right: 2.48%;
  top: 3%;
  width: 14.3%;
}

.logo img{
  width: 100%;
}

.stat{
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 5%;
  font-size: 100%;
}

.social{
  margin-top: 4.4%;
  margin-bottom: 3%;
  margin-left: -1%;
  display: block;
  float: left;
}

.social a{
  display: block;
  float: left;
}

.social img{
  margin-right: 10px;
  display: block;
  float: left;
  /* background-color: red; */
}

.paralax, .paralax2{
  position: fixed;
  transform: scale(0.4);
  overflow: hidden;
  height: 1609px;
  width: 2500px;
}
.optical{
  width: 80%;
}
.paralax2{
  z-index: 10;
  pointer-events: none;
}
.paralax *, .paralax2 *{
  position: absolute;
}

.paralax img.paralax_sky{
  position: relative;
  z-index: 1;
  width: 2500px;
}

.paralax_wall01{
  z-index: 2;
  bottom: -100px;
}
.paralax_wall02{
  z-index: 3;
  /* bottom: 502px; */
  bottom: 100px;
}
.paralax_wall03{
  z-index: 4;
  /* bottom: 450px; */
  bottom: 125px;
  mix-blend-mode: overlay;
}

.paralax_shadow{
  z-index: 5;
  bottom: -100px;
  right: 625px;
  mix-blend-mode: multiply;
  opacity: 0.4;
}

.paralax_kdv{
  z-index: 6;
  bottom: -100px;
  right: 650px;
}

.paralax_apple{
  z-index: 7;
  bottom: 690px;
  right: 830px;
}

.paralax_birds{
  z-index: 8;
  bottom: 995px;
  right: 1980px;
}
.birds img:nth-child(1){
  left: 315px;
  top: 80px;
}
.birds img:nth-child(2){
  left: 244px;
  top: 50px;
}
.birds img:nth-child(3){
  left: 160px;
  top: 24px;
}

.birds img:nth-child(4){
  left: 115px;
  top: 144px;
}
.birds img:nth-child(5){
  left: 20px;
  top: 90px;
}
.birds img:nth-child(6){
  left: 105px;
  top: 45px;
}
.birds img:nth-child(7){
  left: 125px;
  top: 55px;
}
.paralax_birds2{
  z-index: 9;
  bottom: 490px;
  right: 200px;
  transform: scaleX(-1);
  opacity: 0.5;
}

.birds{
  width: 400px;
  height: 199px;
}

.portrait section {
  min-width: 512px;
  min-height: 800px;
  position: relative;
  font-size: 20px;
}

.portrait main{
  width: 76%;
}
.portrait .we{
  width: 70%;
}

.portrait .logo{
  position: absolute;
  width: 28%;
}

.portrait section menu{
  flex-wrap: wrap;
  width: 60%;
  margin-left: 2%;
  margin-bottom: 4%;
}
.portrait section menu li{
  flex: 0 1 20%;
  margin-right: 10%;
  margin-bottom: 12%;
}

.portrait hr{
  width: 70%;
}

.portrait hr:nth-of-type(1){
  width: 100%;
}