body {     margin: 0;     padding: 0;     font-family: "Open Sans", sans-serif;     font-weight: 400;     font-size: 16px; }  * {     box-sizing: border-box; }  a {     text-decoration: none; }  .container {     max-width: 1200px;     margin: 0 auto;     padding: 0 10px; }  .header-kz {     position: fixed;     top: 0;     left: 0;     width: 100%;     z-index: 9999; }  .header-kz__top {     background: #bcc0c2;     padding: 0 20px; }  .header-kz__wrapper {     padding: 20px 0;     display: flex;     justify-content: space-between;     align-items: center; }  .header-kz__logo {     margin-right: 15px;     display: flex;     align-items: center;     gap: 10px; }  .header-kz__logo span {     color: #333333;     margin-right: auto;     font-size: 14px;     font-weight: 400; }  .header-kz__logo__link img {     height: 35px;     width: 110px; }  .header-kz__btn {     display: flex;     justify-content: space-between;     align-items: center; }  .header-kz__login {     font-size: 17px;     cursor: pointer;     background: #64180c;     color: #ffffff;     border: 2px solid #64180c;     font-weight: 700;     display: flex;     align-items: center;     justify-content: center;     padding: 5px 15px;     border-radius: 20px;     line-height: 23px;     margin-left: 35px;     text-transform: uppercase;     transition: 0.3s; }  .registration {     background: #36b41d;     color: #ffffff;     border: 2px solid #36b41d; }  .slider-kz__btn.registration:hover {     transform: translateY(-6px);     background: transparent;     box-shadow: 0 0 60px #36b41d;     color: #333333;  }  .header-kz__login:hover {     background: none; }  .header-kz__bottom {     background: #717171;     margin-bottom: 15px;     padding: 0 20px; }  .header-kz__nav__list {     margin: 0;   padding: 0;     list-style-type: none;     display: flex;     align-items: center;     justify-content: flex-start; }  .header-kz__nav__list__item {     margin-right: 20px;     min-width: 70px;     position: relative;     z-index: 999; }  .header-kz__nav__list__item:last-child {     margin-right: 0; }  .header-kz__nav__list__item__link {     font-size: 14px;     display: flex;     align-items: center;     justify-content: center;     font-weight: 700;     color: #ffffff;     padding: 15px 0; } .subnav { 	position: absolute;     top: 45px;     left: 0;     background: #717171;     list-style: none;     padding: 10px;     width: 210px;   	display: none; } .header-kz__nav__list__item:hover .subnav {     display: block; }  .mob-menu {     display: none; }  .main {     margin-top: 120px;     margin-bottom: 40px; }  .slider-kz__btn {     color: #000000;     padding: 15px;     display: flex;     align-items: center;     justify-content: center;     width: 100%;     box-sizing: border-box;     text-transform: uppercase;     font-size: 20px;     font-weight: 700;     line-height: 23px;     border-radius: 50px;     position: relative;     overflow: hidden; }  .slider-kz__btn::before {     content: "";     display: block;     width: 40px;     height: 200px;     margin-left: 50px;     background: #fff;     background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.7) 100%);     left: -40px;     top: -100px;     z-index: 1;     transform: rotate(45deg);     position: absolute;     animation: movingFlare 2s ease-in-out 0.05s infinite; }  @keyframes movingFlare {     0% {         left: -30px;         margin-left: 0;     }     30% {         left: 110%;         margin-left: 80px;     }     100% {         left: 110%;         margin-left: 80px;     } }  .bread__list {     margin: 0;     list-style-type: none;     padding: 0;     display: flex;     align-items: center;     justify-content: center; }  .bread li {     margin: 0 20px; }  .bread a, .bread span {     position: relative;     line-height: 45px;     font-weight: 400;     font-size: 14px; }  .bread li:nth-child(1) a::after {     content: "";     height: 100%;     width: 1px;     background: #fff;     position: absolute;     right: -20px;     top: 0; }  .bread li:nth-child(1) a::after {     background: #64180c; }  .content__title {     border-bottom: 1px solid #64180c;     color: #484848;     line-height: 50px;     font-weight: 700;     text-transform: uppercase;     text-align: center;     margin: 10px 0 20px;     padding-bottom: 20px;     font-size: 50px; }  .content__text {     padding: 0 20px; }  .content__text p {     margin-bottom: 10px;     font-weight: 300;     font-size: 15px;     line-height: 25px; }  .content__text a {     color: #333333;     text-decoration: underline; }  .content__text .slider-kz__btn {     margin: 25px 0;     text-decoration: none;     color: #333333; }  .content__text img {     max-width: 100%;     height: auto; }  .content__text h2 {     border-bottom: 1px solid #64180c;     color: #484848;     line-height: 50px;     font-weight: 700;     text-transform: uppercase;     text-align: center;     margin-bottom: 20px;     padding-bottom: 20px;     font-size: 50px; }  .content__text ul li::marker {     background-color: #82191c; }  .content__text ol {     counter-reset: section;     list-style: none;     position: relative; }  .content__text ol li {     margin: 10px 0;     display: flex;     align-items: center; }  .content__text ol li:before {     counter-increment: section;     content: counter(section);     color: #fff;     background-color: #82191c;     padding: 5px 8px;     border-radius: 50%;     font-size: 12px;     position: absolute;     left: 10px; } .bonus__items {     margin: 10px 0; }  .bonus__header {     display: flex;     align-items: center;     gap: 8px;     padding: 15px 20px;     margin-bottom: 10px;     background-color: #82191c;     border-radius: 15px; }  .bonus__header h2 {     color: #fff;     font-size: 18px;     font-style: normal;     font-weight: 400;     margin: 0;     padding: 0;     line-height: 20px;     text-transform: none;     border-bottom: none; }  .items__list {     display: grid;     grid-template-columns: repeat(4, 1fr);     grid-gap: 10px;     margin: 0;     padding: 0;     list-style: none; }  .items__list__inner {     position: relative;     padding: 0;     margin: 0;     cursor: pointer; }  .items__list__link {     display: block;     position: relative; }  .items__list__link img {     transition: .5s;     border-radius: 15px; }  .items__name {     position: absolute;     left: 0;     bottom: 0;     right: 0;     padding: 10px;     font-size: 12px;     font-style: normal;     font-weight: 600;     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;     color: #fff;     background-color: #82191c;     border-radius: 0 0 15px 15px; }  table {     width: 100%;     border-collapse: collapse; }  table p {     margin: 0; }  td, th {     border: 1px solid #64180c;     padding: 5px; }  .content__text a {     color: #82191c; }  .content__text img {     max-width: 100%;     height: auto; }  .accordion {     border-radius: 5px;     background-color: #fff; }  .accordion-item {     border-bottom: 1px solid #64180c; }  .accordion-button {     width: 100%;     padding: 15px;     text-align: left;     border: none;     outline: none;     cursor: pointer;     align-items: center;     display: flex;     font-size: 1rem;     font-weight: 700;     justify-content: space-between;     line-height: 1.5rem;     transition: all 0.3s ease;     background: none; }  .accordion-content {     padding: 0 15px;     display: block;     overflow: hidden;     background-color: white; }  .accordion-content p {     margin: 15px 0; }  .footer {     padding-top: 40px;     padding-bottom: 40px;     color: #333;     background-color: #bcc0c2; }  .footer__container {     display: grid;     grid-template-columns: repeat(4, 1fr);     grid-gap: 100px;     justify-content: space-between;     margin-bottom: 24px;     text-align: left; }  .footer__container .heading {     margin-bottom: 20px;     position: relative; }  .footer__container .heading:before {     content: "";     display: block;     width: 50px;     height: 2px;     position: absolute;     bottom: -5px;     left: 0;     background-color: #82191c; }  .menu {     list-style: none;     margin: 0;     padding: 0; }  .menu-item {     font-size: .8rem;     padding-bottom: 4px; }  .menu-item a {     color: #333;     text-decoration: none; }  .footer_logos_police {     padding: 0;     border-top: none;     border-bottom: none;     display: flex;     justify-content: center;     gap: 32px;     flex-wrap: wrap;     margin-bottom: 24px; }  .item_police {     max-width: 75px; }  .footer_logos_police img {     width: auto;     height: 30px; }  .footer_888_app_button {     display: flex;     padding: 10px;     justify-content: center;     align-items: center;     gap: 8px;     text-decoration: none;     background-color: #82191c; }  .footer_888_app_button svg {     width: 14px;     height: 24px; }  .footer_888_app_button .separator {     width: 1px;     height: 32px;     background: rgba(255, 255, 255, .2); }  .footer_888_app_button .name {     color: #fff;     font-size: 12px;     font-style: normal;     font-weight: 700;     line-height: 120%;     text-transform: uppercase; }  .copyright {     font-size: .8rem;     text-align: center; }  .panel_mode {     display: none;     position: fixed;     bottom: 20px;     right: 20px;     cursor: pointer;     background: #36b41d;     color: #fff;     padding: 10px;     border-radius: 50%;     height: 50px;     width: 50px;     display: flex;     transition: 0.3s;     align-items: center;     justify-content: center; }  .panel_mode img {     width: 100%;     height: 100%; }  @media (max-width: 1050px) {     .mob-menu {         display: block;     }      .header-kz__logo span {         display: none;     }      .header-kz__nav__list {         flex-direction: column;     }      .header-kz__nav__list__item {         margin: 0;     }      .header-kz__bottom {         height: 0;         transition: height 0.6s ease;         overflow: hidden;     }      .header-kz__bottom.active {         height: 100%;     }      .main {         margin-top: 90px;     }      .footer__container {         display: grid;         grid-template-columns: repeat(3, 1fr);     }      .slider-kz__title {         margin-top: 0;     }     .items__list {         grid-template-columns: repeat(4, 1fr);     } }  @media (max-width: 768px) {     .footer__container {         grid-template-columns: repeat(2, 1fr);         grid-gap: 40px;     } }  @media (max-width: 552px) {     .header-kz__btn .header-kz__login {         display: none;     }      .header-kz__btn .header-kz__login.registration {         display: block;         margin: 0;     }      .item-kzs {         min-height: 190px;     }      .content__text {         padding: 0;     }     .items__list {         grid-template-columns: repeat(3, 1fr);     } }  @media (max-width: 430px) {     .content__title {         line-height: 40px;         font-size: 35px;     }      .header-kz__top {         padding: 0;     }      .content__title {         margin-top: 10px;     }      .footer__container {         grid-template-columns: repeat(1, 1fr);         grid-gap: 15px;     }     .items__list {         grid-template-columns: repeat(2, 1fr);     } } .right__container { grid-column-start: none; }