:root {
    --gap: 1.5rem;
    --section-padding: 3rem;
}

*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    transition: all .16s;
    /**outline: 1px solid rgba(255,0,0,.03);/**/
}

*:before, *:after {
    line-height: 1;
}

img, picture, video, canvas, svg {
    max-width: 100%;
}

:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.container {
    width: 90rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 var(--gap);
    position: relative;
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-gap: var(--gap);
}

a, a:link, a:visited {
    color: #0074BD;
    text-decoration: none;
}

a:hover {
    color: #004068;
}

body {
    color: #001d35;
    font: 15pt/1.5 'Red Hat Display', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin-top: 68px;
}

h1, h2 {
    font-weight: 900;
}

h3, h4, h5, h6 {
    font-weight: 700;
}

header#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    padding: .5rem 0;
    background-color: #fff;
    box-shadow: 0 1px 1px #00000003, 0 33px 24px #00000008, 0 12px 9px #00000005, 0 5px 4px #00000005, 0 3px 2px #00000003;
}

header#site-header > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--gap);
}

header#site-header h1 {
    margin: 0;
}

header#site-header .logo img {
    width: 200px;
}

header#site-header nav {
    display: flex;
    flex: 1;
    gap: var(--gap);
}

header#site-header nav ul.nav-main {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media screen and (max-width: 780px) {
    body.nav-main-active {
        overflow: hidden;
    }

    body.nav-main-active header#site-header nav .nav-main-wrapper ul.nav-main {
        display: block;
    }

    body.nav-main-active header#site-header nav .nav-main-wrapper {
        position: fixed;
        inset: 0;
        top: 64px;
        background-color: #fff;
        z-index: 30;
    }

    body.nav-main-active header#site-header nav ul.nav-main {
        margin: var(--gap) 0;
    }

    .hide-mobile {
        display: none;
    }
}

header#site-header nav ul.nav-main > li {
    margin: 0;
    padding: 0;
}



header#site-header nav ul.nav-main > li > a {
    display: block;
    padding: .5rem var(--gap);
    border-radius: .35rem;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

header#site-header nav ul.nav-main > li > a:hover {
    background-color: #f4f4f4;
}

.btn-toggle-menu {
    display: none;
    background-color: transparent;
    border: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Solar by 480 Design - https://creativecommons.org/licenses/by/4.0/ --%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M20.75 7a.75.75 0 0 1-.75.75H4a.75.75 0 0 1 0-1.5h16a.75.75 0 0 1 .75.75m0 5a.75.75 0 0 1-.75.75H4a.75.75 0 0 1 0-1.5h16a.75.75 0 0 1 .75.75m0 5a.75.75 0 0 1-.75.75H4a.75.75 0 0 1 0-1.5h16a.75.75 0 0 1 .75.75' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

@media screen and (max-width: 780px) {
    header#site-header nav {
        order: 1;
        flex: none;
        gap: 0;
    }
    
    header#site-header nav ul.nav-main {
        display: none;
    }

    .btn-toggle-menu {
        display: block;
    }
}

header#site-header .links {
    display: flex;
    gap: var(--gap);
}

header#site-header .links a {
    display: inline-flex;
    align-items: center;
    font-weight: bold;
}

header#site-header .links a svg {
    width: 1.8rem;
    margin-right: .5rem;
}

header#site-header .links a span {
    color: #001d35;
    font-weight: 900;
}

header#site-header .links a.link-phone svg {
    animation: shake .5s;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 1024px) {
    header#site-header .links {
        gap: calc(var(--gap) / 3);
        flex: 1;
        justify-content: end;
    }
    header#site-header .links a span {
        display: none;
    }
}

section,
footer {
    padding: var(--section-padding) 0;
}

section h1,
section h2 {
    position: relative;
}

section h1 span:before,
section h2 span:before {
    content: "";
    position: absolute;
    left: -6px;
    bottom: 4px;
    width: calc(100% + 12px);
    height: 10px;
    border-radius: 4px;
    background-color: #ffd911;
    z-index: -1;
}

section h1 span,
section h2 span {
    position: relative;
    z-index: 1;
}

.section-page h2 {
    margin-top: calc(var(--section-padding));
    margin-bottom: var(--section-padding);
}

.section-hero {
    padding: 0;
    overflow: hidden;
    margin-top: 60px;
}

.section-hero .hero-overlay {
    position: relative;
    height: 0;
    z-index: 1;
}

.section-hero .hero-overlay .container {
    overflow: visible;
    position: relative;
    bottom: 230px
}

@media screen and (max-width: 780px) {
    .section-hero .hero-overlay .container {
        bottom: 90px;
    }

    .section-hero .hero-overlay .container svg {
        width: 200px;
        height: 60px;
    }
    
}

/*.section-hero .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.2);
}*/

.section-hero .swiper-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 780px;
}

@media screen and (max-width: 780px) {
    .section-hero .swiper-slide {
        height: 420px;
    }
}

@media screen and (max-width: 575px) {
    .section-hero .swiper-slide {
        height: 320px;
    }
}

.section-destinations,
.section-contact,
.section-logo {
    background-color: #f4f4f4;
    box-shadow: inset 0 -20px 60px rgba(0,0,0,.03);
}

.section-destinations {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 14 14'%3E%3C!-- Icon from Streamline by Streamline - https://creativecommons.org/licenses/by/4.0/ --%3E%3Cg fill='none' stroke='%23eee' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 8.5a5 5 0 1 1-8.25-3.8'/%3E%3Cpath d='M5.28 6.65a1.6 1.6 0 0 0-.16.7a1.52 1.52 0 0 0 1.53 1.53a.77.77 0 0 1 .77.77v3.47M.57 9.27h1.85A1.54 1.54 0 0 1 4 10.81v2.45m9.26-11.39l-1-.34a.34.34 0 0 0-.39.13l-.73 1.13l-4-2A2.49 2.49 0 0 0 3.53 2.1A.68.68 0 0 0 4 3l2.61.84l.26.09l.49 1.68a.36.36 0 0 0 .24.25l1.18.38a.37.37 0 0 0 .48-.41L9 4.58h.17l2.55.83a.67.67 0 0 0 .85-.41l.9-2.77a.34.34 0 0 0-.21-.36Z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: auto 110%;
    background-position: 70% 140%;
}

.section-options {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 48 48'%3E%3C!-- Icon from IconPark Outline by ByteDance - https://github.com/bytedance/IconPark/blob/master/LICENSE --%3E%3Cg fill='none' stroke='%23f3f3f3' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M14.34 21.412L24 24l9.66 2.588l9.659 2.589C45.657 20.45 41.848 11.526 34.546 7a20 20 0 0 0-5.37-2.318A20 20 0 0 0 22.5 4.05c-8.237.62-15.56 6.342-17.818 14.773z'/%3E%3Cpath d='M29.176 4.681s-5.64 3.665-8.866 7.977s-4.037 9.271-4.037 9.271M29.177 4.681s3.052 5.995 3.69 11.342s-1.14 10.048-1.14 10.048'/%3E%3Cpath d='m4.682 18.824l9.659 2.588L24 24l9.658 2.588l9.66 2.589M4 44h40M24 24l-5.5 20m4-39.949a20 20 0 0 1 6.676.63a20 20 0 0 1 5.37 2.32'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: auto 110%;
    background-position: 70% 140%;
}

.section-contact {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 14 14'%3E%3C!-- Icon from Streamline by Streamline - https://creativecommons.org/licenses/by/4.0/ --%3E%3Cpath fill='none' stroke='%23eee' stroke-linecap='round' stroke-linejoin='round' d='M5.82 11L8 13.17a1.1 1.1 0 0 0 1.05.3a1.12 1.12 0 0 0 .81-.74L13.44 2A1.12 1.12 0 0 0 12 .56L1.27 4.14A1.12 1.12 0 0 0 .53 5a1.1 1.1 0 0 0 .3 1l2.74 2.74l-.09 3.47ZM13.12.78L3.57 8.74'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: auto 110%;
    background-position: 70% 140%;
}

.section-destinations .link-more,
.section-options .link-more {
    display: inline-block;
    padding: .3rem 1.2rem;
    border-radius: 20px;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 700;
    border-bottom: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 2px 7px rgba(0,0,0,.03);
}

.section-destinations .link-more:hover,
.section-options .link-more:hover {
    background: #0074BD;
    color: #fff;
}

/*.section-more {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Google Material Icons by Material Design Authors - https://github.com/material-icons/material-icons/blob/master/LICENSE --%3E%3Cpath fill='%23fafafa' d='M19.3 16.9c.58-1.01.95-2.23.51-3.65c-.53-1.72-2.04-3.05-3.84-3.22a4.498 4.498 0 0 0-4.95 4.95c.18 1.79 1.5 3.31 3.22 3.84c1.43.44 2.64.07 3.65-.51l2.5 2.5c.39.39 1.01.39 1.4 0a.984.984 0 0 0 0-1.4zm-3.8.1c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5M12 20v2C6.48 22 2 17.52 2 12S6.48 2 12 2c4.84 0 8.87 3.44 9.8 8h-2.07A8 8 0 0 0 15 4.59V5c0 1.1-.9 2-2 2h-2v2c0 .55-.45 1-1 1H8v2h2v3H9l-4.79-4.79C4.08 10.79 4 11.38 4 12c0 4.41 3.59 8 8 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: auto 110%;
    background-position: 70% 140%;
}*/

.section-contact article {
    text-align: center;
    cursor: default;
    border-radius: 30px;
    padding: var(--gap);
    cursor: pointer;
    border: 1.5px solid;
    border-top: 0;
    border-bottom: 0;
    border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(226, 226, 226, 1) 48%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    box-shadow: inset 0 -1px 2px 0 rgba(255,255,255,.6), inset 0 1px 2px 0 rgba(255,255,255,.6);
    background-color: rgba(255,255,255,.3);
    background-image: linear-gradient(225deg, rgba(255, 255, 255, .5), transparent);
    backdrop-filter: blur(3px);
    transition: all .3s;
}

.section-contact article:hover {
    background-color: #fff;
    box-shadow: 0 1px 1px #00000003, 0 33px 24px #00000008, 0 12px 9px #00000005, 0 5px 4px #00000005, 0 3px 2px #00000003;
}

.section-contact article svg {
    width: 64px;
    height: 64px;
    margin: var(--gap) auto;
}

.section-contact article:before {
    content: "";
    position: absolute;
    left: calc(50% - 12px);
    top: calc(30% - 12px);
    background-color: #ffd911;
    width: 44px;
    height: 44px;
    z-index: -1;
    border-radius: 10px;
}

.section-contact article a.link-social svg {
    width: 32px;
    height: 32px;
    margin: calc(var(--gap) / 2) auto;
}

.section-contact article a {
    color: inherit;
}

.section-contact-data .wrapper {
    display: grid;
    gap: var(--gap);
    grid-template-columns: 36% 1fr;
}

.section-contact-data .wrapper .form {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

section header.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--section-padding);
}

.form form {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.form .horizontal {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: var(--gap);
}

.form .horizontal > * {
    flex: 1;
}

.form label {
    display: flex;
    gap: calc(var(--gap) / 2);
    flex-direction: column;
}

.form label span {
    font-size: 1.2rem;
    font-weight: 700;
}

.form button {
    background-color: #0074BD;
    color: #fff;
    padding: .5rem 1.5rem;
    border-radius: 4px;
    border: 0;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
}

.form button:hover {
    background-color: #005f8c;
}

.form input,
.form textarea,
.form select {
    padding: .5rem 1rem;
    border-radius: 4px;
    border: 1px solid #aaa;
    font-size: 1.4rem;
    font-weight: bold;
    background-color: #fafafa;
}

.form input:focus,
.form textarea:focus,
.form select:focus {
    outline: 0;
    border-color: #0074BD;
    box-shadow: 0 0 0 4px rgba(0, 116, 189, .2);
}

.form .field.checkbox {
    flex-direction: row;
    align-items: center;
}

.form .field.checkbox p {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

.form input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border: 1px solid #aaa;
    cursor: pointer;
}

form input[type="tel"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3C!-- Icon from Tabler Icons by Paweł Kuna - https://github.com/tabler/tabler-icons/blob/master/LICENSE --%3E%3Cpath fill='none' stroke='%23aaaaaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 10px 50%;
    padding-left: 44px;
}

@media screen and (max-width: 780px) {
    .form form { flex-wrap: wrap; }
    .form form label { flex-wrap: wrap; }
    .form form .horizontal { flex-wrap: wrap; }
    .form form .field.checkbox { flex-wrap: nowrap; }
}

section.section-header {
    padding: var(--section-padding) 0 calc(var(--section-padding) / 2);
}

.section-blocks .grid article,
.section-destinations .grid article,
.section-options .grid article {
    cursor: default;
    min-height: 260px;
    border-radius: calc(var(--section-padding) / 1.4);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: all .3s;
    box-shadow: 0 1px 1px #00000003, 0 33px 24px #00000008, 0 12px 9px #00000005, 0 5px 4px #00000005, 0 3px 2px #00000003;
}

.section-blocks .grid article:hover,
.section-destinations .grid article:hover,
.section-options .grid article:hover {
    transform: rotate(1deg);
    box-shadow: rgba(0, 0, 0, 0.07) 0px 90px 70px, rgba(0, 0, 0, 0.06) 0px 45px 29px, rgba(0, 0, 0, 0.05) 0px 24px 10px, rgba(0, 0, 0, 0.05) 0px 15px 7px, rgba(0, 0, 0, 0.05) 0px 8px 4px, rgba(0, 0, 0, 0.05) 0px 4px 2px, rgba(0, 0, 0, 0.04) 0px 1px 1px;
}

.section-blocks .grid article a,
.section-destinations .grid article a,
.section-options .grid article a {
    display: flex;
    flex-direction: column;
    flex: 1;
    /*cursor: inherit;*/
}

.section-blocks .grid article a h4,
.section-destinations .grid article a h4,
.section-options .grid article a h4 {
    display: block;
    margin-top: auto;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(360deg, rgba(0, 59, 149, 0.65) 0px, rgba(0, 59, 149, 0) 100%);
    margin-bottom: 0;
    padding: calc(var(--section-padding) / 2);
    text-shadow: 2px 2px 6px rgba(0, 59, 149, 0.65);
}

.section-more .accordion {
    max-width: 45em;
    margin: 0 auto;
}

.section-more .accordion-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem var(--gap);
    cursor: pointer;
}

.section-more .accordion-summary:after {
    content: "+";
    font-size: 2.4rem;
    font-weight: 100;
    line-height: 1;
}

.section-more .accordion-item.expanded .accordion-summary:after {
    content: "-";
}

.section-more .accordion-summary:hover {
    background-color: #f4f4f4;
}

.section-more .accordion-summary h4 {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
}

.section-more .accordion-details {
    overflow: hidden;
    max-height: 0;
    transition: opacity .3s ease-out, max-height .3s ease-out, padding .3s ease-out;
    opacity: 0;
    padding: 0 var(--gap);
}

.section-more .accordion-item + .accordion-item {
    border-top: 1px solid #f4f4f4;
}

.section-more .accordion-item.expanded .accordion-details {
    max-height: 100vh;
    opacity: 1;
    padding: var(--gap) var(--gap);
}

.section-more .accordion-item .accordion-details p {
    font-size: 1rem;
}

@media screen and (max-width: 780px) {
    .accordion-summary {
        margin: 0 calc(var(--gap) * -1);
    }

    .section-more .accordion-item .accordion-details {
        padding: 0;
    }

    .section-more .accordion-item.expanded .accordion-details {
        padding: var(--gap) 0;
    }
}

.image-post-header {
    margin-bottom: var(--section-padding);
    overflow: hidden;
    border-radius: 60px;
    margin-left: calc( -70vw / 2 + 70% / 2 );
	margin-right: calc( -70vw / 2 + 70% / 2 );
	max-width: 100vw;
}

.image-post-header img {
    width: 100%;
    max-height: 560px;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .image-post-header {
        border-radius: 30px;
    }

    .image-post-header img {
        max-height: 320px;
    }
}

body.type-direction .section-page .container,
body.type-leisure_type .section-page .container {
    max-width: 980px;
}

@media screen and (max-width: 1024px) {
    body.type-direction .section-page .container,
    body.type-leisure_type .section-page .container {
        max-width: 100%;
    }
}

.section-logo .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(var(--gap) / 2);
}

.section-logo .swiper .swiper-slide img {
    width: 120px;
    height: 90px;
    object-fit: contain;
    border-radius: 10px;
    padding: 5px 10px;
    background: #fff;
}

.section-logo .swiper .swiper-slide span {
    display: none;
    text-align: center;
    font-size: .9rem;
}

.section-map {
    padding-bottom: 0;
}

.section-map iframe {
    display: block;
}

footer {
    background-color: #013070FF;
    color: #fff;
}

footer > .container {
    display: flex;
    justify-content: space-between;
    gap: var(--gap);
}

footer nav > ul {
    display: flex;
    gap: var(--gap);
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}

footer nav > ul > li {
    margin: 0;
    padding: 0;
}

footer nav > ul > li > a {
    /*display: block;
    padding: .5rem var(--gap);*/
    border-radius: .25rem;
}

footer small {
    font-size: 1rem;
}

footer a,
footer a:link,
footer a:visited {
    color: #fff;
}

@media screen and (max-width: 966px) {
    footer .container {
        flex-direction: column;
    }
}

.callback {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    inset: 0;
    z-index: 10;
    place-content: center;
    pointer-events: none;
    background-color: rgba(0,0,0,.2);
    transition: all .3s;
}

.callback .dialog {
    background-color: #fff;
    padding: var(--section-padding);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    max-width: 36rem;
    margin: auto;
    box-shadow: 0 1px 1px #00000003, 0 66px 48px #00000008, 0 24px 18px #00000005, 0 10px 8px #00000005, 0 6px 4px #00000003;
    transform: translateY(50px);
    transition: all .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    text-align: center;
    gap: var(--gap);
}

.callback .dialog .form {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.callback .dialog .checkbox {
    text-align: left;
}

.callback .on {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

body.call .callback {
    pointer-events: all;
    visibility: visible;
    opacity: 1;
}

body.call .callback .dialog {
    transform: translateY(0);
}

.btn-callback {
    position: fixed;
    bottom: 4rem;
    right: 4rem;
    margin: 0;
    padding: 0;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    z-index: 9999;
    font-family: inherit;
    font-size: 14px;
    font-weight: bolder;
    line-height: normal;
    user-select: none;
    background: #ffd911;
    border: 0;
    box-shadow: 0 .625em 1.875em rgba(2, 2, 3, .1);
    transition: .2s;
}

.btn-callback:hover {
    transform: scale(.97);
}

.btn-callback svg {
    width: 30px;
    height: 30px;
    margin: 0 !important;
}

.callback .dialog h3 {
    padding-right: 3rem;
    position: relative;
}

.callback .dialog p {
    margin-bottom: 0;
    font-size: .9rem;
}

.callback .dialog .btn-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 2.2rem;
    height: 2.2rem;
    padding: 0;
    background-color: #fff;
    color: #222;
    border: 1px solid #ddd;
    border-radius: 2.2rem;
    cursor: pointer;
}

.callback .dialog .btn-close:hover {
    background-color: #f4f4f4;
}

@media screen and (max-width: 575px) {
    .callback .dialog {
        max-width: calc(100% - var(--gap) * 2);
        padding: calc(var(--section-padding) / 2);
    }

    .callback .dialog,
    .callback .dialog h1,
    .callback .dialog h2,
    .callback .dialog h3,
    .callback .dialog h4,
    .callback .dialog p,
    .callback .dialog a {
        font-size: 1rem;
    }

    .btn-callback {
        bottom: 1.4rem;
        right: 1.4rem;
    }
}

/*#prebannerBtn {
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    margin: 0;
    padding: .5rem;
    min-width: unset;
    min-height: unset;
    border-radius: 4px;
}

#prebannerBtn svg {
    width: 24px;
    height: 24px;
    margin: 0 !important;
}*/

#prebannerBtn,
#prebannerBtn:hover{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: unset;
    min-height: unset;
    border-radius: 0;
    box-shadow: none;
    font: inherit;
    font-size: 1rem;
    padding: 8px 0;
    border: none !important;
    background: #222 !important;
    color: #fff !important;
    transform: none;
}

#adjustParagraph label {
    display: flex;
    gap: 14px;
}

@media screen and (max-width: 1024px) {
    .section-contact-data .container .wrapper {
        grid-template-columns: 1fr;
    }
}

@keyframes shake {
    2%{transform:translate(0px, 0px) rotate(0.5deg)}
    4%{transform:translate(0px, 1px) rotate(0.5deg)}
    6%{transform:translate(0px, 1px) rotate(0.5deg)}
    8%{transform:translate(0px, 0px) rotate(0.5deg)}
    10%{transform:translate(1px, 1px) rotate(0.5deg)}
    12%{transform:translate(1px, 1px) rotate(0.5deg)}
    14%{transform:translate(1px, 0px) rotate(0.5deg)}
    16%{transform:translate(1px, 1px) rotate(0.5deg)}
    18%{transform:translate(1px, 0px) rotate(0.5deg)}
    20%{transform:translate(1px, 0px) rotate(0.5deg)}
    22%{transform:translate(0px, 1px) rotate(0.5deg)}
    24%{transform:translate(1px, 0px) rotate(0.5deg)}
    26%{transform:translate(1px, 1px) rotate(0.5deg)}
    28%{transform:translate(0px, 1px) rotate(0.5deg)}
    30%{transform:translate(0px, 1px) rotate(0.5deg)}
    32%{transform:translate(0px, 1px) rotate(0.5deg)}
    34%{transform:translate(1px, 1px) rotate(0.5deg)}
    36%{transform:translate(0px, 1px) rotate(0.5deg)}
    38%{transform:translate(0px, 0px) rotate(0.5deg)}
    40%{transform:translate(0px, 1px) rotate(0.5deg)}
    42%{transform:translate(0px, 0px) rotate(0.5deg)}
    44%{transform:translate(0px, 1px) rotate(0.5deg)}
    46%{transform:translate(1px, 0px) rotate(0.5deg)}
    48%{transform:translate(1px, 0px) rotate(0.5deg)}
    50%{transform:translate(0px, 1px) rotate(0.5deg)}
    52%{transform:translate(0px, 1px) rotate(0.5deg)}
    54%{transform:translate(0px, 1px) rotate(0.5deg)}
    56%{transform:translate(1px, 0px) rotate(0.5deg)}
    58%{transform:translate(1px, 1px) rotate(0.5deg)}
    60%{transform:translate(1px, 1px) rotate(0.5deg)}
    62%{transform:translate(0px, 1px) rotate(0.5deg)}
    64%{transform:translate(1px, 0px) rotate(0.5deg)}
    66%{transform:translate(0px, 1px) rotate(0.5deg)}
    68%{transform:translate(0px, 1px) rotate(0.5deg)}
    70%{transform:translate(1px, 1px) rotate(0.5deg)}
    72%{transform:translate(0px, 0px) rotate(0.5deg)}
    74%{transform:translate(0px, 1px) rotate(0.5deg)}
    76%{transform:translate(0px, 1px) rotate(0.5deg)}
    78%{transform:translate(0px, 0px) rotate(0.5deg)}
    80%{transform:translate(0px, 0px) rotate(0.5deg)}
    82%{transform:translate(1px, 0px) rotate(0.5deg)}
    84%{transform:translate(1px, 1px) rotate(0.5deg)}
    86%{transform:translate(1px, 1px) rotate(0.5deg)}
    88%{transform:translate(1px, 1px) rotate(0.5deg)}
    90%{transform:translate(1px, 0px) rotate(0.5deg)}
    92%{transform:translate(1px, 0px) rotate(0.5deg)}
    94%{transform:translate(0px, 1px) rotate(0.5deg)}
    96%{transform:translate(1px, 0px) rotate(0.5deg)}
    98%{transform:translate(1px, 1px) rotate(0.5deg)}
    0%,100%{transform:translate(0, 0) rotate(0)}
}