.kv {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2vh;
  width: 100%;
  height: 100svh;
  text-align: center;
  background: url('../img/bg-hor-3.jpg') no-repeat 50% 100%/cover;
  overflow: hidden;
}
.kv * { position: relative; z-index: 1; }
.kv .kv__logo {
  display: block;
  margin: 0 auto -2.75rem;
  width: 16.5rem;
}
.kv .kv__logo img {
  display: block;
  width: 100%;
}
.kv .kv__logos {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  right: 1.5rem;
}
.kv .kv__logos .kv__img-vv {
  display: block;
  width: 16.6875rem;
}
.kv .kv__logos i {
  display: block;
  margin: 0 7.625rem;
  width: 0.125rem;
  height: 10.875rem;
  background: #fff;
  margin-top: -2rem;
}

.kv .kv__logos .kv__img-fk {
  display: block;
  width: 13.75rem;
}
.kv__persons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.kv__persons-kasseta { left: 0; }
.kv__persons-guf { right: 0; }

.kv__persons .img {
  position: absolute;
  bottom: 0;
  width: 33vw;
}

.kv__persons picture,
.kv__persons picture img { display: block; width: 100%; height: auto; }

.kv__persons-text {
  display: block;
  position: absolute;
  bottom: 4rem;
  margin: 0;
  width: 30rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 4.125rem;
  text-transform: uppercase;
  z-index: 4;
}

.kv__persons-text.kasseta { left: 0; }
.kv__persons-text.guf { right: 0; }
.kv .kv__time {
  margin-bottom: 1.5rem;
}
.kv .kv__time h3 {
  margin: 0;
  font-weight: 600;
  font-size: 2.6875rem;
  text-transform: uppercase;
}
.kv .kv__time p {
  margin: 0;
  font-weight: 600;
  font-size: 2rem;
  text-transform: uppercase;
}
.kv .kv__name {
  margin-bottom: 1.5rem;
}
.kv .kv__name p {
  margin: 0;
  font-weight: 500;
  font-size: 1.625rem;
  text-transform: uppercase;
}

.kv .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  padding: 0;
  width: 28.25rem;
  height: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 2.1875rem;
  text-align: center;
  text-transform: none;
  background: #0077FF;
  border-radius: 0.875rem;
}
.kv .btn:hover {
  text-decoration: none;
  opacity: 0.75;
}
.kv .kv__secret {
  margin: 0 0 2rem;
  font-weight: 700;
  font-size: 2.6875rem;
  text-transform: uppercase;
}

.kv__socials {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

.kv__socials a { display: block; margin: 0 0.875rem; }

.kv__socials a:hover { opacity: 0.75; }

.kv__socials a img {
  display: block;
  width: auto;
  height: 1.75rem;
}

@media (min-width: 60.75rem) {
	.mob {
		display: none;
	}
}