/*
Theme Name: Pokerdom
Theme URI: https://thejema.ru/branded/pokerdom
Author: TheJema
Author URI: https://shop.thejema.ru/
Description: Брендовый шаблон
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pokerdom
Release: 22.06.2020
*/

body {
    min-width: 320px;
    position: relative;
    line-height: 1.4;
    overflow-x: hidden;
    font-size: 14px;
    background: #f5f5f5;
    font-family: 'Open Sans', sans-serif
}

p {
    margin: 0
}

a {
    text-decoration: none;
    outline: 0;
    color: #fff
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

ol, ol li, ul, ul li {
    margin: 0
}

ol li, ul li {
    list-style: none
}

a, span {
    display: inline-block
}

ol, ul {
    padding-left: 0
}

button {
    outline: 0;
    border: 0;
    padding: 0;
    cursor: pointer
}

body, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 400
}

.big-banner {
    padding-top: 20px;
    padding-bottom: 80px;
    background: url(assets/img/5e981209a4ad83c3bae0f226.webp) no-repeat;
    background-size: cover
}

.big-banner-wrapper__wrp-button {
    text-align: center;
    max-width: 465px;
    width: 100%;
    padding: 15px;
    margin: 0 auto 50px;
    border-radius: 50px;
    background-color: #25232ee1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.big-banner-wrapper__slog {
    margin: 0 auto;
    font-weight: 600;
    text-align: center
}

.big-banner-wrapper__play {
    margin: 0 auto;
    width: 180px;
    padding: 12px 0;
    border-radius: 25px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #2ecc71;
    -webkit-transition: .3s;
    transition: .3s
}

.big-banner-wrapper__play:hover, .comments-wrapper__submit:hover {
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #24af75
}

.big-banner-wrapper__frame {
    margin: 0 auto;
    max-width: 945px;
    width: 100%;
    color: #fff;
    position: relative
}

.big-banner-wrapper__close, .big-banner-wrapper__fullscreen1 {
    position: absolute;
    top: -34px;
    width: 34px;
    height: 34px;
    background-color: #201a22;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.big-banner-wrapper__close {
    left: 0;
    border-top-left-radius: 10px
}

.big-banner-wrapper__fullscreen1 {
    left: 36px;
    border-top-right-radius: 10px
}

.big-banner-wrapper__volume {
    position: absolute;
    right: 145px;
    top: 15px;
    font-size: 16px;
    cursor: pointer
}

.big-banner-wrapper__fullscreen2, .big-banner-wrapper__menu {
    position: absolute;
    right: 80px;
    top: 15px;
    cursor: pointer;
    font-size: 16px
}

.big-banner-wrapper__menu {
    right: 20px
}

.slider {
    background-color: #f5f5f5
}

.comments-wrapper__title {
    font-size: 23px;
    font-weight: 600
}

.comments-wrapper__subtitle {
    font-size: 13px
}

.comments-wrapper__form {
    margin: 25px 0 50px
}

.comments-wrapper__wrp-input {
    margin-bottom: 30px
}

.comments-wrapper__lable {
    display: block;
    font-weight: 600;
    font-size: 13px
}

.comments-wrapper__form-control, .comments-wrapper__textarea {
    outline: 0;
    border: 1px solid #ccc;
    width: 100%;
    background-color: #f9f9f9
}

.comments-wrapper__form-control {
    height: 30px;
    padding: 0 5px
}

.comments-wrapper__textarea {
    min-height: 130px;
    padding: 5px;
    resize: none
}

.comments-wrapper__wrp-btn {
    margin-top: 25px;
    text-align: left
}

.comments-wrapper__submit {
    width: 175px;
    background-color: #2ecc71;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    padding: 8px 5px;
    -webkit-transition: .3s;
    transition: .3s
}

.comments-wrapper__submit:hover {
    background-color: #3ba768
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fixed-btn {
    z-index: 999
}

.nav {
    padding: 13px 0;
    background-color: #fafafa
}

.nav-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-wrapper, .nav-wrapper__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-wrapper__link {
    margin-right: 25px;
    color: #bcc8de;
    -webkit-transition: .3s;
    transition: .3s
}

.nav-wrapper__link:hover {
    -webkit-transition: .3s;
    transition: .3s;
    color: #000
}

.new {
    margin: 20px 0
}

.new-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.new-wrapper__list, .new-wrapper__list:hover {
    -webkit-transition: .3s all;
    transition: .3s all
}

.new-wrapper__list {
    -webkit-box-shadow: 0 0 1px 0 #dedede;
    box-shadow: 0 0 1px 0 #dedede;
    border-radius: 20px;
    margin-bottom: 30px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new-wrapper__list:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 0 10px 1px #dedede;
    box-shadow: 0 0 10px 1px #dedede
}

.new-wrapper__list:hover .new-wrapper__title {
    -webkit-transition: .3s all;
    transition: .3s all;
    color: #2ecc71
}

.new-wrapper__list:hover img {
    -webkit-transition: .5s all;
    transition: .5s all;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.new-wrapper__image {
    max-width: 360px;
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

.new-wrapper__image img {
    -webkit-transition: .5s all;
    transition: .5s all;
    -o-object-fit: cover;
    object-fit: cover
}

.new-wrapper__content {
    max-width: 807px;
    width: 100%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 40px 170px 30px 30px
}

.new-wrapper__title {
    -webkit-transition: .3s all;
    transition: .3s all;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px
}

.new-wrapper__description {
    line-height: 26px;
    font-weight: 600
}

::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

:-moz-placeholder, ::-moz-placeholder {
    color: #666;
    opacity: 1
}

:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

:after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hidden {
    display: none
}

.site-wrap {
    overflow: hidden
}

.container {
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
    max-width: 1200px;
    width: 100%
}

.bg-shadows {
    display: none;
    background: #0000003b;
    z-index: 98;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.fixed-btn, .fixed-btn:hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.fixed-btn {
    position: fixed;
    top: 78%;
    cursor: pointer;
    left: -57px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: #2ecc71;
    font-weight: 600;
    color: #fff;
    padding: 7px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 2px 0 1px #339d59;
    box-shadow: 0 2px 0 1px #339d59
}

.fixed-btn:hover {
    background-color: #1ba34d
}

.fixed-btn__icon-message {
    margin-right: 5px
}

.header {
    background: #000;
    padding: 29px 0
}

.header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 700;
    text-transform: uppercase
}

.header-wrapper__logo-mobile {
    display: none
}

.header-wrapper__nav {
    max-width: 610px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-wrapper__link, .header-wrapper__link:hover {
    color: #616161;
    -webkit-transition: .4s;
    transition: .4s
}

.header-wrapper__link:hover {
    color: #fff
}

.header-wrapper__buttons {
    max-width: 273px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header-wrapper__door {
    padding: 10px 25px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    border: 1px solid #999;
    color: #999;
    border-radius: 25px;
    -webkit-transition: .4s;
    transition: .4s
}

.header-wrapper__door:hover, .header-wrapper__registration, .header-wrapper__registration:hover {
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #9999994d
}

.header-wrapper__registration {
    padding: 10px 25px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    background-color: #2ecc71;
    border-radius: 25px
}

.header-wrapper__registration:hover {
    background-color: #279957
}

.header-wrapper__burger {
    display: none;
    color: #cac7c7;
    font-size: 22px;
    position: relative;
    -webkit-transition: .4s;
    transition: .4s
}

.header-wrapper__burger:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #fff;
    cursor: pointer
}

.tools {
    background: #fff;
    padding: 10px 0;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 4px 4px 0 #eee;
    box-shadow: 0 4px 4px 0 #eee
}

.tools-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tools-wrapper__wrp-search {
    position: relative
}

.tools-wrapper__icon-search {
    position: absolute;
    top: 3px;
    left: 8px;
    font-size: 22px;
    color: #2ecc71;
    opacity: .8
}

.tools-wrapper__form-control {
    outline: 0;
    border: 1px solid #eee;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0 #eee;
    box-shadow: 0 0 5px 0 #eee;
    color: #000;
    font-weight: 600;
    padding: 12px 35px 12px 40px;
    font-size: 13px;
    width: 240px;
    height: 40px;
    margin-right: 10px;
    -webkit-transition: border .3s;
    transition: border .3s
}

.tools-wrapper__form-control::-webkit-input-placeholder {
    color: #c7c5c5d2
}

.tools-wrapper__form-control:-moz-placeholder, .tools-wrapper__form-control::-moz-placeholder {
    color: #c7c5c5d2
}

.tools-wrapper__form-control:-ms-input-placeholder {
    color: #c7c5c5d2
}

.tools-wrapper__form-control:hover, .tools-wrapper__icon-options:hover {
    -webkit-transition: border .3s;
    transition: border .3s;
    border-color: #c7c5c5f1;
    cursor: pointer
}

.tools-wrapper__wrp-settings {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 140
}

.tools-wrapper__icon-options {
    font-size: 22px;
    color: #2ecc71;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 4px 10px;
    -webkit-box-shadow: 0 0 5px 0 #eee;
    box-shadow: 0 0 5px 0 #eee;
    -webkit-transition: border .3s;
    transition: border .3s
}

.tools-wrapper__close-hiden, .tools-wrapper__dropdown {
    display: none;
    z-index: 4;
    background: #fff
}

.tools-wrapper__dropdown {
    overflow: hidden;
    position: absolute;
    z-index: inherit;
    width: 97.8%;
    left: 10px;
    top: 140%;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.tools-wrapper__headline {
    font-size: 17px;
    padding: 25px 0 25px 25px
}

.tools-wrapper__wrp-providers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tools-wrapper__item, .tools-wrapper__item:hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.tools-wrapper__item {
    width: 12.5%;
    height: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #dedede
}

.tools-wrapper__item:hover {
    background-color: #dedede8e;
    cursor: pointer
}

.tools-wrapper__item img {
    max-width: 80%;
    margin-left: 12px;
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.swiper-container1 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e9e9e9d0;
    outline: 0
}

.swiper-container1 .swiper-pagination {
    text-align: right;
    bottom: 30px;
    width: 95%
}

.swiper-container1 .swiper-pagination-bullet-active {
    background: #fff
}

.games h2, .slider-wrapper__slide-item {
    position: relative
}

.games-wrapper__item img, .slider-wrapper__picture img {
    border-radius: 15px
}

.slider-wrapper__wrp-info {
    margin: 0 auto;
    max-width: 246px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 40px;
    text-align: left
}

.slider-wrapper__label {
    max-width: 140px;
    width: 100%;
    padding: 8px 10px 5px 7px;
    background-color: #ffae00;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.slider-wrapper__icon-star {
    padding-right: 1px
}

.slider-wrapper__title {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin: 25px 0 30px
}

.slider-wrapper__button, .slider-wrapper__button:hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.slider-wrapper__button {
    width: 110px;
    height: 50px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 46px;
    border-radius: 25px;
    background-color: transparent;
}

.slider-wrapper__button:hover {
    background-color: #ffffff2c
}

.slider-wrapper__icon-play {
    font-size: 24px;
    color: #fff
}

.games {
    margin: 23px 0 15px
}

.games .h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 23px
}

.games .h2::before {
    content: url(assets/img/games/top.svg);
    margin-right: 7px
}

.games-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.games-wrapper__item {
    overflow: hidden;
    width: 280px;
    margin: 5px;
    position: relative;
}

.games-wrapper__item, .games-wrapper__item:hover, .games-wrapper__item:hover::before {
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

.games-wrapper__item:hover::before {
    content: '';
    position: absolute;
    background: #000;
    opacity: .5;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 15px
}

.games-wrapper__info, .games-wrapper__item:hover .games-wrapper__info {
    opacity: 1;
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

.games-wrapper__info {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    cursor: pointer
}

.games-wrapper__title {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

.games-wrapper__btn-play, .games-wrapper__btn-play:hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.games-wrapper__btn-play {
    background-color: #2ecc71;
    padding: 12px 40px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 18px;
    margin: 12px 0
}

.games-wrapper__btn-play:hover {
    background-color: #48d483
}

.games-wrapper__demo {
    color: #b6b6b6;
    border-bottom: 1px solid #b6b6b6
}

.content {
    margin-bottom: 150px
}

.content-wrapper h1, .content-wrapper h2, .content-wrapper h3, .content-wrapper h4, .content-wrapper h5, .content-wrapper h6 {
    font-weight: 600;
    margin-bottom: 10px;
}

.content-wrapper p {
    margin-bottom: 12px;
    text-align: justify;
}

.content-wrapper ul {
    list-style: disc;
    padding-left: 20px;
}

.content-wrapper ul li {
    list-style: disc;
    margin-bottom: 12px;
}

.content-wrapper td {
    border: 1px outset #333;
    border-spacing: 5px;
    padding: 5px;
}

.content-wrapper table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

.content-wrapper__description {
    font-weight: 500;
    margin-bottom: 23px
}

.content-wrapper__description:last-child {
    margin-bottom: 0
}

.banner {
    background: #42404a
}

.banner-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.banner-wrapper__platform {
    max-width: 570px;
    width: 100%
}

.banner-wrapper__information {
    color: #fff
}

.banner-wrapper__bonus {
    margin: 80px 0 30px;
    display: inline-block;
    font-size: 33px;
    font-weight: 600
}

.banner-wrapper__client {
    display: block;
    font-size: 24px;
    margin-bottom: 30px
}

.banner-wrapper__download, .banner-wrapper__download:hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.banner-wrapper__download {
    padding: 23px 80px;
    border-bottom: 2px solid rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .45);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .45);
    text-transform: uppercase;
    border-top: 2px solid #76ffbb;
    white-space: nowrap;
    font-size: 21px;
    font-weight: 700;
    background-color: #2ecc71;
    border-radius: 50px
}

.banner-wrapper__download:hover {
    background-color: #48d483
}

.banner-wrapper__picture {
    max-width: 564px;
    width: 100%
}

.footer {
    padding: 50px 0 7px;
    background: #000
}

.footer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.footer-wrapper__info {
    max-width: 320px;
    width: 100%
}

.footer-wrapper__wrp-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px
}

.footer-wrapper__title {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 22px
}

.footer-wrapper__link {
    color: #999;
    margin-bottom: 2px;
    -webkit-transition: color .3s;
    transition: color .3s;
    border-bottom: 1px solid #999
}

.footer-wrapper__link:hover {
    color: #fff;
    -webkit-transition: color .3s;
    transition: color .3s
}

.footer-wrapper__name {
    font-size: 16px;
    color: #c500ec
}

.footer-wrapper__link2 {
    margin-bottom: 50px
}

.footer-wrapper__payment {
    max-width: 600px;
    width: 100%
}

.footer-wrapper__wrp-payment {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-wrapper__item, .footer-wrapper__list-payment, .footer-wrapper__wrp-payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-wrapper__list-payment {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-wrapper__item {
    margin: .9px;
    text-align: center;
    width: 117px;
    height: 90px;
    background-color: #0d0d0d;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .animated {
        -webkit-transition-property: none !important;
        transition-property: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-animation: none !important;
        animation: none !important
    }
}

@media screen and (max-width: 1145px) {
    .header-wrapper__logo {
        max-width: 150px
    }

    .header-wrapper__nav {
        max-width: 569px
    }

    .header-wrapper__link {
        font-size: 12px
    }

    .header-wrapper__buttons {
        max-width: 216px
    }

    .header-wrapper__door, .header-wrapper__registration {
        padding: 8px 14px
    }
}

@media screen and (max-width: 1021px) {
    .header-wrapper__nav {
        max-width: 547px
    }

    .header-wrapper__buttons {
        max-width: 208px;
        font-size: 13px
    }

    .header-wrapper__door, .header-wrapper__registration {
        padding: 7px 15px
    }
}

@media screen and (max-width: 992px) {
    .header-wrapper__burger {
        display: block;
        width: 30px;
        height: 30px;
        text-align: center
    }

    .header-wrapper__nav {
        display: none
    }

    .header-wrapper__dropdown {
        position: relative
    }

    .header-wrapper__nav-fixed {
        position: fixed;
        right: -1000px;
        top: 0;
        bottom: 0;
        z-index: 141;
        width: 270px;
        background: #fff;
        padding: 40px 30px;
        -webkit-box-shadow: -1px 0 2px 0 #faf9f9;
        box-shadow: -1px 0 2px 0 #faf9f9;
        -webkit-transition: 1s;
        transition: 1s
    }

    .burger_menu a {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 5px
    }

    .header-wrapper__buttons {
        margin-left: auto;
        margin-right: 25px
    }

    .tools-wrapper__item {
        width: 16.6%
    }

    .content {
        margin-bottom: 85px
    }

    .banner-wrapper__bonus {
        font-size: 28px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px
    }

    .banner-wrapper__download {
        padding: 20px 70px;
        font-size: 19px
    }

    .slider-wrapper__picture img {
        min-height: 208px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .footer-wrapper__wrp-list {
        margin-right: 20px
    }
}

@media screen and (max-width: 889px) {
    .banner-wrapper__bonus {
        font-size: 24px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px;
        font-size: 22px
    }

    .banner-wrapper__download {
        padding: 20px 70px;
        font-size: 19px
    }
}

@media screen and (max-width: 848px) {
    .banner-wrapper__bonus {
        font-size: 24px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px;
        font-size: 20px
    }

    .banner-wrapper__download {
        padding: 15px 50px;
        font-size: 19px
    }
}

@media screen and (max-width: 791px) {
    .banner-wrapper__bonus {
        font-size: 22px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px;
        font-size: 20px
    }

    .banner-wrapper__download {
        padding: 15px 50px;
        font-size: 19px
    }
}

@media screen and (max-width: 779px) {
    .banner-wrapper__platform {
        max-width: 565px !important;
        margin: 0 auto
    }

    .banner-wrapper__bonus {
        font-size: 22px;
        margin: 42px 0 25px
    }
}

@media screen and (max-width: 768px) {
    .content {
        margin-bottom: 65px
    }

    .banner-wrapper__platform {
        margin: 0 auto
    }

    .banner-wrapper__information {
        text-align: center
    }

    .banner-wrapper__bonus {
        margin: 29px 0 25px
    }

    .banner-wrapper__picture {
        display: none
    }

    .banner-wrapper__platform {
        max-width: none
    }

    .banner-wrapper__download {
        margin-bottom: 20px
    }

    .tools-wrapper__item {
        width: 25%
    }

    .slider-wrapper__picture img {
        min-height: 165px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .slider-wrapper__wrp-info {
        max-width: 185px;
        left: 28px
    }

    .slider-wrapper__label {
        font-size: 11px;
        max-width: 127px;
        padding: 4px 5px
    }

    .slider-wrapper__title {
        margin: 14px 0 16px;
        font-size: 14px
    }


    .slider-wrapper__icon-play {
        font-size: 16px
    }

    .slider-wrapper .swiper-container1 .swiper-pagination {
        bottom: 17px;
        width: 97%
    }
}

@media screen and (max-width: 594px) {
    .footer-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-wrapper__wrp-list {
        margin-right: 20px
    }

    .footer-wrapper__info {
        max-width: 417px
    }

    .tools-wrapper__item {
        width: 50%
    }
}

@media screen and (max-width: 472px) {
    .header-wrapper__logo {
        display: none
    }

    .header-wrapper__logo-mobile {
        display: block
    }
}

@media screen and (max-width: 468px) {
    .banner-wrapper__picture {
        display: none
    }

    .banner-wrapper__platform {
        max-width: none
    }

    .banner-wrapper__bonus {
        margin: 29px 0 25px;
        font-size: 16px
    }

    .banner-wrapper__client {
        font-size: 16px
    }

    .banner-wrapper__download {
        font-size: 16px;
        padding: 15px 40px
    }
}

@media screen and (max-width: 419px) {
    .slider-wrapper__picture img {
        min-height: 123px
    }

    .slider-wrapper__wrp-info {
        max-width: 185px
    }

    .slider-wrapper__label {
        font-size: 10px;
        max-width: 120px;
        padding: 2px 5px
    }

    .slider-wrapper__title {
        margin: 14px 0 16px;
        font-size: 14px
    }


    .slider-wrapper__icon-play {
        font-size: 16px
    }

    .slider-wrapper .swiper-container1 .swiper-pagination {
        bottom: 17px;
        width: 97%
    }

    .tools-wrapper__item {
        width: 100%
    }
}

@media screen and (max-width: 363px) {
    .header-wrapper__buttons {
        max-width: 200px;
        font-weight: 600;
        margin-right: 15px
    }
}

@media screen and (max-width: 922px) {
    .new-wrapper__content {
        padding: 40px 15px 30px 30px
    }
}

@media screen and (max-width: 768px) {
    .new-wrapper__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new-wrapper__image {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0;
        max-width: none
    }

    .new-wrapper__image img {
        width: 100%;
        height: 250px
    }

    .new-wrapper__content {
        padding: 25px 15px 30px 30px
    }
}

@media screen and (max-width: 350px) {
    .new-wrapper__title {
        font-size: 18px
    }

    .new-wrapper__description {
        font-size: 13px
    }
}

@media only screen and (max-width: 768px) {
    .animated {
        -webkit-transition-property: none !important;
        transition-property: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-animation: none !important;
        animation: none !important
    }
}

@media screen and (max-width: 1145px) {
    .header-wrapper__logo {
        max-width: 150px
    }

    .header-wrapper__nav {
        max-width: 569px
    }

    .header-wrapper__link {
        font-size: 12px
    }

    .header-wrapper__buttons {
        max-width: 216px
    }

    .header-wrapper__door, .header-wrapper__registration {
        padding: 8px 14px
    }
}

@media screen and (max-width: 1021px) {
    .header-wrapper__nav {
        max-width: 547px
    }

    .header-wrapper__buttons {
        max-width: 208px;
        font-size: 13px
    }

    .header-wrapper__door, .header-wrapper__registration {
        padding: 7px 15px
    }
}

@media screen and (max-width: 992px) {
    .header-wrapper__burger {
        display: block;
        width: 30px;
        height: 30px;
        text-align: center
    }

    .header-wrapper__nav {
        display: none
    }

    .header-wrapper__dropdown {
        position: relative
    }

    .header-wrapper__nav-fixed {
        position: fixed;
        right: -1000px;
        top: 0;
        bottom: 0;
        z-index: 141;
        width: 270px;
        background: #fff;
        padding: 40px 30px;
        -webkit-box-shadow: -1px 0 2px 0 #faf9f9;
        box-shadow: -1px 0 2px 0 #faf9f9;
        -webkit-transition: 1s;
        transition: 1s
    }

    .burger_menu a {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 5px
    }

    .header-wrapper__buttons {
        margin-left: auto;
        margin-right: 25px
    }

    .tools-wrapper__item {
        width: 16.6%
    }

    .content {
        margin-bottom: 85px
    }

    .banner-wrapper__bonus {
        font-size: 28px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px
    }

    .banner-wrapper__download {
        padding: 20px 70px;
        font-size: 19px
    }

    .slider-wrapper__picture img {
        min-height: 208px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .footer-wrapper__wrp-list {
        margin-right: 20px
    }
}

@media screen and (max-width: 889px) {
    .banner-wrapper__bonus {
        font-size: 24px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px;
        font-size: 22px
    }

    .banner-wrapper__download {
        padding: 20px 70px;
        font-size: 19px
    }
}

@media screen and (max-width: 848px) {
    .banner-wrapper__bonus {
        font-size: 24px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px;
        font-size: 20px
    }

    .banner-wrapper__download {
        padding: 15px 50px;
        font-size: 19px
    }
}

@media screen and (max-width: 791px) {
    .banner-wrapper__bonus {
        font-size: 22px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px;
        font-size: 20px
    }

    .banner-wrapper__download {
        padding: 15px 50px;
        font-size: 19px
    }
}

@media screen and (max-width: 779px) {
    .banner-wrapper__platform {
        max-width: 565px !important;
        margin: 0 auto
    }

    .banner-wrapper__bonus {
        font-size: 22px;
        margin: 42px 0 25px
    }
}

@media screen and (max-width: 768px) {
    .content {
        margin-bottom: 65px
    }

    .banner-wrapper__platform {
        margin: 0 auto
    }

    .banner-wrapper__information {
        text-align: center
    }

    .banner-wrapper__bonus {
        margin: 29px 0 25px
    }

    .banner-wrapper__picture {
        display: none
    }

    .banner-wrapper__platform {
        max-width: none
    }

    .banner-wrapper__download {
        margin-bottom: 20px
    }

    .tools-wrapper__item {
        width: 25%
    }

    .slider-wrapper__picture img {
        min-height: 165px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .slider-wrapper__wrp-info {
        max-width: 185px;
        left: 28px
    }

    .slider-wrapper__label {
        font-size: 11px;
        max-width: 127px;
        padding: 4px 5px
    }

    .slider-wrapper__title {
        margin: 14px 0 16px;
        font-size: 14px
    }


    .slider-wrapper__icon-play {
        font-size: 16px
    }

    .slider-wrapper .swiper-container1 .swiper-pagination {
        bottom: 17px;
        width: 97%
    }
}

@media screen and (max-width: 594px) {
    .footer-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-wrapper__wrp-list {
        margin-right: 20px
    }

    .footer-wrapper__info {
        max-width: 417px
    }

    .tools-wrapper__item {
        width: 50%
    }
}

@media screen and (max-width: 472px) {
    .header-wrapper__logo {
        display: none
    }

    .header-wrapper__logo-mobile {
        display: block
    }
}

@media screen and (max-width: 468px) {
    .banner-wrapper__picture {
        display: none
    }

    .banner-wrapper__platform {
        max-width: none
    }

    .banner-wrapper__bonus {
        margin: 29px 0 25px;
        font-size: 16px
    }

    .banner-wrapper__client {
        font-size: 16px
    }

    .banner-wrapper__download {
        font-size: 16px;
        padding: 15px 40px
    }
}

@media screen and (max-width: 419px) {
    .slider-wrapper__picture img {
        min-height: 123px
    }

    .slider-wrapper__wrp-info {
        max-width: 185px
    }

    .slider-wrapper__label {
        font-size: 10px;
        max-width: 120px;
        padding: 2px 5px
    }

    .slider-wrapper__title {
        margin: 14px 0 16px;
        font-size: 14px
    }


    .slider-wrapper__icon-play {
        font-size: 16px
    }

    .slider-wrapper .swiper-container1 .swiper-pagination {
        bottom: 17px;
        width: 97%
    }

    .tools-wrapper__item {
        width: 100%
    }
}

@media screen and (max-width: 363px) {
    .header-wrapper__buttons {
        max-width: 200px;
        font-weight: 600;
        margin-right: 15px
    }
}

@media screen and (max-width: 922px) {
    .new-wrapper__content {
        padding: 40px 15px 30px 30px
    }
}

@media screen and (max-width: 768px) {
    .new-wrapper__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new-wrapper__image {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0;
        max-width: none
    }

    .new-wrapper__image img {
        width: 100%;
        height: 250px
    }

    .new-wrapper__content {
        padding: 25px 15px 30px 30px
    }
}

@media screen and (max-width: 350px) {
    .new-wrapper__title {
        font-size: 18px
    }

    .new-wrapper__description {
        font-size: 13px
    }
}

@media only screen and (max-width: 768px) {
    .animated {
        -webkit-transition-property: none !important;
        transition-property: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-animation: none !important;
        animation: none !important
    }
}

@media screen and (max-width: 1145px) {
    .header-wrapper__logo {
        max-width: 150px
    }

    .header-wrapper__nav {
        max-width: 569px
    }

    .header-wrapper__link {
        font-size: 12px
    }

    .header-wrapper__buttons {
        max-width: 216px
    }

    .header-wrapper__door, .header-wrapper__registration {
        padding: 8px 14px
    }
}

@media screen and (max-width: 1021px) {
    .header-wrapper__nav {
        max-width: 547px
    }

    .header-wrapper__buttons {
        max-width: 208px;
        font-size: 13px
    }

    .header-wrapper__door, .header-wrapper__registration {
        padding: 7px 15px
    }
}

@media screen and (max-width: 992px) {
    .header-wrapper__burger {
        display: block;
        width: 30px;
        height: 30px;
        text-align: center
    }

    .header-wrapper__nav {
        display: none
    }

    .header-wrapper__dropdown {
        position: relative
    }

    .header-wrapper__nav-fixed {
        position: fixed;
        right: -1000px;
        top: 0;
        bottom: 0;
        z-index: 141;
        width: 270px;
        background: #fff;
        padding: 40px 30px;
        -webkit-box-shadow: -1px 0 2px 0 #faf9f9;
        box-shadow: -1px 0 2px 0 #faf9f9;
        -webkit-transition: 1s;
        transition: 1s
    }

    .burger_menu a {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 5px
    }

    .header-wrapper__buttons {
        margin-left: auto;
        margin-right: 25px
    }

    .tools-wrapper__item {
        width: 16.6%
    }

    .content {
        margin-bottom: 85px
    }

    .banner-wrapper__bonus {
        font-size: 28px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px
    }

    .banner-wrapper__download {
        padding: 20px 70px;
        font-size: 19px
    }

    .slider-wrapper__picture img {
        min-height: 208px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .footer-wrapper__wrp-list {
        margin-right: 20px
    }
}

@media screen and (max-width: 889px) {
    .banner-wrapper__bonus {
        font-size: 24px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px;
        font-size: 22px
    }

    .banner-wrapper__download {
        padding: 20px 70px;
        font-size: 19px
    }
}

@media screen and (max-width: 848px) {
    .banner-wrapper__bonus {
        font-size: 24px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px;
        font-size: 20px
    }

    .banner-wrapper__download {
        padding: 15px 50px;
        font-size: 19px
    }
}

@media screen and (max-width: 791px) {
    .banner-wrapper__bonus {
        font-size: 22px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px;
        font-size: 20px
    }

    .banner-wrapper__download {
        padding: 15px 50px;
        font-size: 19px
    }
}

@media screen and (max-width: 779px) {
    .banner-wrapper__platform {
        max-width: 565px !important;
        margin: 0 auto
    }

    .banner-wrapper__bonus {
        font-size: 22px;
        margin: 42px 0 25px
    }
}

@media screen and (max-width: 768px) {
    .content {
        margin-bottom: 65px
    }

    .banner-wrapper__platform {
        margin: 0 auto
    }

    .banner-wrapper__information {
        text-align: center
    }

    .banner-wrapper__bonus {
        margin: 29px 0 25px
    }

    .banner-wrapper__picture {
        display: none
    }

    .banner-wrapper__platform {
        max-width: none
    }

    .banner-wrapper__download {
        margin-bottom: 20px
    }

    .tools-wrapper__item {
        width: 25%
    }

    .slider-wrapper__picture img {
        min-height: 165px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .slider-wrapper__wrp-info {
        max-width: 185px;
        left: 28px
    }

    .slider-wrapper__label {
        font-size: 11px;
        max-width: 127px;
        padding: 4px 5px
    }

    .slider-wrapper__title {
        margin: 14px 0 16px;
        font-size: 14px
    }


    .slider-wrapper__icon-play {
        font-size: 16px
    }

    .slider-wrapper .swiper-container1 .swiper-pagination {
        bottom: 17px;
        width: 97%
    }
}

@media screen and (max-width: 594px) {
    .footer-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-wrapper__wrp-list {
        margin-right: 20px
    }

    .footer-wrapper__info {
        max-width: 417px
    }

    .tools-wrapper__item {
        width: 50%
    }
}

@media screen and (max-width: 472px) {
    .header-wrapper__logo {
        display: none
    }

    .header-wrapper__logo-mobile {
        display: block
    }
}

@media screen and (max-width: 468px) {
    .banner-wrapper__picture {
        display: none
    }

    .banner-wrapper__platform {
        max-width: none
    }

    .banner-wrapper__bonus {
        margin: 29px 0 25px;
        font-size: 16px
    }

    .banner-wrapper__client {
        font-size: 16px
    }

    .banner-wrapper__download {
        font-size: 16px;
        padding: 15px 40px
    }
}

@media screen and (max-width: 419px) {
    .slider-wrapper__picture img {
        min-height: 123px
    }

    .slider-wrapper__wrp-info {
        max-width: 185px
    }

    .slider-wrapper__label {
        font-size: 10px;
        max-width: 120px;
        padding: 2px 5px
    }

    .slider-wrapper__title {
        margin: 14px 0 16px;
        font-size: 14px
    }


    .slider-wrapper__icon-play {
        font-size: 16px
    }

    .slider-wrapper .swiper-container1 .swiper-pagination {
        bottom: 17px;
        width: 97%
    }

    .tools-wrapper__item {
        width: 100%
    }
}

@media screen and (max-width: 363px) {
    .header-wrapper__buttons {
        max-width: 200px;
        font-weight: 600;
        margin-right: 15px
    }
}

@media screen and (max-width: 922px) {
    .new-wrapper__content {
        padding: 40px 15px 30px 30px
    }
}

@media screen and (max-width: 768px) {
    .new-wrapper__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new-wrapper__image {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0;
        max-width: none
    }

    .new-wrapper__image img {
        width: 100%;
        height: 250px
    }

    .new-wrapper__content {
        padding: 25px 15px 30px 30px
    }
}

@media screen and (max-width: 481px) {
    .big-banner-wrapper__slog {
        margin-bottom: 12px
    }

    .big-banner-wrapper__wrp-button {
        max-width: 360px
    }

    .big-banner {
        padding-bottom: 50px
    }
}

@media screen and (max-width: 350px) {
    .new-wrapper__title {
        font-size: 18px
    }

    .new-wrapper__description {
        font-size: 13px
    }
}

@media only screen and (max-width: 768px) {
    .animated {
        -webkit-transition-property: none !important;
        transition-property: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-animation: none !important;
        animation: none !important
    }
}

@media screen and (max-width: 1145px) {
    .header-wrapper__logo {
        max-width: 150px
    }

    .header-wrapper__nav {
        max-width: 569px
    }

    .header-wrapper__link {
        font-size: 12px
    }

    .header-wrapper__buttons {
        max-width: 216px
    }

    .header-wrapper__door, .header-wrapper__registration {
        padding: 8px 14px
    }
}

@media screen and (max-width: 1021px) {
    .header-wrapper__nav {
        max-width: 547px
    }

    .header-wrapper__buttons {
        max-width: 208px;
        font-size: 13px
    }

    .header-wrapper__door, .header-wrapper__registration {
        padding: 7px 15px
    }
}

@media screen and (max-width: 992px) {
    .header-wrapper__burger {
        display: block;
        width: 30px;
        height: 30px;
        text-align: center
    }

    .header-wrapper__nav {
        display: none
    }

    .header-wrapper__dropdown {
        position: relative
    }

    .header-wrapper__nav-fixed {
        position: fixed;
        right: -1000px;
        top: 0;
        bottom: 0;
        z-index: 141;
        width: 270px;
        background: #fff;
        padding: 40px 30px;
        -webkit-box-shadow: -1px 0 2px 0 #faf9f9;
        box-shadow: -1px 0 2px 0 #faf9f9;
        -webkit-transition: 1s;
        transition: 1s
    }

    .burger_menu a {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 5px
    }

    .header-wrapper__buttons {
        margin-left: auto;
        margin-right: 25px
    }

    .tools-wrapper__item {
        width: 16.6%
    }

    .content {
        margin-bottom: 85px
    }

    .banner-wrapper__bonus {
        font-size: 28px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px
    }

    .banner-wrapper__download {
        padding: 20px 70px;
        font-size: 19px
    }

    .slider-wrapper__picture img {
        min-height: 208px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .footer-wrapper__wrp-list {
        margin-right: 20px
    }
}

@media screen and (max-width: 889px) {
    .banner-wrapper__bonus {
        font-size: 24px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px;
        font-size: 22px
    }

    .banner-wrapper__download {
        padding: 20px 70px;
        font-size: 19px
    }
}

@media screen and (max-width: 848px) {
    .banner-wrapper__bonus {
        font-size: 24px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px;
        font-size: 20px
    }

    .banner-wrapper__download {
        padding: 15px 50px;
        font-size: 19px
    }
}

@media screen and (max-width: 791px) {
    .banner-wrapper__bonus {
        font-size: 22px;
        margin: 65px 0 25px
    }

    .banner-wrapper__client {
        margin-bottom: 23px;
        font-size: 20px
    }

    .banner-wrapper__download {
        padding: 15px 50px;
        font-size: 19px
    }
}

@media screen and (max-width: 779px) {
    .banner-wrapper__platform {
        max-width: 565px !important;
        margin: 0 auto
    }

    .banner-wrapper__bonus {
        font-size: 22px;
        margin: 42px 0 25px
    }
}

@media screen and (max-width: 768px) {
    .content {
        margin-bottom: 65px
    }

    .banner-wrapper__platform {
        margin: 0 auto
    }

    .banner-wrapper__information {
        text-align: center
    }

    .banner-wrapper__bonus {
        margin: 29px 0 25px
    }

    .banner-wrapper__picture {
        display: none
    }

    .banner-wrapper__platform {
        max-width: none
    }

    .banner-wrapper__download {
        margin-bottom: 20px
    }

    .tools-wrapper__item {
        width: 25%
    }

    .slider-wrapper__picture img {
        min-height: 165px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .slider-wrapper__wrp-info {
        max-width: 185px;
        left: 28px
    }

    .slider-wrapper__label {
        font-size: 11px;
        max-width: 127px;
        padding: 4px 5px
    }

    .slider-wrapper__title {
        margin: 14px 0 16px;
        font-size: 14px
    }


    .slider-wrapper__icon-play {
        font-size: 16px
    }

    .slider-wrapper .swiper-container1 .swiper-pagination {
        bottom: 17px;
        width: 97%
    }
}

@media screen and (max-width: 594px) {
    .footer-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-wrapper__wrp-list {
        margin-right: 20px
    }

    .footer-wrapper__info {
        max-width: 417px
    }

    .tools-wrapper__item {
        width: 50%
    }
}

@media screen and (max-width: 472px) {
    .header-wrapper__logo {
        display: none
    }

    .header-wrapper__logo-mobile {
        display: block
    }
}

@media screen and (max-width: 468px) {
    .banner-wrapper__picture {
        display: none
    }

    .banner-wrapper__platform {
        max-width: none
    }

    .banner-wrapper__bonus {
        margin: 29px 0 25px;
        font-size: 16px
    }

    .banner-wrapper__client {
        font-size: 16px
    }

    .banner-wrapper__download {
        font-size: 16px;
        padding: 15px 40px
    }
}

@media screen and (max-width: 419px) {
    .slider-wrapper__picture img {
        min-height: 123px
    }

    .slider-wrapper__wrp-info {
        max-width: 185px
    }

    .slider-wrapper__label {
        font-size: 10px;
        max-width: 120px;
        padding: 2px 5px
    }

    .slider-wrapper__title {
        margin: 14px 0 16px;
        font-size: 14px
    }


    .slider-wrapper__icon-play {
        font-size: 16px
    }

    .slider-wrapper .swiper-container1 .swiper-pagination {
        bottom: 17px;
        width: 97%
    }

    .tools-wrapper__item {
        width: 100%
    }
}

@media screen and (max-width: 363px) {
    .header-wrapper__buttons {
        max-width: 200px;
        font-weight: 600;
        margin-right: 15px
    }
}


.pagination {
    margin: 0 auto;
    width: 300px;
    text-align: center;
}

.pagination .page-numbers {
    border: 1px solid #333;
    padding: 5px 9px;
    border-radius: 6px;
    color: black;
}

.new-wrapper__title {
    color: #000;
}


.breadcrumb_list li {
    color: #bcc8de;
}

.breadcrumb_list {
    margin-bottom: 30px;
}

.content_single {
    padding-top: 40px;
    margin-bottom: 90px;
}

.comment_item {
    display: flex;
    margin-bottom: 50px;
}

.ava {
    min-width: 100px;
}

.comm_text {
    padding-left: 17px;
    padding-top: 5px;
}

.comm_text .name {
    font-weight: 600;
    font-size: 17px;
    padding-bottom: 8px;
}

.big-banner-wrapper__frame iframe {
    width: 100%;
    height: 533px;
    border: none;
}


@media screen and (max-width: 800px) {
    .big-banner-wrapper__frame iframe {
        height: -webkit-fill-available;
    }
}


.loadmore {
    width: 100%;
    text-align: center;
}

.loadmore a {
    background: #a2a2a2;
    color: white;
    padding: 7px 21px;
    border-radius: 3px;
    margin-top: 15px;
}

img.alignleft {
    float: left;
    margin-right: 10px;
}

img.alignright {
    float: right;
    margin-left: 10px;
}


.games-wrapper::after {
    flex: auto;
    content: "";
}

@media screen and (max-width: 610px) {
    .games-wrapper {
        justify-content: center;
    }
}

@media screen and (min-width: 610px) {
    .games-wrapper {
        justify-content: flex-start;
    }
}


.sbez-bonus-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.sbez-bonus-grid *, .sbez-bonus-grid *::before, .sbez-bonus-grid *::after {
  box-sizing: border-box;
}

/* Карточка */
.sbez-bonus-card {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 220px;
  transition: transform .18s ease, box-shadow .18s ease;
}
.sbez-bonus-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}

.sbez-bonus-card img {
  max-width: 160px;
  width: 100%;
  height: auto;
  object-fit: contain;
  margin-bottom: 12px;
}

/* Название без заголовка H3 */
.sbez-bonus-card .sbez-title {
  margin: 6px 0 8px;
  font-size: 18px;
  color: #222;
  line-height: 1.15;
  font-weight: 700;
}

.sbez-bonus-card .sbez-desc {
  margin: 6px 0;
  color: #444;
  font-size: 15px;
  line-height: 1.4;
  width: 100%;
}

/* Промокод */
.sbez-bonus-card code {
  display: inline-block;
  background: #f6f6f6;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 700;
  margin-top: 6px;
}

/* Центрирование кнопки */
.sbez-btn-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.sbez-bonus-btn {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 8px;
  background: #ff5722;
  color: #fff !important;
  text-decoration: none;
  font-weight: 800;
  transition: transform .12s ease, box-shadow .12s ease;
  box-shadow: 0 4px 0 rgba(0,0,0,0.06);
}
.sbez-bonus-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}

/* Сетка на разных устройствах */
@media (min-width: 768px) {
  .sbez-bonus-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (min-width: 1200px) {
  .sbez-bonus-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}



/* СКОП — только для секции с id no-deposit-bonuses-2025 */
#no-deposit-bonuses-2025{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.6;color:#111
}
#no-deposit-bonuses-2025 h1,
#no-deposit-bonuses-2025 h2,
#no-deposit-bonuses-2025 h3{line-height:1.25;margin:1.25em 0 .6em}
#no-deposit-bonuses-2025 p{margin:.8em 0}
#no-deposit-bonuses-2025 ul,
#no-deposit-bonuses-2025 ol{margin:.8em 0 1em 1.2em}
#no-deposit-bonuses-2025 .muted{color:#666}

/* Таблица */
#no-deposit-bonuses-2025 .table-wrap{
  margin:1rem 0;border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff
}
#no-deposit-bonuses-2025 table.responsive{
  width:100%;border-collapse:collapse;font-size:15px
}
#no-deposit-bonuses-2025 .responsive thead th{
  background:#f6f7f9;text-align:left;padding:12px 14px;border-bottom:1px solid #e9edf2;white-space:nowrap
}
#no-deposit-bonuses-2025 .responsive tbody td{
  padding:12px 14px;border-bottom:1px solid #f0f2f5;vertical-align:top
}
#no-deposit-bonuses-2025 .responsive tbody tr:last-child td{border-bottom:none}

/* Мобильная карточная раскладка */
@media (max-width:760px){
  #no-deposit-bonuses-2025 .responsive thead{display:none}
  #no-deposit-bonuses-2025 .responsive,
  #no-deposit-bonuses-2025 .responsive tbody,
  #no-deposit-bonuses-2025 .responsive tr,
  #no-deposit-bonuses-2025 .responsive td{
    display:block;width:100%
  }
  #no-deposit-bonuses-2025 .responsive tr{
    border-bottom:1px solid #eee;padding:10px 12px
  }
  #no-deposit-bonuses-2025 .responsive tbody td{
    padding:8px 0;border:none
  }
  #no-deposit-bonuses-2025 .responsive tbody td::before{
    content:attr(data-label);display:block;font-size:12px;color:#666;margin-bottom:2px
  }
  #no-deposit-bonuses-2025 .table-wrap{border:none;border-radius:0}
}

/* FAQ */
#no-deposit-bonuses-2025 .faq details{
  border:1px solid #e9edf2;border-radius:10px;padding:.8rem 1rem;margin:.6rem 0;background:#fff
}
#no-deposit-bonuses-2025 .faq summary{
  cursor:pointer;font-weight:600;list-style:none;outline:none
}
#no-deposit-bonuses-2025 .faq summary::-webkit-details-marker{display:none}
#no-deposit-bonuses-2025 .faq summary:after{
  content:"➜";float:right;transition:transform .2s ease
}
#no-deposit-bonuses-2025 .faq details[open] summary:after{transform:rotate(90deg)}

/* Обёртка — наследуем всё из темы */
.sbez-content {
  /* font-family: inherit;  — не задаём! берём из темы */
  /* color: inherit;        — берём из темы */
  line-height: inherit;
}

/* Таблица: только рамки, адаптив, без типографики */
.sbez-table-wrap {
  margin: 1rem 0;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: .6rem;
  overflow: hidden;
  background: inherit; /* из темы */
}
.sbez-table {
  width: 100%;
  border-collapse: collapse;
  font: inherit;       /* важное: наследуем шрифт темы */
  color: inherit;      /* наследуем цвет темы */
}
.sbez-table thead th {
  text-align: left;
  padding: .75rem .9rem;
  border-bottom: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.03); /* лёгкая подложка, остаётся нейтральной */
  white-space: nowrap;
}
.sbez-table tbody td {
  padding: .75rem .9rem;
  border-bottom: 1px solid rgba(0,0,0,.06);
  vertical-align: top;
}
.sbez-table tbody tr:last-child td { border-bottom: none; }

/* Мобильная карточная раскладка */
@media (max-width: 760px) {
  .sbez-table thead { display: none; }
  .sbez-table, .sbez-table tbody, .sbez-table tr, .sbez-table td {
    display: block; width: 100%;
  }
  .sbez-table tr {
    border-bottom: 1px solid rgba(0,0,0,.06);
    padding: .5rem .9rem;
  }
  .sbez-table tbody td {
    padding: .4rem 0;
    border: 0;
  }
  .sbez-table tbody td::before {
    content: attr(data-label);
    display: block;
    font-size: .85em;
    opacity: .7;
    margin-bottom: .15rem;
  }
  .sbez-table-wrap { border: 0; border-radius: 0; }
}

/* FAQ — только сетка и интерактив, шрифты/цвета из темы */
.sbez-faq details {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: .6rem;
  padding: .75rem 1rem;
  margin: .6rem 0;
  background: inherit;
}
.sbez-faq summary {
  cursor: pointer;
  font-weight: 600;    /* усиление, но шрифт — inherited */
  list-style: none;
  outline: none;
}
.sbez-faq summary::-webkit-details-marker { display: none; }
.sbez-faq summary::after {
  content: "➜";
  float: right;
  transition: transform .2s ease;
  opacity: .75;
}
.sbez-faq details[open] summary::after { transform: rotate(90deg); }