html, body {     scroll-behavior: smooth;     background: #121212;     color: #fff;     font-family: 'Lato', sans-serif;     margin: 0;     /*overflow-x: hidden;*/   	position:relative; }  body:after {   	content: ""; 	display: block;   	position: absolute; 	top: 0;   	left: 0;   	background: url(/shared/2859/brandBg.png);     background-size: 20%;     width: 100%;     height: 100%;     z-index: 2;     opacity: 0.7; }  a {     text-decoration: none;     color: #ffffff; }  * {     box-sizing: border-box;   	/*overflow-x: hidden;*/ }  .container {     max-width: 1200px;     margin: 0 auto;     display: flex;     flex-direction: column;     justify-content: space-evenly;     height: 100%; }  .head, .nav, .game, .language, .support, .pay, .deposit, .bonus, .geo, .currencies, .brand, .advantages, .applications, .registration {     margin-bottom: 120px;   position: relative;   z-index: 3; } .main {   padding: 110px 0 110px 0; }  .head__header {     display: flex;     justify-content: space-between;     align-items: flex-start; }  .head__header__img {     width: 50%; }  .head__header__img img {     width: 100%; }  .head__header__text {     width: 48%;     display: flex;     flex-direction: column;     align-items: center; }  .head__header__text__title {     font-size: 52px;     text-align: center; }  .head__header__text__title-red {     color: #e60e0e; }  .head__header__text__inner {     font-size: 22px; }  .head__header__text__count {     text-align: center; }  .head__header__text__count-title {     font-size: 18px;     text-transform: uppercase; }  .head__header__text__count__item {     font-size: 60px;     font-weight: bold;     margin-top: 0;     margin-bottom: 20px; }  .head__header__text__link {     padding: 25px 40px;     background: #e60e0e;     font-size: 36px;     border-radius: 50px;     font-weight: 900; }   .nav__inner__list {     display: flex;     list-style: none;     padding: 0;     justify-content: space-between;     align-items: center; }  .nav__inner__list__item__link {     display: block; }  .nav__inner__list__item__link img {     width: 300px; }  .main__block {   position: relative; }  .main {     display: flex;     justify-content: flex-end;     align-items: center; }  .main__count {     display: flex;     width: 50%;     justify-content: space-between; }  .main__img {     width: 250px; }  .main__img img {     width: 100%; }  .information {   position: sticky;   top: 0;   z-index: 5;   left: 0; }  .information__list__item__link.active {     color: #e60e0e;     font-size: 32px;     font-weight: 900;     margin-bottom: 10px; }  .information__list {     list-style: none;     padding: 0 35px 0 0;     position: absolute;     top: 100px;     left: 0;     width: 32%;     background: rgba(18, 18, 18, .5);   padding: 10px; }  .information__list__item__link {     font-size: 22px;     font-weight: 900; }  .nav__inner__list__item__link {     font-size: 32px;     text-decoration: underline;  }  .game .main__count {     flex-direction: column;     width: 65%; }  .game .main__count__provider {     display: flex;     flex-wrap: wrap;     align-items: center;     justify-content: center;     padding: 5px;   	background: #ffffff47;   	border-radius: 5px; } .main__count__provider__list {   	display: flex;     flex-wrap: wrap;     align-items: center;    justify-content: space-between; }  .main__count__provider__list li {   width: 25%;    margin-right: 10px; }  .game .head__header__text__count {     text-align: left; }  .main__count__provider__link {     display: block; }  .language .main__count {     flex-direction: column;     width: 70%; }  .language .main__count__provider img {     width: 100%; }  .main__contact__email__item:first-child {     list-style: none;     padding: 0;     text-align: center;     width: 100px;     margin: 0 auto 20px; }  .main__contact__email__item:first-child img {     width: 100%; }  .main__contact__email__item__link {     font-weight: 900;     font-size: 24px; }  .tel {     list-style: none;     padding: 0; }  .language .main__count {     justify-content: center; }  .tel .main__contact__email__item:first-child {     width: 75px; }  .main__contact__email {     margin-bottom: 35px; }  .pay .main__contact, .deposit .main__contact, .bonus .main__contact {     width: 65%;     margin-top: 35px; }  .main__contact__pay img {     width: 100%; }  .pay .main__contact__pay {     align-items: flex-start;   	justify-content: space-between;     background: #ffffff47;   	padding: 5px 10px;   	border-radius: 5px; }  .main__contact__pay {     display: flex;     align-items: center;     flex-wrap: wrap;     height: 650px;     overflow-y: scroll;     overflow-x: hidden; }  .pay .main__contact__pay img:nth-child(14), .pay .main__contact__pay img:nth-child(18), .pay .main__contact__pay img:nth-child(26), .pay .main__contact__pay img:nth-child(28), .pay .main__contact__pay img:nth-child(41), .pay .main__contact__pay img:nth-child(42) {     background: #ffffff;     padding: 3px; }  #country {     width: 100%;     background: #121212;     color: #ffffff;     font-size: 24px;     padding: 10px;     border-top: none;     border-right: none;     border-left: none;     border-bottom: 2px solid #ffffff; }  .main__contact__country {     margin-bottom: 35px; }  .main__contact__img img {     width: 200px; }  .deposit .main__contact {     text-align: center; }  .main__contact__deposit {     font-size: 40px;     font-weight: 900; }  .bonus .main__contact__deposit {     font-size: 32px;     font-weight: 900;     margin-bottom: 10px; }  .main__contact__info {     margin: 0;     font-size: 26px; }  .bonus .main__contact {     margin-top: 0;     text-align: center;     width: 65%;     background-size: 130%; }  .main__contact__country__item {     font-size: 28px;     font-weight: bold; }  .main__contact {     width: 65%; }  .geo .main {     align-items: center; }  .main__contact__currencies {     list-style: none;     padding: 0;     margin-right: 15px;   	padding: 5px 10px; }  .main__contact__currencies:last-child {     margin-right: 0; }  .currencies .main__contact {     display: flex;     justify-content: space-between;     width: 65%;     background: #ffffff47;   	border-radius: 5px; }  .main__contact__currencies__item {     font-size: 18px;     margin-bottom: 5px; }  .main__contact__currencies__item:last-child {     margin-bottom: 0; }  .main__contact__brand__item {     font-size: 32px;     font-weight: bold; }  .main__contact__brand__item a {     margin-left: 15px;     font-size: 28px; }  .brand .main__contact {     width: 60%;     background-size: 130%;     padding: 75px 0; }  .advantages .main__contact {     display: flex;     justify-content: space-between;       width: 65%;       background: #ffffff47;   border-radius: 5px; }  .main__contact__advantages__item:first-child {     font-size: 36px;     margin-bottom: 25px;     margin-left: -25px;     font-weight: bold; }  .main__contact__advantages__item:first-child::marker {     font-size: 0; }  .main__contact__advantages__item {     font-size: 24px;     margin-bottom: 20px; } .main__contact__advantages__item::marker {   color: #ffffff;   font-size: 1.5em; }  .main__contact__applications {     list-style: none;     padding: 0;     margin-bottom: 40px; }  .main__contact__applications__item:first-child {     text-align: center; }  .main__contact__applications__item img {     width: 100px; }  .main__contact__applications__item {     font-size: 32px;     font-weight: bold; }  .applications .main__contact {     width: 45%; }  .main__contact__registration__step {     display: flex;     align-items: center; }  .main__contact__registration__step img {     width: 150px;     margin-right: 25px; }  .main__contact__registration__step:nth-child(2) {     justify-content: flex-end;     text-align: center; }  .main__contact__registration__step:nth-child(2) img {     margin-right: 0;     margin-left: 25px; }  .main__contact__registration__step:nth-child(2) p {     width: 50%; }  .main__contact__registration__step p {     font-size: 36px;     font-weight: 900; }  .registration .main .head__header__text__link {     display: block;     width: 70%;     margin: 0 auto;   text-align: center; } .mobMenu {     display: none; }  @media only screen and (max-width: 1020px) {     .container {         padding: 0 10px;     }      .head, .nav, .game, .language, .support, .pay, .deposit, .bonus, .geo, .currencies, .brand, .advantages, .applications, .registration {         height: auto;         margin-bottom: 70px;     }      .head__header {         flex-direction: column;     }      .head__header__img {         width: 100%;     }      .head__header__text {         width: 100%;     }      .main__count {         flex-direction: column;         align-items: center;     }      .main__img {         width: 180px;     }      .language .main__count__provider img {         width: 100%;     }      .main__count__provider__link {         text-align: center;     }   .information__list {         top: 95px; 	}   .information__list__item__link {     	font-size: 18px; 	}     .information__list__item__link.active {       font-size: 28px;   	} }  @media only screen and (max-width: 870px) {   .mobMenu {         padding: 15px 10px;         background: #000000;         display: flex;         flex-direction: column;         position: fixed;         width: 100%;         z-index: 6;     }     .mobMenu span {         width: 25px;         height: 3px;         margin-bottom: 5px;         background: #ffffff;     }     .mobMenu span:last-child {         margin-bottom: 0;     }     .main {         flex-direction: column;     }      .information {         width: 100%;       padding: 35px;       top: 125px;           background: #000;            }   .information.container {         height: auto;   }   .information {     position: fixed;     top: 0;   }      .main__count {         width: 100%;         flex-direction: unset;         justify-content: space-evenly;     }     .game .main__count,     .language .main__count,     .main__contact,     .pay .main__contact,     .bonus .main__contact,     .deposit .main__contact,     .currencies .main__contact,     .brand .main__contact,     .applications .main__contact {         width: 100%;     }     .game .main__count__provider,     .pay .main__contact__pay {         height: 450px;         overflow-y: scroll;       	overflow-x: hidden;     }     .language .main__count__provider img {         width: 100%;     }     .registration .head__header__text__link {         text-align: center;     }   .information__list {     position: static;     width: 100%;      }   .main {     padding: 80px 0 110px 0;   }   .information__list__item__link.active {         font-size: 18px;     color: #ffffff;     }     .information__list__item__link {         font-size: 18px;     }      .information__list__item {         margin-bottom: 5px;     }   .information__list {     display:none;   } } @media only screen and (max-width: 737px) {   .head__header__text__link {     padding: 20px 35px;     font-size: 32px;   }   .nav__inner__list__item__link img {     width: 250px;   } } @media only screen and (max-width: 680px) { .head__header__text__link {     padding: 15px 20px;   }   .head__header__text__link {     font-size: 30px;   } }  @media only screen and (max-width: 630px) {     .head__header__text__title {         font-size: 42px;     }     .head__header__text__inner {         font-size: 18px;     }     .head__header__text__count-title {         font-size: 16px;     }     .head__header__text__count__item {         font-size: 58px;     }     .head__header__text__link {         font-size: 32px;     }     .nav__inner__list__item__link img {         width: 200px;     }     .nav__inner__list__item__link {         font-size: 24px;     }      .language .main__count__provider img {         width: 100%;     }      .main__count__provider {         height: 300px;         overflow-y: scroll;     }     .bonus .main__contact__deposit {         font-size: 26px;     }     .main__contact__info {         font-size: 18px;     }     .currencies .main__contact {         flex-wrap: wrap;         height: 300px;         overflow-y: scroll;     }     .main__contact__brand__item {         font-size: 18px;     }     .advantages .main__contact {         flex-direction: column;         height: 450px;         overflow-y: scroll;       width: 100%;     }     .main__contact__registration__step:nth-child(2) p {         width: 100%;     }    body, html {   	overflow-x: hidden; 	}    } @media only screen and (max-width: 560px) {   .head__header__text__link {     font-size: 28px   }   .nav__inner__list__item__link img {     width: 180px;   } }  @media only screen and (max-width: 510px) { .head__header__text__link {       padding: 15px;   }   .head__header__text__link {     font-size: 26px   }   .main {     padding: 80px 0 0 0; } }  @media only screen and (max-width: 460px) {     .main__contact__registration__step img {         width: 100px;     }     .main__contact__registration__step p {         font-size: 22px;     }     .registration .head__header__text__link {         width: 100%;         font-size: 22px;         margin-top: 35px;     }     .head__header__text__link {         font-size: 22px;     }     .nav__inner__list__item__link img {         width: 150px;     }     .nav__inner__list__item__link {         font-size: 18px;     }     .information__list__item__link {         font-size: 14px;     }     .main__contact__advantages__item {         font-size: 18px;     }     .main__contact__brand__item a {         font-size: 18px;     }     .main__contact__brand__item {         margin-bottom: 10px;     }     .brand .main__contact {         padding: 50px 0;     }     .main__contact__country__item {         font-size: 18px;     }     .bonus .main__contact__deposit {         font-size: 18px;     }     .main__contact__info {         font-size: 16px;     }     .main__contact__deposit {         font-size: 28px;     }     .main__contact__email__item__link {         font-size: 14px;     }     .main__contact__email__item:first-child {         width: 75px;     }     .main__contact__email__item__link {         font-size: 14px;     }     .main__contact__email__item:last-child {         font-size: 12px;     }     .main__contact__applications__item {         font-size: 18px;     }   .head__header__text__link {     padding: 10px;         font-size: 18px; 	}   .pay .main__contact__pay {     flex-direction: column;     flex-wrap: nowrap;   }   .pay .main__contact__pay div {       width: 100% !important;   }   .main__count__provider__list {     display: block;   }   .main__count__provider__list li {       width: 100%;       margin-right: 10px; 	} }  @media only screen and (max-width: 380px) {     .main__img {         width: 120px;     }     .head__header__text__count__item {         font-size: 40px;     } }  @media only screen and (max-width: 371px) {   .nav__inner__list__item__link img {     width: 130px; } .head__header__text__link {       padding: 10px 5px;     font-size: 16px;   } }