@font-face {     font-family: "faster-regular";     src: url(/shared/empty.gif); } @font-face {     font-family: "faster-bold";     src: url(/shared/empty.gif); } * {       box-sizing: border-box; } body {     margin: 0;     padding: 0;     font-family: "faster-regular", sans-serif;       overflow-x: hidden; }  .container {     margin-left: auto;     margin-right: auto;     max-width: 1220px;     padding-left: 10px;     padding-right: 10px;     position: relative; }  .header-av {     background: #212121;     box-shadow: 0 2px 4px 0 #2626264d;     padding: 5px 0;     z-index: 12;     position: relative; }  .header-av__wrapper {     display: flex;     justify-content: space-between;     align-items: center; }  .nav__list {     display: flex;     align-items: center;     list-style: none;     padding: 0;     gap: 20px; }  .nav__item {     margin: 0; }  .nav__link {     text-decoration: none;     color: #ffffff;     font-family: "faster-bold", sans-serif; } .nav__item .nav__link:hover {     color: #fb3c3c;  	text-decoration: none; } .button-av {     border-radius: 44px;     font-size: 14px;     letter-spacing: 0.5px;     line-height: 16px;     min-height: 30px;     padding: 6px 16px;     text-decoration: none;     min-width: 144px;     margin: 0 5px 0 0;     text-transform: uppercase;     background: linear-gradient(177deg, #f4f4f4 2%, #dcdcdc);     box-shadow: 0 2px 8px 0 #27272733;     color: #000;     text-shadow: 0 0 0 #000;     cursor: pointer;     display: inline-flex;     justify-content: center;     mix-blend-mode: normal;     text-align: center;     align-items: center; }  .button-av.red {     background: linear-gradient(177deg, #fb3c3c 1.96%, #880303 98.23%);     color: #ffffff;     margin-bottom: 15px; } .button-av.red:hover {     background: linear-gradient(160deg, #ff6a6a, #b20101);     color: #ffffff; } .burger {     background: none;     border: none;     display: none; }  img {     max-width: 100%;     height: auto; }  .banner-av {     background: url(/shared/empty.gif) center #212121;     background-size: cover;     position: relative;     color: #ffffff;     padding: 50px 0; }  .banner-av:after {         content: '';     background: rgba(33, 33, 33, 0.7);     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     z-index: 999; }  .content {     margin-bottom: 40px; } .banner-av .content p a { color: #d1e4ff;   text-decoration: none; } .banner-av .content p a:hover {   color: #44dbe4;       text-decoration: underline; } .content p a { color: #0067f9;   text-decoration: none; } .content p a:hover {   color: #4793ff;       text-decoration: underline; } .banner-av h1 {     margin: 0 0 40px; }  .banner-av__wrapper {     position: relative;     z-index: 1000; }  .breadcrumbs-list {     color: rgba(33, 33, 33, 0.5); }  .breadcrumbs-list a {     color: rgba(33, 33, 33, 0.5); }  table {     font-size: 14px;     margin-bottom: 24px;     width: 100%; }  table td, table th {     padding: 10px; }  table tr:first-child {     background: #212121 !important;     color: #ffffff; }  table tr:nth-child(odd) {     background: rgba(33, 33, 33, 0.8);     color: #ffffff; }  .accordion-item {     width: 100%;     margin-bottom: 15px; }  .accordion-button {     display: flex;     justify-content: space-between;     align-items: center;     background: #f7f7f7;     border: 1px solid #000000;     border-radius: 4px;     font-size: 18px;     font-weight: 700;     padding: 0 20px;     position: relative;     cursor: pointer;     width: 100%; }  .icon {     font-size: 1.5rem;     transition: transform 0.3s ease; }  .opened .icon {     transform: rotate(180deg); }  .burger div {     background: #ffffff;     width: 30px;     height: 4px;     border-radius: 5px;     margin-bottom: 5px; }   .popup {     bottom: -500px;     box-sizing: border-box;     left: 0;     right: 0;     opacity: 0;     padding: 26px 0;     position: fixed;     transition: all .65s ease-in;     width: 100%;     z-index: 1001;     background: #191919;     color: #ffffff; }  .popup.-toggle {     bottom: 0;     opacity: 1; }  .wrap {     display: flex;     justify-content: flex-start;     align-items: center;     position: relative;   	gap: 45px; }  .popup__rating, .popup__bonuses {     text-align: center; }  .rating_title {     color: #fff;     font-size: 17px;     font-weight: 700;     margin-bottom: 8px; }  .rating_stars {     background: url(/shared/empty.gif) no-repeat 0;     background-size: 18px;     color: #fff;     font-size: 15px;     font-weight: 700;     padding-left: 20px; }  .rating_stars span {     font-size: 22px; }  .bonus_title {     color: #fff;     font-size: 22px;     font-weight: 700;     margin-bottom: 12px; }  .bonus_text {     color: #fff;     font-size: 20px;     font-weight: 500; }  .bonus_text span {     color: #fb3c3c;     font-weight: 700; }  .popup__close-btn {     background: url(/shared/empty.gif) no-repeat 50%;     background-size: contain;     border: none;     border-radius: 50%;     cursor: pointer;     height: 35px;     position: absolute;     right: 0;     top: -44px;     width: 35px; }  .footer {     background: #212121;     margin-top: 42px;     padding: 42px 0;     color: #fff; } .footer__nav {       display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 30px; } .footer__menu {     margin: 0 0 30px; }  .footer__menu__list {     list-style: none;     padding: 0; }  .footer__menu__item {     display: block;     margin-bottom: 10px; }  .footer__logos {     display: flex;     gap: 25px;     flex-wrap: wrap; }  .copy {     text-align: center;       margin-top: 44px; }  .footer__menu__link {     color: #fff;     font-size: 15px;     text-decoration: none; } .footer__menu__link:hover {   text-decoration: underline; } .scroll-to-top-btn {     position: fixed;     bottom: 40px;     right: 40px;     z-index: 999;     background: #757575;     padding: 7px 10px;     border-radius: 10px;     display: flex;     align-items: center;   cursor: pointer; }  @media (max-width: 1210px) {     .nav {         position: absolute;         background: #212121;         top: 100%;         left: 0;         width: 70%;         height: 100vh;         z-index: 999;         display: none;     }      .nav:before {         content: '';         display: block;         width: 100vw;         height: 100vh;         background: rgba(0, 0, 0, .5);         position: absolute;         top: 0;         left: 0;         z-index: -1;     }      .nav__list {         flex-direction: column;     }      .burger {         display: block;     }      .burger.open div:first-child {         transform: rotate(45deg);         position: relative;         top: 9px;     }      .burger.open div:nth-child(2) {         transform: rotate(-45deg);     }      .burger.open div:last-child {         display: none;     }      .header-av {         position: fixed;         width: 100%;       	z-index: 1001;     }      .main {         padding-top: 52px;     }      .popup__close-btn {         right: 15px;     }   .banner-av {     background: url(/shared/empty.gif) no-repeat right #212121;     background-size: contain;     position: relative;     color: #ffffff;     padding: 50px 0; } }  @media (max-width: 768px) {     .footer__nav {         grid-template-columns: repeat(1, 1fr);     }      .popup .wrap {         display: grid;         grid-template-columns: repeat(2, 1fr);         gap: 20px;     }      .rating_stars {         background: none;     } }  .logo__link {     display: block; }  @media (max-width: 420px) {     .header-av .button-av {         font-size: 12px;         min-width: 95px;     }      .logo__link {         width: 120px;     }      .popup .wrap {         display: grid;         grid-template-columns: repeat(1, 1fr);         gap: 20px;     } }  .content .button-av.red {     background: linear-gradient(177deg, #fb3c3c 1.96%, #880303 98.23%);     color: #ffffff;   	width: 100%;   padding: 15px 0; } .content .button-av.red:hover {     background: linear-gradient(160deg, #ff6a6a, #b20101);     color: #ffffff;   	width: 100%;  } .content p img {   margin: 0 0 10px 0; }