@charset "UTF-8";
@font-face {
  font-family: 'PTSans';
  src: url("../fonts/PT_Sans-Regular.eot");
  src: url("../fonts/PT_Sans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PT_Sans-Regular.woff2") format("woff2"), url("../fonts/PT_Sans-Regular.woff") format("woff"), url("../fonts/PT_Sans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'PTSans';
  src: url("../fonts/PT_Sans-Bold.eot");
  src: url("../fonts/PT_Sans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PT_Sans-Bold.woff2") format("woff2"), url("../fonts/PT_Sans-Bold.woff") format("woff"), url("../fonts/PT_Sans-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Regular.eot");
  src: url("../fonts/DINPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Regular.woff") format("woff"), url("../fonts/DINPro-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Medium.eot");
  src: url("../fonts/DINPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Medium.woff") format("woff"), url("../fonts/DINPro-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Bold.eot");
  src: url("../fonts/DINPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Bold.woff") format("woff"), url("../fonts/DINPro-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Black.eot");
  src: url("../fonts/DINPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Black.woff") format("woff"), url("../fonts/DINPro-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900; }

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-BlackItalic.eot");
  src: url("../fonts/DINPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-BlackItalic.woff") format("woff"), url("../fonts/DINPro-BlackItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 900; }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Bold.eot");
  src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }
  

  a,
  abbr,
  acronym,
  address,
  applet,
  article,
  aside,
  audio,
  b,
  big,
  blockquote,
  body,
  canvas,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  dialog,
  div,
  dl,
  dt,
  em,
  embed,
  fieldset,
  figcaption,
  figure,
  font,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  hr,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  main,
  mark,
  menu,
  meter,
  nav,
  object,
  ol,
  output,
  p,
  pre,
  progress,
  q,
  rp,
  rt,
  ruby,
  s,
  samp,
  section,
  small,
  span,
  strike,
  strong,
  sub,
  summary,
  sup,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  time,
  tr,
  tt,
  u,
  var,
  video,
  xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%; }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section {
    display: block; }
  
  b,
  strong {
    font-weight: bold; }
  
  img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic; }
  
  li {
    display: list-item; }
  
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  
  th,
  td,
  caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left; }
  
  q {
    quotes: none; }
  
  q:before,
  q:after {
    content: "";
    content: none; }
  
  sub,
  sup,
  small {
    font-size: 75%; }
  
  sub,
  sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  
  sub {
    bottom: -0.25em; }
  
  sup {
    top: -0.5em; }
  
  svg {
    overflow: hidden; }
  
  html {
    height: 100%; }
  
  body {
    margin: 0;
    background: #fff;
    position: relative;
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    color: #000;
    line-height: normal; 
    -webkit-font-smoothing: antialiased;
  }
  
  img {
    border-style: none; }

a {
  text-decoration: none;
  color: #000000;
  outline: none; 
}
a:hover {
    text-decoration: none;
}

.link {
  cursor: pointer;
  color: #000;
  text-decoration: none;
  border-bottom: 0.0625rem solid transparent;
  -webkit-transition: .3s;
  transition: .3s; 
}

.link:hover {
  border-color: #000; 
}

.link_white {
  color: #fff; 
}

.link_white:hover {
  border-color: #fff; 
}

.link_white.link_underline {
  border-color: #fff; 
}

.link_yellow {
  color: #F9A255; 
}

.link_yellow:hover {
  border-color: #F9A255; 
}

.link_blue {
  color: #0094f6; 
}
.link_blue:hover {
  border-color: #0094f6; 
}

.link_underline {
  border-color: #000; 
}

.link_underline:hover {
  border-color: transparent !important; 
}

.link_light {
  color: #757474; 
}

.link_light:hover {
  border-color: #757474;
}
    
.link_light.link_underline {
  border-color: #757474; 
}

.link_gray {
  color: #b5b5b7; 
}

.link_gray:hover {
  border-color: #b5b5b7;
}

.link_red {
  color: #970000; 
}

.link_red:hover {
  border-color: #970000; 
}

.link_hover-red:hover {
  color: #e40025;
  border-color: #e40025; 
}
.link_pink {
  color: #723b86; 
}

.link_pink:hover {
  border-color: #723b86; 
}

img{
  object-fit: cover;
}

input, button {
  outline: none;
  font-family: 'PTSans'; }

.wrapper {
  position: relative;
  z-index: 2;
  background: #fff; 
}
.limiter {
    width: 73.5rem; 
  }
.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0.375rem 65px 86px; 
  z-index:-2;
  overflow: hidden;
}
.page__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;    
  margin-top: 2rem; 
}
.page__block:first-child, .page__block_plain {
  margin-top: 0; 
}

.wrap {
  overflow: unset; }
  .wrap.popupopened > .container {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px); }
  .wrap.recopened > .container {
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px); }
  @media screen and (max-width: 912px) {
    .wrap.main .popular {
      margin-top: 0; } }
  @media screen and (max-width: 912px) {
    .wrap.games .popular {
      margin-top: 0; }
    .wrap.games .article__title {
      text-decoration: none; } }
  @media screen and (max-width: 912px) {
    .wrap.test .popular, .wrap.test .anothertests {
      display: none; } }
  @media screen and (max-width: 912px) {
    .wrap.ratingpage .popular {
      display: none; } }
  @media screen and (max-width: 912px) {
    .wrap.reg .content {
      overflow: visible; }
    .wrap.reg .profile__nav {
      display: none; } }
  @media screen and (max-width: 912px) {
    .wrap.profilepage .content {
      overflow: visible; } }

.adfox-banner-background {
  min-width: 980px;
  width: 1030px !important;
  margin-right: 280px !important;
  overflow: visible !important; }

.adfox-banner-background > div:first-child {
  position: absolute;
  left: 100%; }

.container {
  width: 100%;
  max-width: 682px; }

.morebutton{
  display: none;
}

.rightbanner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 980px;
  max-width: 1280px;
  width: calc(100% - 280px) !important;
  margin-right: 280px !important;
  overflow: visible !important; }
  .rightbanner__container {
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%; }
    .rightbanner__container a {
      display: block;
      text-decoration: none;
      box-sizing: border-box;
      color: #fff; }
  @media screen and (max-width: 1024px) {
    .rightbanner {
      display: none; } }

.topbanner > * {
  width: 100%;
  display: block; }

.topbanner > script {
  display: none; }

.topbanner > a img {
  width: 100%;
  display: block; }


.header{
  background: #fff;
  position: relative;
  z-index: 10000;
  position: sticky;
  top: 0;
}

.header__cntnt {
  position: relative;
  padding: 0.8125rem 0.9375rem 0.8125rem 1.25rem;
  background: #970000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; 
}

.content__title h1{
  font-weight: 500;
  color: #970000;
  font-size: 1.75rem;
  line-height: 2.125rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
  padding-top: 10px;
}

.header__cntnt::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjM2I1NzZkIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(47%, rgba(59, 87, 109, 0.1)), to(rgba(125, 185, 232, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(59, 87, 109, 0.1) 47%, rgba(125, 185, 232, 0) 100%);
  height: 0.9375rem; 
}
.header__logo {
  margin-right: 2.0625rem;
  display: inline-block;
  height: 3.25rem;
  width: 15.5rem;
  background: url("../img/zr-logo-gislaved.svg") no-repeat center center; 
}
.header__nav {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.375rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1.25rem;
  padding-top: 0.75rem; 
}
.header__nav-mobile{
  display:none;
}
.header__nav .link {
  color: #e5e5e5; 
}
.header__nav .link:not(:last-child) {
    margin-right: 1.6875rem; 
}
.header__actions {
  margin-left: auto;
  padding-top: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; 
}
.header__actions > a {
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s; 
}
.header__actions > a:hover {
    opacity: .8; 
}

.header__login {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  background: url("../img/icon-login.png") no-repeat center center;
  margin-left: 1.1875rem; 
}
.header__tags {
  background: #333333;
  font-size: 1.25rem;
  padding: 0.1rem 0.75rem 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 0.625rem 0.3125rem -0.3125rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0.625rem 0.3125rem -0.3125rem rgba(0, 0, 0, 0.5); 
}
.header__tags-action {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #fff;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s; 
}

.header__tags-action:hover {
  opacity: .8; 
}

.header__tags-action::before {
  content: ''; 
}

.header__tags-action_prev::before {
  content: '<'; 
}

.header__tags-action_next::before {
  content: '>'; 
}

.header__tags-action.slick-disabled::before {
  content: '#'; 
}

.header__tags-wrap {
  overflow: hidden;
  margin: 0 0.6875rem;
  width: 100%; 
}

.header__tags-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; 
  justify-content: space-between;
}
.header__tags-links .slick-slide {
  text-align: center;
}

.header__tags-links .link {
  -ms-flex-negative: 0;
  flex-shrink: 0; 
}

.header__tags-links .link:empty{
  display:none;
}

.header__tags-links .link:not(:last-child) {
  margin-right: 1.25rem; 
}

.header__user {
  margin-left: 1rem;
  position: relative; 
}

.header__user-img {
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.7); 
  background-size:cover;
}

.header__user-balloon {
  display: none;
  position: absolute;
  top: 100%;
  padding-top: 0.5625rem;
  right: -0.4375rem; 
}
.header__user-wrap {
  position: relative;
  border-radius: 0.1875rem;
  background: #fff;
  -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.32);
          box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.32);
  width: 10.75rem;
  padding: 0.75rem 0.9375rem 0.75rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; 
}

.header__user-wrap::before {
  content: '';
  background: #fff;
  position: absolute;
  width: 1rem;
  height: 1rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: -0.1875rem;
  right: 0.875rem; 
}

.header__user:hover .header__user-balloon {
  display: block; 
}

.header__user-name {
  margin-bottom: 0.625rem; 
}

.header__user-link {
  margin-bottom: 0.1875rem; 
}

.header__user-logout {
  margin-top: 0.625rem; 
}
.content {
  background: #fff;
  overflow: hidden;
  padding: 40px 0 70px;
  position: relative; }
  @media screen and (max-width: 912px) {
    .content {
      padding: 25px 0 30px;
      width: 100%; } }
  .content__title {
    font-size: 40px;
    line-height: 1;
    color: #000;
    font-weight: bold;
    margin-bottom: 40px; }
    @media screen and (max-width: 912px) {
      .content__title {
        font-size: 27px;
        margin-bottom: 28px; } }
    .content__title h1 {
      margin: 0;
      font-size: inherit; }
    .content__title span {
      color: #aaa;
      display: none; }
      @media screen and (max-width: 912px) {
        .content__title span {
          display: inline-block; } }
      .content__title span a {
        color: #aaa; }
  .content__left {
    width: calc(94.4% - 320px);
    margin-left: 5.6%;
    float: left; }
    @media screen and (max-width: 912px) {
      .content__left {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0 8px;
        box-sizing: border-box; } }
  .content__right {
    width: 280px;
    float: right;
    box-sizing: border-box; }
    @media screen and (max-width: 912px) {
      .content__right {
        float: none;
        width: 100%; }
        .content__right .popular {
          padding-left: 24px;
          padding-right: 24px; } }
    .content__right-title {
      font-size: 30px;
      line-height: 1;
      color: #000;
      font-weight: bold;
      margin-bottom: 10px; }
      @media screen and (max-width: 912px) {
        .content__right-title {
          font-size: 24px; } }
    .content__right > div {
      margin-bottom: 45px; }
    .content__right-banner {
      margin-right: 40px; }
      @media screen and (max-width: 912px) {
        .content__right-banner {
          display: none; } }
      .content__right-banner > * {
        width: 100%;
        display: block; }
      .content__right-banner > a img {
        width: 100%;
        display: block; }

.footer {
  padding: 0.75rem 1rem 1.6875rem 1.3125rem; 
  box-sizing: border-box;
  background: url(../img/footer.jpg) center no-repeat;
  background-size: cover; 
  color: #b5b5b7;
}
 
.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; 
}
.footer__menu .link:not(:last-child) {
  margin-right: 1.25rem; 
}
.footer__logo {
  width: 145px;
  height: 30px;
  margin-top: 26px;
  display: block;
  background: url("../img/zr-logo.svg") no-repeat center center; 
}
.footer__bottom {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; 
}

.footer__info-copy {
  margin-bottom: 0.25rem; 
}

.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0.9375rem; 
}
.footer__social a {
  -webkit-transition: .3s;
  transition: .3s; 
}

.footer__social a:not(:last-child) {
  margin-right: 9px; 
}
.footer__social a:hover {
  opacity: .5; 
}

.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.9375rem; 
}
.footer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto; 
}

.footer__logo_special{
    display: inline-block;
    vertical-align: bottom;
    margin-right: 30px;
    margin-top: -12px;
}

.footer__search {
  margin-left: 1.375rem;
  position: relative; 
}

.footer__search input {
  outline: none; 
}

.footer__search-input {
  background: transparent;
  height: 1.8125rem;
  width: 14.875rem;
  font-size: 1rem;
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
  border: 0.0625rem solid #b5b5b7;
  border-radius: 0.25rem;
  padding: 0 2.1875rem 0 0.4375rem;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}

.footer__search-input::-webkit-input-placeholder {
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
  color: #b5b5b7; 
}

.footer__search-input::-moz-placeholder {
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
  color: #b5b5b7; 
}

.footer__search-input:-ms-input-placeholder {
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
  color: #b5b5b7; 
}

.footer__search-input:-moz-placeholder {
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
  color: #b5b5b7; 
}

.footer__search-input:focus {
  background: #eee; 
}

.footer__search-btn {
  border: none;
  width: 16px;
  height: 16px;
  background: url("../img/icon-search.svg") no-repeat center center;
  position: absolute;
  top: 50%;
  right: 0.4375rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); 
}

.footer__publish {
  text-align: right; 
}
 

.rating {
  padding-right: 25px; }
  @media screen and (max-width: 912px) {
    .rating {
      display: none; } }
  .rating__user {
    overflow: hidden;
    padding: 9px 20px 9px 12px;
    display: block;
    position: relative;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 1;
    color: #000; }
    .rating__user > div {
      position: relative;
      z-index: 10; }
    .rating__user::before {
      content: '';
      position: absolute;
      left: -7px;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      background: #f4f4f4; }
    .rating__user:hover {
      color: inherit; }
      .rating__user:hover::before {
        background: #ffa500; }
  .rating__img {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    float: left; }
  .rating__name {
    float: left;
    margin-left: 10px;
    max-width: 66%;
    height: 30px;
    display: flex;
    align-items: center; }
  .rating__points {
    float: right;
    margin-top: 7px; }
  .rating__all {
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    margin-top: 20px;
    color: #acacac;
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid rgba(172, 172, 172, 0.3); }

.popular {
  padding-right: 40px; }
  @media screen and (max-width: 912px) {
    .popular {
      padding: 25px 12px 30px;
      background: #f4f4f4;
      margin: 30px -16px 30px; } }
  .popular__link {
    display: block;
    color: #000;
    font-family: Arial;
    font-size: 15px;
    line-height: 1.4;
    margin-top: 15px;
    text-decoration: none; }
    @media screen and (max-width: 912px) {
      .popular__link {
        font-size: 15px;
        margin-top: 15px; } }
    .popular__link span {
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
    .popular__link:hover span {
      border-color: rgba(255, 165, 0, 0.3); }

.mainblock {
  overflow: hidden; }
  .mainblock a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative; }
    .mainblock a:hover .mainblock__img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
      @media screen and (max-width: 912px) {
        .mainblock a:hover .mainblock__img {
          -moz-transform: none;
          -o-transform: none;
          -ms-transform: none;
          -webkit-transform: none;
          transform: none; } }
  .mainblock__img {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
    -webkit-transition: transform 5s ease-out;
    -moz-transition: transform 5s ease-out;
    -o-transition: transform 5s ease-out;
    -ms-transition: transform 5s ease-out;
    transition: transform 5s ease-out;
    -webkit-transition: -webkit- transform 5s ease-out; }
    .articles .mainblock__img{
      height:420px;
    }
  .mainblock__title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 15px;
    line-height: 1.2;
    text-decoration: none;
    color: #fff;
    width: 100%;
    height: 90px;
    z-index: 10; }
    .mainblock__title span {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      box-sizing: border-box;
      padding: 10px;
      z-index: 10; }
      @media screen and (max-width: 912px) {
        .mainblock__title span {
          padding-right: 0;
          padding-top: 0; } }
    .mainblock__title::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: opacity .3s;
      -moz-transition: opacity .3s;
      -o-transition: opacity .3s;
      -ms-transition: opacity .3s;
      transition: opacity .3s;
      background: url(data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.8) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, rgba(0, 0, 0, 0.8)));
      background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.8) 100%);
      background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.8) 100%);
      background: -ms-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.8) 100%);
      background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%); }
  .mainblock__left {
    float: left;
    width: 66%; }
    @media screen and (max-width: 568px) {
      .mainblock__left {
        float: none;
        width: 100%; } }
  .mainblock__right {
    float: right;
    width: 34%; }
    .mainblock__right .mainblock__half {
      margin-bottom: 2px; }
      .mainblock__right .mainblock__half:last-child {
        margin-bottom: 0; }
    @media screen and (max-width: 568px) {
      .mainblock__right {
        float: none;
        width: 100%;
        display: block; } }
  .mainblock__border {
    border: 1px solid #fff; }
  .mainblock__big {
    height: 326px; }
    @media screen and (max-width: 568px) {
      .mainblock__big {
        margin-bottom: 30px !important; } }
    .mainblock__big .mainblock__title {
      font-size: 30px;
      line-height: 1.13;
      height: 125px; }
      @media screen and (max-width: 912px) {
        .mainblock__big .mainblock__title {
          font-size: 20px; } }
      .mainblock__big .mainblock__title span {
        padding: 0 20px 15px; }
        @media screen and (max-width: 912px) {
          .mainblock__big .mainblock__title span {
            padding: 0 14px 8px; } }
    @media screen and (max-width: 912px) {
      .mainblock__big {
        height: 230px !important; } }
  .mainblock__line {
    overflow: hidden; }
    .mainblock__line .mainblock__half {
      float: left;
      width: 50%;
      margin-top: 2px; }
      @media screen and (max-width: 568px) {
        .mainblock__line .mainblock__half {
          float: none;
          width: 100%; } }
  @media screen and (max-width: 568px) {
    .mainblock__half {
      margin-bottom: 30px !important; } }
  .mainblock__half-in {
    height: 162px; }
    @media screen and (max-width: 912px) {
      .mainblock__half-in {
        height: 114px; } }
    @media screen and (max-width: 568px) {
      .mainblock__half-in {
        height: 115px !important;
        width: 175px !important; } }
    .mainblock__half-in_margin {
      margin-left: 2px; }
  @media screen and (max-width: 568px) {
    .mainblock__half .mainblock__title {
      font-size: 15px;
      font-weight: bold;
      color: #000;
      top: 0;
      height: 100%;
      left: 100%;
      width: calc(100vw - 210px); }
      .mainblock__half .mainblock__title::before {
        display: none; }
      .mainblock__half .mainblock__title span {
        top: 0; }
    .mainblock__half a {
      overflow: visible; } }
  @media screen and (max-width: 390px) {
    .mainblock__half .mainblock__title {
      font-size: 15px;
      width: calc(100vw - 210px); } }
  .mainblock_video, .mainblock_articles {
    margin-bottom: 40px; }
    .mainblock_video .mainblock__left, .mainblock_articles .mainblock__left {
      width: 100%; }
    .mainblock_video .mainblock__big, .mainblock_articles .mainblock__big {
      height: 455px;
      margin: 0 !important; }
      @media screen and (max-width: 1280px) {
        .mainblock_video .mainblock__big, .mainblock_articles .mainblock__big {
          height: 360px; } }
      @media screen and (max-width: 568px) {
        .mainblock_video .mainblock__big, .mainblock_articles .mainblock__big {
          margin-bottom: 30px !important; } }
    .mainblock_video .mainblock__half-in, .mainblock_articles .mainblock__half-in {
      height: 227px;
      width: 100%; }
    .mainblock_video .mainblock__line, .mainblock_articles .mainblock__line {
      display: block; }
  @media screen and (max-width: 912px) {
    .mainblock_articles {
      margin: 0; } }
  @media screen and (max-width: 912px) {
    .mainblock_video + .popular {
      margin-top: 0; } }
  .mainblock_video a::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 130px;
    height: 130px;
    background: url(../img/play.png) center no-repeat;
    background-size: contain; }
    @media screen and (max-width: 912px) {
      .mainblock_video a::before {
        width: 65px;
        height: 65px; } }
  .mainblock_video .mainblock__half a::before {
    width: 65px;
    height: 65px; }

.news {
  padding-bottom: 0.1875rem; 
  margin-top: 39px;
}

.news__header-mobile{
  display:none;
}


.news__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-top: 2rem; 
}

.news__item {
  width: 50%;
  padding-right: 1rem;
  margin-bottom: 0.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; 
}



.news__item:nth-child(1){
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width:100%;
  margin-bottom: 32px;
}


.news__item-img {
width: 11rem;
margin-right: 0.9375rem;
-ms-flex-negative: 0;
flex-shrink: 0; 
display: block;
}

.news__item:nth-child(1) .news__item-img {
  width: 23.0625rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.875rem; 
}

.news__item-img img {
  width: 100%;
  max-width: 100%; 
  object-fit: cover;
}

.news__item:nth-child(1) .news__item-img img {
  height:231px;
}

.news__item-ttl {
  font-weight: 700;
  line-height: 1.2;
}

.news__item:nth-child(1) .news__item-ttl {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1;
}
.news__item:not(:first-child) .news__item-wrap {
  margin-top: -0.185rem; 
}

.news__item-desc{
  display:none;
}

.news__item:nth-child(1) .news__item-desc{
  display:block;
  margin-top: 6px;
  line-height: 1.2;
  font-family: "PT Serif", serif;

}
.news__all {
  font-weight: 700;
  text-align: right; 
  line-height: 21px;
  margin-top: 25px;
}

.news__all::after {
  content: '';
  height: 6px;
  margin-top: -0.25rem;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.21%, rgba(0, 0, 0, 0.2) 100%);
} 

.articles{
  margin-top: 2rem;
}

.articles_shadow::after {
  content: '';
  height: 6px;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.21%, rgba(0, 0, 0, 0.2) 100%);
  margin-top: 12px; 
}

.articles__item:not(:first-child) {
  margin-top: 2rem; 
}

.articles__item-img {
  display: block;
  margin-bottom: 1rem; 
}

.articles__item-img img {
  width: 100%;
  max-width: 100%; 
  max-height: 425px;
}

.articles__group .articles__item-img img,
.articles__item_inline .articles__item-img img {
  max-height: 150px;
  object-fit: cover;
}

.articles__item-ttl {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.2; 
}

.articles__item-decs {
  margin-top: 0.625rem;
  line-height: 1.2;
  font-family: "PT Serif", serif; 
}


.articles__item_short .articles__item-img {
  margin-bottom: 12px; 
}

.articles__item_short .articles__item-ttl {
  font-size: 1.25rem;
  line-height: 1.1; 
}

.articles__item_short .articles__item-decs {
  margin-top: 0.75rem; 
}

.articles__item_inline {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 0.9375rem;
  margin-top: 14px !important; 
}
.articles__inline{
  margin-top: 32px;
}
.articles__item_inline::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; 
}

.articles__item_inline .articles__item-img {
  width: 15rem;
  margin-right: 0.9375rem;
  margin-bottom: 0;
  margin-top: 0.3125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0; 
}

.articles__group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-right: -1rem;
  margin-top: 1.5rem;
  padding-bottom: 0.875rem; 
  margin-bottom: 2rem;
  flex-flow: row wrap;
}

.articles__group::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 1rem; 
}

.articles__group .articles__item {
  width: 33.33333%;
  margin-top: 0;
  padding-right: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}

.articles__group .articles__item:nth-child(1){
  width: 100%;
}
.articles__group .articles__item:nth-child(1) .articles__item-ttl{
  font-size: 26px;
  line-height: 31px;
  font-weight: bold;
}

.articles__group .articles__item:nth-child(1):after{
  content: '';
  height: 6px;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.21%, rgba(0, 0, 0, 0.2) 100%);
  margin-bottom: 32px;
  margin-top: 12px;
}


.articles__group .articles__item:nth-child(1) .articles__item-img{
  margin-bottom: 1rem;

}

.articles__group .articles__item:nth-child(1) .articles__item-img img{
  height: auto;
  max-height: 100%;
}

.popular-mobile{
  display:none;
}


.sidebar {
  width: 300px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 1rem 0 1rem;
  z-index: 0;
  position: relative; 
}

.sidebar__block {
  background:  #fff;
  padding: 1rem; 
}

.sidebar__block:not(:last-child) {
  margin-bottom: 1.25rem; 
}

.sidebar__block-ttl {
  font-size: 1.625rem;
  font-weight: 700;
  margin-bottom: 1rem;
  margin-top: -0.5625rem;
}

.sidebar__block-wrap {
  max-width: 16.75rem; 
}

.sidebar__block_plain {
  background: #fff;
  padding: 0;
}

.sidebar__block_plain .sidebar__block-ttl {
  margin-top: -0.375rem;
  line-height: 1.2; 
}
.sidebar__block_plain .sidebar__block-wrap {
  max-width: 18.75rem; 
}
.sidebar__item:not(:last-child) {
  margin-bottom: 34px; 
}

.sidebar .banner:not(:last-child) {
  margin-bottom: 1.25rem; 
}

.b_banner{
  margin:20px 0 35px;
}

.sidebar .b_banner{
  margin-top: 0;
  margin-bottom: 0;
}

.banner {
  text-align: center;
}
.banner a > img {
  display: block;
  max-width: 100%;
}

.banner_branding {
  position: absolute;
  left: 100%;
  top: 0; 
}

.banner + .banner {
  margin-top: 1.25rem; 
}

.branding {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
}
.branding .limiter {
  -ms-flex-negative: 0;
  flex-shrink: 0; 
}
.branding__wrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}


.stories__main {
  height: 25.8125rem;
  overflow: hidden; 
}

.stories__main .bx-wrapper,
.stories__main .bx-viewport,
.stories__main .slider__wrap,
.stories__main .slick-slide {
    height: 413px;
}
.stories__main .slick-arrow {
  position: absolute;
  top: 50%;
  outline: 0;
  text-indent: -9999px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAkCAYAAABmMXGeAAAAjklEQVRIie3MIQ6CABSH8f8IJhOjUUhks5ubFyB6Ae9i5ALcweZRuAORMZKBfQYxgLT3DG7vi1/4ScaAHLgAudX6gEdg4N0AFB7gyLKrN/gESm+wCjDAAP8KPLiCM3pfgZMJlJRI6jbe2YIKSIGW72ornAUccMABG+DbL+AJ2HvDPbAzoTOcAg3wAE6S9AI6gmldyv7FGgAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  width: 1.25rem;
  height: 2.25rem;
  margin-top: -2.375rem;
  z-index: 5;
  border: none;
  padding: 0;
  cursor: pointer;
}
.stories__main .slick-prev {
  left: .9375rem;
}
.stories__main .slick-next {
  right: .9375rem;
  transform: rotate(180deg);
}
.stories__main .slick-dots {
  position: absolute;
  bottom: 1.0625rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  z-index: 1;
}
.stories__main .slick-dots li {
  list-style: none;
}
.stories__main .slick-dots button {
  width: .4375rem;
  height: .4375rem;
  margin: 0 .4375rem;
  background: #706761;
  box-sizing: border-box;
  -webkit-transition: .3s;
  transition: .3s;
  border: none;
  padding: 0;
  font-size: 0;
  border-radius: 50%;
  cursor: pointer;
}
.stories__main .slick-dots .slick-active button {
  background: #FFF;
}

.stories__items{
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: .125rem;
}
.stories__items .stories__item {
  width: 33.33333%;
  padding-right: .125rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stories__items .stories__item:last-child{
  padding-right:0;
}
.stories__items .stories__item_short {
  height: 175px;
}
.stories__item_short .stories__item-ttl {
  font-size: 20px;
  line-height: 100%;
  font-weight: bold;
}
.stories__item {
  position: relative;
  height: 100%; 
}

.stories__item-img {
  display: block;
  height: 100%;
  background: no-repeat center center;
  background-size: cover; 
}
.stories__item-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2.8125rem 12px 2.5rem;
  background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-blend-mode: multiply;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; 
}

.stories__items .stories__item-container{
  padding-bottom: 11px;
}

.stories__item-container a {
  color: #fff; 
}

.stories__item-ttl {
  font-size: 28px;
  display: block;
  line-height: 1; 
}

.stories__item-desc {
  display: block;
  font-size: 1.125rem;
  line-height: 1.2;
  margin-top: 8px; 
}


.navigation {

  padding-top: 32px; }
  .navigation__title {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold; }
  .navigation__line {
    margin-top: 15px;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 14px; }
    .navigation__line a {
      color: #aaaaaa;
      text-decoration: none;
      margin-right: 49px;
      display: inline-block; }
  .navigation__nums {
    font-family: 'PT Sans', sans-serif;
    margin-top: 24px;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #000; }
    .navigation__nums a {
      display: inline-block;
      color: #000;
      text-decoration: none;
      padding: 6px 9px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
      .navigation__nums a:hover, .navigation__nums a.active {
        color: #fff;
        background:  #970000; }
    .navigation__nums span {
      display: inline-block;
      padding-left: 9px; }

.search {
  position: relative;
  display: inline-block; }
  .search input {
    width: 100%;
    padding: 5px 30px 5px 15px;
    border: 1px solid #414042;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-family: 'PTSans';
    font-size: 14px; }
    .search input::-webkit-input-placeholder {
      color: #acacac; }
    .search input::-moz-placeholder {
      color: #acacac; }
    .search input:-ms-input-placeholder {
      color: #acacac; }
    .search input:-moz-placeholder {
      color: #acacac; }
  .footer .search input {
    border-color: #B5B5B7;
  }
  .search__submit {
    position: absolute;
    right: 1px;
    top: 50%;
    margin-top: -13px;
    border: none;
    width: 30px;
    height: 26px;
    background-color: transparent;
    text-indent: 9999em;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    opacity: 0.5; }
    .search__submit:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -8px 0 0 -8px;
      width: 16px;
      height: 16px;
      background: url(../img/search.png) center no-repeat; }

@media screen and (min-width: 1700px){
  .branding,  #brand_banner{
    display: block;
    max-width: 1100px;
    margin: 0 auto;
  }
  .adfox-banner-background{
    width: 1100px!important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .limiter{
    width: 1100px;
    margin: 0 auto;
  }
  .branding__wrap {
    align-items: flex-start;
    position: absolute;
    width: 1100px;
    left: 100%;
    top: 0;
    bottom: 0;
  }
      
  .container{
    width: 682px;
  }
  
  .header__wrap_fixed .header__container {
    left: auto;
  }      
}

@media screen and (min-width: 1366px) {
  .limiter{
    width: 1100px;
  }
      
  .container{
    width: 682px;
  }
       
  .adfox-banner-background {
    width: 1100px !important;
  }

  .zr #brand_banner{
    max-width: 1100px;
  }
      
}

@media screen and (min-width:1031px) and (max-width: 1365px){
  .limiter{
    width: 1030px;
  }

  .page{
    padding-left:0;
  }

  .container{
    margin-left: 16px;
  }
  .header__logo{
    background-size:contain;
  }

  #brand_banner{
    max-width: 1030px;
  }
      
}

@media screen and (max-width:1030px){
  .articles__item:not(:first-child) {
    margin-top: 21px;
  }
  .limiter{
    width:100%;
  }
  .header__cntnt{
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    z-index: 20000;
    border: none;
    min-width: 100%;
    min-height: 10px;
    background-color: #970000;
    height: 60px;
    padding: 17px 12px 10px;

  }

  .header__logo{
    width: 151px;
    flex-shrink: 0;
  }

  .header__nav{
    display:none;
  }
  .header__nav-mobile{
    display:block;
    position: relative;
    z-index: 10000;
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-size: 1.75rem;
    text-transform: uppercase;
    color: #FFF;
  }
  .header__nav-mobile .link{
    color: #fff;
  }
  .header__nav-mobile .header__nav-current{
    position: relative;
    margin-top: 3px;
    padding: 0 12px 0 0;
  }
  .header__nav-mobile .header__nav-current:after{
    position: absolute;
    right: -3px;
    bottom: 10px;
    background: url(../img/arrow.svg) 0 0 no-repeat;
    content: "";
    width: 12px;
    height: 8px;
  }
  .header__nav-mobile .header__nav-more{
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 225px;
    top: 16px;
    background: #970000;
    box-shadow: 0px 6px 5px 1px rgba(0, 0, 0, 0.5);
    list-style:none;
    padding-left:0;
  }
  .header__nav-mobile .header__nav-more:after{
    content: "";
    display: block;
    clear: both;
  }

  .header__nav-mobile .header__nav-more li a{
    position: relative;
    color: #ffffff;
    display: block;
    padding: .7rem .5rem .7rem .5rem;
    text-align: center;
    line-height: 1em;
  }

  .header__nav-mobile .header__nav-more li.active a{
    color: #999;
  }

  .header__nav-mobile .header__nav-more li.active a:after{
    content: "";
    background: none;
  }

  .header__nav-mobile .header__nav-home{
    position: relative;
    color: #FFF;
    pointer-events: none;
  }

  .header__nav-mobile .header__nav-home.enabled {
    pointer-events: auto;
  }

  .header__actions{
    margin-left:0;
    padding-top:0;
  }

  .header__tags-links{
    margin-left: 0;
    font-family: 'Fira Sans Extra Condensed', sans-serif;
  }
  .page{
    padding: 1rem 12px 44px;
    font-family: "Fira Sans Extra Condensed", sans-serif;
  }
  .stories{
    margin: 0 -12px;
  }

  .sidebar{
    display:none;
  }
  .container{
    width:100%;
    max-width: 100%;
  }
  .stories__main {
    height: 250px;
    overflow: hidden; 
  }
  
  .stories__main .bx-wrapper,
  .stories__main .bx-viewport,
  .stories__main .slider__wrap,
  .stories__main .slick-slide {
      height: 250px;
  }
  .stories__main .slick-dots button {
    border-radius: 0;
  }
  .stories__main .slick-dots {
    bottom: 11px;
  }
  .stories__item-container{
    padding: 2.8125rem 20px 23px 12px;
    right: 1px;
  }
  .stories__items{
    margin:0.125rem -12px 0;
  }
  
  .homepage .news__header-mobile{
    display:block;
    font-size: 1.75rem;
    line-height: 2.125rem;
    text-transform: uppercase;
    padding-top: 6px;
    padding-left: 12px;
    font-weight:500;
  }

  .news::before, .news::after{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    border-top: 2px solid #F2F2F2;
    left: 0;
    right: 0;
  }

  .news::before{
    top: 2px;
    padding-bottom: 14px;
  }

  .news{
    border-top: 2px solid #F2F2F2;
    position: relative;
    margin-left:-12px;
    margin-right: -12px;
    margin-top: 20px;

  }

  .news::after{
    top: -6px;
  }

  .news__items{
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 4px;
  }

  .news__item:nth-child(1){
    width:50%;
    margin-bottom: 0.5rem;
  }

  .news__item .news__item-ttl{
    font-weight: 500;
  }
 
  .news__item:nth-child(1) .news__item-img {
    width: 11rem;
    margin-right: 0.9375rem; 
  }
  
  .news__item:nth-child(1) .news__item-img img {
    height: 112px;
  }
 
  .news__item:nth-child(1) .news__item-ttl {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 500;
  }
  .news__item:nth-child(1) .news__item-wrap {
    margin-top: 0; 
  }
  
  .news__item:nth-child(1) .news__item-desc{
    display:none;
  
  }
  .news__item:nth-child(7){
    display: none;
  }
  .news__all{
    font-size: 23px;
    line-height: 29px;
    text-transform: uppercase;
    font-weight: 500;
    padding-right:12px;
    margin-top: 0;
  }
  .news__all:after{
    display:none;
  }


  .stories__item-desc, .articles__item-decs{
    font-size: 16px;
    line-height: 19px;
  }
  .stories__item-desc{
    font-family: "Fira Sans Extra Condensed", sans-serif;
    margin-top: 3px;
  }
  .articles__item_short .articles__item-decs, .articles__item-decs{
    font-family: "PT Serif", serif;
    letter-spacing: 0.2px;
    margin-top: 6px;
  }


  .stories__items .stories__item_short{
    height: 150px;
  }
 
  .articles__group{
    margin-left: -12px;
    margin-right:-12px;
    margin-bottom:0;
    justify-content: space-between;
    margin-top: -0.5rem;
  }
  .articles__group.articles_shadow:after{
    display: none;
  }
  .articles_shadow:after{
    height:2px;
    margin-top: 16px;
  }
  .articles__group .articles__item:nth-child(1){
    position:relative;
    padding-right:0;
    right:0;
    left:0;

  }
  .articles__item-img img{
    min-height:215px;
  }
  .articles__group .articles__item-img img{
    min-height: 133px;
  }
  .articles__group .articles__item:nth-child(1) .articles__item-img{
    margin-bottom: 0;
  }
  .articles__group .articles__item:nth-child(1) .articles__item-img img{
    object-fit: cover;
    min-height:225px;
  }
  .articles__group .articles__item:nth-child(1) .articles__item-decs{
    display:none;
  }
  .articles__group .articles__item:nth-child(1) .articles__item-wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 18px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  }
  .articles__group .articles__item:nth-child(1) .articles__item-ttl a{
    font-weight: 500;
    font-size: 1.3125rem;
    line-height: 1.4375rem;
    color: #FFFFFF;
    text-decoration:none;
  }
  .articles__group .articles__item:nth-child(1) .articles__item-ttl .link:hover{
   border-color:#fff;
  }

  .articles__group .articles__item:nth-child(1):after{
    display:none;
  }

  .articles__group .articles__item:nth-child(2){
    width:100%;
    padding-right:0;
    margin-right: 12px;
    margin-left: 12px;
    margin-top: 21px;
  }
  
  .articles__group .articles__item:nth-child(2) .articles__item-img img{
    max-height: 100%;
  }

  .articles__group .articles__item:nth-child(2):after{
    content: '';
    display: block;
    height: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    margin-top:12px;
    margin-bottom: 20px;
  }

  .articles__group .articles__item:nth-child(2) .articles__item-img img{
    height:auto;
  }


  .articles__group .articles__item:nth-child(3){
    margin-left: 12px;
    width:calc(50% - 18px);
    padding-right:0;
  }

  .articles__group .articles__item:last-child .articles__item-ttl, .articles__group .articles__item:nth-child(3) .articles__item-ttl, .articles__item_inline .articles__item-ttl{
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.4375rem;
  }

  .articles__group .articles__item:last-child{
    padding-right:0;
    width: calc(50% - 18px);
    margin-right:12px;
  }
  
  .articles__group .articles__item:nth-child(3) .articles__item-decs{
    display:none;
  }
  .articles__group .articles__item:last-child .articles__item-decs{
    display:none;
  }
  .popular-mobile{
    display:block;
    margin-top: 30px;
 
  }

  .sidebar__block{
    background:#F4F4F4;
    width: 100%;
    padding-bottom: 20px;
  }

  .sidebar__block-wrap{
    max-width: 100%;
    padding-right: 12px;
  }

  .popular-mobile .sidebar__block .sidebar__block-ttl{
    color: #970000;
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    margin-top: 0;
    font-weight: 500;
  }
  .sidebar__item a{
    font-size: 18px;
    line-height: 20px;
  }
  .sidebar__item:not(:last-child){
    margin-bottom: 1rem;
  }

  .articles{
    margin-top: 21px;
  }

  .articles__inline{
    margin-top: 20px;
  }
  .articles__item-ttl, .articles__group .articles__item:nth-child(2) .articles__item-ttl{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.625rem;
  }
  .articles__item-img img{
    height: auto;
  }
  .morebutton{
    display:block;
    text-align: center;
    border: 2px solid #970000;
    border-radius: 6px;
    box-sizing: border-box;
    width: 184px;
    margin: 44px auto 0 auto;
  }
  .navigation{
    display: none;
  }
  .morebutton .morebutton__button{
    text-transform: uppercase;
    font-size: 24px;
    line-height: 50px;
    font-weight: 500;
  }

 .footer__menu a{
   display: none;
 }
 .footer__search{
   display: none;
 }

 .footer__bottom .footer__info a{
   display: none;
 }

 .footer{
   position: relative;
   min-height: 215px;
 }

 .footer__logo{
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 60%;
   width: 145px;
 }
 .footer__social{
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 40%;
 }
 .footer__wrap{
   position: absolute;
   bottom: 8px;
   right: 10px;
 }
 .footer__info{
   position: absolute;
   bottom: 8px;
   left: 10px;
   color:#898989;
   font-size: 9px;
   line-height: 15px;
   font-family: "PT Sans", sans-serif;
 }


}

@media screen and (max-width: 630px){
  .stories__items .stories__item:nth-child(3){
    display:none;
  }
  .stories__items .stories__item{
    width: 50%;
  }
  .stories__items .stories__item:nth-child(2){
    padding-right:0;
  }
  .stories__items .stories__item-ttl{
    font-size:18px;
    line-height:20px;
    font-weight:500;

  }
  .news__items{
    margin-right: 0;
    justify-content: space-between
  }
  .news__item,
  .news__item:nth-child(1) {
    flex-flow: row wrap;
    width: calc(50% - 6px);
    padding-right: 0;
    margin-bottom: 17px;
  }
  .news__item-img,
  .news__item:nth-child(1) .news__item-img {
    width: auto;
    margin-right: unset;
    flex-shrink: 1;
  }

  .news__item .news__item-img img,
  .news__item:nth-child(1) .news__item-img img{
    height: 138px;

  }
  .news__item:nth-child(1) .news__item-ttl, .news__item-ttl{
    font-size: 18px;
    line-height: 20px;
    padding-top: 9px;
  }

  .articles__item_inline .articles__item-img{
    width: calc(50% - 18px);
    margin-top: 0;
  }

  .articles__item_inline .articles__item-img img{
    min-height: 138px;
  }

  .articles__item_inline .articles__item-decs{
    display: none;
  }

}

      
      

.rightbanner1 {
  background: url(../img/rightbanner1.jpg) top left no-repeat;
  padding: 600px 40px 145px;
  font-size: 36px;
  font-weight: bold;
  color: #fff; }

.rightbanner2 {
  background: url(../img/rightbanner2.jpg) top left no-repeat;
  padding: 250px 0 0 60px;
  color: #fff;
  font-size: 20px; }
  .rightbanner2 span {
    color: #ffa500;
    font-weight: bold; }
  .rightbanner2 img {
    display: inline-block;
    margin-top: 20px; }

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001; }
  .popup .container__popup {
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0; }
  .popup__window {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #ffa500;
    color: #000;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    text-align: center;
    box-sizing: border-box;
    padding: 55px 20px 20px;
    width: 100%;
    max-width: 525px;
    min-height: 455px; }
    @media screen and (max-width: 912px) {
      .popup__window {
        padding: 20px 12px 25px;
        min-height: auto;
        max-height: 95%;
        overflow-y: auto; } }
  .popup__close {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 30px;
    cursor: pointer;
    background: url(../img/close.png) center no-repeat; }
  .popup__title {
    font-size: 31px;
    font-weight: bold; }
    @media screen and (max-width: 912px) {
      .popup__title {
        font-size: 24px; } }
  .popup__text {
    font-size: 24px; }
    @media screen and (max-width: 912px) {
      .popup__text {
        font-size: 18px;
        line-height: 1.5; } }
  .popup__info {
    font-size: 12px;
    margin-top: 50px;
    padding-top: 25px;
    border-top: 1px solid #000;
    display: inline-block;
    width: 334px; }
    @media screen and (max-width: 912px) {
      .popup__info {
        font-size: 15px;
        border-color: #fff;
        width: 100%;
        margin-top: 30px; } }
    .popup__info a {
      color: #fff;
      display: inline-block;
      margin-top: 7px; }
  .popup__form {
    margin-top: 40px; }
  .popup__input {
    margin-bottom: 10px; }
    .popup__input-in {
      display: inline-block; }
      @media screen and (max-width: 912px) {
        .popup__input-in {
          width: 100%;
          text-align: left;
          position: relative; } }
    .popup__input input {
      width: 205px;
      height: 27px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid #b9b9b9;
      font-family: 'PTSans';
      font-size: 12px;
      box-shadow: none;
      box-sizing: border-box;
      padding: 0 12px; }
      .popup__input input.mail {
        border-color: #000; }
      @media screen and (max-width: 912px) {
        .popup__input input {
          border: none;
          width: 100%;
          height: 30px;
          font-size: 16px; } }
  .popup__label {
    display: none; }
    @media screen and (max-width: 912px) {
      .popup__label {
        display: block;
        margin-bottom: 2px;
        font-size: 14px; } }
  .popup__button {
    border: none;
    box-shadow: none;
    background: #fff;
    width: 143px;
    height: 29px;
    text-align: center;
    font-family: 'PTSans';
    font-size: 12px;
    line-height: 29px;
    color: #767676;
    cursor: pointer;
    margin-top: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px; }
    @media screen and (max-width: 912px) {
      .popup__button {
        width: 192px;
        height: 35px;
        font-size: 15px;
        line-height: 35px; } }
  .popup__error {
    display: none;
    text-align: left; }
    @media screen and (max-width: 912px) {
      .popup__error {
        position: absolute;
        top: -2px;
        left: 65px; } }
    .popup__error span {
      display: inline-block;
      color: #fff;
      font-size: 11px;
      background-color: #d90022;
      padding: 3px 6px;
      margin-top: 5px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      white-space: nowrap; }
      @media screen and (max-width: 912px) {
        .popup__error span {
          padding: 0;
          margin: 0;
          background: none;
          color: red;
          font-size: 14px;
          line-height: 1; } }
    .popup__error.show {
      display: block; }

.select {
  width: 244px;
  height: 27px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #b9b9b9;
  font-family: 'PTSans';
  font-size: 12px;
  background: url(../img/select.png) right 8px center no-repeat;
  position: relative; }
  @media screen and (max-width: 912px) {
    .select {
      width: 100%; } }
  .select_small {
    width: 77px;
    background-image: url(../img/filter.png);
    display: inline-block; }
    @media screen and (max-width: 912px) {
      .select_small {
        width: calc((100vw - 145px)/3 - 4px); } }
  .select_medium {
    width: 104px !important; }
  .select select {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%; }
  .select__value {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 25px 0 12px; }

.profile {
  padding-left: 44px;
  padding-bottom: 30px; }
  @media screen and (max-width: 912px) {
    .profile {
      padding-left: 0; } }
  .profile .error {
    color: red;
    display: inline-block;
    margin-left: 10px;
    vertical-align: top; }
    .profile .error + .checkbox__text::before {
      border-color: red; }
    @media screen and (max-width: 912px) {
      .profile .error {
        font-size: 12px;
        line-height: 1;
        position: absolute;
        top: calc(100% + 3px);
        left: 0; } }
  .profile .select:not(.select_small) {
    float: left; }
  .profile__top {
    margin-left: -74px; }
    @media screen and (max-width: 912px) {
      .profile__top {
        margin: 0; } }
  .profile__img {
    width: 45px;
    height: 45px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: inline-block;
    margin-right: 23px; }
    @media screen and (max-width: 912px) {
      .profile__img {
        width: 30px;
        height: 30px;
        margin-right: 15px; } }
  .profile__name {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    font-family: Arial;
    font-size: 36px;
    line-height: 1;
    font-weight: bold; }
    @media screen and (max-width: 912px) {
      .profile__name {
        font-size: 30px;
        margin-top: 0; } }
  .profile__nav {
    margin-top: 30px;
    font-size: 16px;
    line-height: 1; }
    @media screen and (max-width: 912px) {
      .profile__nav {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        height: 82px;
        margin-bottom: 45px; } }
    .profile__nav a {
      color: #000;
      display: inline-block;
      margin-right: 20px;
      text-decoration: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
      @media screen and (max-width: 912px) {
        .profile__nav a {
          width: 31.5%;
          margin: 0;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: flex-end;
          background: #cececf;
          box-sizing: border-box;
          padding: 7px;
          justify-content: center;
          text-decoration: none;
          color: #606060;
          position: relative; }
          .profile__nav a::before {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0.5; }
          .profile__nav a:first-child::before {
            background: url(../img/profile.png) top 10px center no-repeat; }
          .profile__nav a:nth-child(2)::before {
            background: url(../img/games.png) top 5px center no-repeat; }
          .profile__nav a:last-child::before {
            background: url(../img/test.png) top 10px center no-repeat; } }
      .profile__nav a.active {
        color: #939393; }
        @media screen and (max-width: 912px) {
          .profile__nav a.active {
            color: #000;
            background: #ffa500; }
            .profile__nav a.active::before {
              opacity: 1; } }
      .profile__nav a:hover {
        color: #ffa500;
        border-color: rgba(255, 165, 0, 0.3); }
        @media screen and (max-width: 912px) {
          .profile__nav a:hover {
            color: #000;
            background: #ffa500; }
            .profile__nav a:hover::before {
              opacity: 1; } }
  .profile__title {
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    margin: 45px 0; }
    @media screen and (max-width: 912px) {
      .profile__title {
        margin: 0 0 20px; } }
  .profile__games {
    font-size: 24px;
    line-height: 1; }
  .profile__game {
    margin-bottom: 69px;
    position: relative; }
    @media screen and (max-width: 912px) {
      .profile__game {
        margin-bottom: 135px; } }
    .profile__game-line {
      overflow: hidden;
      margin-top: 35px; }
      @media screen and (max-width: 912px) {
        .profile__game-line {
          height: 145px;
          margin: 0;
          overflow: visible; } }
    @media screen and (max-width: 912px) {
      .profile__game-name {
        font-size: 21px;
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        top: 160px; } }
    .profile__game-img {
      float: left;
      width: 257px;
      height: 155px;
      background-size: cover;
      background-position: center; }
      @media screen and (max-width: 912px) {
        .profile__game-img {
          height: 100%;
          width: 65%; } }
    .profile__game-right {
      float: left;
      margin-left: 40px;
      width: 260px;
      height: 155px;
      text-align: center;
      position: relative; }
      @media screen and (max-width: 912px) {
        .profile__game-right {
          width: 35%;
          height: 100%;
          margin: 0; } }
    .profile__game-points {
      background: #ffa500;
      padding: 20px 0;
      font-weight: bold; }
      @media screen and (max-width: 912px) {
        .profile__game-points {
          height: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: center;
          align-items: center;
          box-sizing: border-box; } }
    .profile__game-link {
      font-size: 16px;
      line-height: 1;
      color: #000;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -52px;
      text-decoration: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
      @media screen and (max-width: 912px) {
        .profile__game-link {
          left: auto;
          right: 0;
          width: calc(100vw - 24px);
          top: 210px;
          display: block;
          margin: 0; } }
    .profile__game-total {
      border-top: 3px solid #ffa500;
      overflow: hidden;
      padding-top: 25px; }
      @media screen and (max-width: 912px) {
        .profile__game-total {
          padding-top: 20px;
          font-size: 24px; } }
      .profile__game-total-title {
        width: 298px;
        float: left; }
        @media screen and (max-width: 912px) {
          .profile__game-total-title {
            width: auto; } }
      .profile__game-total-points {
        font-weight: bold;
        float: left;
        width: 260px;
        text-align: center; }
        @media screen and (max-width: 912px) {
          .profile__game-total-points {
            width: auto;
            float: right; } }
  .profile__separator {
    padding-bottom: 40px; }
    @media screen and (max-width: 912px) {
      .profile__separator {
        border-top: 1px solid #bebebe; } }
  .profile__button {
    border: 1px solid #b9b9b9;
    color: #b9b9b9;
    width: 143px;
    font-size: 12px;
    line-height: 1;
    padding: 8px 0;
    box-shadow: none;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    margin-top: 40px;
    cursor: pointer;
    display: block;
    text-decoration: none; }
    @media screen and (max-width: 912px) {
      .profile__button {
        font-size: 18px;
        font-weight: bold;
        color: #FFF;
        background: #b9b9b9;
        width: 180px;
        position: relative;
        left: 50%;
        margin-left: -90px; } }
    .profile__button:hover {
      border-color: #ffa500;
      background: #ffa500;
      color: #fff; }
  .profile__profile {
    font-size: 16px;
    line-height: 1; }
    .profile__profile-line {
      overflow: hidden;
      margin-bottom: 20px; }
      @media screen and (max-width: 912px) {
        .profile__profile-line {
          margin-bottom: 15px; } }
    .profile__profile-left {
      float: left;
      width: 200px;
      margin-right: 20px; }
      @media screen and (max-width: 912px) {
        .profile__profile-left {
          width: 48.6%;
          margin: 0;
          box-sizing: border-box;
          padding-right: 20px; } }
    @media screen and (max-width: 912px) {
      .profile__profile .profile__separator {
        border: none;
        padding-bottom: 35px; } }
    .profile__profile-right {
      float: left;
      font-weight: bold; }
  .profile__reg {
    font-size: 15px;
    line-height: 27px; }
    .profile__reg-line {
      height: 29px;
      margin-bottom: 10px; }
      @media screen and (max-width: 912px) {
        .profile__reg-line {
          margin-bottom: 20px; } }
    .profile__reg-left {
      float: left;
      width: 121px; }
      .profile__reg-left span {
        color: red; }
    .profile__reg-right {
      float: left;
      position: relative; }
      .profile__reg-right input[type="text"], .profile__reg-right input[type="password"], .profile__reg-right input[type="email"] {
        width: 244px;
        height: 27px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #b9b9b9;
        font-family: 'PTSans';
        font-size: 12px;
        box-shadow: none;
        box-sizing: border-box;
        padding: 0 12px; }
        @media screen and (max-width: 912px) {
          .profile__reg-right input[type="text"], .profile__reg-right input[type="password"], .profile__reg-right input[type="email"] {
            width: 100%; } }
      @media screen and (max-width: 912px) {
        .profile__reg-right {
          width: calc(100vw - 140px);
          height: 29px; } }
      .profile__reg-right .radio {
        display: inline-block;
        margin-right: 25px; }
    @media screen and (max-width: 912px) {
      .profile__reg-line_phone .profile__reg-left {
        width: 161px !important; } }
    @media screen and (max-width: 912px) {
      .profile__reg-line_phone .profile__reg-right {
        width: calc(100vw - 177px); } }
    .profile__reg-line_2 .profile__reg-left {
      width: 161px; }
      @media screen and (max-width: 912px) {
        .profile__reg-line_2 .profile__reg-left {
          width: 121px; } }
    .profile__reg-line_2 .profile__reg-right input[type="text"], .profile__reg-line_2 .profile__reg-right .select {
      width: 204px; }
      @media screen and (max-width: 912px) {
        .profile__reg-line_2 .profile__reg-right input[type="text"], .profile__reg-line_2 .profile__reg-right .select {
          width: 100%; } }
    .profile__reg-line_2 .profile__reg-right input.password {
      width: 177px;
      background: url(../img/password.png) left 12px center no-repeat;
      vertical-align: middle; }
      @media screen and (max-width: 912px) {
        .profile__reg-line_2 .profile__reg-right input.password {
          width: 100%;
          padding-right: 33px; } }
      .profile__reg-line_2 .profile__reg-right input.password:focus, .profile__reg-line_2 .profile__reg-right input.password.filled {
        background: none; }
      .profile__reg-line_2 .profile__reg-right input.password + .eye {
        display: inline-block;
        vertical-align: middle;
        margin-left: 2px; }
        @media screen and (max-width: 912px) {
          .profile__reg-line_2 .profile__reg-right input.password + .eye {
            position: absolute;
            top: 5px;
            right: 7px;
            z-index: 10; } }
    .profile__reg .checkbox__text {
      margin-bottom: 15px; }
      @media screen and (max-width: 912px) {
        .profile__reg .checkbox__text {
          padding-left: 60px; } }
    .profile__reg-checkboxes {
      margin-top: 40px; }
      @media screen and (max-width: 912px) {
        .profile__reg-checkboxes {
          line-height: 1.2; }
          .profile__reg-checkboxes .checkbox {
            display: block;
            min-height: 30px;
            margin-bottom: 15px; } }
    .profile__reg-under {
      margin-top: 30px; }
    .profile__reg-mail {
      color: #ffa500;
      display: inline-block;
      vertical-align: middle;
      margin-right: 15px; }
    .profile__reg-button {
      width: 210px;
      color: #fff;
      background: #aaaaaa;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -o-border-radius: 15px;
      -ms-border-radius: 15px;
      border-radius: 15px;
      padding: 7px 45px;
      font-size: 15px;
      box-shadow: none;
      border: none;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      margin-right: 20px; }
      .profile__reg-button:hover {
        background: #ffa500; }
      @media screen and (max-width: 912px) {
        .profile__reg-button {
          display: none; } }
      .profile__reg-button_mob {
        display: none; }
        @media screen and (max-width: 912px) {
          .profile__reg-button_mob {
            display: inline-block;
            width: 30px;
            height: 30px;
            padding: 0;
            margin: 0;
            float: right; } }
    .profile__reg-hint {
      display: inline-block;
      background: #aaa;
      color: #fff;
      font-size: 16px;
      line-height: 1;
      box-sizing: border-box;
      padding: 2px 6px;
      font-weight: bold;
      position: relative;
      cursor: pointer; }
      @media screen and (max-width: 912px) {
        .profile__reg-hint {
          display: none; } }
      .profile__reg-hinttext {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 419px;
        min-height: 174px;
        box-sizing: border-box;
        background: #fff;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
        z-index: 100;
        color: #000;
        font-weight: normal;
        font-size: 15px;
        line-height: 1.2;
        padding: 50px 100px;
        cursor: default; }
      .profile__reg-hint:hover {
        background: #ffa500; }
      .profile__reg-hint.active .profile__reg-hinttext {
        display: inline-block; }
    .profile__reg-hintclose {
      position: absolute;
      right: 0;
      top: 0;
      width: 25px;
      height: 30px;
      cursor: pointer;
      background: url(../img/close.png) center no-repeat; }

.resultsblock {
  padding-bottom: 70px; }
  @media screen and (max-width: 912px) {
    .resultsblock {
      padding-bottom: 15px; } }
  .resultsblock__result {
    margin-bottom: 2px; }
    .resultsblock__result:hover .resultsblock__top, .resultsblock__result.active .resultsblock__top {
      background: #ffa500; }
    .resultsblock__result.active .resultsblock__top {
      cursor: default; }
  .resultsblock__top {
    position: relative;
    min-height: 70px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    background: #f4f4f4; }
  .resultsblock__img {
    width: 105px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center; }
  .resultsblock__title {
    padding: 23px 20px 23px 135px; }
    @media screen and (max-width: 912px) {
      .resultsblock__title {
        padding: 15px 15px 17px 125px; } }
  .resultsblock__content {
    padding: 0 0 30px 43px;
    display: none; }
    @media screen and (max-width: 912px) {
      .resultsblock__content {
        padding-left: 0; } }
    .resultsblock__content table {
      width: 100%;
      border-spacing: 0;
      font-size: 16px;
      line-height: 1; }
      @media screen and (max-width: 912px) {
        .resultsblock__content table {
          font-size: 12px; } }
      .resultsblock__content table td {
        height: 44px;
        border-bottom: 1px solid #acacac;
        padding: 0 5px; }
        @media screen and (max-width: 912px) {
          .resultsblock__content table td {
            height: 37px; } }
        .resultsblock__content table td:first-child {
          padding: 0 15px;
          text-align: left; }
          @media screen and (max-width: 912px) {
            .resultsblock__content table td:first-child {
              padding: 0 5px 0 0; } }
        .resultsblock__content table td:nth-child(2) {
          text-align: center; }
        .resultsblock__content table td:last-child {
          text-align: right; }
      .resultsblock__content table tr:last-child td {
        border: none; }
  .resultsblock__user {
    width: 31px;
    height: 31px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    overflow: hidden; }
    @media screen and (max-width: 912px) {
      .resultsblock__user {
        width: 20px;
        height: 20px;
        margin-right: 10px; } }
  .resultsblock__back {
    cursor: pointer;
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    color: #acacac; }

.ratingblock {
  margin-bottom: 50px; }
  .ratingblock__text {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 55px; }
  .ratingblock__filters {
    margin-bottom: 30px; }
    .ratingblock__filters > * {
      display: inline-block;
      margin-right: 30px; }
      @media screen and (max-width: 912px) {
        .ratingblock__filters > * {
          margin-right: 10px; } }
  .ratingblock__filter {
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    color: #000;
    text-decoration: none; }
    @media screen and (max-width: 912px) {
      .ratingblock__filter {
        font-size: 15px;
        font-weight: bold; } }
    @media screen and (max-width: 912px) {
      .ratingblock__filter-showme {
        font-size: 15px;
        font-weight: bold; } }
    .ratingblock__filter::after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 11px;
      height: 15px;
      background: url(../img/filter.png) no-repeat; }
    .ratingblock__filter:hover {
      color: #ffa500; }
  @media screen and (max-width: 912px) {
    .ratingblock__table {
      margin: 0 -12px; } }
  .ratingblock__table table {
    width: 100%;
    border-spacing: 0;
    font-size: 16px;
    line-height: 1; }
    @media screen and (max-width: 912px) {
      .ratingblock__table table {
        font-size: 13px;
        line-height: 20px; } }
    .ratingblock__table table td {
      height: 45px;
      background: #f4f4f4;
      border-bottom: 2px solid #fff; }
      @media screen and (max-width: 912px) {
        .ratingblock__table table td {
          height: 35px; } }
      .ratingblock__table table td:first-child {
        width: 43px;
        text-align: center; }
      .ratingblock__table table td:nth-child(2) {
        padding: 0 15px;
        text-align: left; }
        @media screen and (max-width: 912px) {
          .ratingblock__table table td:nth-child(2) {
            padding-left: 0; } }
      .ratingblock__table table td:last-child {
        padding: 0 30px;
        text-align: right; }
        @media screen and (max-width: 912px) {
          .ratingblock__table table td:last-child {
            padding: 0 15px; } }
    .ratingblock__table table tr.active td {
      background: #ffa500; }

.successreg {
  background: #ffa500;
  font-size: 15px;
  line-height: 1.33;
  padding: 30px 45px;
  margin-left: -45px;
  margin-bottom: 70px; }
  .successreg p {
    margin: 8px 0; }
  @media screen and (max-width: 912px) {
    .successreg {
      margin: 20px -12px;
      padding: 15px 12px; } }



.fullversion {
  display: none; }
  @media screen and (max-width: 912px) {
    .fullversion {
      display: block !important;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      color: #898989; } }

.mmenu {
  display: none; }
  @media screen and (max-width: 912px) {
    .mmenu {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background: #acacac;
      color: #000;
      z-index: 100;
      box-sizing: border-box;
      padding: 3px 8px;
      font-size: 24px;
      line-height: 1;
      font-weight: bold; }
      .mmenu ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .mmenu ul li {
          display: block;
          text-align: center;
          border-bottom: 1px solid #000;
          padding: 10px 0 11px; }
          .mmenu ul li:last-child {
            border: none; }
          .mmenu ul li a {
            text-decoration: none;
            color: #000;
            border: none; }
            .mmenu ul li a img {
              display: inline-block;
              vertical-align: middle;
              margin-right: 8px; } }

.testblock .content__title {
  margin-bottom: 30px; }
  @media screen and (max-width: 912px) {
    .testblock .content__title {
      margin-bottom: 25px; } }

.testblock__text {
  padding: 0 10px;
  font-size: 21px;
  line-height: 1.33; }
  @media screen and (max-width: 912px) {
    .testblock__text {
      padding: 0;
      font-size: 15px;
      line-height: 1.2; } }

.testblock__resultblock {
  margin-top: 40px;
  display: none; }

.testblock__result {
  background: #ffa500;
  padding: 40px 40px 60px;
  text-align: center; }
  @media screen and (max-width: 912px) {
    .testblock__result {
      padding: 20px 30px 30px; } }
  .testblock__result-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    padding-bottom: 20px; }
    @media screen and (max-width: 912px) {
      .testblock__result-title {
        font-size: 18px;
        padding-bottom: 0; } }
  .testblock__result-line {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    font-size: 21px;
    line-height: 33px;
    margin-top: 25px; }
    @media screen and (max-width: 912px) {
      .testblock__result-line {
        font-size: 18px;
        margin-top: 20px; } }
  .testblock__result-left {
    width: 290px;
    text-align: left; }
    @media screen and (max-width: 912px) {
      .testblock__result-left {
        width: auto;
        flex: 1; } }
  .testblock__result-right {
    width: 54px;
    height: 33px;
    background: #fff; }

.testblock__status {
  height: 240px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: center; }
  @media screen and (max-width: 912px) {
    .testblock__status {
      flex-direction: column;
      height: auto;
      padding: 30px 0;
      background: url(../img/profile_test_iconbg.png) top -70px center no-repeat; } }
  .testblock__status-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 912px) {
      .testblock__status-title {
        font-size: 18px;
        padding-bottom: 20px; }
        .testblock__status-title br {
          display: none; } }
  .testblock__status-icon {
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url(../img/profile_test_iconbg.png) top -75px center no-repeat;
    display: none; }
    @media screen and (max-width: 912px) {
      .testblock__status-icon {
        background: none; } }
    .testblock__status-icon.active {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .testblock__status-icon-img img {
      display: inline-block;
      margin-bottom: 5px; }
    .testblock__status-icon-img_margin img {
      margin-bottom: 10px; }
    .testblock__status-icon-title {
      font-weight: 700;
      font-size: 24px;
      line-height: 1.2;
      color: #ffa500; }
      @media screen and (max-width: 912px) {
        .testblock__status-icon-title {
          font-size: 18px; } }

.testblock__img {
  margin-top: 40px;
  position: relative; }
  @media screen and (max-width: 912px) {
    .testblock__img {
      margin-top: 15px;
      padding-top: 20px;
      overflow: hidden; } }
  .testblock__img img {
    display: block;
    width: 100%; }
  .testblock__img-question {
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: 0 0 5px #000;
    padding: 0 10px; }
    @media screen and (max-width: 912px) {
      .testblock__img-question {
        font-size: 15px; } }
  .testblock__img .testblock__options {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  .testblock__img .testblock__option {
    margin: 0 10px;
    width: 45%; }
    @media screen and (max-width: 1280px) {
      .testblock__img .testblock__option {
        width: 44%; } }
    @media screen and (max-width: 912px) {
      .testblock__img .testblock__option {
        margin: 0;
        width: 49%;
        box-sizing: border-box;
        padding: 0 5px; } }
  .testblock__img .testblock__option-num {
    width: 100%;
    height: 85px;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    margin: 0 0 20px;
    max-width: 100%; }
    @media screen and (max-width: 1280px) {
      .testblock__img .testblock__option-num {
        font-size: 16px; } }
    @media screen and (max-width: 912px) {
      .testblock__img .testblock__option-num {
        font-size: 11px;
        width: 100%;
        height: 75px;
        margin: 0 0 5px; } }
    .testblock__img .testblock__option-num:hover {
      background: #c4c4c4; }

.testblock__test {
  background: #eaeaea;
  padding: 30px 40px 50px;
  font-size: 15px;
  line-height: 1.2; }
  @media screen and (max-width: 912px) {
    .testblock__test {
      padding: 25px 15px 30px; } }

.testblock__num {
  text-align: center; }
  @media screen and (max-width: 912px) {
    .testblock__num {
      font-size: 18px;
      font-weight: bold; } }

.testblock__question {
  margin-top: 30px; }
  .testblock__question_check {
    font-weight: bold;
    font-size: 21px;
    margin-top: 20px; }

.testblock__options {
  margin-top: 40px;
  text-align: center; }

.testblock__option {
  display: inline-block;
  vertical-align: top;
  margin: 0 40px 10px; }
  @media screen and (max-width: 912px) {
    .testblock__option {
      margin: 0 5px 10px; } }
  .testblock__option-num {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    font-weight: bold;
    color: #fff;
    background: #aaaaaa;
    cursor: pointer;
    box-sizing: border-box;
    padding: 10px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 912px) {
      .testblock__option-num {
        width: 75px;
        height: 55px;
        line-height: 55px; } }
    .testblock__option-num:hover {
      background: #9d9d9d; }
  .testblock__option.active .testblock__option-num {
    background: #ffa500; }
  .testblock__option.correct .testblock__option-num {
    background: #00ac00; }
  .testblock__option.wrong .testblock__option-num {
    background: #ff0000; }
  .testblock__option-text {
    margin-top: 20px; }
    @media screen and (max-width: 912px) {
      .testblock__option-text {
        font-size: 14px; } }

.testblock__checkbox {
  background: #fff;
  width: 100%;
  text-align: left;
  margin: 0 0 10px; }
  @media screen and (max-width: 912px) {
    .testblock__checkbox {
      background: none; } }
  .testblock__checkbox .testblock__option-num {
    color: #000;
    font-size: 18px;
    line-height: 1.2;
    font-weight: normal;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    text-align: left;
    padding: 10px 20px 10px 65px;
    height: auto;
    justify-content: flex-start; }
    @media screen and (max-width: 912px) {
      .testblock__checkbox .testblock__option-num {
        background: none;
        padding: 0 0 0 50px;
        margin-bottom: 20px; } }
    .testblock__checkbox .testblock__option-num::before {
      width: 32px;
      height: 32px;
      border: none;
      background: #eaeaea;
      top: 50%;
      left: 10px;
      margin-top: -16px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -o-border-radius: 0px;
      -ms-border-radius: 0px;
      border-radius: 0px; }
      @media screen and (max-width: 912px) {
        .testblock__checkbox .testblock__option-num::before {
          background: #fff;
          left: 0;
          width: 37px;
          height: 37px;
          margin-top: -18.5px; } }
    .testblock__checkbox .testblock__option-num::after {
      background-image: url(../img/check2.png);
      width: 31px;
      height: 30px;
      left: 15px;
      top: 50%;
      margin-top: -19px; }
      @media screen and (max-width: 912px) {
        .testblock__checkbox .testblock__option-num::after {
          left: 2px;
          margin-top: -15px; } }
  .testblock__checkbox.active .testblock__option-num {
    background: #fff; }
    @media screen and (max-width: 912px) {
      .testblock__checkbox.active .testblock__option-num {
        background: none; } }
  .testblock__checkbox .checkbox {
    width: 100%;
    display: block; }

.testblock__next {
  margin-top: 30px;
  text-align: center; }
  .testblock__next a {
    display: inline-block;
    width: 401px;
    height: 51px;
    background: url(../img/next.png) left center no-repeat;
    font-size: 18px;
    line-height: 51px;
    color: #eaeaea;
    box-sizing: border-box;
    padding-left: 60px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase; }
    @media screen and (max-width: 912px) {
      .testblock__next a {
        width: 338px;
        height: 41px;
        font-size: 14px;
        line-height: 41px;
        font-weight: bold;
        background-size: contain; } }
    @media screen and (max-width: 390px) {
      .testblock__next a {
        width: 261px;
        height: 34px;
        font-size: 12px;
        line-height: 34px;
        padding-left: 40px; } }
    .testblock__next a:hover {
      opacity: 0.6; }

.anothertests {
  margin-top: 45px; }
  .anothertests .content__title {
    margin-bottom: 30px; }
  .anothertests__img {
    display: block;
    float: left;
    width: 50%;
    height: 228px;
    position: relative;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    margin-bottom: 4px; }
    .anothertests__img:nth-child(odd) {
      border-right: 2px solid #fff; }
    .anothertests__img:nth-child(even) {
      border-left: 2px solid #fff; }
    @media screen and (max-width: 1280px) {
      .anothertests__img {
        height: 189px; } }
  .anothertests__title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
    color: #fff;
    width: 100%;
    height: 105px;
    z-index: 10; }
    .anothertests__title span {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      box-sizing: border-box;
      padding: 20px;
      z-index: 10; }
    .anothertests__title::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: opacity .3s;
      -moz-transition: opacity .3s;
      -o-transition: opacity .3s;
      -ms-transition: opacity .3s;
      transition: opacity .3s;
      background: url(data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.8) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, rgba(0, 0, 0, 0.8)));
      background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.8) 100%);
      background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.8) 100%);
      background: -ms-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.8) 100%);
      background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%); }

.profile__test {
  margin-top: 50px; }
  .profile__test-title {
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    background: #cececf;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #fff; }
  .profile__test-block {
    height: 300px; }
    @media screen and (max-width: 1280px) {
      .profile__test-block {
        height: 237px; } }
    @media screen and (max-width: 912px) {
      .profile__test-block {
        height: 147px; } }
  .profile__test-button {
    text-align: center;
    padding-top: 10px; }
    .profile__test-button .profile__button {
      display: inline-block;
      left: 0;
      margin-left: 0; }
  .profile__test-img {
    width: 70%;
    float: left;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .profile__test-right {
    width: 30%;
    float: right;
    height: 100%;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold; }
  .profile__test-icon {
    height: 207px;
    background: #3c3b3b;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffa500; }
    @media screen and (max-width: 1280px) {
      .profile__test-icon {
        height: 165px; } }
    @media screen and (max-width: 912px) {
      .profile__test-icon {
        font-size: 14px;
        height: 102px; } }
    .profile__test-icon div {
      text-align: center; }
      .profile__test-icon div img {
        width: 55px; }
  .profile__test-res {
    background: #ffa500;
    color: #000;
    height: 93px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 1280px) {
      .profile__test-res {
        height: 72px; } }
    @media screen and (max-width: 912px) {
      .profile__test-res {
        height: 45px; } }
  .profile__test-results {
    background: #ffa500;
    height: 70px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    font-size: 18px; }
    .profile__test-results-num {
      font-weight: bold;
      width: 53px;
      height: 33px;
      line-height: 33px;
      background: #fff;
      text-align: center; }
    .profile__test-results-title {
      padding-right: 10px; }

.searchblock__input {
  text-align: center;
  margin-bottom: 40px; }
  .searchblock__input input {
    width: 100%;
    padding: 5px 5px 5px 40px;
    border: 1px solid #acacac;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    background: url(../img/search.png) left 10px center no-repeat;
    color: #000; }
    @media screen and (max-width: 912px) {
      .searchblock__input input {
        height: 50px; } }
  .searchblock__input .profile__button {
    margin-top: 20px;
    display: inline-block; }
    @media screen and (max-width: 912px) {
      .searchblock__input .profile__button {
        background: #FFF;
        border-color: #b9b9b9;
        color: #b9b9b9;
        font-weight: 400;
        font-size: 18px;
        left: 0;
        margin-left: 0;
        margin-top: 30px; } }

.searchblock__founded {
  color: #969696;
  font-size: 15px;
  margin-bottom: 25px; }
  @media screen and (max-width: 912px) {
    .searchblock__founded {
      font-size: 18px; } }
  .searchblock__founded span {
    color: #000; }

.searchblock__results {
  font-size: 15px;
  margin-bottom: 40px; }
  @media screen and (max-width: 912px) {
    .searchblock__results {
      overflow: hidden; } }
  .searchblock__results a {
    color: #969696;
    text-decoration: none;
    display: inline-block;
    margin-right: 20px; }
    @media screen and (max-width: 912px) {
      .searchblock__results a {
        display: block;
        float: left;
        margin-bottom: 10px; }
        .searchblock__results a:nth-child(3) {
          clear: both; } }
  .searchblock__results span {
    color: #000;
    text-decoration: underline; }

.searchblock__articles-link {
  display: block;
  text-decoration: none;
  color: #000;
  margin-bottom: 35px;
  clear: both; }
  @media screen and (max-width: 912px) {
    .searchblock__articles-link {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      margin-bottom: 30px; } }
  .searchblock__articles-link:hover .searchblock__articles-title {
    border-color: rgba(255, 165, 0, 0.3); }

.searchblock__articles-title {
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  display: inline-block; }
  @media screen and (max-width: 912px) {
    .searchblock__articles-title {
      font-size: 15px;
      line-height: 1.2;
      margin: 0;
      width: calc(100% - 190px);
      text-decoration: none; } }

.searchblock__articles-line {
  overflow: hidden; }
  @media screen and (max-width: 912px) {
    .searchblock__articles-line {
      width: 178px; } }

.searchblock__articles-img {
  width: 295px;
  height: 177px;
  background-position: center;
  background-size: cover;
  float: left; }
  @media screen and (max-width: 912px) {
    .searchblock__articles-img {
      width: 178px;
      height: 116px;
      float: none; } }

.searchblock__articles-text {
  font-size: 16px;
  color: #000;
  float: right;
  width: calc(100% - 315px); }
  @media screen and (max-width: 912px) {
    .searchblock__articles-text {
      display: none; } }
  .searchblock__articles-text span {
    font-weight: bold;
    color: #ffa500; }



.recommendation {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100; }
  .recommendation .container {
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0; }
  .recommendation__in {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    background: #000; }
    @media screen and (max-width: 912px) {
      .recommendation__in {
        display: block;
        background: #000 url(../img/mobile/recommendation3.jpg) bottom 120px right no-repeat;
        background-size: 69% auto; } }
  .recommendation.open {
    display: block; }
  .recommendation__block1 {
    width: 71%;
    height: 181px;
    background: url(../img/recommendation1.jpg) top center no-repeat;
    background-size: cover; }
    @media screen and (max-width: 912px) {
      .recommendation__block1 {
        display: none; } }
  .recommendation__block2 {
    width: 29%;
    height: 181px;
    background: url(../img/recommendation2.jpg) top center no-repeat;
    background-size: cover; }
    @media screen and (max-width: 912px) {
      .recommendation__block2 {
        width: 100%; } }
  .recommendation__block3 {
    width: 71%;
    box-sizing: border-box;
    padding: 30px 0 80px 55px;
    background: url(../img/recommendation3.jpg) bottom right no-repeat; }
    .recommendation__block3 > div {
      width: 385px; }
      @media screen and (max-width: 912px) {
        .recommendation__block3 > div {
          width: auto; } }
    @media screen and (max-width: 912px) {
      .recommendation__block3 {
        width: 100%;
        padding: 30px;
        background: none; } }
  .recommendation__block4 {
    width: 29%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 15px 30px; }
    @media screen and (max-width: 912px) {
      .recommendation__block4 {
        width: 100%;
        align-items: flex-start; } }
  .recommendation__text1 {
    font-size: 16px;
    line-height: 1.3125;
    color: #8da0ac; }
  .recommendation__title {
    font-size: 30px;
    line-height: 1;
    color: #f7a400;
    margin-top: 35px;
    font-weight: 700; }
    @media screen and (max-width: 912px) {
      .recommendation__title {
        margin-top: 25px; } }
  .recommendation__text2 {
    font-size: 18px;
    line-height: 1.333;
    color: #fff;
    margin-top: 15px; }
  .recommendation__icons {
    color: #f7a400;
    font-size: 12px;
    line-height: 1.2; }
    @media screen and (max-width: 912px) {
      .recommendation__icons {
        margin-bottom: 10px; } }
    .recommendation__icons img {
      display: inline-block;
      vertical-align: middle; }
    .recommendation__icons span {
      display: inline-block;
      vertical-align: middle;
      margin-left: 15px; }
  .recommendation__close {
    position: absolute;
    top: -115px;
    right: 0;
    z-index: 10;
    background: #ffa500 url(../img/close2.png) top 12px center no-repeat;
    color: #FFF;
    font-size: 16px;
    line-height: 1;
    padding: 0 5px;
    cursor: pointer;
    text-transform: uppercase;
    width: 101px;
    height: 82px;
    box-sizing: border-box;
    padding-top: 55px;
    text-align: center;
    font-weight: bold; }
    @media screen and (max-width: 912px) {
      .recommendation__close {
        top: 0;
        left: 0;
        position: relative;
        text-transform: none;
        padding: 10px 0 40px;
        height: auto;
        background: none;
        width: 100%; }
        .recommendation__close div {
          display: inline-block;
          color: #FFF;
          background: #b9b9b9;
          width: 177px;
          font-size: 18px;
          line-height: 1;
          padding: 12px 0;
          box-shadow: none;
          text-align: center;
          -webkit-border-radius: 15px;
          -moz-border-radius: 15px;
          -o-border-radius: 15px;
          -ms-border-radius: 15px;
          border-radius: 15px;
          cursor: pointer;
          text-decoration: none; } }

.radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 7px; }

.radio__text {
  position: relative;
  padding: 0 0 0 35px;
  cursor: pointer; }

.radio__text:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #b9b9b9;
  border-radius: 50%;
  background: #FFF;
  box-sizing: border-box; }

.radio__text:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ffa500;
  opacity: 0;
  transition: .2s; }

.radio input:checked + .radio__text:after {
  opacity: 1; }

.radio input:checked + .radio__text:before {
  border-color: #ffa500; }

.checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 20px; }

.checkbox__text {
  position: relative;
  padding: 0 0 0 40px;
  cursor: pointer; }
  .checkbox__text a {
    color: inherit; }
    .checkbox__text a:hover {
      color: #ffa500; }

.checkbox__text:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 27px;
  border-radius: 3px;
  background: #fff;
  border: 2px solid #b9b9b9;
  box-sizing: border-box; }

.checkbox__text:after {
  content: '';
  position: absolute;
  top: 0;
  left: 2px;
  width: 28px;
  height: 27px;
  background: url(../img/check.png) left 2px center no-repeat;
  opacity: 0; }

.checkbox input:checked + .checkbox__text:before {
  border-color: #ffa500; }

.checkbox input:checked + .checkbox__text:after {
  opacity: 1; }

#testData {
  display: none; }

.testblock[data-type="2"] .testblock__status {
  display: none; }

@media screen and (max-width: 912px) {
  .testblock[data-type="2"] .testblock__img img {
    position: absolute;
    height: 100%;
    width: auto; }
  .testblock[data-type="2"] .testblock__img .testblock__options {
    position: relative; } }

.gameRoadtrip {
  margin-left: 5.6%;
  width: 92%;
  position: relative;
  font-family: 'Roboto';
  color: #000;
  height: 700px; }
  @media screen and (max-width: 912px) {
    .gameRoadtrip {
      width: 100%;
      margin: 0;
      height: 355px; } }
  @media screen and (max-width: 567px) {
    .gameRoadtrip::before {
      content: '';
      position: fixed;
      z-index: 2000;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000; }
    .gameRoadtrip::after {
      content: 'Переверните экран';
      position: fixed;
      top: 50%;
      left: 0;
      width: 100%;
      z-index: 2010;
      color: #fff;
      font-weight: 700;
      text-align: center;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 20px; } }
  .gameRoadtrip__close {
    display: none; }
    @media screen and (max-width: 912px) {
      .gameRoadtrip__close {
        display: block;
        position: fixed;
        right: 12px;
        top: 12px;
        width: 18px;
        height: 18px;
        background: url(../img/close3.png) center no-repeat;
        background-size: contain;
        z-index: 1000; } }
  .gameRoadtrip .step {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    justify-content: flex-start; }
    .gameRoadtrip .step.active {
      display: flex; }
  .gameRoadtrip .text {
    font-size: 0.96vw;
    letter-spacing: -0.009em;
    line-height: 1.5; }
    @media screen and (max-width: 912px) {
      .gameRoadtrip .text {
        font-size: 1.5vw; } }
    @media screen and (min-width: 1580px) {
      .gameRoadtrip .text {
        font-size: 15px; } }
    .gameRoadtrip .text__title {
      font-size: 1.875em;
      font-weight: 700;
      padding-bottom: 9%;
      line-height: 1.17; }
      @media screen and (max-width: 912px) {
        .gameRoadtrip .text__title {
          font-size: 1.5em;
          padding-bottom: 3px; } }
      @media screen and (min-width: 1580px) {
        .gameRoadtrip .text__title {
          font-size: 28px; } }
  .gameRoadtrip .button {
    display: block;
    text-decoration: none;
    font-size: 1.92vw;
    line-height: 1;
    color: #fff;
    text-align: center;
    padding: 5% 0;
    background: #121212;
    background: -moz-linear-gradient(bottom, #121212 0%, #303030 100%);
    background: -webkit-linear-gradient(bottom, #121212 0%, #303030 100%);
    background: linear-gradient(to top, #121212 0%, #303030 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#303030',GradientType=0 );
    cursor: pointer; }
    @media screen and (max-width: 912px) {
      .gameRoadtrip .button {
        font-size: 3vw; } }
    @media screen and (min-width: 1580px) {
      .gameRoadtrip .button {
        font-size: 30px; } }
    .gameRoadtrip .button:hover {
      background: #121212; }
  @media screen and (max-width: 912px) {
    .gameRoadtrip .part1, .gameRoadtrip .part2 {
      position: fixed;
      z-index: 100; }
      .gameRoadtrip .part1.active, .gameRoadtrip .part2.active {
        display: block; } }
  .gameRoadtrip .part1 .button, .gameRoadtrip .part2 .button {
    color: #000;
    background: #ffcf1a;
    background: -moz-linear-gradient(top, #ffcf1a 3%, #dd7d00 99%);
    background: -webkit-linear-gradient(top, #ffcf1a 3%, #dd7d00 99%);
    background: linear-gradient(to bottom, #ffcf1a 3%, #dd7d00 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf1a', endColorstr='#dd7d00',GradientType=0 ); }
    .gameRoadtrip .part1 .button:hover, .gameRoadtrip .part2 .button:hover {
      background: #ffcf1a; }
  .gameRoadtrip .part1 .textblock, .gameRoadtrip .part2 .textblock {
    margin-left: 3.28%;
    width: 36%;
    margin-top: -4%; }
    @media screen and (max-width: 912px) {
      .gameRoadtrip .part1 .textblock, .gameRoadtrip .part2 .textblock {
        margin: 9px 0 0 7px !important;
        width: 39%; } }
    .gameRoadtrip .part1 .textblock .text, .gameRoadtrip .part2 .textblock .text {
      background: rgba(0, 0, 0, 0.85);
      color: #fff;
      box-sizing: border-box;
      padding: 9%;
      margin-bottom: 4.5%; }
      @media screen and (max-width: 912px) {
        .gameRoadtrip .part1 .textblock .text, .gameRoadtrip .part2 .textblock .text {
          padding: 12px;
          font-size: 1.7vw;
          margin-bottom: 0; }
          .gameRoadtrip .part1 .textblock .text__title, .gameRoadtrip .part2 .textblock .text__title {
            padding-bottom: 8px; } }
  .gameRoadtrip .bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 8.6%;
    display: none; }
    @media screen and (max-width: 912px) {
      .gameRoadtrip .bottom {
        position: fixed;
        z-index: 1010;
        height: 13.75%; } }
    .gameRoadtrip .bottom.show {
      display: flex;
      align-items: center; }
    .gameRoadtrip .bottom__bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      background: #121212;
      background: -moz-linear-gradient(bottom, #121212 0%, #303030 100%);
      background: -webkit-linear-gradient(bottom, #121212 0%, #303030 100%);
      background: linear-gradient(to top, #121212 0%, #303030 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#303030',GradientType=0 );
      opacity: 0.65; }
    .gameRoadtrip .bottom__content {
      position: relative;
      z-index: 10;
      box-sizing: border-box;
      width: 100%;
      padding: 0 2.58% 0 3.28%;
      font-size: 0.96vw;
      letter-spacing: -0.009em;
      line-height: 1.25;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 912px) {
        .gameRoadtrip .bottom__content {
          font-size: 2vw;
          padding: 0 13px; } }
      @media screen and (min-width: 1580px) {
        .gameRoadtrip .bottom__content {
          font-size: 15px; } }
    .gameRoadtrip .bottom__label {
      color: rgba(255, 255, 255, 0.5); }
    .gameRoadtrip .bottom__checkmark {
      width: 38px;
      height: 26px;
      box-sizing: border-box;
      background: url(../img/checkbox.png) left no-repeat;
      background-size: auto 100%; }
      @media screen and (max-width: 912px) {
        .gameRoadtrip .bottom__checkmark {
          width: 22px;
          height: 12px; } }
    .gameRoadtrip .bottom__checkbox {
      display: inline-flex;
      align-items: center; }
      @media screen and (max-width: 912px) {
        .gameRoadtrip .bottom__checkbox {
          align-items: flex-start; } }
      .gameRoadtrip .bottom__checkbox.check .bottom__checkmark {
        background-image: url(../img/check3.png); }
      .gameRoadtrip .bottom__checkbox.check .bottom__label {
        color: #fff; }
  .gameRoadtrip .step[data-step="0"], .gameRoadtrip .step[data-step="8"] {
    background-image: url(../img/intro.jpg);
    background-position: top 15% center; }
    @media screen and (max-width: 912px) {
      .gameRoadtrip .step[data-step="0"], .gameRoadtrip .step[data-step="8"] {
        background-position: center;
        background-size: 119% auto; } }
    .gameRoadtrip .step[data-step="0"].active, .gameRoadtrip .step[data-step="8"].active {
      display: block; }
    .gameRoadtrip .step[data-step="0"] .textblock, .gameRoadtrip .step[data-step="8"] .textblock {
      margin-left: 8.6%;
      width: 34%;
      margin-top: -1.5%; }
      @media screen and (max-width: 912px) {
        .gameRoadtrip .step[data-step="0"] .textblock, .gameRoadtrip .step[data-step="8"] .textblock {
          margin-left: 22px;
          width: 36.2%; } }
    .gameRoadtrip .step[data-step="0"] .button, .gameRoadtrip .step[data-step="8"] .button {
      margin-top: 10.5%;
      width: 80.5%; }
    .gameRoadtrip .step[data-step="0"] .title, .gameRoadtrip .step[data-step="8"] .title {
      font-family: 'DINPro';
      font-size: 8.25vw;
      font-weight: 900;
      font-style: italic;
      line-height: 1;
      color: #fff;
      letter-spacing: -.038em;
      text-align: center;
      margin-top: 1%; }
      @media screen and (max-width: 912px) {
        .gameRoadtrip .step[data-step="0"] .title, .gameRoadtrip .step[data-step="8"] .title {
          font-size: 12vw; } }
      @media screen and (min-width: 1580px) {
        .gameRoadtrip .step[data-step="0"] .title, .gameRoadtrip .step[data-step="8"] .title {
          font-size: 130px; } }
      .gameRoadtrip .step[data-step="0"] .title > span, .gameRoadtrip .step[data-step="8"] .title > span {
        font-size: 1.18em;
        letter-spacing: -0.07em;
        vertical-align: baseline; }
      .gameRoadtrip .step[data-step="0"] .title > i, .gameRoadtrip .step[data-step="8"] .title > i {
        font-size: 1.4em;
        letter-spacing: 0;
        margin-left: -1%;
        vertical-align: baseline; }
      .gameRoadtrip .step[data-step="0"] .title div, .gameRoadtrip .step[data-step="8"] .title div {
        display: inline-block;
        color: #000;
        font-size: 1.073em;
        letter-spacing: -.045em;
        vertical-align: top;
        padding-top: 4%;
        margin-left: -2%; }
        .gameRoadtrip .step[data-step="0"] .title div span, .gameRoadtrip .step[data-step="8"] .title div span {
          font-size: 1.23em;
          letter-spacing: -0.08em;
          vertical-align: bottom; }
        .gameRoadtrip .step[data-step="0"] .title div b, .gameRoadtrip .step[data-step="8"] .title div b {
          font-weight: 400;
          vertical-align: bottom; }
        .gameRoadtrip .step[data-step="0"] .title div i, .gameRoadtrip .step[data-step="8"] .title div i {
          font-size: 1.434em;
          letter-spacing: 0;
          vertical-align: bottom; }
  .gameRoadtrip .step[data-step="1"] {
    background-image: url(../img/part1_1.jpg); }
    .gameRoadtrip .step[data-step="1"] .textblock {
      margin-top: -2%; }
    @media screen and (max-width: 912px) {
      .gameRoadtrip .step[data-step="1"] .text__title {
        font-size: 1em; } }
    @media screen and (max-width: 912px) {
      .gameRoadtrip .step[data-step="1"] .text {
        font-size: 2vw;
        margin-bottom: 6px; } }
  @media screen and (max-width: 912px) {
    .gameRoadtrip .step[data-step="4"] .textblock, .gameRoadtrip .step[data-step="5"] .textblock {
      width: 48%; } }
  .gameRoadtrip .step[data-step="8"].active {
    display: flex;
    align-items: center; }
  .gameRoadtrip .step[data-step="8"] .textblock {
    display: none; }
    .gameRoadtrip .step[data-step="8"] .textblock.active {
      display: block; }
  .gameRoadtrip .step[data-step="8"] .text__title {
    padding-bottom: 5%; }
    .gameRoadtrip .step[data-step="8"] .text__title div {
      font-size: 2.33em;
      font-weight: 700;
      padding-top: 5%; }
  @media screen and (max-width: 912px) {
    .gameRoadtrip .part2.active {
      display: flex; } }
  @media screen and (max-width: 912px) {
    .gameRoadtrip .step.result {
      position: fixed;
      z-index: 100; }
      .gameRoadtrip .step.result .text {
        font-size: 1.8vw; }
      .gameRoadtrip .step.result .text__title {
        font-size: 1.1em; }
        .gameRoadtrip .step.result .text__title div {
          font-size: 3em; } }
  .gameRoadtrip .step[data-step="7"] {
    background-position: bottom;
    background-size: 100% auto; }
    .gameRoadtrip .step[data-step="7"] .textblock {
      position: absolute;
      display: none;
      z-index: 10;
      margin-top: 0; }
      .gameRoadtrip .step[data-step="7"] .textblock.right {
        margin-left: 61%; }
        @media screen and (max-width: 912px) {
          .gameRoadtrip .step[data-step="7"] .textblock.right {
            margin-left: 61% !important; } }
      .gameRoadtrip .step[data-step="7"] .textblock.active {
        display: block; }
    @media screen and (max-width: 912px) {
      .gameRoadtrip .step[data-step="7"] .map + .textblock {
        margin-top: 0 !important; } }
    @media screen and (max-width: 912px) {
      .gameRoadtrip .step[data-step="7"] .text:first {
        padding-bottom: 20px; } }
    @media screen and (max-width: 912px) {
      .gameRoadtrip .step[data-step="7"] .text__title {
        padding-bottom: 15px; } }
  .gameRoadtrip .radio {
    margin-bottom: 13px;
    display: block;
    font-size: 1.1vw; }
    .gameRoadtrip .radio:last-child {
      margin: 0; }
    @media screen and (max-width: 912px) {
      .gameRoadtrip .radio {
        font-size: 1.7vw; } }
  .gameRoadtrip .radio input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px; }
  .gameRoadtrip .radio__text {
    position: relative;
    padding: 0 0 0 47px;
    cursor: pointer; }
    @media screen and (max-width: 1280px) {
      .gameRoadtrip .radio__text {
        padding-left: 30px; } }
  .gameRoadtrip .radio__text:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    background: none; }
    @media screen and (max-width: 1280px) {
      .gameRoadtrip .radio__text:before {
        width: 20px;
        height: 20px; } }
  .gameRoadtrip .radio__text:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 5px;
    width: 20.5px;
    height: 20.5px;
    border-radius: 50%;
    background: #ff9c00;
    opacity: 0;
    transition: .2s; }
    @media screen and (max-width: 1280px) {
      .gameRoadtrip .radio__text:after {
        width: 12px;
        height: 12px;
        left: 4px;
        top: 1px; } }
  .gameRoadtrip .radio input:checked + .radio__text:after {
    opacity: 1; }
  .gameRoadtrip .radio input:checked + .radio__text:before {
    border-color: #fff; }
  .gameRoadtrip .map {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden; }
    .gameRoadtrip .map__img {
      position: absolute;
      bottom: 0;
      left: 0; }
    .gameRoadtrip .map img {
      display: block;
      width: 100%;
      z-index: 0; }
  .gameRoadtrip .car {
    z-index: 10;
    position: absolute;
    bottom: 2.875%;
    left: 52.7%;
    width: calc(6.85% * 0.72);
    height: calc(100vw * 0.0485);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    box-sizing: border-box;
    transform: translate(-50%, 50%); }
    .gameRoadtrip .car[data-angle="0"] {
      background-image: url(../img/car/car_1.svg); }
    .gameRoadtrip .car[data-angle="1"] {
      background-image: url(../img/car/car_2.svg); }
    .gameRoadtrip .car[data-angle="2"] {
      background-image: url(../img/car/car_3.svg); }
    .gameRoadtrip .car[data-angle="3"] {
      background-image: url(../img/car/car_4.svg); }
    .gameRoadtrip .car[data-angle="4"] {
      background-image: url(../img/car/car_5.svg); }
    .gameRoadtrip .car[data-angle="5"] {
      background-image: url(../img/car/car_6.svg); }
    .gameRoadtrip .car[data-angle="6"] {
      background-image: url(../img/car/car_7.svg); }
    .gameRoadtrip .car[data-angle="7"] {
      background-image: url(../img/car/car_8.svg); }
    .gameRoadtrip .car[data-angle="8"] {
      background-image: url(../img/car/car_9.svg); }
    .gameRoadtrip .car[data-angle="9"] {
      background-image: url(../img/car/car_10.svg); }
  .gameRoadtrip .map .rain {
    position: absolute;
    z-index: 100;
    bottom: 28%;
    right: 0;
    width: 100%; }
  .gameRoadtrip .map .tree {
    position: absolute;
    bottom: 49.2%;
    left: 34%;
    width: 8%;
    display: none; }
  .gameRoadtrip .map .house {
    position: absolute;
    bottom: 7.11%;
    right: -0.5%;
    width: 17%;
    z-index: 100; }
  .gameRoadtrip .map .point {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #0f0;
    margin: -3px 0 0 -3px;
    z-index: 1000; }
  .gameRoadtrip .gamehiddenimg {
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden; }

@media screen and (max-width: 912px) {
  .gameRoadtrip.closePopup {
    width: 95%;
    margin-left: 2.5%; }
    .gameRoadtrip.closePopup .part1, .gameRoadtrip.closePopup .part2, .gameRoadtrip.closePopup .step.result {
      position: absolute;
      z-index: 0; }
    .gameRoadtrip.closePopup .gameRoadtrip__close {
      display: none; }
    .gameRoadtrip.closePopup .bottom {
      position: absolute; } }

@media screen and (max-width: 912px) {
  #adfox_154030438745319246, .content__right-banner {
    display: none; } }

@media screen and (min-width: 913px) {
  #adfox_155238858092422521 {
    display: none; } }

script {
  display: none !important; }