@import "https://aa.cdn.gmru.net/static/general/fonts/Cambria/font.css";
@import "https://aa.cdn.gmru.net/static/general/fonts/Oswald/font.css";


html {
  width: 100%;
  height: 100%;
}

body {
  position: relative;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  background-color: #000;
  margin: 0;
  color: #fff;
  font: 34px/40px Cambria, Georgia, "Times New Roman", Times, serif;
}
p {
  margin: 0 0 25px;
}
a {
  color: #fff;
}
a:hover {
  color: rgba(255,255,255,.5);
}

.main {
  overflow: hidden;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.main section {
  position: relative;
  flex: 1 1 100%;
  min-height: 650px;
}

.logo {
  display: block;
  width: 134px;
  height: 134px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM0IiBoZWlnaHQ9IjEzNCIgdmlld0JveD0iMCAwIDEzNCAxMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMTYuMDE3IDExMS40NTNDMTE2Ljk3MiAxMTAuNDAxIDExNy44NzMgMTA5LjMxMiAxMTguNzU2IDEwOC4xODdDMTE5LjQ1OSAxMDcuMjk4IDEyMC4xNDMgMTA2LjM5IDEyMC43OTIgMTA1LjQ2NUMxMjguNTc3IDk0LjU0MTEgMTMzLjE3MiA4MS4xNDkyIDEzMy4xNzIgNjYuNjY4N0MxMzMuMTcyIDMwLjE3NjkgMTA0LjA4NyAwLjU2MjUyOCA2Ny45OTExIDAuMDE4MTQ2MUM2Ny42NjY4IDAuMDE4MTQ2MSA2Ny4zMjQ0IDAgNjcgMEM2Ni45Mjc5IDAgNjYuODU1OCAwIDY2Ljc4MzggMEM2Ni4zMzMyIDAgNjUuODgyNyAwLjAxODE0NjEgNjUuNDMyMiAwLjAzNjI5MjJDNjUuMDcxOCAwLjAzNjI5MjIgNjQuNjkzMyAwLjA3MjU4NDMgNjQuMzMyOSAwLjA5MDczMDRDMjkuMDMwMiAxLjUwNjEyIDAuODI3NjM3IDMwLjc1NzYgMC44Mjc2MzcgNjYuNjY4N0MwLjgyNzYzNyA4MS44OTMyIDUuOTI3NTMgOTUuOTIwMiAxNC40NTE0IDEwNy4xNTNDMTQuNzAzNyAxMDcuNDc5IDE0LjkzNzkgMTA3LjgwNiAxNS4xOTAyIDEwOC4xMTRDMTYuMDAxMSAxMDkuMTMxIDE2LjgzMDEgMTEwLjE0NyAxNy42OTUxIDExMS4xMDhDMTguOTIwNSAxMTIuNDg4IDIwLjIgMTEzLjgxMiAyMS41MzM1IDExNS4wODJDMzMuMzkxMiAxMjYuMzg3IDQ5LjM5MzcgMTMzLjMzNyA2Ny4wMTggMTMzLjMzN0M4Mi42OTYxIDEzMy4zMzcgOTcuMDk0NyAxMjcuODM5IDEwOC40MyAxMTguNjU3QzExMS4xMzMgMTE2LjQ2MiAxMTMuNjc0IDExNC4wNDggMTE2LjAxNyAxMTEuNDUzWk0xMjYuNTQxIDY2LjY2ODdDMTI2LjU0MSA4MC41NTA0IDEyMS44NTUgOTMuMzI1MyAxMTMuOTggMTAzLjQ4N0MxMDkuOTYyIDk5LjExMzkgMTA1LjU2NSA5My4zNDM0IDEwMC4zMzggODUuMDUwN0M4NS44NDk4IDYyLjAyMzMgNzMuMjg5MyAxOC41NDUzIDczLjI4OTMgMTguNTQ1M0M3My4yODkzIDE4LjU0NTMgNzEuNjEzMyAxMi43Mzg1IDY5LjkwMTQgNi43MzIyQzEwMS40NTYgOC4yNzQ2MSAxMjYuNTQxIDM0LjUxMzggMTI2LjU0MSA2Ni42Njg3Wk03OS40NzA0IDc5LjA2MjVDNzkuNDcwNCA3OS4wNjI1IDY5LjM2MDcgNzEuNTUgNDguNTI4NyA2OC45NTUxQzQ4LjUyODcgNjguOTU1MSA1OS43NTU2IDQ0LjIwMzggNjMuNjEyMSAyNi4zNDgxQzYzLjYzMDEgMjYuMzY2MiA3Mi45Mjg4IDY2LjcwNSA3OS40NzA0IDc5LjA2MjVaTTE5LjA2NDcgMTAyLjI4OUMxMS43NDgzIDkyLjMyNzIgNy40MjMyNSA4MC4wMDYxIDcuNDIzMjUgNjYuNjY4N0M3LjQyMzI1IDM0LjkxMyAzMS44OTU1IDguOTQ2MDIgNjIuODczMiA2LjgyMjkzQzU5LjgwOTcgMTkuNzI0OCA1My4zNzYzIDQwLjQ4MzkgNTEuMTk1OCA0Ni42MTczQzQ4LjY5MDkgNTMuNjIxNyA0Mi4yOTM1IDY4LjY2NDggNDIuMjkzNSA2OC42NjQ4QzM3LjQ2MzkgNjguNDQ3IDMwLjMyNzcgNzAuMzE2IDI2LjIwMDkgNzEuODk0OEMyMS4wODMgNzMuODU0NSAxNy4zMTY3IDc3LjM3NDkgMTUuOTQ3MSA3OS4yNjIxQzE0LjU3NzUgODEuMTQ5MyAxNS42MDQ3IDgwLjE4NzUgMTUuNjA0NyA4MC4xODc1TDE4LjM3OTkgNzcuOTczN0MyNy43MzI3IDcxLjY3NyAzOS44Nzg3IDczLjcwOTQgMzkuODc4NyA3My43MDk0QzM5Ljg3ODcgNzMuNzA5NCAzNy4wODU1IDc4LjY5OTUgMzQuMTMwMSA4Mi44NTVDMzEuNzE1MyA4Ni4yODQ2IDI0LjIwMDYgOTYuODgxOSAxOS4wNjQ3IDEwMi4yODlaTTY2Ljk4MiAxMjYuNjc4QzUwLjkwNzQgMTI2LjY3OCAzNi4zNDY2IDEyMC4yNTQgMjUuNjI0MiAxMDkuODM4QzI1Ljg3NjUgMTA5LjQ5MyAyNi4xNDY5IDEwOS4xNDkgMjYuMzk5MiAxMDguODA0QzMyLjAwMzYgMTAxLjM4MiA0Ni4wMjM4IDc1LjE5NzMgNDYuMDIzOCA3NS4xOTczQzQ2LjAyMzggNzUuMTk3MyA0OC4xNTAzIDc1LjMyNDQgNTQuNjczOCA3Ny4yMjk3QzY0LjYyMTMgODAuMTMzMSA2OS41MjI5IDgzLjcwNzkgNzguMzUzMSA4OS43ODY4Qzg1LjYxNTUgOTQuNzk1MSA5NC40MDk2IDEwNy4wOTggMTAyLjg3OSAxMTQuNTU2QzkyLjg3NzkgMTIyLjE1OSA4MC40NjE1IDEyNi42NzggNjYuOTgyIDEyNi42NzhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.offer {
  position: absolute;
  top: 50%;
  left:0;
  right:0;
  transform: translateY(-50%);
}
.offer .logo {
  margin: 0 auto 20px;
}
.offer__text {
  font: 34px/40px Cambria;
  letter-spacing: .4;
  margin: 0 auto 30px;
  text-transform: uppercase;
  padding: 0 20px;
}
.offer__text span {
  white-space: nowrap;
}

@media only screen and (max-width: 700px) {
  .offer__text {
    font: 28px/32px Cambria;
  }
}

.button {
  display: inline-block;
  position: relative;
  text-decoration: none;
  max-width: 314px;
  width: calc(100% - 26px);
  height: 80px;
  font: 22px/78px Oswald;
  letter-spacing: 0.88px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/promo/2/data/images/button.png) no-repeat 50% 0%;
  cursor: pointer;
  margin: 0 13px;
}
.button:hover {
  background-position: 50% 100%;
  color: #fff;
}
.button:before,
.button:after {
  content: '';
  position: absolute;
  top:5px;
  height: 70px;
  width: 15px;
  background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/promo/2/data/images/button_decor.png) no-repeat 0 0;
  pointer-events: none;
}
.button:before {
  right: calc(100% - 2px);
}
.button:after {
  left: calc(100% - 2px);
  background-position: 100% 0;
}
.button:hover:before {
  background-position: 0 100%;
}
.button:hover:after {
  background-position: 100% 100%;
}


/*
@media only screen and (min-width: 2560px) {
  .main section::after, .main section::before {
    content: "";
    display: block;
    height: 100%;
    width: 40px;
    position: absolute;
    top: 0;
    background: linear-gradient(to right, #171717, transparent);
    pointer-events: none;
    z-index: 4;
  }
  .main section::before {
    left: 0;
  }
  .main section::after {
    right: 0;
    transform: rotate(180deg);
  }
}*/

.video {
  overflow: hidden;
}
.video video {
  width: 100%;
  height: auto;
  display: block;
}
.narrow .video {
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
.narrow .video video {
  position: absolute;
  left:50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}

.header {
  position: absolute;
  top:0;
  left:0;
  right:0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px 0;
  z-index: 10;
}
.header .logo {
  flex: 0 0 auto;
  height: 50px;
  width: 50px;
}


.header__auth {
  position: relative;
  white-space: nowrap;
  z-index: 10;
  display: flex;
  max-width: calc(100% - 70px);
  justify-content: flex-end;
  font: 18px/22px Oswald;
}

.header__link {
  display: inline-block;
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
}
.header__link,
.header__name {
  color: #fff;
}
.header__name {
  max-width: 55vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header__link:hover {
  color: rgba(255,255,255,.5);
}
.header__link + .header__link,
.header__name + .header__link {
  margin-left: 15px;
  padding-left: 15px;
}
.header__link + .header__link:before,
.header__name + .header__link:before {
  content: '';
  position: absolute;
  right: 100%;
  top:1px;
  bottom:0;
  margin: auto;
  height: 16px;
  width: 0;
  border-left: 2px solid #fff;
  pointer-events: none;
}

.footer {
  position: relative;
  background: #fff;
  padding: 80px 25px 50px;
  height: auto;
  flex: 0 0 auto;
  z-index: 5;
}
.footer__decor {
  position: absolute;
  bottom: 100%;
  left:0;
  right:0;
  pointer-events: none;
}
.footer__decor img {
  display: block;
  width: 100%;
  height: auto;
}

.ovl-content {
  background: #fff;
  padding: 50px 20px 20px;
}
.ovl-text {
  font: 22px/32px Oswald;
  color: #000;
  margin: 0 auto 40px;
  max-width: 235px;
}

.ovl .ovl-close {
  right: 0;
  top:0;
  width: 30px;
  height: 30px;
  background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/promo/2/data/images/ovl-close.png) no-repeat 50% 50%;
}