.subnav li {     margin-bottom:15px; } body {     margin: 0;     padding: 0;     font-family: sans-serif; }  a {     text-decoration: none; } .container {     max-width: 1200px;     margin: 0 auto;  }  .header__top {     background: #bcc0c2;     padding: 0 20px; } .header__wrapper {     padding: 20px 0;     display: flex;     justify-content: space-between;     align-items: center; }  .header__logo {     margin-right: 15px; } .header__logo__link img {     height: 35px;     width: 110px; }  .header__btn {     display: flex;     justify-content: space-between;     align-items: center; }  .header__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; }  .header__login:hover {     background: none; }  .header__bottom {     background: #717171;     margin-bottom: 15px;     padding: 0 20px; }  .header__nav__list {     margin: 0;     list-style-type: none;     display: flex;     align-items: center;     justify-content: space-between; }  .header__nav__list__item {     margin-right: 20px;   position: relative;   z-index: 999; }  .header__nav__list__item:last-child {     margin-right: 0; }  .header__nav__list__item__link {     font-size: 14px;     display: flex;     align-items: center;     justify-content: center;     font-weight: 700;     color: #ffffff;     text-transform: uppercase;       padding: 15px 0; } .subnav {     background: #717171;     padding: 15px 10px;     position: absolute;     top: 45px;     left: -25px;     list-style: none;     white-space: nowrap;   	display: none;   z-index: 999; } .subnav a {   font-size: 14px;     font-weight: 700;     color: #ffffff;     text-transform: uppercase; } .header__nav__list__item:hover .subnav {   display: block; } .mob-menu {     display: none; }  .main {     margin-bottom: 40px; }  .slider__wrapper {     display: flex;     justify-content: space-between; }  .slider__right {     width: 60%; }  .slider__left {     width: 35%; }  .slider__title {     color: #484848;     font-weight: 700;     font-size: 40px;     margin-bottom: 15px;     text-align: center;     display: block; }  .slider__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__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;     } }  .arrow {     height: 30px;     display: flex;     align-items: center;     justify-content: center;     width: 30px;     background: #fff;     border-radius: 50%; } .arrow svg {     width: 25px;     height: 25px; }  .slider-container {     display: flex;     justify-content: center;     align-items: center;     margin-left: auto;     margin-right: auto;     position: relative;     overflow: hidden;     list-style: none;     padding: 0;     z-index: 1; }  .items {     max-width: 800px;     width: 100%;     box-sizing: border-box;     min-height: 308px;     position: relative;     font-size: 30px;     margin: 0 auto;     overflow: hidden;     display: flex; }  .item {     flex-shrink: 0;     width: 100%;     height: 100%;     position: absolute;     transition-property: transform; }  .item img {     max-width: 100%;     height: auto;     object-fit: cover; }  .item a {     display: block; }  .content__title {     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 {     padding: 0 20px; } .content__text p {     margin-bottom: 10px;     font-weight: 300;     font-size: 15px;     line-height: 25px; }  .content__text p a {     color: #e50c0c;     text-decoration: none;    border-bottom: 1px dashed red; } .content__text p a:hover {     border-bottom: none; }  .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: 40px; } .content__text h3 {   text-align: center;     font-size: 30px; } .content__text h4 {   text-align: center;     font-size: 20px; } .bonus {     display: grid;     grid-template-columns: 1fr 1fr 1fr;     grid-gap: 50px; }  .bonus__block {     display: flex;     flex-direction: column;     justify-content: space-between; } .bonus__block img {     max-width: 100%;     height: auto;     object-fit: cover;     width: 100%;     max-height: 250px;     margin: 0 auto 10px auto; } .bonus__block__title {     text-align: center;     margin-bottom: 10px;     font-size: 30px;     line-height: 40px;     font-weight: 700; } .bonus__block__text {     margin-bottom: 15px;     font-size: 16px;     line-height: 22px;     text-align: center; } .footer {     background: #bcc0c2;     padding: 0 20px; }  .footer__right, .footer__text {     color: #333333; }  .footer__text {     margin: 0;     font-weight: 300;     font-size: 15px;     line-height: 25px; }  .footer .container {     padding: 60px 0; } .footer p {  	margin: 0; } .footer__wrapper {    display: flex;       justify-content: space-between;   gap: 40px;   margin-top: 30px;   flex-wrap: wrap; } .footer__nav {   max-width: 250px; } .footer__item {   line-height: 1.8; } .footer__logo img {   height: auto; } .footer__logo {   position: relative; } .footer__logo:after {   content: '';   display: block;   background: #64180c;   width: calc(100% - 210px);   height: 1px;       position: absolute;     right: 0;     bottom: 50%; } .social {  display: flex;   gap: 40px; } .social__link {   display: block;   width: 25px;   height: 25px; } .images {    display: flex;   flex-wrap: wrap;   gap: 40px;   justify-content: center;   margin-top: 30px;   padding-bottom: 30px;   border-bottom: 1px solid #64180c; } .images img {   max-width: 80px; } .age {   background: #717171;   color: #bcc0c2;   width: 55px;   font-size: 24px;   border-radius: 50%;   display: flex;   justify-content: center;   align-items: center; } .footer .copy {   text-align: center;   color: #333333;   font-size: 14px;   margin-top: 30px; }  @media (max-width: 1050px) {   .header__nav__list__item__link.mob--link {      display: none;   }     .header__nav__list {         display: block;     }      .header__nav__list__item {         margin: 0 0 20px;     }      .header__bottom {         height: 0;         transition: height 0.6s ease;         overflow: hidden;     }     .header__bottom.active {         height: 100%;     }     .mob-menu {         display: block;     }   .subnav {     display: block;     position: relative;     top: 0;     left: 0;     text-align: center;   } }  @media (max-width: 868px) {     .slider__wrapper {         display: block;         position: relative;     }     .slider__left,     .slider__right {         width: 100%;     }     .items {         max-width: 100%;         margin: 0;     }      .slider__left {         position: absolute;         top: 35%;         z-index: 2;     }      .slider__title {         color: #ffffff;         text-shadow: 0 0 10px rgba(0, 0, 0, 1);         background: rgba(0, 0, 0, 0.5);         padding: 10px 0;     }      .footer__wrapper {         display: block;     }     .bonus__block__title {         font-size: 20px;         line-height: 25px;     }     .bonus__block__text {         margin: 0;     }     .slider__btn {         font-size: 16px;     }     .bonus {         grid-gap: 15px;         grid-template-columns: 1fr 1fr;         grid-template-rows: 1fr 1fr;     }     .pay {     margin-top: 30px;   }   .pay img {     max-width: 100%;     height: auto;   } }  @media (max-width: 668px) {     .slider__title {         font-size: 25px;     }     .slider__left {         top: 25%;     }     .header__login {         font-size: 14px;     } }  @media (max-width: 520px) {     .content__title {         font-size: 36px;     }      .content__text h2 {         font-size: 28px;     }     .content__text p {         font-size: 14px;     }     .footer__text {         font-size: 12px;     }     .footer__right {         font-size: 10px;     }     .slider__left {         top: 37%;     }      .header__login {         margin-left: 10px;     } }  @media (max-width: 450px) {     .header__login:first-child {         display: none;     }     .slider__btn {         padding: 15px;         width: 80%;         font-size: 15px;         line-height: 10px;     }     .slider__left {         display: flex;         flex-direction: column;         align-items: center;         justify-content: center;     }     .slider__left {         top: 25%;     }     .bonus {         grid-gap: 10px;         grid-template-columns: 1fr;         grid-template-rows: 1fr;     } }  @media (max-width: 370px) {     .header__logo__link img {         height: 30px;         width: 90px;     }     .header__login {         font-size: 12px;         padding: 3px 10px;     }     .slider__title {         font-size: 16px;     }     .items {         min-height: 180px;     }     .content__title {         font-size: 28px;     }     .content__text h2 {         font-size: 18px;     } } table {   border: 1px solid #b89690;   padding: 5px;   width: 100%;   border-collapse: collapse; } th {  font-weight: 700;   border: 1px solid #b89690; } tr:first-child td p {  font-weight: 700; } td {   border: 1px solid #b89690;     padding: 5px; } td p {   margin: 0; } @media (max-width: 412px) {   .content__text {       padding: 0 10px;   } }  .footer__menu { 	list-style: none;     padding: 0; }  .footer__menu a {   color: #333333;   text-decoration: none; } .footer__menu a:hover {   text-decoration: underline; } .social-pay {     margin-top: 30px;   padding-bottom: 30px;       align-items: center;       border-bottom: 1px solid #64180c; } .content__text ol {     line-height: 1.5; } .content__text ul {   list-style: none;   line-height: 1.5;   padding: 0; } .content__text ul li {   position: relative;   padding-left: 40px; } .content__text ul li:before { 	content: '';     position: absolute;     left: 18px;     top: 7px;     background: #fff;     width: 7px;     height: 7px;     border-radius: 50%;     border: 1px solid red; }