/*
Theme Name: My Landing Theme TR Fixed
Theme URI: https://example.com
Author: Dmitriy
Author URI: https://example.com
Description: Минимальная WordPress тема для лендинга (турецкий язык по умолчанию, с index.php)
Version: 1.1
License: GNU General Public License v2 or later
Text Domain: my_landing_theme_tr_fixed
*/
.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom
}

.wp-block-image .aligncenter {
    display: table
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto
}

.wp-block-image figure {
    margin: 0
}

.wp-block-table {
    overflow-x: auto
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-table thead {
    border-bottom: 3px solid
}

.wp-block-table td,
.wp-block-table th {
    border: 1px solid;
    padding: .5em
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

.aligncenter {
    clear: both
}

html:where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%
}

:where(figure) {
    margin: 0 0 1em
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

figure,
footer,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: DM Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: left;
    background-color: #fff
}

h1,
h2,
h3 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

strong {
    font-weight: bolder
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button {
    overflow: visible
}

button {
    text-transform: none
}

[type=button],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

h1,
h2,
h3 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.75rem
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col-12,
.col-lg-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:992px) {
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #000;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #000;
    text-decoration: none
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.navbar {
    position: relative;
    padding: .5rem 1rem
}

.navbar,
.navbar .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg>.container {
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

.navbar-dark .navbar-toggler {
    color: hsla(0, 0%, 100%, .5);
    border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
 width='30' height='30' %3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10'

            stroke-width='2' d='M4 7h22M4 15h22M4
 23h22'/%3E%3C/svg%3E")}.bg-dark{background-color:#343a40!important}.ml-auto{margin-left:auto!important}@media
(min-width:1200px) {
            .align-items-xl-center {
                align-items:center !important
            }
        }

        .body--inner {
            position:relative
        }

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

        h2 {
            font-size:36px; line-height:1.33; color:#e56ab2; margin-bottom:32px; margin-top:64px; font-weight:600
        }

        p {
            margin-bottom:16px; line-height:1.55
        }

        a {
            transition:all .5s
        }

        @media (max-width:992px) {
            h2 {
                font-size:28px; margin-top:48px; margin-bottom:24px
            }
        }

        .navbar-custom.navbar {
            background-color:transparent !important; position:absolute; width:100%; top:0; left:0; z-index:10
        }

        .navbar-custom.navbar .navbar-toggler {
            width:32px; height:32px; padding:0; border:none; margin-right:24px
        }

        .navbar-custom.navbar .navbar-toggler-icon {
            background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none'
 xmlns='http://www.w3.org/2000/svg' %3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M28.431
 6H3M28.432 16.019H3M28.432 25.948H3'/%3E%3C/svg%3E");width:32px;height:32px}@media
(max-width:992px) {
                    .navbar-custom.navbar {
                        padding-top:15px; padding-left:0; padding-right:0
                    }

                    .navbar-custom.navbar .container {
                        max-width:100%
                    }
                }

                .footer {
                    padding-top:172px
                }

                .footer--wrap {
                    background-color:var(--color-dark); position:relative; padding-top:64px
                }

                .footer--decor {
                    position:absolute; width:100%; bottom:100%; left:0
                }

                .footer--decor svg {
                    max-width:100%; width:100%; height:auto
                }

                .footer--title {
                    font-size:22px; line-height:1.27; font-weight:700; color:#e54495; margin-bottom:16px; text-align:center
                }

                .footer--menu {
                    margin-bottom:33px
                }

                .footer--logos {
                    display:flex; align-items:center; justify-content:center; flex-wrap:wrap; padding:48px 0 24px; border-top:1px solid #e54495; border-bottom:1px solid #e54495
                }

                .footer--logos-item {
                    margin:0 32px 24px
                }

                .footer--copy {
                    margin:48px 0 64px; color:#fff; font-size:18px; line-height:1.55
                }

                @media (max-width:992px) {
                    .footer {
                        padding-top:60px
                    }

                    .footer--title {
                        font-size:22px; margin-bottom:24px
                    }

                    .footer--menu {
                        margin-bottom:15px
                    }

                    .footer--logos {
                        padding-top:32px; padding-bottom:8px
                    }
                }

                .page--hero {
                    padding-bottom:172px; background-color:var(--color-dark); padding-top:75px; position:relative
                }

                .page--hero-decor {
                    position:absolute; width:100%; bottom:-.5px; left:0
                }

                .page--hero-decor svg {
                    height:auto; width:100%
                }

                .page--hero-right {
                    color:#fff; font-size:24px
                }

                .page--hero-right h1 {
                    font-size:56px; font-weight:600; letter-spacing:3px; line-height:1.14; margin-bottom:32px
                }

                .page--content {
                    clear:both; font-size:18px
                }

                .page--content table thead {
                    border-bottom:none
                }

                .page--content table thead th {
                    background-color:#e981be; border-color:#e981be; color:#fff
                }

                @media (max-width:992px) {
                    .page--hero {
                        padding-top:60px
                    }

                    .page--hero-right {
                        text-align:center; font-size:16px; position:relative
                    }

                    .page--hero-right h1 {
                        font-size:28px; margin-bottom:16px
                    }

                    .page--hero {
                        background-color:transparent; position:relative; padding-bottom:0; margin-bottom:30px
                    }

                    .page--hero:before {
                        display:block; content:""; position:absolute; top:0; left:0; right:0; bottom:150px; background:var(--color-dark)
                    }

                    .page--hero-decor {
                        bottom:149px
                    }

                    .page--content {
                        font-size:16px
                    }
                }

                .list-casino {
                    margin-top:48px
                }

                .list-casino--item {
                    display:flex; margin-bottom:24px; background-color:#fff; box-shadow:0 2px 12px rgba(0, 0, 0, .08); border-radius:36px; overflow:hidden
                }

                @media (max-width:992px) {
                    .list-casino--item {
                        flex-direction:column
                    }
                }

                .game-container {
                    position:relative; overflow:hidden; width:100%; padding-top:56.25%
                }

                .game-container.active {
                    padding-top:145%
                }

                @media (min-width:560px) {
                    .game-container.active {
                        padding-top:56.25%
                    }
                }

                .game-container__box {
                    position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%
                }

                .game-container__bg {
                    display:block; width:100%; height:100%; object-fit:cover
                }

                .game-container__btn {
                    padding:10px 20px; background-color:#fff; color:#000; border:none; cursor:pointer; font-size:16px; margin-bottom:20px; font-weight:700; transition:.3s; border-radius:5px
                }

                .game-container__btn:last-child {
                    margin-bottom:0
                }

                @media (min-width:560px) {
                    .game-container__btn {
                        padding:15px 30px
                    }
                }

                .game-container__btn:hover {
                    text-decoration:none; color:#fff; background-color:#ff80cb
                }

                .game-container__btn--play {
                    background-color:#ff80cb; border:2px solid #fff; color:#fff
                }

                .game-container__btn--play:hover {
                    background-color:#fff; border:2px solid #ff80cb; color:#000
                }

                .game-container__buttons {
                    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:flex; flex-direction:column
                }

                #game-frame {
                    display:none; position:absolute; top:0; left:0; bottom:0; right:0; width:100%; border:none; height:100%
                }

                .td-button {
                    text-align:center
                }

                .promo-mobile {
                    display:none
                }

                @media (max-width:767px) {
                    .promo-mobile {
                        display:block
                    }
                }

                .promo-mobile {
                    margin:16px; border-radius:16px; overflow:hidden; background:#0f1320; box-shadow:0 12px 26px rgba(0, 0, 0, .35); color:#fff
                }

                .promo-mobile__media {
                    position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; line-height:0
                }

                .promo-mobile__img {
                    position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block
                }

                .promo-mobile__body {
                    padding:16px 16px 18px; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; background:0 0
                }

                .promo-mobile__kicker {
                    margin:0; color:#c7ff6a; font-size:14px; font-weight:900; letter-spacing:.2px
                }

                .promo-mobile__title {
                    margin:0; font-size:18px; font-weight:900; line-height:1.28; text-shadow:0 1px 2px rgba(0, 0, 0, .35)
                }

                .promo-mobile__btn {
                    display:block; width:96%; max-width:500px; margin-top:10px; text-decoration:none; text-align:center; background:#25d366; color:#0b1a0b; font-weight:900; font-size:16px; padding:14px 22px; border-radius:999px; box-shadow:0 8px 22px rgba(37, 211, 102, .45); transition:transform .12s ease, box-shadow .12s ease, filter .12s ease
                }

                .promo-mobile__btn:focus, .promo-mobile__btn:hover {
                    box-shadow:0 10px 26px rgba(37, 211, 102, .55); filter:brightness(1.03)
                }

                .promo-mobile__btn:active {
                    transform:translateY(1px) scale(.99)
                }

                .text-box a {
                    color:#c3d300
                }

                .text-box a:hover {
                    color:#fff
                }

                .text-box table a {
                    color:#000
                }

                .footer-table {
                    border-collapse:collapse; width:100%; table-layout:fixed; background-color:#ffc0e5
                }

                .footer-table td {
                    padding:10px
                }

                .footer-table tr {
                    border:1px solid #f5b0d9
                }

                .td-button a {
                    display:inline-block; text-decoration:none; color:#000; background-color:#fff; padding:10px 20px; border-radius:5px
                }

                .td-button a:hover {
                    background-color:#ff81df
                }

                .table-miniLogo img {
                    vertical-align:middle
                }

                :root {
                    --color-dark:#ffc0e5; --color-darken:#6dffd0; --color-main:#f44336; --color-light:#f8ffd1
                }