/*
.vkphoto202107 {} 
*/
@font-face {
  font-family: 'Buro-Cyrillic';
  font-weight: 500;
  font-style: normal;
  src: url(/branding/2021/Buro-Cyrillic.woff2) format('woff2');
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.font-helvetica {
  font-family: Helvetica, Arial, sans-serif;
}

.font-buro {
 /* font-family: 'Buro-Cyrillic', Helvetica, Arial, sans-serif;*/
  font-weight: 500;
  font-style: normal;
}

.fs-70 {
  font-size: 70px;
}

.fs-30 {
  font-size: 30px;
}

.fs-12 {
  font-size: 12px;
}

.fs-18 {
  font-size: 18px;
}

.fs-inherit {
  font-size: inherit;
}

.ls-1 {
  letter-spacing: 1px
}

.color-1 {
  color: rgb(1, 1, 1)
}

.color-254 {
  color: rgb(254, 254, 254);
}

.color-transparent,
.ultradropdown[open] .ultradropdown-label:before {
  color: transparent;
}

.pseudo-b:before,
.pseudo-a:after {
  background-color: transparent;
}

.bg-1,
.check:checked+.pseudo-b:before,
.check:checked+.pseudo-a:after {
  background-color: rgb(1, 1, 1);
}

.check+.pseudo-b:before,
.check+.pseudo-a:after {
  border-color: rgb(1, 1, 1);
}

.bg-248 {
  background-color: rgb(248, 248, 248);
}

.bg-254 {
  background-color: rgb(254, 254, 254);
}

.line:after {
  background-color: rgb(1, 1, 1);
}

.circ-left:before,
.circ-right:before {
  border-color: rgb(254, 254, 254);
}

.minw-50p {
  min-width: 50%;
}

.circ-left:before,
.circ-right:before {
  width: 86%;
}

.w-16,
.check+.pseudo-b:before,
.check+.pseudo-a:after {
  width: 16px;
}

.w-120 {
  width: 120px;
}

.w-160 {
  width: 160px
}

.w-2000,
.line:after {
  width: 2000px;
}

.mw-700 {
  max-width: 700px;
}

.mw-600 {
  max-width: 600px;
}

.mw-1200 {
  max-width: 1200px;
}

.w-60px {
  width: 60px;
}

.info-cover {
  /*
  height: calc(100vh - 70px);
  */
  top: -75px;
}

.h-1,
.line:after {
  height: 1px;
}

.h-16,
.check+.pseudo-b:before,
.check+.pseudo-a:after {
  height: 16px;
}

.h-20 {
  height: 20px;
}

.h-60px {
  height: 60px;
}

.h-70 {
  height: 70px;
}

.h-80 {
  height: 80px;
}

.h-75px {
  height: 75px;
}

.mh-500 {
  max-height: 500px;
}

.br-30 {
  border-radius: 30px;
}

.check+.pseudo-b:before,
.check+.pseudo-a:after,
.circ-left:before,
.circ-right:before {
  border-radius: 50%;
}

.check+.pseudo-b:before,
.check+.pseudo-a:after,
.circ-left:before,
.circ-right:before {
  border: 1px solid;
}

.bb-1 {
  border-bottom: 1px solid;
}

.button-apply {
  margin-left: -160px;
  margin-top: 280px;
  top: 380px;
}

.about .button-apply {
  margin-top: 90px;
  top: 40vh;
}

.line:after {
  margin-left: 20px;
}

.circ-left:before {
  margin-left: -90%
}

.circ-right:before {
  margin-left: 90%
}

.mt--150 {
  margin-top: -110px;
}

.mt--80 {
  margin-top: -80px
}

.ml--7 {
  margin-left: -7px
}

.sexelect .pseudo-a:after {
  margin-left: 5px;
}

.line:after {
  margin-top: 0.5rem;
}

.ml-10,
.nav-category+.nav-category {
  margin-left: 10px
}

.mr-10,
.check[type="checkbox"]+.pseudo-b:before {
  margin-right: 10px;
}

.mr-50,
.subnav-link {
  margin-right: 50px;
}

.circ-left:before,
.circ-right:before {
  padding-bottom: 86%;
}

.pt-3_5 {
  padding-top: 1.25rem;
}

.cursor-default,
.ultradropdown[open] .ultradropdown-label:before {
  cursor: default;
}


.filter-invert {
  filter: invert(1)
}

.mobile,
.join-submit-mobile,
.tags-video-link-mobile,
.about-pic-mobile,
#tagcloud-mobile-canvas,
.ultradropdown-label::-webkit-details-marker {
  display: none;
}

.flex-1 {
  flex: 1
}

.pen {
  pointer-events: none;
}

[data-apply-form="1"] .login,
.pea {
  pointer-events: all;
}

.ultradropdown[open] {
  z-index: 1;
}

.ultradropdown-label input {
  pointer-events: none;
  appearance: none;
  -webkit-appearance: none;
  /* safari hui sasari */
  display: none;
}

.ultradropdown-label input:checked {
  display: inline-block;
}

.ultradropdown-label input:after {
  content: attr(title);
  display: inline-block;
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ultradropdown-label:after {
  float: right;
  width: .5rem;
  height: .5rem;
  border-bottom: 1px solid currentColor;
  border-left: 1px solid currentColor;
  border-bottom-left-radius: 2px;
  transform: rotate(135deg) translate(100%, 0%);
  transform-origin: center center;
  transition: transform .4s;
}

.ultradropdown[open] .ultradropdown-label:before {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.ultradropdown[open] .ultradropdown-label:after {
  transform: rotate(-45deg) translate(-100%, 0%);
}

.full-bleed {
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}

.bf-blur10 {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.line:after,
.circ-left:before,
.circ-right:before {
  position: absolute;
}

.check+.pseudo-b:before,
.check+.pseudo-a:after {
  position: relative
}

.sticky {
  position: sticky;
  position: -webkit-sticky;
}

.b-top,
.header-buro,
.subnav,
.intro,
.widget-videogrid,
.tags,
.joinus,
.footer-special {
  opacity: 0;
  transition: opacity .3s;
}

[data-ready="1"] .b-top,
[data-ready="1"] .header-buro,
[data-ready="1"] .subnav,
/*[data-ready="1"] .intro,*/

/*[data-ready="1"] .widget-videogrid,*/
[data-ready="1"] .tags,
[data-ready="1"] .joinus,
[data-ready="1"] .footer-special {
  animation: revealFromTop .4s linear;
  opacity: 1;
}

[data-ready="1"] .intro,
[data-ready="1"] .widget-videogrid {
  opacity: 1;
}

[data-apply-form="1"] .login {
  opacity: 1;
}

.check+.pseudo-b:before,
.check+.pseudo-a:after {
  transition: background-color .3s;
}

.login {
  transition: opacity .4s;
}

.pseudo-b:before,
.pseudo-a:after,
.line:after,
/*
.circ-left:before,
.circ-right:before,
*/
.ultradropdown-label:after,
.ultradropdown[open] .ultradropdown-label:before {
  content: '';
}

.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes revealFromTop {
  from {
    transform: translateY(-5%);
    opacity: 0;
  }
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

.logo-vk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M0 23C0 12.2 0 6.7 3.4 3.4 6.7 0 12.2 0 23 0h2c10.8 0 16.3 0 19.6 3.4C48 6.7 48 12.2 48 23v2c0 10.8 0 16.3-3.4 19.6C41.3 48 35.8 48 25 48h-2c-10.8 0-16.3 0-19.6-3.4C0 41.3 0 35.8 0 25v-2Z' fill='rgb(1,1,1)'/%3E%3Cpath d='M25.5 34.6c-10.9 0-17.1-7.5-17.4-20h5.5c.2 9.2 4.2 13 7.4 13.8V14.6h5.2v7.9c3.1-.3 6.4-4 7.6-7.9h5.1c-.8 4.9-4.4 8.5-7 10 2.6 1.2 6.7 4.3 8.2 10h-5.7a9.9 9.9 0 0 0-8.2-7.2v7.2h-.7Z' fill='rgb(254,254,254)'/%3E%3C/svg%3E");
}

.logo-buro-alt {
  background-image: url("data:image/svg+xml,%3Csvg width='98' height='74' fill='rgb(1,1,1)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.1 0c-10.2.1-18 3.8-25.3 11A35 35 0 000 37a37 37 0 0037.3 37A37 37 0 0064 63c7.3-7.2 10.9-16 10.8-26.3-.1-10.1-3.9-18.9-11.2-26A38.3 38.3 0 0036 0zM92.8 64.2a4.8 4.8 0 100 9.7 4.8 4.8 0 000-9.7z'/%3E%3C/svg%3E");
}

.logo-buro {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114 27'%3E%3Cpath fill='rgb(1,1,1)' d='M42.423 15.352c0 3.213-.548 5.37-1.63 6.5-1.08 1.131-2.916 1.696-5.463 1.696-1.495 0-2.754-.282-3.79-.848-1.037-.565-1.763-1.383-2.192-2.424-.43-1.056-.637-2.693-.637-4.91V.61h-3.48v14.772c0 2.707.341 4.85 1.007 6.411.667 1.562 1.792 2.752 3.347 3.585 1.57.818 3.583 1.235 6.041 1.235 2.532 0 4.576-.476 6.145-1.413 1.555-.953 2.636-2.172 3.243-3.69.592-1.517.903-3.555.903-6.113V.61h-3.494v14.742zM10.143 26.449c1.688 0 3.124-.149 4.294-.431 1.17-.283 2.132-.714 2.917-1.28.77-.565 1.421-1.368 1.954-2.41a7.495 7.495 0 0 0 .785-3.376c0-1.503-.43-2.812-1.303-3.912-.859-1.101-2.102-1.89-3.701-2.35 1.243-.596 2.176-1.384 2.798-2.366a5.724 5.724 0 0 0 .918-3.124c0-1.19-.34-2.32-1.037-3.406-.695-1.086-1.658-1.89-2.887-2.41-1.229-.52-2.858-.788-4.886-.788H0v25.853h10.143zM3.524 3.659H8.84c1.91 0 3.257.12 4.042.358.785.238 1.392.684 1.807 1.339.43.654.636 1.413.636 2.26 0 .908-.222 1.652-.68 2.262-.46.595-1.126 1.026-2.03 1.294-.68.193-1.791.297-3.36.297h-5.73V3.66zm0 10.86H9.67c1.688 0 2.991.149 3.894.431.904.283 1.6.789 2.118 1.503.503.714.755 1.547.755 2.514 0 .818-.178 1.547-.533 2.172-.356.624-.8 1.1-1.348 1.442-.547.328-1.214.566-2.028.7-.46.089-1.259.119-2.399.119H3.524v-8.881zM55.57 11.96V3.407h8.411c1.97 0 3.406.387 4.324 1.175.918.788 1.362 1.785 1.362 3.02 0 .833-.237 1.606-.71 2.32-.474.714-1.155 1.235-2.073 1.547-.904.328-2.162.491-3.776.491H55.57zm20.701 14.415L65.314 14.697l.518-.044c2.547-.342 4.442-1.146 5.657-2.395 1.214-1.265 1.836-2.797 1.836-4.641 0-1.428-.37-2.723-1.11-3.898-.741-1.175-1.719-1.993-2.962-2.454-1.23-.461-3.036-.7-5.405-.7H52.062V26.42h3.524V14.935h5.523l10.883 11.44h4.28zM99.356 20.767c-1.94 1.993-4.354 3.02-7.197 3.05-2.62.029-4.975-.938-6.989-2.857-2.028-1.919-3.08-4.418-3.11-7.423-.029-2.87.934-5.31 2.859-7.289 1.925-1.993 4.323-3.02 7.151-3.05 2.829-.029 5.257.953 7.197 2.901 1.954 1.95 2.946 4.404 2.976 7.304.015 2.871-.948 5.34-2.887 7.364zm2.265-16.884c-2.65-2.618-6.248-3.912-9.92-3.882-3.717.03-6.56 1.398-9.181 4.046-2.636 2.647-3.954 5.83-3.91 9.475.045 4.15 1.556 7.542 4.487 10.071 2.68 2.29 5.716 3.436 9.047 3.406 3.761-.044 7.004-1.398 9.64-4.03 2.621-2.619 3.939-5.832 3.894-9.566-.029-3.704-1.406-6.902-4.057-9.52zM112.252 26.94a1.755 1.755 0 0 0 0-3.51 1.755 1.755 0 1 0 0 3.51z'/%3E%3C/svg%3E");
}

.icon-close,
[data-menuopened="1"] .subnav-button {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(1,1,1)' viewBox='0 0 1000 1000'%3E%3Cpath d='M33.2 53.3l15.5-15.5H33.2l7.7 7.7 908.9 908.9 7.7 7.7v-15.5L942 962.1h15.5l-7.7-7.7L40.9 45.6l-7.7-7.7v15.4zM17.7 37.8L10 45.6l7.7 7.7 7.7 7.7 908.9 908.9 7.7 7.7 7.7 7.7 7.7-7.7 15.5-15.5 7.7-7.7-7.7-7.7-7.7-7.7L56.4 30.1l-7.7-7.7-7.7-7.7-7.7 7.7-15.6 15.4zm933.7 0l15.5 15.5V37.8l-7.7 7.7-909 908.9-7.7 7.7H58l-15.5-15.5v15.5l7.7-7.7L959.1 45.6l7.7-7.7h-15.4v-.1zm15.4-15.4l-7.7-7.7-7.7 7.7-7.7 7.7L34.7 939l-7.7 7.7-7.7 7.7 7.7 7.7 15.5 15.5 7.7 7.7 7.7-7.7 7.7-7.7L974.5 61l7.7-7.7 7.7-7.7-7.7-7.7-15.4-15.5z'/%3E%3C/svg%3E");
}

.icon-loader {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.6 61l-1.8-6.7c-1.8-7-1.8-6.8-1.4-6.8 0 0 .5 0 .9-.2l.8-.2 3.6 13.3c0 .1-.2.2-1.3.5-.5 0-.8.1-.8 0zM12 57.7l-1-.5s6.8-12 7-12l.7.2 1 .6.2.1-3.5 6-3.5 6-.9-.4zm36-14c-3.1-2-5.8-3.5-5.8-3.5s0-.3.3-.7a22 22 0 00.7-1.1L55 45l.2.1-.6 1-.5.8-6-3.4zm-3.5-17.1a14 14 0 00-.4-1.6s13.2-3.6 13.3-3.5c0 0 .7 1.9.6 2A503.9 503.9 0 0144.7 27l-.2-.5zM6 19.2l-6-3.4L1 14l12 6.9s0 .3-.3.7l-.5.9-.2.2-6-3.5zm30.5-3.7l-1-.5-.1-.1L38.7 9l3.5-6c.1-.1.1-.1 1 .4l.9.5-6.9 12-.7-.4zM22 14A1053.4 1053.4 0 0018.5.6l1-.4 1-.2a1735.8 1735.8 0 003.6 13.4h-.2l-1 .3-.9.2z' fill='rgb(254,254,254)'/%3E%3C/svg%3E");
}

@media (min-width: 1650px) {
  .mw-1200 {
    max-width: 1650px;
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .bg-intro {
    width: 780px !important;
    height: 650px !important;
  }

  .bg-intro-earth {
    width: 355px;
    left: 150px;
  }
}


.generation-section {
  width: 100%;
  position: relative;
}
.generation-section:not(:last-child) {
  margin-bottom: 144px;
}
.generation-wrapper {
  max-width: 1340px;
  padding: 0 30px;
  margin: 0 auto;
}
.generation-title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 145px;
  line-height: 80.97%;
  letter-spacing: -0.09em;
  text-transform: uppercase;
}
.generation-more {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 100.97%;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: black;
  text-decoration: none;
}
.generation-more:after {
  content: '+';
  display: inline;
  font-weight: 100;
  font-size: 1.5em;
  margin-top: -1px;
  margin-left: 8px;
  font-family: serif;
}
.generation-anchor {
  width: 100%;
  position: absolute;
  top: -70px;
  left: 0;
  pointer-events: none;
}
.generation-cover {
  display: block;
  width: 100%;
  height: auto;
  min-height: calc(100vh - 70px);
  object-fit: cover;
  object-position: center;
}
.sticky-button {
  width: 100%;
  position: relative;
}
.sticky-button__column {
  height: 100%;
  width: 77px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateX(-740px);
  z-index: 10;
  pointer-events: none;

}
.sticky-button__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 325px;
  height: 77px;
  font-size: 22px;
  border-radius: 77px;
  line-height: 130%;
  text-align: center;
  text-transform: uppercase;
  color: white;
  background: black;
  transform: rotate(-90deg);
  transform-origin: 100% 0;
  position: sticky;
  margin-left: -325px;
  top: 80px;
  cursor: pointer;
  text-decoration: none;
  pointer-events: auto;
  transition: all 0.3s ease;
}
@media (min-width: 1001px) {
  ._mobile {
    display: none !important;
  }
  ._mobile_visibility {
    visibility: hidden !important;
  }
  .sticky-button .generation-section {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 1680px) {
  .sticky-button__column {
    left: 0;
    right: 0;
    margin: auto;
    transform: translateX(calc(-50vw + 50px));
  }
}
@media (max-width: 1000px) {
  ._desktop {
    display: none !important;
  }
  ._desktop_visibility {
    visibility: hidden !important;
  }
  .generation-section:not(:last-child) {
    margin-bottom: 61px;
  }
  .generation-title {
    font-size: 50px;
  }
  .generation-wrapper {
    padding: 0 12px;
  }
  .generation-cover {
    height: auto;
    min-height: 0;
  }
  .generation-anchor {
    top: -280px;
  }
  .sticky-button__column {
    display: none !important;
  }
}