@charset "utf-8";
@import 'https://wf.cdn.gmru.net/static/general/fonts/Quantico/font.css';
@import 'https://wf.cdn.gmru.net/static/general/fonts/Plumb/font.css';
@import 'https://wf.cdn.gmru.net/static/wf.mail.ru/img/main/page/icons/wf_icons2/font.css';
html {
  height: 100%;
}
body {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #789dcc url("https://wf.cdn.gmru.net/static/wf.mail.ru/promo/nysale/images/bg.jpg") center top no-repeat;
  color: #fff;
  font: 15px/20px Plumb, Arial, Helvetica, sans-serif;
  min-width: 945px;
}
.content {
  width: 945px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
/*------------------header-------------------*/
.header {
  height: 47px;
  width: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 50;
}
.header__controls {
  height: 47px;
  color: #fff;
  background: #121415;
  font-size: 16px;
  line-height: 47px;
}
.header__controls .content {
  display: flex;
  justify-content: space-between;
}
.header__item_left {
  text-align: left;
}
.header__item_right {
  text-align: right;
}
.auth {
  display: inline-block;
}
.auth__name,
.auth__link {
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
}
.auth__link {
  text-decoration: none;
  color: #fff;
  padding: 0 10px;
  cursor: pointer;
}
.auth__link:hover {
  text-decoration: underline;
}
.auth__link.is-active {
  color: #f40;
}
.auth__separator {
  padding-left: 10px;
  display: inline-block;
}
.lang {
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 12px;
  z-index: 10;
  display: inline-block;
}
.lang:hover .lang__current:after {
  transform: rotate(180deg);
}
.lang:hover .lang__list {
  transform: scaleY(1);
  opacity: 1;
}
.lang__current {
  position: relative;
  color: #fff;
  padding: 0 10px;
  box-sizing: border-box;
}
.lang__current:after {
  position: relative;
  top: -3px;
  display: inline-block;
  width: 0;
  height: 0;
  content: '';
  transition: transform 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5) 0s, -webkit-transform 300ms cubic-bezier(0.5, -0.5, 0.5, 1.5) 0s;
  border-width: 5px 5px 0 5px;
  border-style: solid;
  border-color: #777a7e transparent transparent transparent;
}
.lang__list {
  position: absolute;
  top: 47px;
  left: 0px;
  transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
  transform: scaleY(0);
  transform-origin: left top 0;
  text-align: left;
  opacity: 0;
  will-change: transform;
  width: 125px;
}
.lang__item {
  line-height: 28px;
  margin-bottom: 1px;
  transition: all 0.3s ease;
  background: #191e23;
  color: #fff;
  display: block;
  text-decoration: none;
  padding-left: 10px;
}
.lang__item:hover {
  color: #000;
  background: #fff;
}
.lang__flag {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 16px;
  background-image: url("https://wf.cdn.gmru.net/static/wf.mail.ru/promo/nysale/images/flag.png");
  margin-right: 10px;
  position: relative;
  top: -2px;
}
.lang__flag.flag_ru {
  background-position-y: -180px;
}
.lang__flag.flag_en {
  background-position-y: -369px;
}
.lang__flag.flag_fr {
  background-position-y: -72px;
}
.lang__flag.flag_de {
  background-position-y: -36px;
}
.lang__flag.flag_po {
  background-position-y: -144px;
}
main {
  position: relative;
  padding: 47px 0 100px;
  box-sizing: border-box;
  min-height: calc(100% - 170px);
}
.button {
  background: #f40;
  color: #fff;
  text-transform: uppercase;
  font: 18px/50px Quantico;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: block;
  width: 220px;
  border: none;
}
.button .icon-credit {
  vertical-align: middle;
  font-size: 17px;
}
.button:hover {
  background: #fff;
  color: #000;
}
.button:focus {
  outline: none;
}
.main__title {
  font: bold 66px/70px Quantico;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 37px 0 0;
}
.main__link {
  color: #fff;
  text-decoration: underline;
}
.main__link:hover {
  text-decoration: none;
}
.main__text {
  text-align: center;
  margin: 30px 250px 45px;
  font-size: 16px;
}
.main__frame {
  border: 0px;
  display: none;
}
.main__reg {
  text-align: center;
  display: none;
}
.main__reg-button {
  display: inline-block;
  margin: 20px 10px 0;
}
footer {
  background: #191e23;
  padding: 10px 0;
}
@media only screen and (max-width: 945px) {
  .header {
    min-width: 100%;
  }
  .header__controls .content {
    width: 100%;
  }
}