* {
padding: 0px;
margin: 0px;
border: 0px;
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
:focus,
:active {
outline: none;
}
a:focus,
a:active {
outline: none;
}
aside,
nav,
footer,
header,
section {
display: block;
}
html,
body {
height: 100%;
min-width: 320px;
}
body {
line-height: 1;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
input,
button,
textarea {
font-size: inherit;
}
input::-ms-clear {
display: none;
}
button {
cursor: pointer;
background-color: inherit;
}
button:disabled {
color: inherit;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
a,
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
ul li {
list-style: none;
}
img { }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: inherit;
font-size: inherit;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="range"],
input[type="number"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
display: none;
}
textarea {
resize: none;
padding: 0px 0px;
}:root {
--bg-color: rgba(0, 17, 40, 1);
--text-color: #000000;
}
@font-face {
font-family: 'Montserrat';
src: url(//allgamescode.ru/wp-content/themes/allgames_theme/fonts/montserrat/Montserrat-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//allgamescode.ru/wp-content/themes/allgames_theme/fonts/montserrat/Montserrat-Regular.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//allgamescode.ru/wp-content/themes/allgames_theme/fonts/montserrat/Montserrat-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//allgamescode.ru/wp-content/themes/allgames_theme/fonts/montserrat/Montserrat-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
* {
font-family: 'Montserrat', sans-serif;
box-sizing: border-box;
}
body,
html,
p {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5 {
margin: 0;
}
img {
pointer-events: none;
}
strong {
font-weight: inherit;
}
body {
background: var(--bg-color);
}
body.no-scroll {
overflow: hidden;
height: 100%;
}
.main-title-mob {
font-size: 24px;
font-weight: 700;
line-height: 28.8px;
text-align: left;
color: #fff;
}
.second-title-mob {
font-size: 20px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #fff;
}
.main-text-mob {
font-size: 12px;
font-weight: 500;
line-height: 16.8px;
text-align: left;
color: #fff;
}
.btn-text {
font-size: 12px;
font-weight: 700;
line-height: 16.8px;
text-align: left;
}
.special-one {
font-size: 10px;
font-weight: 500;
line-height: 14px;
text-align: left;
}
.special-one-mob {
font-size: 8px;
font-weight: 500;
line-height: 11.2px;
text-align: left;
}
.logo {
display: grid;
grid-template-columns: min-content 88px;
grid-template-rows: auto;
gap: 10px;
text-decoration: none;
}
.logo__text {
font-size: 14.42px;
font-weight: 699;
font-weight: 700;
line-height: 14.42px;
text-align: left;
color: #fff;
}
.logo__light {
color: rgba(0, 145, 254, 1);
}
.header {
}
.header__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
row-gap: 10px;
padding: 20px;
padding-bottom: 25px;
}
.header__right-icon {
width: 36px;
height: 36px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
border: none;
outline: none;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.header__right-icons {
display: flex;
gap: 5px;
align-items: center;
}
.header__right-icon_white {
background: #fff;
}
.header__bottom {
display: flex;
gap: 4px;
width: 100%;
position: relative;
}
.header__bottom-search-btn {
display: none;
}
.header__bottom-btn {
width: 40px;
min-width: 40px;
height: 40px;
cursor: pointer;
border-radius: 6px;
background: linear-gradient(225.72deg, #0095ff 2.89%, #0760be 74.69%);
border: none;
outline: none;
}
.header__bottom-search {
background: rgba(255, 255, 255, 0.1);
border-radius: 6px;
outline: none;
border: none;
padding-left: 15px;
width: 100%;
color: rgba(255, 255, 255, 0.3);
}
.header__bottom-search::placeholder {
font-size: 12px;
font-weight: 500;
line-height: 16.8px;
text-align: left;
color: rgba(255, 255, 255, 0.3);
}
.first-main__wrapper {
padding: 0 20px;
}
.first-main {
padding-top: 35px;
}
.first-main_banner {
}
.banner {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
margin-top: 20px;
width: 100%;
display: flex;
gap: 30px;
transition: transform 0.5s ease;
min-height: 162px;
}
.banner__slide {
border-radius: 10px;
overflow: hidden;
position: relative;
width: 100%;
flex: 0 0 100%;
z-index: 2;
height: 100%;
}
.banner-slider__bg {
pointer-events: none;
}
.banner__slide-wrapper {
padding: 25px 15px;
border-radius: 10px;
height: 100%;
}
.banner__text {
width: 61%;
}
.banner__link {
line-height: 8px;
margin-top: 15px;
z-index: 3;
}
.btn {
padding: 15px;
text-transform: uppercase;
border-radius: 10px;
text-decoration: none;
display: inline-block;
}
.btn-white {
background: #fff;
color: rgba(8, 97, 190, 1);
}
.banner__img {
position: absolute;
right: -10px;
bottom: -3px;
width: 41%;
}
.banner-slider {
position: relative;
overflow: hidden;
user-select: none;
}
.banner-pagination {
display: flex;
gap: 3px;
justify-content: center;
margin-top: 10px;
}
.banner-pagination div {
width: 3px;
height: 3px;
transition: 0.5s ease;
background: rgba(255, 255, 255, 0.3);
border-radius: 50%;
cursor: pointer;
}
.banner-pagination div.active {
background: rgba(255, 255, 255, 1);
}
.list-apps__items {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
gap: 10px;
user-select: none;
}
.list-apps__item {
width: 72px;
min-width: 72px;
height: 72px;
border-radius: 10px;
background: #fff;
position: relative;
}
.first-main__list-item {
display: flex;
justify-content: center;
align-items: center;
}
.list-apps__item-img {
max-width: 80%;
}
.second-main__img {
width: 50px;
}
.first-main__img {
width: 42px;
}
.list-apps__item-link {
position: absolute;
inset: 0;
}
.list-apps_gap {
width: calc(100% + 20px);
overflow: hidden;
margin: -34px 0px;
padding: 34px 0px;
}
.first-main__list-apps {
margin-top: 60px;
margin-bottom: 60px;
} .promo-section-outer {
width: 100%;
margin: 70px 0; 
}
.promo-section__container {
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
}
.promo-cards-main {
display: grid; grid-template-columns: repeat(3, minmax(300px, 395px)); 
gap: 7px;
justify-content: center;
}
.promo-card {
width: 100%; aspect-ratio: 395 / 360; 
min-height: 320px;
border-radius: 20px; background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
overflow: hidden;
box-sizing: border-box;
}
.promo-card__content { padding: 40px; 
height: 100%;
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
}
.promo-card__logo {
height: 62px;
width: auto; margin-bottom: 30px; 
display: flex;
align-items: center;
}
.promo-card__logo img {
height: 100%;
width: auto;
object-fit: contain;
}
.promo-card__title {
font-size: 20px;
line-height: 1.1;
font-weight: 700;
color: #fff;
text-transform: uppercase;
margin-bottom: 40px; 
}
.promo-card__text {
font-size: 14px;
line-height: 1.4;
color: rgba(255, 255, 255, 0.9);
margin: 0;
} .second-main {
padding-left: 20px;
padding-right: 20px;
}
.second-main__list {
margin-top: 15px;
margin-bottom: calc(56px - 34px);
width: 100%;
}
.second-main__item {
min-width: 154px;
min-height: 160px;
width: auto;
height: auto;
background: linear-gradient(180deg, #031725 0%, #0075cf 100%);
width: min-content;
flex-shrink: 0;
}
.second-main__item-wrapper {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 15px 15px 20px 15px;
height: 100%;
overflow: hidden;
}
.second-main__item-name {
font-weight: 700;
margin: 10px 0;
line-height: 16px;
font-size: 16px;
text-align: left;
color: #fff;
}
.second-main__item-tags {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.second-main__item-tag {
line-height: 8px;
padding: 6px;
border-radius: 60px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.five-main {
padding: 0 20px;
}
.five-main__list {
margin-top: 15px;
margin-bottom: 84px;
width: 100%;
}
.five-main__item {
background: #fff;
padding: 10px;
flex-shrink: 0;
width: min-content;
height: auto;
min-width: 120px;
min-height: 62px;
}
.five-main__item-name {
color: rgba(0, 11, 31, 1);
margin-top: 2px;
}
.five-main__items {
gap: 6px;
}
.three-main {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 60px;
}
.three-main__banner {
margin-top: 10px;
}
.three-main__banner-slider2 {
display: none;
}
.three-main__banner-slide {
padding: 25px 15px;
padding-bottom: 18px;
min-height: 269px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
background: transparent;
}
.three-main__banner-text {
width: 55.5%;
z-index: 3;
}
.btn-transparent {
color: #fff;
background: transparent;
border: 1px solid rgba(255, 255, 255, 1);
}
.btn-blue {
color: #fff;
background: linear-gradient(225.72deg, #0095ff 2.89%, #0760be 74.69%);
}
.three-main__banner-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: left;
top: 0;
right: auto;
left: 0;
bottom: auto;
z-index: 1;
}
.three-main__banner-bg {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 2;
}
.four-main {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 60px;
}
.four-main__product-cart {
margin-top: 10px;
margin-bottom: 20px;
}
.product-cart {
}
.product-cart__items {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 10px;
}
.product-cart__item {
background: rgba(255, 255, 255, 0.1);
width: calc(50% - 5px);
border-radius: 10px;
padding: 10px;
padding-bottom: 17px;
display: none;
position: relative;
flex-direction: column;
}
.product-cart__item:nth-child(-n + 8) {
display: flex;
}
.product-cart__item-link {
position: absolute;
inset: 0;
z-index: 4;
}
.product-cart__item-icon {
background-color: rgba(248, 248, 248, 1);
border-radius: 10px;
width: 100%;
aspect-ratio: 1 / 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
margin-bottom: 10px;
position: relative;
}
.product-cart__item-icon-img {
}
.product-cart__item-icon-name {
font-family: Inter, sans-serif;
font-size: 8px;
font-weight: 700;
line-height: 8.42px;
letter-spacing: -0.04em;
text-align: left;
margin-top: 7px;
}
.product-cart__item-icon-price {
font-family: Inter, sans-serif;
font-size: 23px;
font-weight: 800;
line-height: 24.79px;
letter-spacing: -0.04em;
text-align: center;
}
.product-cart__item-icon-country {
font-family: Inter, sans-serif;
font-size: 8px;
font-weight: 700;
line-height: 8.42px;
letter-spacing: -0.04em;
text-align: center;
margin-top: -6px;
}
.product-cart__item-icon-spec {
font-family: Inter, sans-serif;
font-size: 6px;
font-weight: 500;
line-height: 9.38px;
letter-spacing: -0.04em;
text-align: left;
color: rgba(180, 180, 180, 1);
margin-top: -1px;
}
.product-cart__item-icon-like {
position: absolute;
bottom: 5px;
right: 5px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
border: none;
outline: none;
z-index: 5;
cursor: pointer;
}
.first-svg {
position: absolute;
opacity: 1;
transition: 0.3s ease;
}
.sec-svg {
opacity: 0;
transition: 0.3s ease;
}
.product-cart__item-icon-like.active .first-svg {
opacity: 0;
}
.product-cart__item-icon-like.active .sec-svg {
opacity: 1;
}
.product-cart__item-name {
font-weight: 700;
line-height: 12px;
margin-bottom: auto;
}
.product-cart__item-prices {
display: flex;
gap: 4px;
align-items: flex-end;
margin: 13px 0;
position: relative;
}
.product-cart__item-newprice {
}
.product-cart__item-icon-oldprice {
color: rgba(255, 255, 255, 0.2);
text-decoration: line-through;
}
.product-cart__item-tags {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
gap: 4px;
position: relative;
flex-wrap: wrap;
}
.product-cart__item-tag {
display: grid;
grid-template-columns: min-content auto;
grid-template-rows: auto;
align-items: center;
gap: 2px;
padding: 5px;
border-radius: 60px;
background: rgba(255, 255, 255, 0.05);
}
.product-cart__item-tag-text {
line-height: 6px;
color: #fff;
}
.text-light {
color: rgba(4, 123, 222, 1);
}
.four-main__btn {
font-size: 12px;
font-weight: 600;
line-height: 8px;
text-align: center;
padding: 21px;
width: 100%;
}
.footer__wrapper {
background-color: rgba(0, 15, 36, 1);
border-top: 1px solid rgba(245, 245, 245, 0.4);
}
.footer {
padding: 60px 20px;
padding-bottom: 54px;
}
.footer__btn {
line-height: 8px;
}
.footer__row {
display: grid;
grid-template-columns: 50% max-content;
grid-template-rows: auto;
align-items: center;
}
.footer__row-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
padding: 0;
margin: 0;
list-style-type: none;
row-gap: 15px;
}
.footer__row-list-item:nth-child(-n + 5) {
grid-column: 1;
}
.footer__row-list-item:nth-child(6) {
grid-column: 2;
grid-row: 1;
}
.footer__row-list-item:nth-child(7) {
grid-column: 2;
grid-row: 2;
}
.footer__row-list-item {
height: 8px;
display: flex;
}
.footer__row-second {
display: block;
margin-top: 25px;
}
.footer__row-item-link {
text-decoration: none;
line-height: 8px;
}
.footer__row-bot {
color: rgba(255, 255, 255, 0.4);
}
.footer__row-last {
padding-top: 35px;
margin-top: 34px;
display: block;
border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.header__menu {
position: absolute;
bottom: -4px;
left: 0;
transform: translateY(100%);
background: linear-gradient(225.72deg, #0095ff 2.89%, #0760be 74.69%);
border-radius: 6px;
width: 100%;
z-index: 10;
padding: 0px 20px;
opacity: 0;
max-height: 0px;
transition: 0.5s ease;
overflow: hidden;
}
.header__menu-list {
list-style-type: none;
padding: 0;
margin: 0;
margin-top: 8px;
}
.header__menu-item {
display: flex;
border-top: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
transition: 0.3s ease;
}
.header__menu-link {
color: #fff;
text-decoration: none;
line-height: 7px;
padding: 13px 0;
width: 100%;
z-index: 2;
}
.header__menu-bg {
position: absolute;
left: -20px;
right: -20px;
top: -1px;
bottom: -1px;
background: rgba(255, 255, 255, 0.1);
opacity: 0;
transition: 0.3s ease;
}
.header__menu-item:nth-child(1) {
border-top: 1px solid transparent;
}
.header__menu-item:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header__menu-item:hover {
border-top: 1px solid transparent;
}
.header__menu-item:last-child:hover {
border-bottom: 1px solid transparent;
}
.header__menu-item:hover .header__menu-bg {
opacity: 1;
}
.header__menu-item:hover + .header__menu-item {
border-top: 1px solid transparent;
}
.header__menu-arrow {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
}
.header__bottom-btn.active ~ .header__menu {
opacity: 1;
padding: 30px 20px;
max-height: 600px;
}
.main-menu__profile {
display: grid;
grid-template-columns: max-content max-content;
grid-template-rows: auto;
padding: 14px 20px;
gap: 8px;
grid-template-rows: calc(50% - 6px);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.main-menu__profile-icon {
width: 48px;
height: 48px;
grid-column: 1;
grid-row: 1 / span 2;
border-radius: 50%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.main-menu__profile-name {
grid-column: 2;
grid-row: 1;
align-self: end;
line-height: 8px;
}
.main-menu__profile-bonus {
grid-column: 2;
grid-row: 2;
align-self: start;
display: flex;
gap: 2px;
padding: 5px;
border-radius: 60px;
background-color: rgba(255, 255, 255, 0.05);
width: fit-content;
}
.main-menu {
position: fixed;
inset: 0;
background: linear-gradient(180deg, #031725 0%, #0075cf 100%);
z-index: 30;
transform: translateY(150%);
transition: 0.5s ease;
}
.main-menu__logo {
pointer-events: none;
}
.main-menu.active {
transform: translateY(0);
}
.main-menu__profile-bonus-text {
line-height: 6px;
}
.main-menu__header {
padding: 23px 20px;
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.main-menu__close {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
pointer-events: all;
cursor: pointer;
}
.main-menu__profile-icon-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.main-menu__list {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 5px;
padding: 20px;
}
.main-menu__list-link {
text-decoration: none;
line-height: 23px;
width: 100%;
height: 100%;
display: block;
}
.header__desc-menu {
display: none;
}
.header__desc-items {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
}
.header__desc-item-link {
text-decoration: none;
padding: 10px 0;
}
.header__bottom-btn-text {
display: none;
}
.catalog {
max-width: 1240px;
padding: 0 20px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
}
.catalog__title {
text-align: left;
}
.catalog__wrapper {
margin-top: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 15px;
}
.catalog__filter-desc {
display: none;
}
.catalog__product-cart {
margin-bottom: 0;
margin-top: 0;
}
.catalog__product-cart-items {
justify-content: flex-start;
gap: 10px;
}
.catalog__product-cart-item {
display: flex;
}
.dropdown {
width: 190px;
position: relative;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 10px;
transition: 0.5s ease;
max-height: 51px;
overflow: hidden;
}
.dropdown.open {
max-height: 300px;
}
.dropdown-trigger {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-size: 16px;
padding: 20px 15px;
padding-bottom: 15px;
}
.dropdown-content {
width: 100%;
padding: 0 15px;
padding-bottom: 20px;
display: flex;
gap: 10px;
flex-direction: column;
opacity: 0;
transition: 0.5s ease;
}
.dropdown-item {
cursor: pointer;
color: rgba(255, 255, 255, 0.5);
line-height: 8px;
transition: 0.3s ease;
}
.dropdown-item:last-child {
border-bottom: none;
}
.dropdown-item:hover,
.dropdown-item.selected {
color: rgba(255, 255, 255, 1);
}
.dropdown.open .dropdown-content {
display: flex;
opacity: 1;
}
.dropdown.open .catalog__dropdown-arrow {
rotate: -180deg;
}
.catalog__dropdown-arrow {
display: flex;
rotate: 0deg;
transition: 0.5s ease;
}
.catalog__dropdown-title {
color: #fff;
line-height: 8px;
font-size: 12px;
}
.hidden-select {
display: none;
}
.dropdown-mob {
width: auto;
border-radius: 30px;
max-height: 38px;
}
.dropdown-mob.open {
border-radius: 10px;
}
.dropdown-trigger-mob {
padding: 15px 20px;
}
.dropdown-content-mob {
padding: 0 20px;
padding-bottom: 20px;
gap: 15px;
}
.catalog__radio {
display: flex;
gap: 5px;
margin-top: 13px;
}
.catalog__radio-item {
color: #fff;
line-height: 8px;
font-size: 12px;
padding: 10px;
border-radius: 30px;
border: 1px solid rgba(255, 255, 255, 0.2);
cursor: pointer;
transition: 0.3s ease;
}
.catalog__radio-item.active {
border: 1px solid rgba(255, 255, 255, 1);
}
.cart,
.similar {
padding: 0 20px;
}
.breadcrumbs {
display: flex;
list-style-type: none;
padding: 0;
margin: 0;
gap: 11px;
}
.catalog_breadcrumbs {
margin-bottom: 12px;
}
.breadcrumbs__item {
position: relative;
}
.breadcrumbs__item:first-child::before {
display: none;
}
.breadcrumbs__item::before {
content: '/';
position: absolute;
color: rgba(255, 255, 255, 0.2);
left: -7.5px;
}
.main-text-mob {
}
.breadcrumbs__item-link {
text-decoration: none;
color: rgba(255, 255, 255, 0.2);
}
.cart__icon {
max-height: 187px;
gap: 0;
margin: 0;
}
.cart__content {
margin-top: 25px;
margin-bottom: 60px;
}
.cart__icon-img {
width: 85.5px;
max-width: 85.5px;
margin-top: 5px;
}
.cart__icon-name {
font-size: 10.55px;
line-height: 12px;
margin: 0;
margin-top: 12px;
}
.cart__icon-price {
font-size: 31.05px;
line-height: 23px;
margin: 0;
margin-top: 7.82px;
margin-bottom: 3px;
}
.cart__icon-country {
font-size: 10.55px;
line-height: 12px;
margin: 0;
margin-bottom: 5px;
}
.cart__icon-spec {
font-size: 7.18px;
line-height: 13px;
margin: 0;
}
.cart__icon-like {
width: 30px;
height: 30px;
right: 14px;
bottom: 14px;
}
.cart__icon-first-svg,
.cart__icon-sec-svg {
width: 12px;
height: 12px;
}
.content-info__name {
color: rgba(255, 255, 255, 0.2);
line-height: 8px;
position: relative;
}
.content-info__num {
color: #fff;
}
.cart__content-info {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px 0;
}
.cart__catalog-radio {
margin-top: 10px;
width: 300px;
display: flex;
flex-wrap: wrap;
}
.cart__form {
display: flex;
flex-direction: column;
gap: 20px;
}
.content-info__price {
display: flex;
gap: 10px;
align-items: center;
}
.content-info__price-count {
margin-left: auto;
}
.content-info__price-old {
color: rgba(255, 255, 255, 0.2);
text-decoration: line-through;
line-height: 14px;
}
.content-info__price-main {
line-height: 14px;
}
.content-info__price-count-down,
.content-info__price-count-up {
width: 21px;
height: 21px;
border-radius: 4px;
background-color: rgba(51, 65, 83, 0.5);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 0;
outline: none;
border: none;
}
.content-info__price-count {
display: flex;
gap: 10px;
align-items: center;
margin-top: -3px;
}
.cart__content-btn {
font-size: 12px;
font-weight: 600;
line-height: 8px;
outline: none;
border: none;
margin-top: -4px;
cursor: pointer;
}
.cart__content-footer {
display: flex;
flex-direction: column;
gap: 10px;
}
.cart__content-desc {
display: flex;
flex-direction: column;
gap: 6px;
}
.cart__content-desc-item {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 10px;
position: relative;
max-height: 38px;
overflow: hidden;
transition: 0.5s ease;
cursor: pointer;
}
.cart__content-desc-title {
line-height: 8px;
padding: 15px;
}
.cart__content-desc-text {
color: rgba(255, 255, 255, 0.3);
padding: 0 15px;
padding-bottom: 15px;
}
.cart__content-desc-close {
position: absolute;
top: 13px;
right: 13px;
transform: rotate(0deg);
transition: 0.5s ease;
}
.cart__content-desc-item.active .cart__content-desc-close {
transform: rotate(45deg);
}
.similar__items {
flex-wrap: nowrap;
}
.similar__item {
min-width: 154px;
}
.similar__list {
margin-top: 15px;
margin-bottom: 60px;
user-select: none;
width: 100%;
}
.cart__content-desc-pc {
display: none;
}
.about-first {
padding: 0 20px;
padding-bottom: 40px;
}
.about-first__breadcrumbs {
margin-bottom: 15px;
}
.about-first__subtext {
color: #fff;
}
.about-first__title {
line-height: 14px;
margin-bottom: 11.5px;
}
.about-second {
padding: 0 20px;
padding-bottom: 40px;
}
.about-second__advantages {
display: flex;
flex-direction: column;
gap: 6px;
}
.about-second__advantages-item {
background-color: #fff;
border-radius: 10px;
padding: 20px;
}
.about-second__advantages-top {
display: flex;
gap: 8px;
}
.about-second__advantages-top-img {
display: flex;
}
.about-second__advantages-item-title {
text-transform: uppercase;
background: linear-gradient(225.72deg, #0095ff 2.89%, #0760be 74.69%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.about-second__advantages-text {
margin-top: 10px;
color: rgba(0, 17, 40, 1);
}
.about-three {
padding: 0 20px;
padding-bottom: 40px;
}
.about-three__banner {
background: linear-gradient(225.72deg, #0095ff 2.89%, #0760be 74.69%);
padding: 40px 20px;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.about-three__banner-title {
width: 67.86%;
}
.about-three__banner-text {
width: 67.86%;
margin-top: 11.5px;
color: #fff;
}
.about-three__banner-img {
position: absolute;
right: -92px;
bottom: -3px;
width: 180px;
height: 93%;
object-fit: cover;
object-position: top;
}
.about-three__help {
margin-top: 40px;
}
.about-three__help-title {
margin-bottom: 11.5px;
}
.about-three__help-text {
color: #fff;
}
.about-last__apps {
margin-bottom: 60px;
}
.instructions-first__blocks {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.instructions-first__block {
width: calc(50% - 5px);
aspect-ratio: 1 / 1;
background-color: rgba(248, 248, 248, 1);
border-radius: 10px;
background-size: 80%;
background-position: 50% 40%;
background-repeat: no-repeat;
display: flex;
align-items: flex-end;
justify-content: center;
text-decoration: none;
padding: 20px 10px;
}
.instructions-first,
.guarantee-first {
padding: 0 20px;
padding-bottom: 60px;
}
.instructions-first__block-text {
line-height: 8px;
color: rgba(0, 17, 40, 1);
}
.instructions-first__title {
margin-bottom: 16.5px;
}
.header__desc-item {
display: flex;
align-items: center;
gap: 3px;
position: relative;
}
.header__desc-item-hover {
position: absolute;
bottom: 0;
transform: translateY(100%);
background: rgba(36, 51, 72, 1);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 6px;
transition: 0.3s ease;
list-style-type: none;
padding: 0;
margin: 0;
min-width: 205px;
padding: 10px 0;
opacity: 0;
z-index: 0;
visibility: hidden;
}
.header__desc-item-open:hover .header__desc-item-hover {
opacity: 1;
visibility: visible;
z-index: 99;
}
.header__desc-item-open:hover .item-hover__item-link {
transition: 0.3s ease;
}
.item-hover__item-link {
padding: 8px 20px;
display: block;
text-decoration: none;
}
.item-hover__item-link:hover {
background-color: rgba(46, 61, 82, 1);
}
.guarantee-first__block,
.guarantee-first__block-blue {
background: #fff;
padding: 30px 20px;
border-radius: 10px;
}
.guarantee-first__block-title,
.guarantee-first__block-blue-title {
color: #000;
line-height: 14px;
margin-bottom: 10px;
}
.guarantee-first__block-blue {
background: linear-gradient(225.72deg, #0095ff 2.89%, #0760be 74.69%);
margin-top: 40px;
}
.guarantee-first__block-blue-title {
color: #fff;
}
.guarantee-first__block-blue-text {
color: #fff;
padding-bottom: 26px;
margin-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.guarantee-first__block-blue-title-sec {
color: #fff;
line-height: 8px;
margin-bottom: 14px;
}
.guarantee-first__block-blue-text-sec {
color: #fff;
}
.guarantee-first__block-blue-btns {
display: flex;
gap: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.guarantee-first__block-blue-btn {
width: calc(50% - 5px);
background: rgba(255, 255, 255, 0.1);
border-radius: 6px;
color: #fff;
text-decoration: none;
line-height: 7px;
text-align: center;
padding: 16px;
max-width: 172px;
}
.about-main {
padding: 0 20px;
}
.contacts-first__items {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 6.5px;
}
.contacts-first__item {
display: flex;
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 15px;
gap: 15px;
align-items: center;
text-decoration: none;
color: inherit;
}
.contacts-first {
padding: 40px 20px;
background: #fff;
}
.contacts-first__form {
}
.contacts-first__subtitle,
.contacts-first__title {
color: rgba(0, 17, 40, 1);
text-align: center;
}
.contacts-first__title {
line-height: 14px;
margin-bottom: 11.5px;
}
.contacts-first__form-inputs {
margin-top: 11.5px;
display: flex;
flex-direction: column;
gap: 4px;
}
.contacts-first__form-input {
border: 1px solid rgba(0, 17, 40, 0.2);
border-radius: 6px;
padding: 12px 20px;
color: rgba(0, 17, 40, 1);
}
.contacts-first__form-input:focus {
outline: none;
}
.contacts-first__form-input::placeholder {
color: rgba(0, 17, 40, 1);
}
.contacts-first__form-input.textarea {
min-width: 100%;
max-width: 100%;
min-height: 90px;
}
.contacts-first__form-btn {
outline: none;
border: none;
text-align: center;
line-height: 8px;
padding: 16px;
cursor: pointer;
}
.contacts-first__item-text {
line-height: 8px;
}
.contacts-main {
padding: 0 20px;
padding-bottom: 40px;
}
.contacts-five-main {
display: none;
}
.payment-first {
padding: 0 20px;
padding-bottom: 40px;
}
.payment-first__subtitle {
color: #fff;
}
.payment-first__text {
color: #fff;
}
.payment-first__title {
line-height: 14px;
}
.payment-first__subtitle {
margin-top: 25px;
text-transform: uppercase;
margin-bottom: 5px;
}
.payment-two {
padding: 0 20px;
padding-bottom: 40px;
}
.payment-two__blocks {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 10px;
margin-bottom: 10px;
}
.payment-two__block {
background-color: #fff;
border-radius: 10px;
display: flex;
align-items: center;
gap: 15px;
padding: 20px;
}
.payment-two__block:last-child {
align-items: flex-start;
padding-bottom: 16px;
}
.payment-two__text {
color: rgba(0, 17, 40, 1);
}
.payment-two__icon,
.xbox-first__block-title {
font-size: 24px;
font-weight: 700;
line-height: 17px;
background: linear-gradient(225.72deg, #0095ff 2.89%, #0760be 74.69%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.payment-two__bot-img {
border: 1px solid rgba(241, 241, 241, 1);
border-radius: 6px;
margin-top: 2px;
}
.payment-three {
padding: 0 20px;
padding-bottom: 60px;
}
.payment-three__block-text {
color: #fff;
margin-top: 10px;
}
.payment-three__block-title {
line-height: 8px;
}
.payment-three__block {
background: rgba(255, 255, 255, 0.1);
padding: 15px;
border-radius: 6px;
}
.payment-three__blocks {
margin-top: 12px;
display: flex;
flex-direction: column;
gap: 6px;
}
.payment-three__block-btn {
margin-bottom: 0;
}
.payment-three__blocks-bot-text {
color: #fff;
line-height: 7px;
margin-top: 14px;
}
.xbox-first,
.xbox-second,
.xbox-three,
.xbox-four,
.reviews-first {
padding: 0 20px;
padding-bottom: 40px;
}
.xbox-first__uptitle {
color: #fff;
margin-bottom: 15px;
}
.xbox-first__title {
line-height: 14px;
}
.xbox-first__blocks {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 15px;
}
.xbox-first__block {
background: #fff;
border-radius: 10px;
display: flex;
align-items: center;
gap: 15px;
padding: 20px;
}
.xbox-first__block-text {
color: rgba(0, 17, 40, 1);
}
.xbox-threee__bot-text {
color: #fff;
margin-top: 13px;
}
.xbox-apps {
margin-top: 20px;
}
.xbox-four__banner {
background: linear-gradient(225.72deg, #0095ff 2.89%, #0760be 74.69%);
border-radius: 10px;
padding: 30px 20px;
display: flex;
flex-direction: column;
gap: 15px;
}
.xbox-four__banner-text {
color: #fff;
}
.reviews-first__wrapper {
width: 100%;
height: auto;
margin-top: 15px;
display: flex;
flex-direction: column;
justify-content: center;
background: #fff;
border-radius: 10px;
padding: 40px;
}
@media (max-width: 768px) {
.reviews-first__wrapper {
padding: 20px;
}
}
.reviews-first__wrapper-item {
width: 100%;
height: 100%;
max-width: 760px;
border-radius: 10px;
border: none;
}
.content-info__articul {
cursor: pointer;
}
.copytext-info {
position: fixed;
bottom: 50px;
left: 50%;
transform: translatex(-50%);
background: #000;
color: #fff;
z-index: 99;
padding: 20px;
font-weight: 500;
border-radius: 10px;
transition: 0.3s;
opacity: 0;
}
.copytext-info.active {
opacity: 1;
}
.more-info__block {
display: inline-block;
}
.more-info__block:hover .more-info__block-text {
opacity: 1;
pointer-events: all;
}
.cart_info-more {
display: flex;
cursor: default;
}
.more-info__block-text {
width: 272px;
padding: 25px 18px;
background: rgba(26, 41, 62, 1);
border-radius: 10px;
color: #fff;
position: absolute;
top: 15px;
left: 0;
z-index: 99;
opacity: 0;
transition: 0.3s ease;
cursor: default;
pointer-events: none;
}
.more-info__block-tag {
top: 25px;
border: 1px solid #001128;
}
.cart_info-more:hover .more-info__block-text {
opacity: 1;
}
.content-info__price-sale,
.product-cart__sale-sm {
font-size: 16px;
color: #fff;
font-weight: 500;
line-height: 11px;
margin-left: auto;
}
.product-cart__sale-sm {
font-size: 10px;
line-height: 7px;
background: #1a293e;
margin-left: 0;
}
.product-cart__item-newprice,
.product-cart__item-icon-oldprice {
text-wrap: nowrap;
}
.product-cart__item-icon-oldprice {
font-size: 10px;
line-height: 7px;
margin: 0 auto;
}
.product-cart__item-newprice {
line-height: 8px;
}
.header__dropmenu {
position: absolute;
top: calc(100% + 6px);
left: 0;
right: 0;
z-index: 10;
opacity: 0;
transition: all 0.25s ease 0ms;
visibility: hidden;
pointer-events: none;
}
.header__dropmenu._active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.dropmenu-header__desktop {
display: flex;
flex-direction: column;
height: 360px;
overflow: hidden;
}
.dropmenu-header_position {
top: 0;
bottom: 0;
position: absolute;
overflow-y: auto;
width: 33.3%;
}
.dropmenu-header__second.dropmenu-header_position {
left: 33.3%;
}
.dropmenu-header__third.dropmenu-header_position {
left: 66.6%;
border-radius: 0 6px 6px 0;
}
.dropmenu-header__column {
position: relative;
z-index: 2;
overflow: hidden;
transition: all 0.25s ease 0ms;
opacity: 0;
visibility: hidden;
pointer-events: none;
flex: 1 1 auto;
display: flex;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
}
.dropmenu-header__column._active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.header__dropmenu:not(._active) .dropmenu-header__column {
pointer-events: none;
opacity: 0;
visibility: hidden;
}
.dropmenu-header__inner:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
background: linear-gradient(204deg, #0095ff 0%, #0760be 100%);
z-index: -2;
width: calc(100% * 3);
right: 0;
}
.dropmenu-header__first .dropmenu-header__column {
border-radius: 6px 0 0 6px;
}
.dropmenu-header__first .dropmenu-header__column .dropmenu-header__inner:after {
left: 0;
right: auto;
}
.dropmenu-header__inner {
position: relative;
flex: 1 1 auto;
}
.dropmenu-header__body {
padding: 36px 40px;
min-height: 360px;
}
.dropmenu-header__column::-webkit-scrollbar {
width: 5px;
pointer-events: none;
z-index: -1;
display: none;
}
.dropmenu-header__column::-webkit-scrollbar-track {
background-color: #fff;
}
.dropmenu-header__column::-webkit-scrollbar-thumb {
background-color: #0095ff;
}
.dropmenu-header__second .dropmenu-header__column .dropmenu-header__inner:after {
left: 50%;
transform: translate(-50%, 0px);
right: auto;
}
.dropmenu-header__second .dropmenu-header__column .dropmenu-header__inner:before,
.dropmenu-header__third .dropmenu-header__column .dropmenu-header__inner:before {
content: '';
left: 0;
top: 0;
bottom: 0;
width: 1px;
position: absolute;
background-color: rgba(255, 255, 255, 0.4);
z-index: -1;
}
.mobile-dropmenu__title,
.dropmenu-header__title {
font-size: 20px;
font-weight: 700;
line-height: 120%;
color: #fff;
}
.dropmenu-header__items {
margin-top: 12px;
}
.dropmenu-header__item {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 10px;
font-size: 16px;
line-height: 140%;
color: #fff;
font-weight: 500;
transition: all 0.25s ease 0ms;
margin: 0px -40px;
text-decoration: none;
padding: 8px 40px;
}
.dropmenu-header__item:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dropmenu-header_position .dropmenu-header__column {
position: absolute;
inset: 0;
z-index: 2;
}
.dropmenu-header__mobile {
background: linear-gradient(204deg, #0095ff 0%, #0760be 100%);
border-radius: 6px;
padding: 20px 10px;
min-height: 320px;
}
.mobile-dropmenu__title {
padding: 0px 10px;
margin-bottom: 15px;
}
.dropmenu__spoller {
position: relative;
z-index: 3;
}
.drop-mobile__top {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 15px;
padding: 8px 15px;
cursor: pointer;
backdrop-filter: blur(44px);
background: rgba(255, 255, 255, 0.1);
border-radius: 19px;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.top-drop-mobile__title {
font-weight: 500;
font-size: 12px;
line-height: 140%;
color: #fff;
}
.top-spoller-mobile__arrow,
.top-drop-mobile__arrow {
transform: rotate(90deg);
transition: all 0.45s ease 0ms;
}
.mobile-dropmenu__spoller._spoller-active .top-spoller-mobile__arrow,
.dropmenu__spoller._spoller-active .top-drop-mobile__arrow {
transform: rotate(-90deg);
}
.drop-mobile__top._disabled {
pointer-events: none;
}
.drop-mobile__top._disabled .top-drop-mobile__arrow {
opacity: 0;
}
.drop-mobile__body {
position: absolute;
top: calc(100% + 6px);
background: linear-gradient(204deg, #0095ff 0%, #0760be 100%);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 19px;
left: 0;
right: 0;
overflow: hidden;
}
.mobile-dropmenu__link,
.top-spoller-mobile__title,
.drop-mobile__list li {
font-size: 12px;
line-height: 140%;
color: #fff;
font-weight: 500;
padding: 10px 15px;
transition: all 0.25s ease 0ms;
}
.drop-mobile__list li._active {
background: rgba(255, 255, 255, 0.1);
}
.mobile-dropmenu__items {
padding-top: 8px;
margin: 0px -10px;
}
.mobile-dropmenu__spoller {
transition: all 0.25s ease 0ms;
padding: 0px 10px;
}
.mobile-dropmenu__spoller._spoller-active {
background: rgba(255, 255, 255, 0.1);
}
.spoller-mobile__top {
display: flex;
justify-content: space-between;
column-gap: 15px;
align-items: center;
position: relative;
z-index: 2;
padding: 12px 10px;
}
.spoller-mobile__top:after {
content: '';
bottom: 0;
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
left: 10px;
right: 10px;
z-index: -1;
position: absolute;
}
.top-spoller-mobile__title {
padding: 0;
}
.spoller-mobile__body {
padding: 0px 10px;
}
.spoller-mobile__links {
position: relative;
padding: 8px 0px;
z-index: 2;
}
.spoller-mobile__link {
font-size: 9px;
display: block;
line-height: 140%;
padding: 3px 0px;
font-weight: 500;
color: #fff;
}
.mobile-dropmenu__link {
padding: 12px 20px;
display: block;
}
.cookies {
position: fixed;
bottom: 20px;
right: 20px;
left: 20px;
z-index: 1000;
pointer-events: none;
transition: all 0.25s ease 0ms;
opacity: 0;
visibility: hidden;
}
.cookies:not(._hide) {
opacity: 1;
visibility: visible;
}
.cookies:not(._hide) .cookies__content {
pointer-events: all;
}
.cookies__content {
max-width: 342px;
pointer-events: none;
display: flex;
flex-direction: column;
background-color: #1a293e;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 6px;
padding: 20px;
row-gap: 12px;
margin-left: auto;
align-items: flex-start;
}
.cookies__text {
font-size: 12px;
line-height: 140%;
font-weight: 500;
color: #fff;
}
.cookies__btn {
padding: 5px 15px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.1);
font-weight: 700;
font-size: 12px;
min-height: 38px;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-transform: uppercase;
color: #fff;
transition: all 0.25s ease 0ms;
} .footer__steam,
.header__steam {
display: inline-flex;
column-gap: 4px;
border: 1px solid #666f7c;
border-radius: 6px;
align-items: center;
justify-content: center;
padding: 5px 15px;
font-size: 16px;
line-height: 140%;
font-weight: 500;
color: #fff;
white-space: nowrap;
transition: all 0.25s ease 0ms;
}
.footer__steam:hover,
.header__steam:hover {
opacity: 0.6;
}
.footer__steam svg,
.header__steam svg {
width: 21px;
height: auto;
object-fit: contain;
flex-shrink: 0;
}
.footer__btn {
margin-top: 12px;
}
.footer__steam {
margin-top: 8px;
min-height: 40px;
border-radius: 10px;
}
.category-section {
display: block; }
.container {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
}
.category-section {
background-color: #fff;
}
.category__container {
display: block;
padding: 40px 20px; }
.category-section__head {
display: block;
margin-bottom: 35px;
}
.category-section__title {
color: #000;
margin-bottom: 30px;
text-align: center !important;
display: block;
font-size: 34px !important;
font-weight: 700;
}
.category-section__head-links {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 51px;
}
.category-section__head-links-item {
color: #b3b3b3;
font-size: 14px;
transition-duration: 0.3s;
}
.category-section__head-links-item.active,
.category-section__head-links-item:hover {
color: #000;
}
.category-section__wrap {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 0;
margin-bottom: 60px;
}
.category-sidebar {
display: block;
max-width: 190px;
width: 100%;
flex-shrink: 0;
margin-right: 90px;
position: relative;
}
.category-sidebar__tags {
max-width: 190px;
width: 100%;
}
.category-sidebar__tags .scroll-content {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 6px;
flex-direction: column;
}
.scrollbar-thumb {
height: 6px !important;
background: rgb(25 40 61) !important;
}
.scrollbar-track {
background: transparent !important;
}
.category-sidebar__tags-item {
width: 100%;
background-color: #f7f8fa;
color: #000;
font-size: 16px;
font-weight: 500;
border-radius: 10px;
padding: 17px;
display: flex;
gap: 10px;
align-items: center;
transition-duration: 0.3s;
}
.category-sidebar__tags-item img {
filter: invert(1);
}
.category-sidebar__tags-item.active,
.category-sidebar__tags-item:hover {
background-color: #eaeaea;
}
.category-cards-wrap {
display: flex;
justify-content: flex-start;
width: 100%;
gap: 20px;
flex-wrap: wrap;
max-width: 641px;
width: 100%;
margin-right: 38px;
}
.category-cards-wrap .category-card {
width: 100%;
margin-bottom: 18px;
}
.category-card {
position: relative;
display: flex;
flex-direction: column;
background-color: transparent;
border-radius: 10px;
overflow: hidden;
padding-bottom: 0;
}
.category-card__meta {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
display: flex;
gap: 6px;
}
.category-card__photo-wrap {
height: 400px;
margin-bottom: 20px;
position: relative;
flex-shrink: 0;
}
.category-card__photo-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.category-card__photo-img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
border-radius: 30px;
}
.category-card__cat {
font-weight: 500;
font-size: 10px;
line-height: 10px;
color: #fff;
background-color: #0095ff;
border-radius: 50px;
display: inline-block;
padding: 6px 10px;
height: 22px;
}
.category-card__tags {
background-color: #0760be;
border-radius: 50px;
padding: 2px 10px;
display: inline-flex;
justify-content: flex-start;
align-items: center;
gap: 11px;
height: 22px;
}
.category-card__tag img {
display: block;
height: 10px;
}
.category-card__tag {
display: block;
}
.category-card__tag img {
display: block;
}
.category-card__inner {
padding: 0 51px 0;
display: flex;
flex-direction: column;
height: 100%;
}
.category-card__title {
display: block;
}
.category-card__title a {
display: block;
font-weight: 500;
font-size: 18px;
line-height: 1.2;
margin-bottom: 10px;
color: #000;
transition-duration: 0.3s;
}
.category-card__title a:hover {
color: #0075cf;
}
.category-card__excerpt {
font-size: 12px;
line-height: 1.2;
color: #000;
display: block;     margin-bottom: 10px;
}
.category-card__date {
font-size: 10px;
color: #8c949e;
margin-top: auto;
}
.category-btn-wrap {
max-width: 990px;
width: 100%;
margin: auto;
}
.btn-category-loadmore {
max-width: 210px;
width: 100%;
margin: 0 auto 60px;
display: block;
}
.blog-sidebar {
display: block;
max-width: 240px;
width: 100%;
position: relative;
}
.promo {
width: 100%;
max-width: 240px;
width: 100%;
height: 341px;
display: flex;
justify-content: flex-start;
align-items: flex-end;
position: relative;
border-radius: 30px;
overflow: hidden;
padding: 5px;
}
.sticky {
position: fixed!important;
top:0;
margin-top: 10px;
}
.promo img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
}
.promo__text {
border-radius: 24px;
background-color: #fff;
padding: 18px;
color: #000;
font-size: 14px;
line-height: 1.3;
z-index: 1; }
.article-meta {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 19px;
flex-wrap: wrap;
font-weight: 500;
font-size: 10px;
}
.article-meta__tag {
font-weight: 500;
font-size: 10px;
background-color: #f2f2f2;
border-radius: 50px;
color: #000;
padding: 7px 8px;
display: inline-block;
text-decoration: none !important;
}
.article-meta__author {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 5px;
color: #000;
text-decoration: none !important;
pointer-events: auto;
}
.article-meta__date {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 5px;
color: #000;
}
.article-meta__views {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 5px;
color: #000;
}
.aioseo-breadcrumbs {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 5px;
flex-wrap: wrap;
margin-bottom: 48px;
}
.aioseo-breadcrumb {
color: #d6d9dd;
font-weight: 500;
font-size: 16px;
}
.aioseo-breadcrumb a {
color: #d6d9dd;
font-weight: 500;
font-size: 16px;
}
.aioseo-breadcrumb-separator {
color: #d6d9dd;
}
.article-content {
display: block;
min-width: 300px;
width: 100%;
}
.article-content .category-card {
width: 100%;
margin-bottom: 20px;
padding-bottom: 0;
border-radius: 30px;
}
.article-content .category-card__cat {
color: #fff;
text-decoration: none;
}
.article-content .category-card__tag img {
height: 10px;
}
.article .category-section__wrap {  }
.article-content .category-card:after {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 0%, 0.1);
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.article-content .category-card__photo-wrap {
height: 399px;
}
.article-content .category-card__photo-img {
height: 100%;
border-radius: 30px;
}
.article-content .category-card__photo-wrap {
margin-bottom: 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
flex-wrap: wrap; }
.category-card__big-title {
font-weight: 500; font-size: 32px;
line-height: 1.2;
position: relative;
z-index: 1;   margin-bottom: 9px;
}
.article-content #ez-toc-container {
border: none;
border-radius: 30px;
background-color: #f7f8fa;
width: 100% !important;
padding: 30px;
margin-top: 30px;
}
.article-content div#ez-toc-container ul li {
margin-bottom: 10px;
}
.article-content div#ez-toc-container ul li a {
font-size: 18px;
font-weight: 400; color: #000;
}
.article-content div#ez-toc-container ul li:last-child {
margin-bottom: 0;
}
.article-content div#ez-toc-container .ez-toc-title {
font-size: 18px;
font-weight: 600;
display: block;
margin-bottom: 15px;
}
.article-content #ez-toc-container ul ul {
margin-top: 10px;
}
.article-content table {
width: 100%;
border-collapse: collapse;
}
.article-content th {
font-size: 12px;
font-weight: 500;
padding: 10px;
}
.article-content td {
padding: 10px;
font-size: 12px;
border: 1px solid #b3b3b3;
}
.article-related {
margin-bottom: 70px;
max-width: 1010px;
max-width: 969px;
width: 100%;
margin-left: auto; }
.article-related__title {
display: block;
color: #000;
margin-bottom: 23px;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 28.8px;
margin-left: 40px;
}
.article-related__wrap {
display: flex;
justify-content: flex-start; gap: 20px;
flex-wrap: wrap;
max-width: 640px;
margin-left: 40px;
}
.article-related .category-card {
width: calc(50% - 10px);
}
.article-related .category-card__photo-wrap {
height: 200px;
margin-bottom: 13px;
}
.article-related .category-card__excerpt {
display: none;
}
.article-related .category-card__inner {
padding: 0 10px;
}
.article-related .category-card__photo-img {
border-radius: 20px;
}
.article-related .category-card__title a {
font-size: 16px;
}
.article-content {
margin-bottom: 15px;
}
.article-content {
font-size: 18px;
color: #000;
max-width: 640px;
width: 100%;
margin-right: 38px;
border-bottom: 2px solid #dddddd;
padding-bottom: 40px;
}
.article-content img {
max-width: 100%;
height: auto;
border-radius: 10px;
border: 1px solid #eaeaea;
border-radius: 30px;
}
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5 {
margin-top: 35px;
margin-bottom: 15px;
position: relative;
font-size: 26px;
font-weight: 500;
}
.article-content p {
margin: 16px 0;
line-height: 1.3;
}
.article-content a {
color: #19293d;
text-decoration: underline;
font-weight: 500;
}
.article-content ol,
.article-content ul {
margin: 20px 0 20px 30px;
}
.article-content li {
margin-bottom: 10px;
line-height: 1.3;
}
.article-content ul li {
list-style-type: disc;
}
.article-content ol li {
list-style-type: auto;
}
.article-content blockquote {
background-color: #f7f8fa;
padding: 5px 30px;
margin: 30px 0;
border-left: 4px solid #001128;
}
.wp-block-quote cite {
display: none;
}
.wp-block-quote p {
margin-top: 0;
}
.wp-block-quote p:last-child {
margin-bottom: 0;
}
.article-content table {
font-size: 14px;
}
.article-content figure {
margin: 20px 0 20px;
display: block;
max-width: 640px;  }
.article-content summary {
margin-bottom: 10px;
}
.article-content iframe,
.article-content video {
width: 100%;
aspect-ratio: 16/9;
border-radius: 10px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background: 0 0;
position: absolute;
bottom: -35px;
margin-top: 0;
color: #000;
}
.article-content .wp-block-video {
margin: 30px 0;
position: relative;
}
.wp-caption-text {
font-size: 14px;
font-style: italic;
font-weight: 500;
margin-left: 2px;
}
.article-content .wp-block-video:after {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 0%, 0.1);
position: absolute;
left: 0;
top: 0;
background-image: url(//allgamescode.ru/wp-content/themes/allgames_theme/img/ico-play.svg);
background-size: 60px;
background-position: center;
background-repeat: no-repeat;
}
.wp-block-video.playing:after {
content: none;
}
@media (any-hover: hover) {
.dropmenu-header__item:hover {
background: rgba(255, 255, 255, 0.1);
}
.cookies__btn:hover {
opacity: 0.7;
}
}
@media (min-width: 767.98px) {
.dropmenu-header__mobile {
display: none;
}
}
@media (max-width: 992.98px) {
.dropmenu-header__item {
font-size: 12px;
margin: 0px -20px;
padding: 8px 20px;
}
.dropmenu-header__body {
padding: 20px;
min-height: 300px;
}
.dropmenu-header__desktop {
height: 300px;
}
.footer__steam {
font-size: 14px;
}
.category-section__wrap {
flex-direction: column;
gap: 20px;
margin-bottom: 30px;
}
.category-sidebar {
max-width: 100%;
}
.category-sidebar__tags .scroll-content {
flex-direction: row;
padding-bottom: 15px;
}
.category-sidebar__tags-item {
flex-shrink: 0;
width: auto;
padding: 17px 17px;
height: 50px;
font-size: 0;
gap: 0;
}
.category__container {
display: block;
padding: 0 20px 5px;
}
.aioseo-breadcrumb a,
.aioseo-breadcrumb,
.aioseo-breadcrumb-separator {
font-size: 12px;
}
.aioseo-breadcrumbs {
margin-bottom: 20px;
gap: 5px;
padding-top: 20px;
gap: 0;
}
.category-section__head {
margin-bottom: 30px;
}
.category-cards-wrap,
.article .category-section__wrap,
.article-content {
max-width: 100%;
}
.blog-sidebar {
display: none;
}
.btn-category-loadmore {
margin-bottom: 53px;
}
.article-related__title {
margin-left: 0;
}
.article-related {
max-width: 100%;
}
.article-related__wrap {
max-width: 100%;
margin: 0;
}
.category-sidebar__tags {
max-width: 100%;
width: 100%;
}
}
@media (max-width: 767.98px) {
.dropmenu-header__desktop {
display: none;
}
.cookies__content {
padding: 18px;
}
.cookies__text,
.cookies__btn {
font-size: 10px;
}
.cookies__btn {
min-height: 36px;
} .header__steam {
width: 40px;
padding: 0;
flex-shrink: 0;
}
.header__steam svg {
width: 29px;
}
.footer__steam span,
.header__steam span {
display: none;
}
.category-card__big-title {
font-size: 24px;
}
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5 {
margin-top: 25px;
margin-bottom: 10px;
font-size: 16px;
}
.article-content .wp-block-video:after {
background-size: 40px;
}
.article-content {
margin-bottom: 10px;
padding-bottom: 10px;
}
.article-related {
margin-bottom: 40px;
}
.category-cards-wrap {
gap: 10px 10px;
}
.category-cards-wrap .category-card {
width: 100%;
}
.category-card__photo-wrap {
margin-bottom: 10px;
height: 230px;
}
.category-card__inner {
padding: 0 10px 0;
}
.category-section__head-links {
gap: 20px;
}
.category-sidebar__tags-item {
padding: 11px 17px;
height: 38px;
font-size: 0;
}
.wp-block-quote {
padding: 20px;
}
.category-card__photo-img {
border-radius: 20px;
}
.category-section__title {
margin-bottom: 20px;
font-size: 24px !important;
}
.category-section__head {
margin-bottom: 20px;
}
.article-content .category-card__photo-wrap {
height: 230px;
}
.category-card__big-title {
font-size: 18px;
}
.article-content {
font-size: 14px;
line-height: 1.3;
}
.article-content #ez-toc-container {
border-radius: 20px;
padding: 20px;
margin-top: 15px;
}
.article-content div#ez-toc-container ul li a {
font-size: 14px;
}
.article-content figure {
max-width: 100%;
width: 100% !important;
}
.article-content img {
border-radius: 20px;
}
.article-content blockquote {
padding: 5px 17px;
}
.article-content p {
margin: 10px 0;
}
.article-related .category-card {
width: 100%;
}
h3.article-related__title {
text-align: left!important;
}
.article-content .category-card {
margin-bottom: 10px;
}
}
._img {
overflow: hidden;
position: relative;
display: block;
}
._img video,
._img iframe,
._img img {
position: absolute;
object-fit: cover;
inset: 0;
display: block;
}
._img-bg {
position: absolute;
inset: 0;
z-index: -1;
}
._img-bg img {
width: 100%;
height: 100%;
}
.swiper {
overflow: hidden;
position: relative;
margin: -34px 0px;
padding: 34px 0px;
}
.swiper-wrapper {
width: 100%;
height: 100%;
box-sizing: content-box;
display: flex;
position: relative;
}
.swiper-vertical .swiper-wrapper {
flex-direction: column;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
}
.swiper-initialized .swiper-slide {
flex-shrink: 0;
}
.swiper {
opacity: 0;
visibility: hidden;
}
.swiper.swiper-initialized {
opacity: 1;
visibility: visible;
transition: opacity 0.25s ease;
}
._arrows {
position: absolute;
bottom: 0;
z-index: 2;
display: flex;
align-items: center;
column-gap: 6px;
right: 0;
pointer-events: none;
}
._arrow {
width: 29px;
flex-shrink: 0;
height: 29px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: all 0.25s ease 0ms;
border: 1px solid rgba(255, 255, 255, 0.1);
pointer-events: all;
cursor: pointer;
}
._arrow:nth-child(1) svg {
transform: rotate(-180deg);
}
._arrow.swiper-button-disabled {
pointer-events: none;
opacity: 0.6;
}
.slider-first-main__slide {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.slider-first-main__bg {
pointer-events: none;
}
.slider-first-main__image {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 85px;
}
.slider-first-main__image img {
max-width: 50px;
}
.second-main__slider {
margin-top: calc(-34px - 34px);
}
.slider-second-main__slide .list-apps__item {
width: 100%;
height: auto;
min-height: 72px;
background: none;
border: none;
}
.slider-second-main__slide .second-main__item-wrapper {
border: none;
position: relative;
z-index: 2;
}
.five-main__slider {
margin-top: calc((-34px - 34px) + 15px);
}
.similar__slider .similar__item,
.slider-five-main__slide .list-apps__item {
width: 100%;
min-width: 100%;
}
.slider-five-main__slide .list-apps__item {
position: relative;
z-index: 2;
background: none;
}
.five-main__item-bg {
border-radius: 10px;
pointer-events: none;
}
.first-main__slider {
margin-bottom: calc(-34px + 16px);
width: 100%;
}
.first-main__description {
color: #fff;
align-self: end;
margin-bottom: 16px;
font-size: 16px;
line-height: 150%;
margin-top: 20px;
}
.first-main__slider-wrap {
padding: 0px 20px;
margin-top: 30px;
}
@media (any-hover: hover) {
._arrow:hover {
opacity: 0.6;
}
}
@media (max-width: 1000px) {
.slider-first-main__image {
min-height: 72px;
}
}
@media (max-width: 900px) {
.slider-first-main__image img {
max-width: 42px;
} .footer__steam {
font-size: 12px;
grid-column: 2 / 3;
min-height: 38px;
}
.footer__btn {
justify-self: start;
margin-top: 0;
display: inline-block;
} }
@media (max-width: 800.98px) {
.first-main__slider {
margin-top: calc(-34px + 60px);
margin-bottom: calc(-34px + 60px);
}
}
.slider-item__slider {
padding: 0;
margin: 0;
}
.slider-item__slider_2 {
margin-top: 20px;
padding-bottom: 30px;
margin-bottom: -30px;
}
.slider-item__pagination {
display: flex;
gap: 3px;
justify-content: center;
margin-top: 10px;
}
.slider-item__pagination .swiper-pagination-bullet {
width: 6px;
height: 6px;
transition: 0.5s ease;
background: rgba(255, 255, 255, 0.3);
border-radius: 50%;
cursor: pointer;
}
.slider-item__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: rgba(255, 255, 255, 1);
}
@media (max-width: 500px) {
.slider-item__slider_1 {
margin-top: 20px;
}
}
body::after {
content: '';
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: all 0.4s ease 0ms;
pointer-events: none;
z-index: 149;
}
body.popup-show::after {
opacity: 1;
}
.popup {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 50px 15px;
visibility: hidden;
pointer-events: none;
z-index: 150;
}
.popup_show {
z-index: 150;
visibility: visible;
pointer-events: auto;
overflow: auto;
}
.popup_show::-webkit-scrollbar {
display: none;
}
.popup_show .popup__content {
visibility: visible;
opacity: 1;
}
.popup__wrapper {
min-height: 100%;
flex: 1 1 auto;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.popup__content {
visibility: hidden;
opacity: 0;
transition: all 0.4s ease 0s;
padding: 50px 40px;
width: 100%;
max-width: 840px;
border-radius: 20px;
position: relative;
background: linear-gradient(180deg, #0b0b0b 0%, #0075cf 82.5%);
}
.popup__content ._lock & {
visibility: visible;
}
.popup-thankyou__content {
color: #fff;
}
.popup-thankyou__title {
font-weight: 600;
font-size: 46px;
line-height: 120%;
}
.popup-thankyou__text {
margin-top: 30px;
display: flex;
flex-direction: column;
row-gap: 20px;
font-size: 18px;
line-height: 130%;
}
.popup-thankyou__text p {
display: flex;
align-items: flex-start;
column-gap: 12px;
}
.popup-thankyou__text p:before {
margin-left: 12px;
content: '';
border-radius: 50%;
background-color: #fff;
width: 3px;
height: 3px;
flex-shrink: 0;
margin-top: 9px;
}
.popup-thankyou__title-2 {
margin-top: 60px;
font-size: 20px;
font-weight: 600;
line-height: 130%;
}
.popup-thankyou__links {
display: flex;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 12px;
margin-top: 20px;
}
.popup-thankyou__link {
border-radius: 15px;
padding: 20px;
background: linear-gradient(180deg, rgba(0, 17, 40, 0.4) 0%, rgba(2, 24, 54, 0.4) 100%);
display: flex;
align-items: center;
column-gap: 20px;
font-weight: 600;
font-size: 20px;
line-height: 150%;
transition: all 0.25s ease 0ms;
color: #fff;
}
.popup-thankyou__link svg {
width: 40px;
height: 40px;
object-fit: contain;
flex-shrink: 0;
}
.popup-thankyou__link:hover {
opacity: 0.7;
}
.popup-thankyou__btn {
display: block;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 7px;
background-color: #fff;
padding: 5px 20px;
min-height: 55px;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 140%;
color: #0760be;
transition: all 0.25s ease 0ms;
margin-top: 40px;
}
.popup-thankyou__btn:hover {
opacity: 0.7;
}
@media (max-width: 920px) {
.popup__content {
padding: 25px 20px;
}
.popup-thankyou__title {
font-size: 22px;
}
.popup-thankyou__text {
font-size: 14px;
margin-top: 16px;
row-gap: 12px;
}
.popup-thankyou__title-2 {
font-size: 16px;
margin-top: 28px;
}
.popup-thankyou__link {
padding: 12px;
font-size: 12px;
column-gap: 10px;
border-radius: 10px;
}
.popup-thankyou__link svg {
width: 20px;
height: 20px;
}
.popup-thankyou__btn {
min-height: 50px;
margin-top: 28px;
}
}
.popup-open {
color: #fff;
min-height: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
}
.popup.popup-card .popup__content {
max-width: 900px;
padding: 78px 84px;
background: linear-gradient(180deg, #001128 0%, #021836 100%);
border-radius: 15px;
}
.popup-card__image {
height: 450px;
width: 100%;
}
.popup-card__image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.popup__close {
position: absolute;
background-color: #fff;
border-radius: 50%;
top: 15px;
right: 15px;
width: 26px;
height: 26px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 7px;
cursor: pointer;
transition: all 0.25s ease 0ms;
z-index: 2;
}
.popup__close:hover {
opacity: 0.7;
}
.popup__close svg {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 850.98px) {
.popup.popup-card .popup__content {
padding: 30px 20px;
}
.popup-card__image {
height: 400px;
}
} .catalog-positions {
display: flex;
flex-direction: column;
gap: 12px;
}
.catalog-positions__items {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 12px;
}
.catalog-positions__item {
display: flex;
flex-direction: column;
background: rgba(255, 255, 255, 0.1);
padding: 12px;
border-radius: 12px;
padding-bottom: 18px;
text-decoration: none !important;
}
.catalog-positions__content {
padding-top: 12px;
}
.catalog-positions__title {
font-size: 13px;
line-height: 140%;
color: #fff;
font-weight: 500;
text-align: center;
text-decoration: none !important;
display: block;
}
.catalog-positions__preview {
position: relative;
z-index: 2;
border-radius: 12px;
overflow: hidden;
display: flex;
flex-direction: column;
row-gap: 8px;
min-height: 165px;
padding-top: 24px;
align-items: center;
padding-bottom: 10px;
}
.preview-catalog-positions__image {
width: 76px;
}
.preview-catalog-positions__image img {
width: 100%;
object-fit: contain;
height: auto;
display: block;
}
.preview-catalog-positions__title {
font-size: 9px;
line-height: 110%;
letter-spacing: -0.04em;
color: #f8f8f8;
text-align: center;
max-width: 104px;
margin: 0 auto;
}
.preview-catalog-positions__tag {
background-color: #fff;
padding: 4px 6px;
border-radius: 25px;
display: inline-flex;
align-items: center;
column-gap: 2px;
}
.preview-catalog-positions__icon {
width: 14px;
flex-shrink: 0;
}
.preview-catalog-positions__icon img {
width: 100%;
object-fit: contain;
height: auto;
display: block;
}
.preview-catalog-positions__name {
font-size: 10px;
font-weight: 500;
line-height: 140%;
color: #000;
}
@media (max-width: 1239.98px) {
.catalog-positions__items {
grid-template-columns: repeat(4, 1fr);
}
.article-related__wrap {
margin: 0 auto;
}
.article-related__title {
text-align: center!important;
margin-left: 0;
}
.article-related {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 999.98px) {
.catalog-positions__items {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 899.98px) {
.catalog-positions {
gap: 10px;
}
.catalog-positions__items {
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
}
@media (max-width: 767.98px) {
.catalog-positions__item {
padding: 10px;
border-radius: 10px;
padding-bottom: 14px;
}
.catalog-positions__content {
padding-top: 10px;
}
.catalog-positions__title {
font-size: 12px;
}
}
@media (max-width: 699.98px) {
.catalog-positions__items {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 499.98px) {
.catalog-positions__items {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 1100px) {
.promo-card__content {
padding: 40px 30px; 
}
.promo-card__logo {
margin-bottom: 30px;
}
}
@media (max-width: 900px) {
.promo-cards-main {
grid-template-columns: 1fr;
gap: 15px;
}
.promo-card {
max-width: 395px; margin: 0 auto;
height: auto;
aspect-ratio: unset; 
min-height: 360px; background-position: bottom center; 
}
.promo-card__content {
padding: 40px 30px 140px 30px; }
.promo-card__text {
max-width: 100%;
}
} .why-us-v2 {
width: 100%;
margin: 0 0 100px 0;
}
.why-us-v2__container {
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
}
.why-us-v2__inner {
background: linear-gradient(180deg, #0275CE 0%, #051927 100%);
border-radius: 20px; padding: 50px; 
position: relative;
overflow: hidden; 
display: block; }
.why-us-v2__content {
position: relative;
z-index: 10;
width: 100%; }
.why-us-v2__title {
font-size: 28px;
font-weight: 700;
color: #fff !important;
margin-bottom: 35px;
text-transform: uppercase;
}
.why-us-v2__list {
list-style: none;
padding: 0;
margin: 0;
}
.why-us-v2__item {
display: flex;
align-items: flex-start;
margin-bottom: 18px; white-space: nowrap; 
}
.why-us-v2__icon {
width: 16px;
height: 16px;
flex-shrink: 0;
margin-right: 12px;
margin-top: 4px;
}
.why-us-v2__text {
font-size: 16px;
line-height: 1.4;
color: #fff !important;
} .why-us-v2__character {
position: absolute;
bottom: 0;
right: 0; width: 42%; 
line-height: 0;
z-index: 5;
pointer-events: none;
}
.why-us-v2__char-img {
width: 100%;
height: auto;
display: block;
object-position: bottom right;
} @media (max-width: 900px) {
.why-us-v2__inner { padding: 40px 20px 0 20px; 
}
.why-us-v2__content { max-width: 250px !important;
padding-bottom: 30px;
}
.why-us-v2__item {
white-space: normal; }
.why-us-v2__character {
position: relative; width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
max-width: none;
}
} .faq-accordion-item, 
.faq-accordion-header, 
.faq-accordion-content, 
.faq-answer,
.faq-accordion-item *, 
.faq-accordion-item *::before, 
.faq-accordion-item *::after {
border: none !important;
border-top: 0 !important;
border-bottom: 0 !important;
box-shadow: none !important;
outline: none !important;
background-image: none !important;
} .faq-accordion-item {
background: #252F3D !important;
border-radius: 12px !important;
margin-bottom: 12px !important;
overflow: hidden;
transition: background 0.3s ease;
} .faq-accordion-item.active,
.faq-accordion-item:has([aria-expanded="true"]) {
background: #2D3949 !important;
} .faq-accordion-header {
background: transparent !important;
padding: 24px 30px !important; display: flex !important;
justify-content: space-between !important;
align-items: center !important;
cursor: pointer;
}
.faq-question {
color: #ffffff !important;
font-size: 18px !important;
font-weight: 600 !important;
}
.faq-accordion-icon {
color: #ffffff !important;
font-size: 24px !important;
} .faq-accordion-content {
background: transparent !important; } .faq-answer, 
.faq-accordion-content div, 
.faq-accordion-content p, 
.faq-accordion-content span {
background: transparent !important;
color: rgba(255, 255, 255, 0.85) !important;
font-size: 16px !important;
line-height: 1.6 !important; padding-left: 15px !important; 
padding-right: 30px !important;
padding-bottom: 25px !important;
margin-left: 0 !important;
} .faq-answer p:first-child {
padding-top: 0 !important;
margin-top: 0 !important;
} .faq-answer a, 
.faq-answer a span {
color: #0275CE !important;
text-decoration: underline !important;
padding-left: 0 !important; display: inline !important;
}  .faq-accordion-header::after, 
.faq-accordion-content::before {
display: none !important;
content: none !important;
}
.about-first__title.second-title-mob.main-title{
justify-self: center;
text-align: center;
padding: 30px;
}
.faq-accordion-item{
justify-self: center;
max-width: 783px !important;
}
.m-faq { width: 100%; max-width: 900px; }
.m-faq__item { 
background: #1B2431; 
border-radius: 12px; 
margin-bottom: 15px; 
overflow: hidden; 
}
.m-faq__header { 
padding: 25px 30px; 
display: flex; 
justify-content: space-between; 
align-items: center; 
cursor: pointer; 
user-select: none;
}
.m-faq__question { 
color: #fff; 
font-size: 18px; 
font-weight: 700; 
}
.m-faq__icon { 
color: #fff; 
font-size: 24px; 
opacity: 0.5; 
}
.m-faq__content { 
display: none; 
padding: 0 30px 30px 30px; 
}
.m-faq__answer { 
color: rgba(255, 255, 255, 0.7); 
font-size: 16px; 
line-height: 1.6; 
}
.m-faq__item.is-active { background: #252F3D; }
.m-faq__item.is-active .m-faq__icon { opacity: 1; } .home-faq-section {
padding: 0px 0px 30px 0;
} .faq-container-wide {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 0 20px;
gap: 60px; } .faq-left-col {
flex: 0 0 35%; }
.faq-main-title {
color: #ffffff !important; font-size: 25px !important; font-weight: 800 !important;
line-height: 1.1 !important;
margin: 0;
text-align: left;
} .faq-right-col {
flex: 1; } .m-faq {
width: 100%;
}
.m-faq__item {
border-radius: 12px;
margin-bottom: 16px;
overflow: hidden;
transition: background 0.3s ease;
}
.m-faq__item.is-active {
background: #252F3D;
}
.m-faq__header {
padding: 24px 30px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.m-faq__question {
color: #ffffff;
font-size: 18px;
font-weight: 700;
}
.m-faq__icon {
color: #ffffff;
font-size: 26px;
opacity: 0.4;
font-weight: 300;
}
.m-faq__item.is-active .m-faq__icon {
opacity: 1;
}
.m-faq__content {
display: none;
padding: 0 30px 30px 30px; }
.m-faq__answer {
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
line-height: 1.6;
} @media (max-width: 991px) {
.faq-container-wide {
flex-direction: column;
gap: 40px;
}
.faq-left-col {
flex: 0 0 100%;
}
.faq-main-title {
font-size: 32px;
text-align: center;
}
} .b-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 14px;
max-width: 1200px;
margin: 0 auto;
margin-top: 0 !important; 
margin-bottom: 80px !important; 
} .b-card {
grid-column: span 2;
position: relative;
border-radius: 16px;
overflow: hidden; background-color: transparent !important; 
border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s ease;
min-height: 150px; background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.b-card:hover {
transform: translateY(-5px);
border-color: rgba(2, 117, 206, 0.4); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}
.b-card__inner {
padding: 35px 30px;
display: flex;
align-items: center;
gap: 7px;
height: 100%;
} .b-card__title {
color: #ffffff !important;
font-size: 17px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
margin: 0 0 6px 0 !important;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.b-card__text {
color: rgba(255, 255, 255, 0.7) !important;
font-size: 14px !important;
line-height: 1.4 !important;
margin: 0 !important;
} .b-card__icon img {
width: 55px;
height: auto;
display: block;
} @media (min-width: 992px) {
.b-card:nth-child(4) { grid-column: 2 / span 2; }
.b-card:nth-child(5) { grid-column: 4 / span 2; }
} @media (max-width: 991px) {
.b-grid { display: flex; flex-direction: column; gap: 15px; }
.b-card { width: 100%; border-radius: 12px; }
}
.benefits-title { margin-top: 30px !important; text-align: center !important;
display: block !important;
width: 100% !important; color: #ffffff !important; 
font-size: 32px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
text-transform: none !important; letter-spacing: 0.5px !important; margin-bottom: 50px !important; 
} @media (max-width: 991px) {
.benefits-title {
font-size: 26px !important;
margin-top: 20px !important;
margin-bottom: 35px !important;
padding: 0 15px; }
}@media (min-width: 390px) {
.first-main__banner-img {
height: 93%;
object-fit: cover;
object-position: top;
}
}
@media (min-width: 500px) { .slider-item__slider_1 {
margin-top: 20px;
}
.slider-item__slider,
.slider-item__slide,
.banner {
min-height: 278px;
} .banner__text {
font-size: 16px;
line-height: 22.4px;
}
.first-main__banner-link {
margin-top: 23px;
max-width: 104px;
}
.banner__slide-wrapper {
padding: 20px 40px;
padding-bottom: 10px;
padding-right: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.three-main__banner-slide {
padding: 20px 40px;
justify-content: center;
}
.three-main__banner-text {
width: 67%;
}
.three-main__banner-img {
object-position: top;
}
.product-cart__item {
width: calc(33.3333% - 6.66666px);
}
.product-cart__item:nth-child(-n + 9) {
display: flex;
}
.catalog__product-cart-item,
.similar__item {
display: flex;
}
.about-three__banner-text {
width: 67.86%;
font-size: 16px;
line-height: 22.4px;
}
.about-three__banner-img {
right: -109px;
width: 220px;
}
.about-second__advantages-item-title,
.about-second__advantages-text {
font-size: 16px;
line-height: 22.4px;
}
.about-second__advantages-top-image {
width: 50px;
height: 50px;
}
.about-second__advantages-top {
align-items: center;
}
.about-second__advantages {
gap: 10px;
}
.instructions-first__block {
width: calc(33.3333% - 6.66666px);
}
}
@media (min-width: 600px) {
.about-three {
display: flex;
gap: 20px;
align-items: center;
}
.about-three__banner-text {
width: 67.86%;
font-size: 10px;
line-height: 14px;
}
.about-three__banner-img {
right: -92px;
width: 180px;
}
.about-three__help {
margin-top: 0;
}
.contacts-section-wrapper {
display: flex;
margin-bottom: 60px;
}
.contacts-first {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.about-first__subtext {
order: 5;
}
.contacts-first__items {
margin-top: 0;
}
.xbox-first__blocks {
flex-direction: row;
flex-wrap: wrap;
}
.xbox-first__block {
flex-direction: column;
width: calc(25% - 4.5px);
align-items: flex-start;
}
.xbox-first__block.second {
width: calc(33.3333% - 4px);
}
}
@media (min-width: 700px) {
.product-cart__item {
width: calc(25% - 7.5px);
}
.product-cart__item:nth-child(-n + 12) {
display: flex;
}
.catalog__product-cart-item,
.similar__item {
display: flex;
} .cart__content {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.cart__icon {
width: calc(50% - 10px);
max-width: 409px;
aspect-ratio: 1 / 1;
max-height: unset;
}
.cart__content-info {
width: calc(50% - 10px);
}
.about-three__banner,
.about-three__help {
width: 50%;
}
.about-first__subtext,
.guarantee-first__block-text,
.guarantee-first__block-blue-text,
.guarantee-first__block-blue-text-sec,
.contacts-first__subtitle {
font-size: 16px;
line-height: 22.4px;
}
.contacts-first__form-input {
font-size: 12px;
}
.contacts-first__item-text {
font-size: 16px;
line-height: 11px;
}
.instructions-first__block {
width: calc(25% - 7.5px);
background-color: #fff;
}
.instructions-first__block-text {
font-size: 16px;
}
.guarantee-first__block-blue-title-sec {
font-size: 20px;
line-height: 14px;
}
.about-first__subtext {
margin-top: 20px;
}
}
@media (min-width: 800px) {
.first-main__wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 20px;
}
.first-main__title {
grid-column: 1;
grid-row: 1;
}
.first-main__list-apps {
grid-column: 1;
grid-row: 2;
} .slider-item__slider_1,
.first-main__banner-slider {
grid-row: 1 / span 2;
align-self: end;
} .first-main__list-apps {
width: 100%;
margin: 0;
align-self: end;
margin-bottom: 13px;
} .slider-item__slider_1,
.slider-item__slider_1 .slider-item__slide,
.first-main__banner {
margin-top: 0;
min-height: 162px;
} .banner__slide-wrapper {
padding: 25px 15px;
}
.first-main__banner-text {
font-size: 12px;
line-height: 16.8px;
}
.second-main {
margin-top: 64px;
}
.cart__catalog-radio {
width: auto;
}
.similar__list {
width: 100%;
}
.about-second__advantages {
flex-direction: row;
flex-wrap: wrap;
}
.about-second__advantages-item {
width: calc(50% - 5px);
}
.about-second__advantages-top {
align-items: flex-start;
}
.about-second__advantages-item-title {
margin-top: 2px;
}
.payment-two__blocks {
flex-direction: row;
}
.payment-two__block {
flex-direction: column;
align-items: flex-start;
gap: 10px;
width: calc(25% - 4.5px);
}
.payment-three__blocks {
flex-direction: row;
flex-wrap: wrap;
}
.payment-three__block {
width: calc(33.3333% - 4px);
}
.payment-three__blocks-bot-text {
width: 100%;
}
.xbox-four__banner {
flex-direction: row;
align-items: center;
}
}
@media (min-width: 900px) {
.product-cart__item-icon-img {
width: 76.5px;
}
.header__menu {
bottom: -10px;
}
.product-cart__item-icon-name {
font-size: 9.43px;
font-weight: 600;
line-height: 10.38px;
}
.product-cart__item-icon-price {
font-size: 27.77px;
line-height: 30.54px;
}
.product-cart__item-icon-country {
font-size: 9.43px;
font-weight: 600;
line-height: 10.38px;
}
.product-cart__item-icon-spec {
font-size: 7px;
font-weight: 500;
line-height: 11.55px;
margin-top: 0;
}
.product-cart__item-icon-like {
width: 25px;
height: 25px;
bottom: 6.1px;
right: 6.1px;
}
.first-svg,
.sec-svg {
width: 9.86px;
height: 8.62px;
}
.main-text {
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
text-align: left;
color: #fff;
}
.product-cart__item-icon-oldprice {
color: rgba(255, 255, 255, 0.2);
}
.product-cart__item-tag-text {
font-size: 10px;
}
.product-cart__item-tag {
padding: 6.3px;
gap: 3px;
}
.product-cart__item-prices {
gap: 4px;
margin: 10px 0;
margin-bottom: 13px;
}
.product-cart__sale-sm {
margin-right: 10px;
}
.product-cart__item {
padding: 12.3px;
padding-bottom: 20px;
}
.second-main__item-name {
font-weight: 700;
}
.product-cart__items {
row-gap: 12px;
}
.product-cart__item {
width: calc(25% - 9px);
}
.four-main__btn {
text-transform: none;
max-width: 210px;
margin: 0 auto;
display: block;
text-align: center;
line-height: 11px;
padding: 19.5px 26px;
}
.five-main__item {
display: flex;
align-items: center;
gap: 12px;
min-width: 244px;
padding: 20px;
}
.list-apps__item-img {
min-width: 50px;
}
.second-main__img,
.first-main__img {
width: 50px;
}
.five-main__item-name {
color: rgba(0, 11, 31, 1);
margin-top: 0;
}
.five-main__items {
gap: 12px;
}
.five-main__list {
max-width: 100%;
}
.three-main__banner-slider2 {
display: block;
} .slider-item__slider_2,
.three-main__banner-slider2,
.three-main__banner-slider {
width: calc(50% - 10.5px);
} .three-main__banner-wrapper {
display: flex;
justify-content: space-between;
}
.three-main__banner-slide2 {
border-radius: 0;
}
.banner-pagination div {
width: 6px;
height: 6px;
}
.header__bottom {
gap: 10px;
}
.header__bottom-btn-text {
display: block;
line-height: 11px;
}
.header__bottom-btn {
min-width: 145px;
display: flex;
align-items: center;
padding: 15px 25px;
gap: 11px;
}
.header__bottom-btn-img {
width: auto;
height: auto;
}
.header__bottom-search-btn {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background: #fff;
border-radius: 6px;
border: none;
outline: none;
position: absolute;
right: 0;
bottom: 0;
cursor: pointer;
padding: 0;
}
.first-main__list-apps {
margin-bottom: 16px;
}
.footer__row-item-link {
line-height: 8px;
font-size: 12px;
}
.footer {
display: flex;
justify-content: space-between;
padding-top: 80px;
padding-bottom: 80px;
}
.footer__row {
display: flex;
flex-direction: column;
align-items: self-start;
justify-content: space-between;
}
.footer__row-second {
margin: 0;
flex-grow: 1;
}
.footer__row-list {
margin: 0 auto;
column-gap: 6vw;
row-gap: 15px;
}
.footer__row-last {
margin: 0;
padding: 0;
padding-left: 8%;
border-top: 0;
border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.footer__row-list-item {
height: 11px;
}
.footer__logo-text {
font-size: 18.29px;
line-height: 18.29px;
}
.footer__logo {
grid-template-columns: min-content 111px;
}
.footer__logo-img {
width: 37.52px;
height: 37px;
}
.header__bottom-search {
padding-left: 20px;
}
.header__bottom-search::placeholder {
font-size: 16px;
} .catalog__product-cart-item {
width: calc(33.3333% - 8px);
}
.catalog__product-cart {
margin-top: 0;
margin-bottom: 0;
}
.catalog__filter-mob {
display: none;
}
.catalog__dropdown-title {
line-height: 11px;
}
.catalog__wrapper {
flex-direction: row;
margin-top: 20px;
gap: 19px;
}
.catalog__filter-desc {
display: flex;
flex-direction: column;
gap: 6px;
}
.catalog__product-cart-items {
gap: 12px;
} .cart__content-btn {
text-align: center;
}
.cart__icon-like {
width: 60px;
height: 60px;
bottom: 15px;
right: 15px;
}
.cart__icon-first-svg,
.cart__icon-sec-svg {
width: 24px;
height: 24px;
margin-top: 2px;
}
.cart__icon-img {
min-width: 189px;
width: 189px;
margin-bottom: 25px;
}
.cart__icon-name,
.cart__icon-country {
font-size: 23.37px;
line-height: 26px;
margin: 0;
}
.cart__icon-price {
font-size: 68.79px;
line-height: 50px;
margin-top: 18px;
margin-bottom: 6px;
}
.cart__icon-spec {
font-size: 15.9px;
line-height: 29px;
margin-top: 11px;
}
.cart__icon {
min-width: 409px;
min-height: 428px;
border-radius: 30.52px;
}
.cart__content-desc-pc {
display: block;
transition: 0.3s ease;
}
.cart__content-desc {
flex-direction: row;
flex-wrap: wrap;
gap: 0;
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
width: 100%;
}
.cart__content-desc-close {
display: none;
}
.cart__content-desc-item {
background: transparent;
width: 33.333%;
}
.cart__content-desc-title {
text-align: center;
}
.cart__content-desc-item.active {
background: rgba(255, 255, 255, 0.1);
}
.similar__item {
min-width: 185px;
} .about-three__banner-text {
width: 67.86%;
font-size: 16px;
line-height: 22.4px;
}
.about-three__banner-img {
right: -120px;
width: 240px;
}
.about-three__help-text {
font-size: 16px;
line-height: 22.4px;
}
.contacts-first {
margin-right: 20px;
border-radius: 10px;
}
.contacts-five-main {
display: block;
}
.product-cart__item-icon-oldprice {
font-size: 10px;
line-height: 7px;
}
.product-cart__item-newprice {
line-height: 11px;
}
.more-info__block-text {
right: -9px;
left: auto;
transform: translateX(100%);
top: 0;
opacity: 0;
pointer-events: none;
}
.more-info__block-tag {
right: 0;
top: -9px;
transform: translateX(0%) translateY(-100%);
}
.more-info__block,
.cart_info-more {
position: relative;
}
}
@media (min-width: 1000px) {
.header__desc-menu {
width: calc(100% - 285px);
display: block;
}
.header__open-menu {
display: none;
}
.header__desc-items {
justify-content: space-between;
}
.header {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.product-cart__item {
width: calc(20% - 9.6px);
}
.product-cart__item:nth-child(-n + 15) {
display: flex;
} .slider-item__slider_1,
.slider-item__slider_1 .slider-item__slide,
.first-main__banner {
margin-top: 0;
min-height: 278px;
} .banner__slide-wrapper {
padding: 25px 40px;
}
.first-main__banner-text {
font-size: 16px;
line-height: 22.4px;
}
.first-main {
padding-top: 80px;
}
.second-title {
font-size: 24px;
font-weight: 700;
line-height: 28.8px;
text-align: left;
}
.main-title {
font-size: 36px;
font-weight: 700;
line-height: 43.2px;
text-align: left;
color: #fff;
}
.second-main__list {
margin-bottom: calc(80px - 34px);
}
.four-main__product-cart {
margin-bottom: 40px;
}
.four-main {
padding-bottom: 80px;
}
.five-main__list {
margin-bottom: calc(103px - 34px);
}
.four-main__product-cart,
.three-main__banner {
margin-top: 15px;
}
.header__menu {
max-width: 360px;
}
.header__menu-link {
font-size: 16px;
}
.first-main__list-item {
min-width: 86.5px;
height: 85.3px;
}
.header__wrapper {
padding-bottom: 35px;
padding-top: 23px;
}
.catalog__product-cart-item {
width: calc(25% - 9px);
}
.catalog__product-cart {
margin-top: 0;
margin-bottom: 0;
}
.catalog__title {
text-align: center;
}
.catalog {
margin-bottom: 80px;
}
.cart__content-btn,
.content-info__price {
width: 337px;
}
.cart__content-footer {
flex-direction: row;
align-items: center;
}
.cart__content-info {
padding: 0;
gap: 20px;
}
.content-info__name,
.catalog__radio-item {
font-size: 16px;
line-height: 9px;
}
.product-cart__item-tag-text {
font-size: 12px;
line-height: 11px;
}
.content-info__price {
margin-top: auto;
}
.content-info__title {
margin-bottom: auto;
}
.cart__content-btn {
text-align: center;
line-height: 11px;
padding: 19.5px;
margin-top: 0;
}
.content-info__price-main,
.content-info__price-old {
line-height: 17px;
}
.breadcrumbs__item {
font-size: 16px;
}
.breadcrumbs {
gap: 15px;
}
.breadcrumbs__item::before {
left: -10px;
}
.cart__content-desc-text {
display: none;
}
.cart__breadcrumbs {
margin-top: 40px;
}
.cart__content {
margin-top: 12px;
margin-bottom: 74px;
}
.cart__content-info {
width: calc(100% - 429px);
}
.cart__content-desc-title {
padding: 24px;
font-size: 16px;
line-height: 11px;
}
.cart__content-desc-item {
max-height: unset;
}
.cart__content-desc {
margin: 25px 0;
}
.product-cart__tag-img {
width: 7.39px;
height: 7.39px;
}
.about-three {
gap: 60px;
padding-bottom: 80px;
}
.about-second,
.about-first {
padding-bottom: 80px;
}
.about-first,
.instructions-first {
padding-top: 40px;
}
.guarantee-first__block-title,
.guarantee-first__block-blue-title,
.guarantee-first__block-blue-title-sec {
margin-bottom: 16px;
}
.guarantee-first__block {
padding: 40px;
}
.guarantee-first__block-blue {
padding: 40px;
padding-top: 50px;
margin-top: 30px;
}
.guarantee-first__block-blue-btns {
margin: 20px 0;
}
.guarantee-main {
padding-bottom: 20px;
}
.contacts-first__items {
max-width: 417px;
}
.contacts-main {
padding: 0 20px;
}
.contacts-main-top {
padding-top: 40px;
}
.contacts-first {
padding: 58px 83px;
}
.contacts-section-wrapper {
margin-bottom: 80px;
}
.guarantee-first__block-blue-btn {
font-size: 12px;
font-weight: 700;
line-height: 8px;
text-transform: uppercase;
}
.payment-three__block-text,
.payment-first__text,
.payment-three__blocks-bot-text,
.payment-two__text,
.xbox-first__block-text {
font-size: 16px;
line-height: 22.4px;
}
.payment-three__blocks-bot-text {
line-height: 11px;
}
.payment-three__block-title {
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
.payment-three__block-btn {
margin: 0;
margin-top: 13px;
}
.payment-three__blocks {
gap: 10px;
margin-top: 20px;
}
.payment-three__block {
width: calc(33.3333% - 6.6666px);
padding: 40px 20px;
padding-bottom: 30px;
}
.payment-two__block,
.xbox-first__block {
position: relative;
padding: 30px 20px;
gap: 15px;
}
.payment-two__bot-img {
position: absolute;
top: 31px;
right: 20px;
margin-top: 0;
width: 132px;
height: 25px;
}
.payment-two__icon,
.xbox-first__block-title {
font-size: 36px;
line-height: 25px;
}
.payment-first__subtitle {
font-size: 24px;
line-height: 17px;
text-transform: none;
margin-bottom: 15px;
margin-top: 40px;
}
.payment-two__blocks {
gap: 10px;
margin: 15px 0;
}
.payment-three__block-text {
margin-top: 15px;
}
.payment-two {
padding-bottom: 80px;
}
.payment-first__title {
line-height: 25px;
}
.payment-first {
padding-top: 40px;
padding-bottom: 60px;
}
.payment-three__title {
line-height: 17px;
}
.payment-three {
padding-bottom: 90px;
}
.payment-three__block-text-span br {
display: none;
}
.payment-three__block-text-span {
display: block;
margin: 10px 0;
}
.xbox-first__blocks {
gap: 10px;
}
.xbox-first__block {
width: calc(25% - 7.5px);
}
.xbox-first__block.second {
width: calc(33.3333% - 6.6666px);
}
.xbox-first__uptitle {
font-size: 16px;
}
.xbox-threee__bot-text {
display: none;
}
.xbox-first,
.xbox-second,
.xbox-three,
.xbox-four {
padding-bottom: 80px;
}
.xbox-apps {
margin-top: 0;
}
.xbox-first {
padding-top: 40px;
}
.xbox-four__banner {
flex-direction: row;
padding: 50px 40px;
align-items: center;
}
.xbox-four__title {
min-width: 408px;
}
.xbox-four__banner-text {
font-size: 16px;
line-height: 22.4px;
}
}
@media (min-width: 1090px) {
.header__desc-items {
gap: 30px;
justify-content: flex-end;
}
.cart__tag {
font-size: 16px;
}
.cart__content-footer {
gap: 20px;
}
.cart__tags {
gap: 20px;
}
.cart__content {
column-gap: 40px;
}
.cart__content-info {
width: calc(100% - 449px);
}
.cart__content-tag-img {
width: 10px;
height: 10px;
}
.contacts-section-wrapper {
gap: 62px;
margin-top: 20px;
}
.contacts-first__items {
min-width: 417px;
}
.contacts-first {
width: 100%;
margin-right: 20px;
border-radius: 10px;
}
}
@media (min-width: 1240px) {
.product-cart__item {
width: calc(16.666% - 10px);
}
.product-cart__item {
display: flex;
}
.first-main,
.second-main,
.three-main,
.four-main,
.five-main,
.header__wrapper,
.footer,
.cart,
.similar,
.about-three,
.about-second,
.about-first,
.instructions-first,
.guarantee-first,
.contacts-main-top,
.contacts-section-wrapper,
.payment-first,
.payment-two,
.payment-three,
.xbox-first,
.xbox-second,
.xbox-three,
.xbox-four,
.reviews-first {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.first-main__wrapper {
grid-template-columns: 1fr 660px;
}
.first-main__banner-img {
width: 30%;
}
.footer__row-last {
padding-left: 90px;
}
.footer__row-list {
column-gap: 75px;
row-gap: 20px;
}
.footer__row-item-link {
font-size: 16px;
line-height: 11px;
}
.footer__row-bot {
font-size: 12px;
line-height: 16.8px;
}
.catalog__product-cart-item {
width: calc(20% - 9.6px);
}
.about-three__help {
width: 505px;
}
.about-three__banner-text {
width: 73.83%;
}
.about-second__advantages-item-title br {
display: none;
}
.about-second__advantages-item {
width: calc(25% - 7.5px);
}
.payment-three__block-title {
line-height: 14px;
}
.xbox-four__banner {
gap: 32px;
}
}.time_btn {
background: linear-gradient(225.72deg, #0FD8CA 2.89%, #008276 74.69%);
border-radius: 30px;
width: 337px;
padding: 5px 18px;
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
text-align: center;
font-family: Montserrat;
font-style: Medium;
line-height: 140%;
letter-spacing: 0%;
margin-top: 27px;
display: flex;
justify-content: center;
gap: 4px;  
}
#wps_wpr_button_to_add_points_section {
margin-top: 15px;
margin-left: 16px;
}
.woocommerce-MyAccount-content .woocommerce-info a {
margin-top: 15px;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
margin-bottom: 15px;
}
.woocommerce-dashboard .woocommerce-MyAccount-content > p {
white-space: pre-line;
}
.wps_wpr_copy,
.wps_wpr_each_section {
line-height: 25px;
}
.wps_wpr_view_log {
margin: 20px 0;
}
.wps_wpr_points_wrapper_with_exp .wps_wpr_view_log a {  
text-decoration: underline;
color: #0193fc !important;
}
.woocommerce-account .woosw-item .woosw-item--image {
background-color: transparent !important;
}
.woocommerce-info .button,
.woocommerce-account .woosw-item--atc .button,
.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-button {
background-color: #0193fc !important;
}
.woocommerce-info .button:hover,
.woocommerce-account .woosw-item--atc .button:hover,
.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-button:hover {
background-color: #0760be !important;
}
.wps_wpr_points_view {
display: block !important;
}
.wps_wpr_slide_toggle {
margin-top: 20px;
}
.wps_wpr_common_table .wps_wpr_nobr {
white-space: nowrap;
font-size: .85em;
}
.wps_wpr_common_table th {
text-align: left;
}
.wps_wpr_open_toggle {
display: none !important;
}
.wps_wpr_common_table th,
.wps_wpr_common_table td {
padding: 10px !important;
border-top: 1px solid #ffffff30 !important;
}
.wps_wpr_common_table {
background-color: #ffffff10;
border: 1px solid #ffffff30 !important;
border-spacing: 0;
border-radius: 5px;
}
.wps_wpr_common_table th,
.wps_wpr_common_table td {
border-left: 1px solid #ffffff30 !important;
}
.wps_wpr_common_table tr th:nth-child(1),
.wps_wpr_common_table tr td:nth-child(1) {
border-left: unset !important;
}
.wps_wpr_common_table {
overflow: auto;
}
.notfound-wrap {
flex-direction: column;
text-align: center;
}
.notfound-title {
font-family: Montserrat;
font-weight: 700;
font-size: 50px;
line-height: 120%;
text-transform: uppercase;
padding: 107px 0 40px 0;
text-shadow: 5px 5px 0 rgba(0, 127, 225, 1);
}
.notfound-text {
font-family: Montserrat;
font-weight: 500;
font-size: 31.02px;
line-height: 120%;
text-transform: uppercase;
padding: 40px 0 40px 0;
text-shadow: 2px 2px 0 rgba(0, 127, 225, 1);
}
.notfound-img {
max-width: 100%;
}
.notfound-btn {
background-color: white;
color: rgba(8, 97, 190, 1);
font-family: Montserrat;
font-weight: 700;
font-style: Bold;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;
text-transform: uppercase;
margin: 0 auto;
display: block;
text-align: center;
line-height: 11px;
padding: 19.5px 26px;
border-radius: 10px;
padding: 15px;
}
body .preview-catalog-positions__title {
font-size: 12px;
}
.footer__row-item.footer__btn.btn.btn-text.btn-transparent {
border: 1px solid #666f7c;
}
.prod-bg .product-cart__item-icon {
background-size: cover;
background-position: center;
}
body .banner__slide-wrapper {
justify-content: start;
}
.cookies__btn {
text-decoration: unset!important;
}
#privacy_policy_checkbox_field a,
.link_white {
color: white;
}
.page-id-1969 .about-second figure {
margin: 0;
}
.page-id-1969 .about-second table td {
border: 1px solid white;
padding: 5px;
}
.page-id-1969 .about-second table tr {
vertical-align: top;
}
.page-id-1969 .about-second table {
width: 100%;
table-layout: fixed;
overflow-wrap: break-word;
border-collapse: collapse;
}
#mob-info-icon {
display: none;
}
.wpcf7-form input::-webkit-input-placeholder { color:    #001128!important;
}
.wpcf7-form input:-moz-placeholder { color:    #001128!important;
opacity:  1;
}
.wpcf7-form input::-moz-placeholder { color:    #001128!important;
opacity:  1;
}
.wpcf7-form input:-ms-input-placeholder { color:    #001128!important;
}
.wpcf7-form input::-ms-input-placeholder { color:    #001128!important;
}
.wpcf7-form input::placeholder { color:    #001128!important;
}
body .header__dropmenu{
z-index: 4;
}
.similar__item.product-cart__item.catalog__product-cart-item,
.list-apps__item.second-main__item {
height: 100%;
}
body .woocommerce-message a {
background: none!important;
color: white!important;
text-decoration: underline!important;
font-weight: 500!important;
}
body .woocommerce-message {
border: 0;
outline: none;
background: transparent;
color: white;	
}
body .woocommerce-message::before {
color: white;
top: 50%;
transform: translate(0, -50%);
}
body .product-cart__item-icon-like,
body .product-cart__item-link {
z-index: 1;
}
.js-dgwt-wcas-suggestion-more {
cursor: pointer;
font-size: 12px;
line-height: 110%;
text-align: left;
padding: 7px 10px;
position: relative;
border-bottom: 1px solid #dfdfdf;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
resize: vertical;
width: 100%;
transition: none !important;
}
.dgwt-wcas-style-pirx.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
border: 0!important;
}
.dgwt-wcas-si img {
background: gray;
}
body .dgwt-wcas-sf-wrapp {
padding: 0!important;
background: rgba(255, 255, 255, 0.1)!important;
border-radius: 6px!important;	
}
body #dgwt-wcas-search-input-1::placeholder {
color: rgba(255, 255, 255, 0.3);
}
body #dgwt-wcas-search-input-1 {
height: 40px;	
background: transparent;
padding-left: 20px;
}
body .dgwt-wcas-search-wrapp {
max-width: 100%;
}
body .drop-mobile__list {
list-style-type: none;
padding-left: 0;
}
body .banner__link222 {
z-index: 1;	
}
body .xbox-first__block-text.special-one-mob {
max-width: 100%;
}
body .three-main__banner-slider.banner-slider {
width: 100%;
}
body .first-main__banner-link {
max-width: max-content;
}
body .dgwt-wcas-suggestions-wrapp a {
text-decoration: unset;
}
.header__dropmenu.dropmenu-header a,
body a.dropmenu-header__title,
body .dropmenu-header__item a {
color: white;
text-decoration: unset;
}
.footer__row-bot.special-one a {
color: rgba(255, 255, 255, 0.4);
text-decoration: unset;
}
.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button {
color: white;
font-weight: 500;
}
.editor-styles-wrapper.block-editor-writing-flow222 {
background-color: white;
}
main {
min-height: 60vh;
}
main .about-second {
color: white;
}
.product-cart__item222 {
flex: 1;
}
.woo-variation-swatches.wvs-behavior-hide .variable-items-wrapper[data-attribute_name="attribute_pa_region"] li.variable-item.disabled {
font-size: inherit!important; 
height: auto!important; 
opacity: 1!important; 
-webkit-transform: scale(1)!important; 
-ms-transform: scale(1)!important;
transform: scale(1)!important;
visibility: visible!important; 
width: auto!important;
}
body.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) .variable-item-contents:before {
display: none!important;
}
body.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) span {
overflow: visible!important;
}
body.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
color: #fff!important;
line-height: 9px;
font-size: 16px!important;
padding: 10px;
border-radius: 30px!important;
border: 1px solid rgba(255, 255, 255, 0.2);
cursor: pointer;
transition: 0.3s ease;	
box-shadow: unset!important;
background-color: transparent!important;
width: auto!important;
}
body.woo-variation-swatches .variable-items-wrapper .variable-item.selected:not(.radio-variable-item) {
border: 1px solid rgba(255, 255, 255, 1)!important;
}
form.cart,
.variations_form.cart {
margin: 0;
padding: 0;
margin-top: 15px;
}
.footer__row-item.footer__logo.logo img,
.header__wrapper .logo img {
max-width: unset;
}
.content-info__name.main-text-mob {
font-size: 16px;
}
.product-cart__item-icon-spec.cart__icon-spec {
color: white;
}
.product-cart__item.catalog__product-cart-item222 {
max-width: 188px;
}
.header__menu-link {
font-size: 16px;
}
.product-cart__item-icon-spec {
font-size: 10px;
color: white;
}
@media (min-width: 1240px){
.product-cart__item.catalog__product-cart-item {
min-width: 188px;
}
}
body .product-cart__items {
justify-content: left;
}
body .woosw-btn-icon-text .woosw-btn-text {
margin-left: 0;
}
body .woosw-added.woosw-btn-has-icon {
color: #047bde;
}
body .woosw-btn-has-icon {
text-decoration: none;
color: #b4b4b4;
margin-left: 0;
margin-top: 3px;
}
.product-cart__item-prices > .woocommerce-Price-amount.amount bdi {
color: white;
}
.single-product .cart__content .woosw-btn {
font-size: 26px;
}
.four-main__product-cart.product-cart .product-cart__items .product-cart__item{
min-width: 190px;
}
.four-main__product-cart.product-cart .product-cart__items {
gap: 10px;
}
body.page .xbox-four,
body.page .xbox-second,
body.page .xbox-three {
padding-bottom: 10px;
}
body.page .about-second section {
padding-left: 0;
padding-right: 0;
}
body.page .about-first {
padding-bottom: 32px;
}
body.page .about-second p {
padding-bottom: 10px;
}
.list-apps__item-img.second-main__img {
max-width: 50px;
max-height: 50px;
}
.about-first p {
color: #000;
}
.page-template-page-contacts .contacts-main > p {
color: white;
margin-top: 20px;
}
.contacts-first__form-input {
width: 100%;
}
.catalog__dropdown-item.main-text-mob {
cursor: pointer;
}
.four-main__product-cart.catalog__product-cart.product-cart {
width: 100%;
}
.variations span {
color: white;
font-weight: 400!important;
}
.variations label {
color: #ffffff33;
font-weight: 400;
}
body .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled .variable-item-contents,
body .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled span {
opacity: 1;
}
.variable-item-span.variable-item-span-button {
padding: 0 10px;
}
.reset_variations {
color: white!important;
}
.single_variation_wrap {
margin-top: 20px;
}
body.woo-variation-swatches.wvs-behavior-hide .variable-items-wrapper[data-attribute_name="attribute_pa_region"] .variable-item.disabled{
max-height: 30px;
margin: 4px!important;
}
.woocommerce-variation-price .price .product-cart__item-icon-oldprice bdi {
font-size: 24px;
font-weight: 700;
text-decoration: line-through;
}
.woocommerce-variation-price .price .product-cart__item-newprice bdi {
font-size: 24px;
font-weight: 700;
}
.woocommerce-variation-price .price {
display: flex;
max-width: 270px;
}
.product-cart__sale-sm {
font-size: 16px;
font-weight: 500;	
background: unset;
}
body .product-cart__item-icon-oldprice {
text-decoration: unset;
}
.single_add_to_cart_button.button.alt {
background: linear-gradient(225.72deg, #0095FF 2.89%, #0760BE 74.69%)!important;
width: 337px;
text-align: center;
line-height: 11px;
padding: 19.5px;
margin-top: 0;			
font-size: 16px;
font-weight: 500;
border-radius: 10px;
min-height: 50px!important;
}
#billing_tg_field,
.wc-block-components-product-badge.wc-block-components-sale-badge,
.woocommerce-variation-add-to-cart-disabled .quantity,
.added_to_cart.wc-forward {
display: none!important;
}
button.plus,
button.minus {
color: white;
background: rgba(51, 65, 83, 0.5);
border: 0;
border-radius: 4px;
}
.input-text.qty.text {
background: transparent;
border: 0;
color: white;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.content-info__price {
max-width: 240px;
min-height: 29px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type='number'] {
-moz-appearance: textfield;
}
.product-cart__item-icon-oldprice bdi {
color: rgba(255, 255, 255, 0.2)!important;
text-decoration: line-through;
line-height: 17px;
}
.minus.content-info__price-count-down {
line-height: 1px;
}
.price-btn {
position: relative;
}
.quantity {
display: flex!important;
position: absolute;
left: 245px;
top: 3px;	
}
a.catalog__radio-item {
text-decoration: none;
}
.woocommerce-variation.single_variation {
margin-bottom: 20px;
}
.single_variation_wrap {
position: relative;
}
.wc-block-components-text-input label,
.wp-block-woocommerce-checkout a,
.wp-block-woocommerce-cart a,
body .wc-block-components-product-name,
.woosw-items a {
color: white!important;
}
body .woosw-item--price {
display: flex;
margin-top: 10px;
max-width: 200px;
}
body .woosw-items {
width: 100%;
}
body .woosw-item--actions {
text-align: right;
}
body .wc-block-cart-item__remove-link {
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block .wc-block-cart-items__row {
background-color: #141f35!important;
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block .wc-block-cart-items__row222:before {
content: "";
position: absolute;
width: 100%;
height: 95%;
background-color: #ffffff1a!important;
color: #ffffff1a!important;
z-index: -1;
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
border-spacing: 0 10px !important;
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block tr {
position: relative;
}
.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
text-align: end!important;
}
.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title,
.wc-block-cart-items__header-total span,
.wc-block-cart-items__header-image span {
text-transform: none!important;
font-weight: 400!important;
}
.wc-block-cart-item__remove-link,
.wc-block-components-product-details__name,
.price.wc-block-components-product-price del {
color: rgba(255, 255, 255, 0.2)!important;
}
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
#place_order.button.alt,
.woocommerce-Button.woocommerce-Button--alt.button.alt,
.woocommerce-EditAccountForm.edit-account button,
.woocommerce-address-fields button,
.woocommerce-ResetPassword button,
.woocommerce-button.button.woocommerce-form-login__submit,
.wc-block-components-checkout-place-order-button,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
background: linear-gradient(225.72deg, #0095FF 2.89%, #0760BE 74.69%) !important;
text-align: center;
line-height: 11px;
padding: 19.5px;
margin-top: 0;
font-size: 16px;
font-weight: 500;
border-radius: 5px;
min-height: 50px !important;
text-decoration: unset;
text-transform: uppercase;
border: 0;
color: white;
}
.form-row.form-row-last button,
.custom_point_checkout button {
padding: 10px;	
font-size: 13px!important;
white-space: nowrap;
min-height: 44px;
-webkit-appearance: none;
border: 0;
color: #001128;
background-color: white;
border-radius: 5px;
}
.custom_point_checkout .input-text {
font-size: revert!important;
min-height: 44px!important;
}
.wp-block-woocommerce-checkout-order-summary-totals-block,
.wp-block-woocommerce-cart-order-summary-totals-block {
border-top: 1px solid rgba(255, 255, 255, 0.2)!important;
border-bottom: 1px solid rgba(255, 255, 255, 0.2)!important;
}
.woocommerce-form.woocommerce-form-login.login #username,
.woocommerce-form-register .woocommerce-Input--text,
.woocommerce-EditAccountForm.edit-account input,
.woocommerce-address-fields input,
.woocommerce-ResetPassword input.woocommerce-Input,
.woocommerce-form.woocommerce-form-login.login input.woocommerce-Input {
border-radius: 5px;
height: 40px;
padding: 10px;
background: transparent!important;
border: 1px solid rgba(255, 255, 255, 0.2)!important;
color: rgba(255, 255, 255, 0.7)!important;	
font-size: 1rem;
}
.woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper input,
.checkout_coupon.woocommerce-form-coupon input,
.wc-block-components-radio-control-accordion-option,
.wc-block-components-text-input input {
background: transparent!important;
border: 1px solid rgba(255, 255, 255, 0.2)!important;
color: rgba(255, 255, 255, 1)!important;	
box-shadow: unset!important;
border-radius: 4px;
padding: 1em 1.5em;
}
.wc-blocks-components-select__select {
background-color: rgba(0, 17, 40, 1)!important;
color: white!important;
border-color: white!important;
}
.wc-block-components-order-summary-item {
background-color: #ffffff1a !important;
border-radius: 5px;
padding: 15px!important;
margin-bottom: 10px!important;
}
.woocommerce-LostPassword.lost_password a {
color:rgba(255, 255, 255, 0.5)!important;
text-decoration: unset!important;
}
.woocommerce-form-register span.required,
.woocommerce-form.woocommerce-form-login.login .required {
color: white!important;
}
.woocommerce-account a {
color: white!important;
}
.woocommerce-MyAccount-navigation li a {
list-style: unset;
text-align: center;
border: 1px solid #ffffff50;
border-radius: 60px;
padding: 10px;
margin-bottom: 5px;
display: block;
}
.woocommerce-MyAccount-navigation li.is-active a {
border: 1px solid #ffffff;
}
.woocommerce-MyAccount-navigation ul {
list-style-type: none;
margin-top: 0;
padding-left: 0;
padding-right: 40px;
}
.woocommerce-MyAccount-navigation a {
text-decoration: unset!important;
}
.select2-selection.select2-selection--single {
border-radius: 5px;
height: 40px;
padding: 5px;
background: transparent !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
color: rgba(255, 255, 255, 0.2) !important;	
}
body .woocommerce-info,
body #wps_wpr_copy code,
body #add_payment_method #payment {
background-color: transparent!important;
}
.woocommerce-info a {
margin-top: 15px;
}
@media (max-width: 992px){
.time_btn {
width: 100%;
} header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: var(--bg-color);
z-index: 1000;
}
main {
margin-top: 131px;
} .custom_point_checkout .input-text,
.custom_point_checkout button {
width: 100%!important;
max-width: 100%!important;
}
.quantity {
left: unset;
right: 0;
}
.four-main__product-cart.product-cart .product-cart__item {
min-width: calc(49% - 5px);
}
body .woocommerce-message {
display: contents!important;
}
}
@media (min-width: 900px) {
.catalog__apple-store-i-itunes .dropdown {
min-height: 70px;
}
.catalog__apple-store-i-itunes span {
line-height: 18px;
}	
}
@media (max-width: 768px){ .cryptomus-payment-form .cryptomus-form-element > * {
margin-left: 0!important;
margin-right: 0!important;
}
.cryptomus-payment-form {
width: 100%!important;
}
.cryptomus-payment-form button,
.cryptomus-payment-form select {
max-width: 100%!important;
} .notfound-title {
font-size: 43px;
padding: 107px 0 30px 0;
}
.notfound-text {
font-size: 22px;
padding: 30px 0 30px 0;
}
.notfound-btn {
margin-bottom: 150px;
}
}
@media (max-width: 1240px){
body .woocommerce-MyAccount-navigation ul {
padding-right: 0;
}
body .is-mobile table.wc-block-cart-items .wc-block-cart-items__row {
padding: 16px 10px;
}
.product-cart__item-icon-spec.cart__icon-spec {
font-size: 12px;
}
}
body .product-cart__tag-img {
max-width: unset;
}
.variations th label {
margin-left: 0!important;
}
.similar__list.list-apps .product-cart__item-icon-oldprice.main-text-mob.main-text,
.archive  .product-cart__item-icon-oldprice.main-text-mob.main-text {
text-decoration: line-through;
font-size: 13px;
}
.wc-block-components-product-price__value.is-discounted,
.wc-block-formatted-money-amount,
.wc-block-components-product-name {
text-decoration: unset;
font-weight: 600;
}
body .is-large.wc-block-cart .wc-block-cart-items td {
padding: 16px 0 16px 16px;
}
#wps_cart_points {
background: transparent !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
color: rgba(255, 255, 255, 1) !important;
box-shadow: unset !important;
border-radius: 4px;
}
.woocommerce-orders-table.woocommerce-MyAccount-orders th {
padding: 10px!important;
}
.woocommerce-orders-table.woocommerce-MyAccount-orders thead th,
.woocommerce-orders-table.woocommerce-MyAccount-orders tbody td {
border-left: 1px solid #ffffff30 !important;
}
.woocommerce-orders-table.woocommerce-MyAccount-orders thead th:nth-child(1) {
border-left: unset!important;
}
.woocommerce-orders-table.woocommerce-MyAccount-orders tbody th,
.woocommerce-orders-table.woocommerce-MyAccount-orders tbody td {
padding: 10px!important;
border-top: 1px solid #ffffff30 !important;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
margin-right: 10px;
}
.woocommerce-info {
border: 1px solid #1e85be;
border-radius: 5px;
color: white;
}
.woocommerce-Address-title.title h2 {
margin-bottom: 10px;
}
.woocommerce-MyAccount-content .product-cart__item-icon-oldprice .amount {
font-size: 15px;
line-height: 11px;
text-decoration: line-through;
}
.wc-block-cart-item__image img { border-radius: 5px;
}
.woocommerce-MyAccount-content .woosw-item--image {
background-color: white!important;
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block222 thead:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
}
[data-block-name="woocommerce/cart-cross-sells-block"],
.wc-block-grid.wp-block-product-new {
display: none!important;
}
.woocommerce-orders-table.woocommerce-MyAccount-orders,
.woocommerce-customer-details address,
.woocommerce-MyAccount-content address,
.woocommerce-order-details .woocommerce-table--order-details,
.woocommerce-MyAccount-content .woocommerce-table--order-details {
background-color: #ffffff10;
border: 1px solid #ffffff30!important;
border-spacing: 0;
border-radius: 5px;
}
.woocommerce-MyAccount-content address {
padding: 20px;
margin-top: 20px;
line-height: 30px;
}
.woocommerce-MyAccount-content .woocommerce-column__title,
.woocommerce-MyAccount-content .woocommerce-order-details__title {
font-size: 16px;
margin-bottom: 12px;
}
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table td {
border-top: 1px solid #ffffff30!important;
}
.woocommerce-table--order-details tfoot tr > th:nth-child(1),
.woocommerce-table--order-details tbody tr > td:nth-child(1),
.woocommerce-table__product-name.product-name {
border-right: 1px solid #ffffff30 !important;
}
.woocommerce-table--order-details a {
color: white!important;
}
[data-attribute_name="attribute_pa_region"] .button-variable-item,
.button-variable-item-polsha,
.button-variable-item-ssha,
.button-variable-item-velikobritaniya {
pointer-events: auto!important;
cursor: pointer!important;
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block thead,
.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
position: relative;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper:after {
border-style: solid;
border-color: white;
border-width: 1px 0 0;
bottom: 0;
content: "";
display: block;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block thead:before {
border-bottom: 1px solid white;
bottom: 0;
content: "";
display: block;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
}
.wc-block-cart-items__header th {
padding-top: 0!important;
}
.wc-block-cart-items__header-image {
text-align: left;
font-size: 16px;
}
.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title,
.wc-block-cart-items__header-total {
padding-right: 0!important;
font-size: 16px!important;
}
.wp-block-woocommerce-cart-order-summary-block {
margin-top: 10px;
}
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button {
border-radius: 5px!important;
}
.wc-block-cart-item__prices .price.wc-block-components-product-price .wc-block-components-product-price__value {
margin-left: 0;
}
.wc-block-cart-item__prices .price.wc-block-components-product-price {
display: flex;
flex-direction: row-reverse;
gap: 10px;
justify-content: left;
}
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
color: white;
background: rgba(51, 65, 83, 0.5);
border: 0;
border-radius: 4px;
width: 21px;
height: 21px;
opacity: 1;
min-width: 0;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
font-size: 11px!important;
min-width: 20px!important;
}
.wc-block-cart-item__quantity .wc-block-components-quantity-selector {
width: 75px;
}
.woocommerce-checkout-review-order .woocommerce-checkout-payment {
background: transparent!important;
}
#billing_country_field,
.wc_payment_method .payment_box {
display: none!important;
}
#wps_cart_points,
.showcoupon,
.woocommerce-privacy-policy-link {
color: white;
}
abbr.required,
input::placeholder,
.custom_point_checkout > p,
#wps_cart_points::placeholder{
color: white!important;
opacity: 1!important;
}
.custom_point_checkout > p {
padding: 10px 0 0 0!important;
}
.cart__content .woocommerce-Price-amount.amount bdi {
font-size: 24px;
font-weight: 700;
color: white;
}
.product-cart__item-icon .product-cart__item-icon-name {
text-align: center;
}
.product-cart__item-icon-spec {
margin-bottom: 7px;
}
.product-cart__item-icon .product-cart__item-icon-like {
background: #ffffff50;
}
.ssha {
background: linear-gradient(#639D63, #06658B);
}
.polsha {
background: linear-gradient(#B93D6F, #382255);
}
.turcziya {
background: linear-gradient(#1170A8, #292E7A);
}
.rossiya {
background: linear-gradient(#B44742, #631815);
}
.indiya {
background: linear-gradient(#DEBC4B, #5E6822);
}
.malajziya {
background: linear-gradient(#082712, #64BD64);
}
.evropa {
background: linear-gradient(#142E2F, #5DAFAB);
}
.product-cart__item-icon {
color: white;
}
.woocommerce-variation.single_variation .price {
max-height: 13px;
align-items: center;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row-first {
width: 100%;
}
.price-btn .header__right-icon,
.header__right-icons a:nth-child(1) {
position: relative;
}
.count_btn {
display: flex;
align-items: center;
gap: 10px;
}
.cart_count {
content: "";
position: absolute;
background-color: #1e85be;
width: 19px;
height: 17px;
border-radius: 100px;
color: white;
text-align: center;
right: -5px;
top: -10px;
font-size: 12px;
padding-top: 1px;
}
.similar__item {
min-width: 154px;
}
.woocommerce-notices-wrapper .woocommerce-error {
background-color: transparent;
color: white;
}
@media (min-width: 900px) {
body .slider-item__slider_2, .three-main__banner-slider2, .three-main__banner-slider {
width: 100%;
}
} .section-heat {
display: flex;
align-items: center;
gap: 3px;
background-color: #FFFFFF0D;
border-radius: 20px;
padding: 6px 10px;
}
.section-heat__text {
font-weight: 500;
line-height: 22px;
}
.section-heat img {
flex-shrink: 0;
width: 13px;
height: 13px;
}
.section-info {
background-color: #FFFFFF0F;
border-radius: 6px;
padding: 20px;
display: flex;
gap: 10px;
}
.section-info img {
flex-shrink: 0;
width: 14px;
height: 14px;
}
.section-info__text {
max-width: 80%;
margin-top: -4px;
font-weight: 500;
font-size: 12px;
line-height: 18px;
}
.section-info__text a {
color: inherit;
text-decoration: underline;
}
.tooltip {
position: relative;
z-index: 1;
}
.tooltip-trigger {
cursor: pointer;
border: none;
background: none;
color: #FFFFFF;
padding: 0;
margin: 0;
display: flex;
align-items: center; z-index: auto;
position: relative;
}
.tooltip-content {
cursor: default;
position: absolute;
top: 0;
left: 100%;
transform: translateX(8px);
width: 272px;
background-color: #1A293E;
border-radius: 10px;
padding: 25px 18px;
color: #FFFFFF;
font-size: 12px;
line-height: 18px;
z-index: 9;
opacity: 0;
visibility: hidden;
transition: all 0.2s;
}
.tooltip-image {
width: 100%;
}
.tooltip-trigger:hover + .tooltip-content,
.tooltip-trigger:focus + .tooltip-content {
opacity: 1;
visibility: visible;
}
.replenishment-breadcrumbs {
padding: 40px 0px 30px;
}
.replenishment {
max-width: 1240px;
margin: 0 auto;
padding: 0px 20px;
color: #FFFFFF;
}
.replenishment-box {
background-color: #FFFFFF0F;
padding: 40px;
border-radius: 6px;
}
.replenishment-main {
position: relative;
display: flex;
gap: 20px;
padding-bottom: 58px;
}
.replenishment-main__content {
display: flex;
flex-direction: column;
gap: 20px;
flex: 1;
}
.replenishment-top {
display: flex;
gap: 20px;
}
.replenishment-top__image {
flex-shrink: 0;
border-radius: 12px;
width: 178px;
height: 178px;
}
.replenishment-top__image img {
border-radius: 12px;
object-fit: cover;
width: 100%;
height: 100%;
}
.replenishment-top__content {
display: flex;
flex-direction: column;
align-items: start;
gap: 10px;
}
.replenishment-top__title {
font-size: 36px;
line-height: 43px;
font-weight: 700;
}
.replenishment-top__heat {
display: inline-flex;
}
.replenishment-top__desc {
font-size: 12px;
font-weight: 500;
line-height: 18px;
color: #FFFFFF4D;
}
.replenishment-top__mobile {
display: none;
}
.replenishment-settings {
display: flex;
flex-direction: column;
gap: 30px;
}
.replenishment-settings__title {
margin-bottom: 12px;
}
.replenishment-settings__tabs {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.replenishment-settings__tabs-btn {
background-color: #FFFFFF0D;
color: #FFFFFF4D;
font-size: 12px;
line-height: 17px;
border: none;
border-radius: 6px;
padding: 12px 20px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.25s;
text-decoration: none;
}
.replenishment-settings__tabs-btn .tooltip-trigger svg path {
fill: #FFFFFF4D;
}
.replenishment-settings__tabs-btn:hover {
color: #FFFFFF;
}
.replenishment-settings__tabs-btn.active {
color: #0F1F35;
background-color: #FFFFFF;
}
.replenishment-settings__tabs-btn.active .tooltip-trigger svg path {
fill: #0F1F35;
}
.replenishment-settings__tabs-btn--active, .replenishment-settings__tabs-btn--disabled {
color: #0F1F35;
background-color: #FFFFFF;
font-size: 12px;
line-height: 17px;
border: none;
border-radius: 6px;
padding: 12px 20px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.25s;
text-decoration: none;
}
.replenishment-settings__tabs-btn--disabled {
background-color: #FFFFFF0D;
color: #FFFFFF4D;
}
.replenishment-form__title {
margin-bottom: 24px;
}
.replenishment-form__wrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
.replenishment-form__input-box {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.replenishment-form__label {
display: inline-flex;
display: flex;
align-items: center;
gap: 6px;
font-size: 16px;
line-height: 22px;
z-index: auto;
}
.replenishment-form__input {
width: 100%;
border: 1px solid #FFFFFF33;
border-radius: 6px;
color: #FFFFFF;
padding: 14px 18px;
background: none;
outline: none;
height: 47px;
font-size: 15px;
}
.replenishment-form__input::placeholder {
color: #FFFFFF;
}
.replenishment-form__input:focus {
outline: 1px solid #0760BE;
}
.replenishment-form__hint {
font-size: 12px;
line-height: 17px;
color: #FFFFFF80;
}
.replenishment-form__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.replenishment-form__result {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #FFFFFF33;
border-radius: 6px;
color: #FFFFFF;
padding: 14px 18px;
background: none;
height: 47px;
font-size: 15px;
}
.replenishment-form__result-output {
display: flex;
align-items: center;
gap: 10px;
}
.replenishment-form__result-icon {
width: 27px;
height: 27px;
display: flex;
align-items: center;
justify-content: center;
background-color: #F8F8F8;
border-radius: 4px;
}
.replenishment-form__result-icon img {
width: 20px;
height: 20px;
}
.replenishment-aside {
display: flex;
flex-direction: column;
gap: 20px;
width: 382px;
}
.replenishment-payment {
display: flex;
flex-direction: column;
gap: 16px;
position: -webkit-sticky; position: sticky;
top: 50px;
}
.replenishment-payment__item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 9px;
flex-wrap: wrap;
padding: 15px 0px;
border-bottom: 1px solid #FFFFFF33;
color: #FFFFFF80;
font-weight: 500;
}
.replenishment-payment__item:first-child {
padding-top: 0px;
}
.replenishment-payment__item:last-child {
border-bottom: 0px;
padding-bottom: 0px;
}
.replenishment-payment__item-value {
display: flex;
align-items: center;
gap: 4px;
z-index: 9;
}
.replenishment-payment__btn {
background: linear-gradient(225.72deg, #0095FF 2.89%, #0760BE 74.69%);
color: #FFFFFF;
font-weight: 700;
font-size: 12px;
line-height: 17px;
border-radius: 6px;
border: none;
width: 100%;
padding: 12px 20px;
text-transform: uppercase;
cursor: pointer;
transition: all 0.25s;
text-align: center;
text-decoration: none;
}
.replenishment-payment__btn:hover {
opacity: 0.85;
}
.replenishment-payment__sticky {
display: none;
}
.replenishment-ad {
display: flex;
flex-direction: column;
gap: 16px;
display: none;
}
.replenishment-ad__games {
display: flex;
flex-direction: column;
gap: 6px;
}
.replenishment-ad__games-list {
display: flex;
flex-direction: column;
gap: 6px;
}
.replenishment-ad__games-card {
text-decoration: none;
cursor: pointer;
background-color: #FFFFFF;
padding: 4px;
border-radius: 6px;
color: #000000;
display: flex;
justify-content: space-between;
}
.replenishment-ad__games-card__info {
display: flex;
align-items: center;
gap: 8px;
max-width: 216px;
}
.replenishment-ad__games-card__name {
font-weight: 500;
font-size: 11px;
line-height: 14px;
}
.replenishment-ad__games-card__cost {
display: flex;
align-items: center;
gap: 8px;
}
.replenishment-ad__games-card__price-old {
font-size: 8px;
font-weight: 500;
line-height: 10px;
text-align: right;
text-decoration: line-through;
color: #0000004D;
}
.replenishment-ad__games-card__price-new {
font-size: 12px;
line-height: 15px;
}
.replenishment-ad__games-card__discount {
color: #FFFFFF;
font-size: 7px;
line-height: 9px;
background-color: #028CF4;
border-radius: 100%;
width: 20px;
height: 20px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.replenishment-ad__games-actions {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 6px;
}
.replenishment-ad__games-btn {
background-color: #FFFFFF1A;
border-radius: 6px;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
text-decoration: none;
padding: 12px 16px;
transition: all 0.25s;
}
.replenishment-ad__games-btn:hover {
opacity: 0.85;
}
.replenishment-faq {
scroll-margin-top: 40px; padding-bottom: 100px;
}
.replenishment-faq__title {
margin-bottom: 15px;
}
.replenishment-faq__list {
display: flex;
flex-direction: column;
gap: 10px;
}
.replenishment-faq__item {
background-color: #FFFFFF1A;
border-radius: 10px;
}
.replenishment-faq__item-trigger {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
cursor: pointer;
padding: 30px 40px;
transition: all 0.25s ease-out;
}
.replenishment-faq__item-icon {
flex-shrink: 0;
width: 21px;
height: 21px;
display: inline-flex;
position: relative;
transform: rotate(0);
transition: all 0.25s ease-out;
}
.replenishment-faq__item-icon::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #FFFFFF;
}
.replenishment-faq__item-icon::after {
content: "";
position: absolute;
width: 2px;
height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #FFFFFF;
}
.replenishment-faq__item-trigger.active .replenishment-faq__item-icon {
transform: rotate(-45deg);
}
.replenishment-faq__item-trigger.active {
padding-bottom: 20px;
}
.replenishment-faq__item-content {
overflow: hidden;
padding: 0 40px;
box-sizing: content-box;
max-height: 0px;
opacity: 0;
visibility: hidden;
transition: max-height 0.35s ease-out, padding 0.35s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;
}
.replenishment-faq__item-content.active {
opacity: 1;
visibility: visible;
padding: 0px 40px 30px;
transition: max-height 0.35s ease-out, padding 0.35s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;
}
.replenishment-faq__item-text {
color: #FFFFFF4D;
font-weight: 500;
line-height: 24px;
display: flex;
flex-direction: column;
gap: 14px;
}
.replenishment-faq__item-text ol {
padding: 0;
margin: 0;
list-style-position: inside;
display: flex;
flex-direction: column;
gap: 4px;
}
.tooltip-popups {
display: none;
}
@media (max-width: 1000px) {
.tooltip-popups {
display: block;
}
.tooltip-popup {
display: none;
position: fixed;
inset: 0;
width: 100%;
z-index: 999;
align-items: end;
background-color: #00000080;
}
.tooltip-popup__wrapper {
position: relative;
background-color: #1B2A3F;
color: #FFFFFF;
width: 100%;
border-radius: 15px 15px 0px 0px;
padding: 40px 20px;
}
.tooltip-popup__close {
position: absolute;
background: none;
border: none;
right: 20px;
top: 20px;
}
.tooltip-popup__title {
font-size: 16px;
line-height: 22px;
margin-bottom: 10px;
}
.tooltip-popup__desc {
font-size: 12px;
line-height: 17px;
}
body.lock {
overflow: hidden;
}
.tooltip-content { top: 50px;
left: unset;
right: 30px;
transform: translateX(50px); }
#tooltip-block {
left: -50px;
}
.replenishment-breadcrumbs {
padding: 20px 0px 32px;
}
.replenishment-main {
display: flex;
flex-direction: column;
}
.replenishment-main__content {
flex: auto;
}
.replenishment-top__title {
font-size: 32px;
line-height: 40px;
}
.replenishment-settings__tabs {
-webkit-tap-highlight-color: transparent;
}
.replenishment-aside {
width: 100%;
}
.replenishment-payment__sticky {
display: block;
position: fixed;
z-index: 998;
bottom: 0;
left: 0;
width: 100%;
background-color: #FFFFFF;
padding: 20px 20px 10px;
border-radius: 15px 15px 0px 0px;
text-align: center;
transform: translateY(100%);
transition: all 0.4s;
}
.replenishment-payment__sticky.active {
transform: translateY(0);
}
.replenishment-payment__sticky-text {
color: #001128;
font-size: 11px;
line-height: 15px;
gap: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.replenishment-payment__sticky-btn {
margin-top: 8px;
display: block;
}
.replenishment-ad__title br {
display: none;
}
.replenishment-faq {
padding-right: 0px;
}
.replenishment-faq__item {
-webkit-tap-highlight-color: transparent;
}
}
@media (max-width: 768px) {
.section-heat {
padding: 5px 9px;
}
.section-heat__text {
font-size: 14px;
line-height: 20px;
}
.replenishment-box {
padding: 30px;
}
.replenishment-top__image {
width: 128px;
height: 128px;
}
.replenishment-top__content {
gap: 6px;
}
.replenishment-top__title {
font-size: 26px;
line-height: 36px;
}
.replenishment-form__wrapper {
gap: 16px;
}
.replenishment-form__grid {
grid-template-columns: repeat(1, 1fr);
gap: 16px; }
.replenishment-faq__item {
font-size: 15px;
}
.replenishment-faq__item-trigger {
padding: 28px 30px;
}
.replenishment-faq__item-icon {
width: 18px;
height: 18px;
}
.replenishment-faq__item-content.active {
padding: 0px 30px 28px;
}
}
@media (max-width: 578px) {
.section-heat {
padding: 5px 6px;
gap: 2px;
}
.section-heat img {
width: 11px;
height: 11px;
}
.section-heat__text {
font-size: 12px;
line-height: 16px;
}
.section-info {
padding: 15px 20px;
gap: 10px;
}
.section-info__text {
max-width: 80%;
margin-top: -4px;
font-size: 10px;
line-height: 16px;
}  
.mob-show {
display:none;
transition: all 0.4s ease 0ms;
}
#mob-info-icon {
display: inline-block;  
width: 14px;
height: 14px;
background: #999;
border-radius: 50%;
font-size: 12px;
color: #fff;
padding-left: 5px;
line-height: 14px;
}
#showTolltip {
z-index: 99999;
position: absolute;
margin-top: -30px;
background: #f3f4f5;
padding: 10px;
max-width: 100%;
}
#replenishment-payment-sticky {
display:none;
}
.section-title {
font-size: 16px;
line-height: 140%;
font-weight: 500;
}
.replenishment {
padding: 0px;
}
.replenishment-breadcrumbs {
padding: 0px 20px 20px;
}
.replenishment-box {
padding: 20px;
border-radius: 15px;
}
.replenishment-main {
gap: 10px;
padding-bottom: 40px;
max-width: 100%;
}
.replenishment-main__content {
gap: 10px;
}
.replenishment-top {
display: none;
}
.replenishment-top__mobile {
display: flex;
flex-direction: column;
align-items: start;
gap: 15px;
}
.replenishment-top__box {
display: flex;
align-items: center;
gap: 13px;
}
.replenishment-top__image {
width: 80px;
height: 80px;
}
.replenishment-top__content {
gap: 6px;
}
.replenishment-top__title {
font-size: 20px;
line-height: 24px;
max-width: 213px;
}
.replenishment-top__desc {
font-size: 10px;
line-height: 14px;
}
.replenishment-settings {
gap: 25px;
}
.replenishment-settings__tabs-btn {
gap: 5px;
}
.replenishment-form__title {
margin-bottom: 20px;
}
.replenishment-form__label {
font-size: 12px;
}
.replenishment-form__label .tooltip-trigger svg {
width: 11px;
height: 11px;
}
.replenishment-form__input {
font-size: 14px;
height: 45px;
}
.replenishment-form__hint {
font-size: 10px;
line-height: 15px;
}
.replenishment-form__result {
height: 45px;
font-size: 14px;
}
.replenishment-form__result-output {
gap: 9px;
}
.replenishment-form__result-icon {
width: 24px;
height: 24px;
}
.replenishment-form__result-icon img {
width: 16px;
height: 16px;
}
.replenishment-aside {
gap: 10px;
}
.replenishment-payment__info {
margin-top: -5px;
}
.replenishment-payment__item {
gap: 9px;
padding: 20px 0px;
font-size: 12px;
}
.replenishment-payment__btn {
margin-top: 5px;
}
.replenishment-ad__games-card__info {
gap: 6px;
}
.replenishment-ad__games-card__name {
font-size: 10px;
line-height: 13px;
}
.replenishment-faq {
scroll-margin-top: 25px;
padding: 0px 20px 61px;
}
.replenishment-faq__list {
gap: 6px;
}
.replenishment-faq__item {
font-size: 12px;
line-height: 20px;
}
.replenishment-faq__item-trigger {
gap: 20px;
padding: 15px;
}
.replenishment-faq__item-trigger.active {
padding-bottom: 10px;
}
.replenishment-faq__item-content {
padding: 0px 15px;
}
.replenishment-faq__item-content.active {
padding: 0px 15px 15px;
}
.replenishment-faq__item-icon {
width: 12px;
height: 12px;
}
.replenishment-faq__item-text {
line-height: 20px;
gap: 10px;
}
#mobile-sticky-block { 
max-width: 100%;
border-radius: 15px 15px 0px 0px; }
.show-block { opacity: 1!important;
position: fixed; 
bottom: 0px;
background-color: #fff;
animation: slideIn 1s;
z-index: 9; }
.remove-show-block {
position: fixed; 
bottom: 0px;
background-color: #fff;
animation: slideOut 1s;
}
@keyframes slideIn {
from { transform: translateY(100%); }
to { transform: translateY(0%); }
}
@keyframes slideOut {
from { transform: translateY(0%); }
to { transform: translateY(100%); }
}
#mob-tolltip-block{
display: block;
margin-top: 20px;
position: absolute;
width: 63%;
margin-left: 120px;
background: #fff;
border-bottom: 0px;
}
.mob-head {
color: #001128;
width: 95%;
display: inline-block;
}
.section-info, .replenishment-payment__item {
color: #00112880;
border-bottom: 1px solid #00112817;
}
.tooltip { z-index: auto; 
}
} body::after {
content: "";
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: all 0.4s ease 0ms;
pointer-events: none;
z-index: 149;
}
body.popup-show::after {
opacity: 1;
}
.popup {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 50px 15px;
visibility: hidden;
pointer-events: none;
z-index: 150;
}
.popup_show {
z-index: 150;
visibility: visible;
pointer-events: auto;
overflow: auto;
}
.popup_show::-webkit-scrollbar {
display: none;
}
.popup_show .popup__content {
visibility: visible;
opacity: 1;
}
.popup__wrapper {
min-height: 100%;
flex: 1 1 auto;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.popup__content {
visibility: hidden;
opacity: 0;
transition: all 0.4s ease 0s;
padding: 50px 40px;
width: 100%;
max-width: 840px;
border-radius: 20px;
position: relative;
background: linear-gradient(180deg, #0b0b0b 0%, #0075cf 82.5%);
}
.popup__content ._lock {
visibility: visible;
}
.popup-thankyou__content {
color: #fff;
}
.popup-thankyou__title {
font-weight: 600;
font-size: 46px;
line-height: 120%;
}
.popup-thankyou__text {
margin-top: 30px;
display: flex;
flex-direction: column;
row-gap: 20px;
font-size: 18px;
line-height: 130%;
}
.popup-thankyou__text p {
display: flex;
align-items: flex-start;
column-gap: 12px;
}
.popup-thankyou__text p:before {
margin-left: 12px;
content: "";
border-radius: 50%;
background-color: #fff;
width: 3px;
height: 3px;
flex-shrink: 0;
margin-top: 9px;
}
.popup-thankyou__title-2 {
margin-top: 60px;
font-size: 20px;
font-weight: 600;
line-height: 130%;
}
.popup-thankyou__links {
display: flex;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 12px;
margin-top: 20px;
}
.popup-thankyou__link {
border-radius: 15px;
padding: 20px;
background: linear-gradient(180deg, rgba(0, 17, 40, 0.4) 0%, rgba(2, 24, 54, 0.4) 100%);
display: flex;
align-items: center;
column-gap: 20px;
font-weight: 600;
font-size: 20px;
line-height: 150%;
transition: all 0.25s ease 0ms;
color: #fff;
}
.popup-thankyou__link svg {
width: 40px;
height: 40px;
object-fit: contain;
flex-shrink: 0;
}
.popup-thankyou__link:hover {
opacity: 0.7;
}
.popup-thankyou__btn {
display: block;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 7px;
background-color: #fff;
padding: 5px 20px;
min-height: 55px;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 140%;
color: #0760be;
transition: all 0.25s ease 0ms;
margin-top: 40px;
}
.popup-thankyou__btn:hover {
opacity: 0.7;
}
@media (max-width: 920px) {
.popup__content {
padding: 25px 20px;
}
.popup-thankyou__title {
font-size: 22px;
}
.popup-thankyou__text {
font-size: 14px;
margin-top: 16px;
row-gap: 12px;
}
.popup-thankyou__title-2 {
font-size: 16px;
margin-top: 28px;
}
.popup-thankyou__link {
padding: 12px;
font-size: 12px;
column-gap: 10px;
border-radius: 10px;
}
.popup-thankyou__link svg {
width: 20px;
height: 20px;
}
.popup-thankyou__btn {
min-height: 50px;
margin-top: 28px;
}
}
.popup-open {
color: #fff;
min-height: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
} .xbox-first__block img {
max-width: 100%;
border-radius: 10px;	
}
.slh {
line-height: 20px;
}
.slt {
margin-bottom: 50px;
}
.desktop-only { display: block!important; }
.mobile-only { display: none!important; }
@media (max-width: 992px) {
.desktop-only { display: none!important; }
.mobile-only { display: block!important; }
}
@media (max-width: 378px) {
#tooltip-block-country {
left: -50px;
}
} 
@media (min-width: 92px) {
.slider-item__slider_1 .first-main__banner-link {
position: absolute;
bottom: 25px;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select:focus, textarea:focus, input:focus {
font-size: 14px;
}
}
@media (min-width: 900px) {
.catalog__apple-store-i-itunes a {
line-height: 18px;
}
}/*/*/#scrollToTop {
position: fixed;
left: 24px;
bottom: 24px;
width: 48px;
height: 48px;
display: none;
align-items: center;
justify-content: center;
background: linear-gradient(180deg, #0d1b2a 0%, #0a1422 100%);
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px;
font-size: 20px;
font-weight: 600;
cursor: pointer;
z-index: 1000;
box-shadow:
0 8px 24px rgba(0, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
transition:
opacity .25s ease,
transform .25s ease,
background .25s ease;
}
#scrollToTop:hover {
transform: translateY(-4px);
background: linear-gradient(180deg, #11263f 0%, #0d1b2a 100%);
}
#scrollToTop:active {
transform: translateY(-2px);
}
#scrollToTop svg {
width: 20px;
height: 20px;
transition: transform .25s ease;
}
#scrollToTop:hover svg {
transform: translateY(-2px);
}
.pagination{
width: 100%;
}
.pagination ul {
display: flex;
gap: 8px;
justify-content: center;
margin-top: 40px;
padding: 0;
list-style: none;
}
.pagination li a,
.pagination li span {
min-width: 40px;
height: 40px;
padding: 0 12px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background: #0d1b2a;
color: #fff;
text-decoration: none;
font-weight: 500;
}
.pagination li span.current {
background: #1f6fff;
}
.pagination li a:hover {
background: #14335a;
}/**/.blog-sidebar {
width: 300px;
margin-left: 30px;
flex-shrink: 0;
} .popular-posts {
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
padding: 20px;
margin-bottom: 3px;
}
.popular-posts h2 {
font-size: 1.3rem;
font-weight: 600;
color: #222;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
} .popular-post {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #f5f5f5;
}
.popular-post:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.popular-post a {
text-decoration: none;
color: #333;
display: block;
}
.popular-post a:hover h4 {
color: #1a73e8;
} .popular-post img {
width: 100%;
height: auto;
border-radius: 4px;
margin-bottom: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
} .popular-post h4 {
font-size: 1.1rem;
font-weight: 500;
margin: 0 0 8px 0;
line-height: 1.4;
color: #222;
transition: color 0.2s;
} .meta {
display: flex;
flex-wrap: wrap;
font-size: 0.85rem;
color: #777;
gap: 10px;
flex-direction: column;
align-items: flex-start;
}
.meta span {
display: inline-block;
align-items: center;
}
.meta .cat_meta {
color: #1a73e8; font-weight: 600;
background: #eef7ff; padding: 2px 6px;
border-radius: 4px;
display: inline-block;
width: auto;
}
.meta .date_meta {
display: flex;
justify-content: space-between;
width: 100%;
}
.meta svg{
display: inline-block;
margin-right: 5px;
} @media (max-width: 992px) {
.blog-sidebar.pop_posts {
display: none;
}
}
.inline-related-post {
margin: 24px 0;
}
.inline-related-post__link {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
background: #0d1b2a;
padding: 12px;
border-radius: 14px;
box-shadow: 0 6px 18px rgba(0,0,0,.35);
}
.inline-related-post img {
width: 72px;
height: 72px;
object-fit: cover;
border-radius: 10px;
flex-shrink: 0;
}
.inline-related-post .inline-related-post__title{
max-width: calc(90% - 72px);
}
.inline-related-post__title {
font-size: 15px;
line-height: 1.3;
font-weight: 600;
color: #ffffff;
}
@media (min-width: 993px) {
.inline-related-post {
display: none;
}
}
.more_wrap {
margin-bottom: 5px;
display: flex;
justify-content: flex-end;
}
.read_more {
text-align: center;
}
.read_more {
display: inline-block;
background-color: #ffffff;
color: #0066cc;
padding: 8px 20px;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
border: 1px solid #0066cc;
cursor: pointer;
font-size: 14px;
letter-spacing: 0.5px;
}
.read_more:hover {
background-color: #0066cc;
color: #ffffff;
border-color: #0066cc;
transform: translateY(-1px);
box-shadow: 0 3px 8px rgba(0, 102, 204, 0.25);
} .author-head {
margin-bottom: 2.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #eee;
}
.author-title {
font-size: 1.8rem;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 1.2rem;
}
.author-box {
display: flex;
align-items: flex-start;
gap: 1.8rem;
}
.author-photo {
flex: 0 0 120px;
}
.author-photo img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
border: 2px solid #f0f0f0;
box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}
.author-info {
flex: 1;
}
.author-position {
font-weight: 600;
color: #4a90e2;
margin-bottom: 0.6rem;
font-size: 1.1rem;
letter-spacing: 0.5px;
}
.author-description {
color: #333;
line-height: 1.7;
margin-bottom: 1.2rem;
font-size: 1.05rem;
}
.author-socials {
list-style: none;
display: flex;
gap: 1.2rem;
padding: 0;
margin-top: 0.5rem;
}
.author-socials li {
margin: 0;
}
.author-socials a {
color: #4a90e2;
text-decoration: none;
font-size: 1.4rem;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
}
.author-socials a:hover {
color: white;
transform: translateY(-2px);
box-shadow: 0 3px 8px rgba(74, 144, 226, 0.25);
}
.author-socials img {
width: 30px;
height: auto;
} .authors_meta {
font-size: 0.95rem;
color: #666;
margin: 1rem 0 1.5rem 0;
padding: 0.8rem 0;
border-top: 1px dashed #e0e0e0;
border-bottom: 1px dashed #e0e0e0;
display: flex;
gap: 1.5rem;
flex-wrap: wrap;
}
.authors_meta span {
font-weight: 600;
color: #4a90e2;
margin-left: 0.3rem;
} @media (max-width: 768px) {
.author-box {
flex-direction: column;
align-items: flex-start;
}
.author-photo {
flex: 0 0 auto;
width: 100px;
height: 100px;
}
}