.list-reset {
    list-style-type: none;
    margin: 0;
    padding: 0
}

body {
    min-width: 320px;
    scroll-behavior: smooth
}

body[data-lock] {
    overflow: hidden
}

@keyframes telegram-send {
    0% {
        opacity: 1;
        transform: translate(0) scale(1) rotate(0deg)
    }

    15% {
        opacity: 1;
        transform: translate(1px, -1px) scale(.98) rotate(-5deg)
    }

    35% {
        opacity: .7;
        transform: translate(8px, -8px) scale(.75) rotate(20deg)
    }

    50% {
        opacity: 0;
        transform: translate(18px, -18px) scale(.4) rotate(40deg)
    }

    51% {
        opacity: 0;
        transform: translate(-18px, 18px) scale(.4) rotate(40deg)
    }

    65% {
        opacity: .6;
        transform: translate(-8px, 8px) scale(.7) rotate(10deg)
    }

    85% {
        opacity: 1;
        transform: translate(-1px, 1px) scale(.95) rotate(-2deg)
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1) rotate(0deg)
    }
}

@keyframes email-send {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1)
    }

    15% {
        opacity: 1;
        transform: translateY(-2px) scale(.98)
    }

    35% {
        opacity: .7;
        transform: translateY(-12px) scale(.8)
    }

    50% {
        opacity: 0;
        transform: translateY(-20px) scale(.5)
    }

    51% {
        opacity: 0;
        transform: translateY(20px) scale(.5)
    }

    65% {
        opacity: .6;
        transform: translateY(12px) scale(.8)
    }

    85% {
        opacity: 1;
        transform: translateY(2px) scale(.98)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

@keyframes phone-ring {

    0%,
    to {
        transform: rotate(0deg)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: rotate(-12deg)
    }

    20%,
    40%,
    60%,
    80% {
        transform: rotate(12deg)
    }
}

@keyframes glow-pulse {

    0%,
    to {
        transform: scale(1) rotate(0deg)
    }

    50% {
        transform: scale(1.1) rotate(180deg)
    }
}

@keyframes border-dance {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes iconWiggle {

    0%,
    to {
        transform: scale(1) rotate(0deg)
    }

    25% {
        transform: scale(1.1) rotate(-8deg)
    }

    50% {
        transform: scale(1.15) rotate(0deg)
    }

    75% {
        transform: scale(1.1) rotate(8deg)
    }
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: inherit;
    font-family: inherit
}

input,
button {
    border: none;
    font-family: inherit;
    font-size: inherit;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

button,
input[type=submit] {
    cursor: pointer
}

input:focus,
button:focus {
    outline: none
}

ul,
li {
    list-style: none
}

img {
    display: block;
    max-width: 100%
}

legend {
    display: table;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

legend+* {
    clear: both
}

fieldset {
    border: 0;
    padding: .01em 0 0;
    margin: 0;
    min-width: 0
}

body:not(:-moz-handler-blocked) fieldset {
    display: table-cell
}

html,
body {
    font-family: "Montserrat", "fallback-for-montserrat", sans-serif !important;
    font-weight: 400;
    font-size: calc(100vw/1920*10);
    color: #3f3836;
    background: #fff;
    scroll-behavior: smooth;
    line-height: 1.2
}

@media only screen and (max-width:1024px) {

    html,
    body {
        font-size: calc(100vw/1024*10)
    }
}

@media only screen and (max-width:576px) {

    html,
    body {
        font-size: calc(100vw/375*10)
    }
}

@media only screen and (min-width:1920px) {

    html,
    body {
        font-size: calc(100vw/1920*10)
    }
}

body.loading:before {
    content: "";
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 7rem;
    height: 7rem;
    background: url(../images/loader.svg) no-repeat center/contain;
    z-index: 20
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefbed;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.spinner {
    content: "";
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 7rem;
    height: 7rem;
    background: url(../images/loader.svg) no-repeat center/cover;
    z-index: 20
}

.container,
.wp-block-group__inner-container {
    max-width: 142.6rem;
    margin: 0 auto;
    padding: 0 3rem
}

@media only screen and (max-width:1024px) {

    .container,
    .wp-block-group__inner-container {
        max-width: 102.4rem
    }
}

@media only screen and (max-width:576px) {

    .container,
    .wp-block-group__inner-container {
        max-width: 37.5rem;
        padding: 0 1.2rem
    }
}

.container--fluid,
.wp-block-group__inner-container--fluid {
    max-width: unset;
    width: 100%
}

.container--no-padding,
.wp-block-group__inner-container--no-padding {
    padding: 0
}

.container--content,
.wp-block-group__inner-container--content {
    max-width: 95rem
}

.none {
    display: none !important
}

.clear:after {
    content: "";
    display: block;
    clear: both
}

body._lock {
    overflow: hidden
}

.has-text-align-center,
.text-center {
    text-align: center !important
}

@media only screen and (min-width:577px) {
    ._mob {
        display: none !important
    }
}

@media only screen and (max-width:577px) {
    ._desktop {
        display: none !important
    }
}

h1 {
    color: #3f3836;
    font-family: "Unbounded", sans-serif;
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 1.2
}

@media only screen and (max-width:1024px) {
    h1 {
        font-size: 3.7rem
    }
}

@media only screen and (max-width:576px) {
    h1 {
              font-size: 4rem;
        line-height: 1.5;
    }
}

h1 strong {
    color: #9b6e4d
}

h1 span {
    position: relative;
    z-index: 1;
    color: #3f3836
}

h1 span:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -.3rem;
    right: -.3rem;
    border-radius: .5rem;
    background: #f7ca7a;
    transform: rotate(-3deg);
    z-index: -1
}

h1.invert {
    color: #fcfaf0
}

h1.invert strong {
    color: #fa8710
}

h2 {
    color: #3f3836;
    font-family: "Unbounded", sans-serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.2
}

@media only screen and (max-width:1024px) {
    h2 {
        font-size: 2.6rem
    }
}

@media only screen and (max-width:576px) {
    h2 {
        font-size: 2.2rem;
        text-align: center;
        margin: 0 auto
    }
}

h2 strong {
    font-weight: 400;
    color: #9b6e4d
}

h2.clr-white {
    color: #fff
}

h2.clr-white strong {
    color: #faf0bb
}

h2.bold {
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase
}

h2.bold strong {
    text-transform: none
}

h3 {
    color: #3f3836;
    font-family: "Unbounded", sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.2
}

@media only screen and (max-width:1024px) {
    h3 {
        font-size: 2.2rem
    }
}

@media only screen and (max-width:576px) {
    h3 {
        font-size: 2.4rem
    }
}

h3 strong {
    font-weight: 400;
    color: #9b6e4d
}

h3.clr-white {
    color: #fff
}

h3.clr-white strong {
    color: #faf0bb
}

h4 {
    color: #3f3836;
    font-family: "Unbounded", sans-serif;
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 1.2
}

h4 strong {
    font-weight: 400;
    color: #9b6e4d
}

h4.clr-white {
    color: #fff
}

h4.clr-white strong {
    color: #faf0bb
}

h5 strong {
    color: #9b6e4d
}

.flex {
    display: flex
}

.space-beetween {
    justify-content: space-between
}

.center {
    justify-content: center
}

.aic {
    align-items: center
}

.relative {
    position: relative
}

section {
    padding: 8.4rem 0
}

@media only screen and (max-width:1024px) {
    section {
        padding: 5.6rem 0
    }
}

@media only screen and (max-width:576px) {
    section {
        padding: 3.2rem 0
    }
}

.subtitle {
    color: #3f3836;
    text-align: center;
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 400;
    max-width: 92.6rem;
    margin: 2.2rem auto 0 auto;
    line-height: 1.4
}

@media only screen and (max-width:1024px) {
    .subtitle {
        font-size: 1.5rem;
        max-width: 65.4rem
    }
}

@media only screen and (max-width:576px) {
    .subtitle {
        font-size: 1.3rem;
        margin: 1.6rem auto 0 auto;
        max-width: 35.1rem
    }
}

.section-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.9rem
}

@media only screen and (max-width:576px) {
    .section-head {
        flex-direction: column;
        gap: 2.3rem
    }
}

.more {
    position: relative;
    color: #9b6e4d;
    font-size: 1.7rem;
    font-weight: 700;
    text-decoration-line: underline;
    padding-right: .5rem;
    transition: .1s ease-in-out
}

@media only screen and (max-width:1024px) {
    .more {
        font-size: 1.5rem
    }
}

.more:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M4.25 9.5H14.75M14.75 9.5L9.5 4.25M14.75 9.5L9.5 14.75' stroke='%239B6E4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.8rem;
    width: 1.8rem;
    height: 1.8rem
}

.more:hover {
    opacity: .8
}

.bg-white {
    background-color: #fff
}

.bg-cream {
    background-color: #fcfaf0
}

.bg-swamp {
    background-color: #f4ede6
}

.bg-light-swamp {
    background-color: #f4ede6
}

.clr-white {
    color: #fff
}

.clr-white strong {
    color: #faf0bb
}

.clr-brown {
    color: #9b6e4d
}

.clr-primary {
    color: #fa8710 !important
}

.m-auto {
    margin: 0 auto !important
}

.wpa-test-msg {
    display: none
}

.fc-text {
    font-size: 1.3rem
}

.fc-text a {
    color: #fa8710 !important
}

.fc-main {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem
}

.form-checkbox {
    display: flex;
    align-items: center;
    justify-content: center
}

.fc-main .wpcf7-list-item-label {
    font-size: 0 !important
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.italic {
    font-style: italic
}

.wp-block-image {
    margin-block: 24px
}

.wp-block-image img {
    height: auto
}

.wp-element-caption {
    font-style: italic;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #a2978f;
    margin-top: 1.2rem
}

@media only screen and (max-width:576px) {
    .wp-element-caption {
        font-size: 1.4rem
    }
}

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

.wp-block-image>a,
.wp-block-image>figure>a {
    display: block !important
}

.mx-auto {
    margin-inline: auto
}

.wp-block-heading {
    margin-bottom: 2.4rem
}

.btn {
    display: inline-block;
    text-align: center;
    padding: 1.4rem 1.8rem;
    color: #fff;
    font-family: "Montserrat", "fallback-for-montserrat", sans-serif !important;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    border-radius: .7rem;
    background-color: #fa8710;
    box-shadow: 0 1rem 2rem 0 rgba(250, 135, 16, .3);
    transition: .1s ease-in-out
}

@media only screen and (max-width:576px) {
    .btn {
        font-size: 1.3rem;
        padding: 1.2rem 1.4rem
    }
}

.btn:not(:disabled):hover {
    background-color: #f7ca7a;
    color: #894e12
}

.btn:not(:disabled):active {
    background-color: #f7e47c
}

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

.btn--more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    padding: 1.8rem;
    font-size: 1.7rem;
    color: #9b6e4d;
    background-color: #fcfaf0;
    border-radius: 6.5rem;
    border: .1rem solid #ded2ca;
    box-shadow: 0 4px 17px 0 rgba(80, 56, 48, .13)
}

@media only screen and (max-width:576px) {
    .btn--more {
        font-size: 1.3rem;
        padding: 1.2rem 1.4rem
    }
}

.btn--more:before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/plus.svg) no-repeat center/contain;
    flex-shrink: 0
}

@media only screen and (max-width:576px) {
    .btn--more:before {
        width: 2rem;
        height: 2rem
    }
}

.btn--rounded {
    padding: 2rem 5rem;
    font-size: 1.7rem;
    border-radius: 6.5rem
}

@media only screen and (max-width:576px) {
    .btn--rounded {
        font-size: 1.6rem;
        padding: 1.6rem 3rem
    }
}

.btn--submit {
    padding: 1.6rem 1.8rem;
    width: 100%
}

.btn--secondary {
    background-color: #faf0bb;
    color: #3f3836;
    border-radius: 6.5rem;
    border: .1rem solid #3f3836;
    font-weight: 700;
    padding: 1.4rem 2.5rem;
    box-shadow: 0 1rem 2rem 0 rgba(99, 47, 47, .24)
}

.btn--secondary:hover {
    color: #3f3836
}

.btn--icon {
    display: inline-flex;
    padding: 2rem 3.7rem;
    align-items: center;
    gap: 1rem;
    border-radius: 6.5rem
}

@media only screen and (max-width:1024px) {
    .btn--icon {
        padding: 1.6rem 3.2rem
    }
}

@media only screen and (max-width:576px) {
    .btn--icon {
        padding: 1.2rem 3.2rem
    }
}

.btn--icon:before {
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-size: 2.4rem;
    background-repeat: no-repeat;
    transition: .1s ease-in-out
}

@media only screen and (max-width:576px) {
    .btn--icon:before {
        width: 2rem;
        height: 2rem;
        background-size: 2rem
    }
}

.btn--icon-order:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4C3 2.34315 4.34315 1 6 1H18C19.6569 1 21 2.34315 21 4V20C21 21.6569 19.6569 23 18 23H6C4.34315 23 3 21.6569 3 20V4ZM6 3C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V4C19 3.44772 18.5523 3 18 3H6ZM7 6.2C7 5.53726 7.53726 5 8.2 5H15.8C16.4627 5 17 5.53726 17 6.2V9.8C17 10.4627 16.4627 11 15.8 11H8.2C7.53726 11 7 10.4627 7 9.8V6.2ZM9 7V9H15V7H9Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 14.0088C7 13.4565 7.44772 13.0088 8 13.0088C8.55228 13.0088 9 13.4565 9 14.0088C9 14.5611 8.55228 15.0088 8 15.0088C7.44772 15.0088 7 14.5611 7 14.0088ZM11 14.0088C11 13.4565 11.4477 13.0088 12 13.0088C12.5523 13.0088 13 13.4565 13 14.0088C13 14.5611 12.5523 15.0088 12 15.0088C11.4477 15.0088 11 14.5611 11 14.0088ZM15 14.0088C15 13.4565 15.4477 13.0088 16 13.0088C16.5523 13.0088 17 13.4565 17 14.0088C17 14.5611 16.5523 15.0088 16 15.0088C15.4477 15.0088 15 14.5611 15 14.0088ZM7 17.9821C7 17.4298 7.44772 16.9821 8 16.9821C8.55228 16.9821 9 17.4298 9 17.9821C9 18.5344 8.55228 18.9821 8 18.9821C7.44772 18.9821 7 18.5344 7 17.9821ZM11 17.9821C11 17.4298 11.4477 16.9821 12 16.9821C12.5523 16.9821 13 17.4298 13 17.9821C13 18.5344 12.5523 18.9821 12 18.9821C11.4477 18.9821 11 18.5344 11 17.9821ZM15 17.9821C15 17.4298 15.4477 16.9821 16 16.9821C16.5523 16.9821 17 17.4298 17 17.9821C17 18.5344 16.5523 18.9821 16 18.9821C15.4477 18.9821 15 18.5344 15 17.9821Z' fill='white'/%3E%3C/svg%3E")
}

.btn--icon-order:not(:disabled):hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4C3 2.34315 4.34315 1 6 1H18C19.6569 1 21 2.34315 21 4V20C21 21.6569 19.6569 23 18 23H6C4.34315 23 3 21.6569 3 20V4ZM6 3C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V4C19 3.44772 18.5523 3 18 3H6ZM7 6.2C7 5.53726 7.53726 5 8.2 5H15.8C16.4627 5 17 5.53726 17 6.2V9.8C17 10.4627 16.4627 11 15.8 11H8.2C7.53726 11 7 10.4627 7 9.8V6.2ZM9 7V9H15V7H9Z' fill='%23894E12'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 14.0088C7 13.4565 7.44772 13.0088 8 13.0088C8.55228 13.0088 9 13.4565 9 14.0088C9 14.5611 8.55228 15.0088 8 15.0088C7.44772 15.0088 7 14.5611 7 14.0088ZM11 14.0088C11 13.4565 11.4477 13.0088 12 13.0088C12.5523 13.0088 13 13.4565 13 14.0088C13 14.5611 12.5523 15.0088 12 15.0088C11.4477 15.0088 11 14.5611 11 14.0088ZM15 14.0088C15 13.4565 15.4477 13.0088 16 13.0088C16.5523 13.0088 17 13.4565 17 14.0088C17 14.5611 16.5523 15.0088 16 15.0088C15.4477 15.0088 15 14.5611 15 14.0088ZM7 17.9821C7 17.4298 7.44772 16.9821 8 16.9821C8.55228 16.9821 9 17.4298 9 17.9821C9 18.5344 8.55228 18.9821 8 18.9821C7.44772 18.9821 7 18.5344 7 17.9821ZM11 17.9821C11 17.4298 11.4477 16.9821 12 16.9821C12.5523 16.9821 13 17.4298 13 17.9821C13 18.5344 12.5523 18.9821 12 18.9821C11.4477 18.9821 11 18.5344 11 17.9821ZM15 17.9821C15 17.4298 15.4477 16.9821 16 16.9821C16.5523 16.9821 17 17.4298 17 17.9821C17 18.5344 16.5523 18.9821 16 18.9821C15.4477 18.9821 15 18.5344 15 17.9821Z' fill='%23894E12'/%3E%3C/svg%3E")
}

.btn--icon-photo:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M13 3H8.3C6.61984 3 5.77976 3 5.13803 3.32698C4.57354 3.6146 4.1146 4.07354 3.82698 4.63803C3.5 5.27976 3.5 6.11984 3.5 7.8V16.2C3.5 17.8802 3.5 18.7202 3.82698 19.362C4.1146 19.9265 4.57354 20.3854 5.13803 20.673C5.77976 21 6.61984 21 8.3 21H17.5C18.43 21 18.895 21 19.2765 20.8978C20.3117 20.6204 21.1204 19.8117 21.3978 18.7765C21.5 18.395 21.5 17.93 21.5 17M19.5 8V2M16.5 5H22.5M11 8.5C11 9.60457 10.1046 10.5 9 10.5C7.89543 10.5 7 9.60457 7 8.5C7 7.39543 7.89543 6.5 9 6.5C10.1046 6.5 11 7.39543 11 8.5ZM15.49 11.9181L7.03115 19.608C6.55536 20.0406 6.31747 20.2568 6.29643 20.4442C6.27819 20.6066 6.34045 20.7676 6.46319 20.8755C6.60478 21 6.92628 21 7.56929 21H16.956C18.3951 21 19.1147 21 19.6799 20.7582C20.3894 20.4547 20.9547 19.8894 21.2582 19.1799C21.5 18.6147 21.5 17.8951 21.5 16.456C21.5 15.9717 21.5 15.7296 21.4471 15.5042C21.3805 15.2208 21.253 14.9554 21.0733 14.7264C20.9303 14.5442 20.7412 14.3929 20.3631 14.0905L17.5658 11.8527C17.1874 11.5499 16.9982 11.3985 16.7898 11.3451C16.6061 11.298 16.4129 11.3041 16.2325 11.3627C16.0279 11.4291 15.8486 11.5921 15.49 11.9181Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.btn--icon-photo:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M13 3H8.3C6.61984 3 5.77976 3 5.13803 3.32698C4.57354 3.6146 4.1146 4.07354 3.82698 4.63803C3.5 5.27976 3.5 6.11984 3.5 7.8V16.2C3.5 17.8802 3.5 18.7202 3.82698 19.362C4.1146 19.9265 4.57354 20.3854 5.13803 20.673C5.77976 21 6.61984 21 8.3 21H17.5C18.43 21 18.895 21 19.2765 20.8978C20.3117 20.6204 21.1204 19.8117 21.3978 18.7765C21.5 18.395 21.5 17.93 21.5 17M19.5 8V2M16.5 5H22.5M11 8.5C11 9.60457 10.1046 10.5 9 10.5C7.89543 10.5 7 9.60457 7 8.5C7 7.39543 7.89543 6.5 9 6.5C10.1046 6.5 11 7.39543 11 8.5ZM15.49 11.9181L7.03115 19.608C6.55536 20.0406 6.31747 20.2568 6.29643 20.4442C6.27819 20.6066 6.34045 20.7676 6.46319 20.8755C6.60478 21 6.92628 21 7.56929 21H16.956C18.3951 21 19.1147 21 19.6799 20.7582C20.3894 20.4547 20.9547 19.8894 21.2582 19.1799C21.5 18.6147 21.5 17.8951 21.5 16.456C21.5 15.9717 21.5 15.7296 21.4471 15.5042C21.3805 15.2208 21.253 14.9554 21.0733 14.7264C20.9303 14.5442 20.7412 14.3929 20.3631 14.0905L17.5658 11.8527C17.1874 11.5499 16.9982 11.3985 16.7898 11.3451C16.6061 11.298 16.4129 11.3041 16.2325 11.3627C16.0279 11.4291 15.8486 11.5921 15.49 11.9181Z' stroke='%23894E12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.btn--icon-next {
    padding: 1.6rem 7rem
}

@media only screen and (max-width:576px) {
    .btn--icon-next {
        padding: 1.4rem 7rem
    }
}

.btn--icon-next:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.btn--icon-next:not(:disabled):hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23894E12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.btn--icon-plus {
    padding: 1.8rem 6.1rem
}

@media only screen and (max-width:576px) {
    .btn--icon-plus {
        padding: 1.4rem 7rem
    }
}

.btn--icon-plus:before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 5V19M5.5 12H19.5' stroke='%23FCFAF0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E")
}

.btn--icon-plus:not(:disabled):hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 5V19M5.5 12H19.5' stroke='%23894E12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E")
}

.btn--icon:not(:disabled):hover {
    box-shadow: 0 1rem 2rem 0 rgba(235, 167, 47, .3)
}

.btn--white {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.6rem;
    background-color: #fff;
    border: .1rem solid #b4a897;
    color: #3f3836;
    font-weight: 700;
    padding: 1.8rem 2rem;
    box-shadow: 0 1rem 2rem 0 rgba(155, 96, 77, .2)
}

@media only screen and (max-width:576px) {
    .btn--white {
        padding: 1.4rem 2rem
    }
}

.btn--whatsapp:before {
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' width='24' height='24' rx='12' fill='url(%23paint0_linear_154_8319)'/%3E%3Cpath d='M5.22099 18.9819L6.24992 15.2455C5.61379 14.1488 5.28008 12.9068 5.28356 11.6371C5.28356 7.65856 8.53721 4.42383 12.5313 4.42383C14.471 4.42383 16.2924 5.17456 17.6586 6.53765C19.0282 7.90074 19.7825 9.71357 19.779 11.6406C19.779 15.6191 16.5253 18.8539 12.5278 18.8539H12.5243C11.3112 18.8539 10.1188 18.5494 9.05863 17.9751L5.22099 18.9819ZM9.24286 16.6708L9.46186 16.8023C10.3865 17.3489 11.4467 17.6361 12.5278 17.6395H12.5313C15.851 17.6395 18.5554 14.9514 18.5554 11.644C18.5554 10.0422 17.9297 8.5373 16.793 7.40255C15.6563 6.2678 14.1407 5.64507 12.5313 5.64507C9.21158 5.64161 6.50715 8.32973 6.50715 11.6371C6.50715 12.7684 6.82348 13.872 7.42833 14.8269L7.57085 15.0552L6.96252 17.2659L9.24286 16.6708Z' fill='white'/%3E%3Cpath d='M5.47476 18.7287L6.46893 15.1203C5.85365 14.0652 5.53037 12.8647 5.53037 11.64C5.53385 7.79981 8.67279 4.67578 12.5313 4.67578C14.4049 4.67578 16.1604 5.4023 17.4813 6.71695C18.8022 8.0316 19.5287 9.78216 19.5287 11.6434C19.5287 15.4836 16.3863 18.6076 12.5313 18.6076H12.5278C11.3564 18.6076 10.2058 18.3136 9.18378 17.76L5.47476 18.7287Z' fill='url(%23paint1_linear_154_8319)'/%3E%3Cpath d='M5.22099 18.9819L6.24992 15.2455C5.61379 14.1488 5.28008 12.9068 5.28356 11.6371C5.28356 7.65856 8.53721 4.42383 12.5313 4.42383C14.471 4.42383 16.2924 5.17456 17.6586 6.53765C19.0282 7.90074 19.7825 9.71357 19.779 11.6406C19.779 15.6191 16.5253 18.8539 12.5278 18.8539H12.5243C11.3112 18.8539 10.1188 18.5494 9.05863 17.9751L5.22099 18.9819ZM9.24286 16.6708L9.46186 16.8023C10.3865 17.3489 11.4467 17.6361 12.5278 17.6395H12.5313C15.851 17.6395 18.5554 14.9514 18.5554 11.644C18.5554 10.0422 17.9297 8.5373 16.793 7.40255C15.6563 6.2678 14.1407 5.64507 12.5313 5.64507C9.21158 5.64161 6.50715 8.32973 6.50715 11.6371C6.50715 12.7684 6.82348 13.872 7.42833 14.8269L7.57085 15.0552L6.96252 17.2659L9.24286 16.6708Z' fill='url(%23paint2_linear_154_8319)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7202 8.61951C10.5846 8.31853 10.4421 8.31161 10.3135 8.30815C10.2092 8.30469 10.0875 8.30469 9.96585 8.30469C9.84418 8.30469 9.64952 8.34966 9.48266 8.52956C9.31581 8.70946 8.85001 9.14537 8.85001 10.0345C8.85001 10.9202 9.50005 11.7781 9.59042 11.8992C9.6808 12.0203 10.8453 13.8989 12.6842 14.6219C14.2137 15.2239 14.5265 15.1028 14.8568 15.0717C15.187 15.0405 15.9274 14.6358 16.0804 14.2137C16.2298 13.7916 16.2298 13.4318 16.1846 13.3557C16.1394 13.2796 16.0178 13.2346 15.837 13.1447C15.6563 13.0547 14.7664 12.6188 14.5995 12.5565C14.4327 12.4977 14.311 12.4666 14.1928 12.6465C14.0712 12.8264 13.7235 13.2312 13.6193 13.3523C13.515 13.4733 13.4072 13.4872 13.2265 13.3972C13.0457 13.3073 12.4617 13.117 11.77 12.5012C11.2312 12.0238 10.8662 11.4322 10.7619 11.2523C10.6576 11.0724 10.7515 10.9755 10.8418 10.8856C10.9218 10.806 11.0226 10.6745 11.113 10.5707C11.2033 10.4669 11.2346 10.3908 11.2937 10.2697C11.3528 10.1487 11.325 10.0449 11.2798 9.95492C11.2346 9.86843 10.8801 8.97585 10.7202 8.61951Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_154_8319' x1='12.4994' y1='23.9988' x2='12.4994' y2='-0.000839698' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2320B038'/%3E%3Cstop offset='1' stop-color='%2360D66A'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_154_8319' x1='12.5014' y1='18.728' x2='12.5014' y2='4.67529' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2320B038'/%3E%3Cstop offset='1' stop-color='%2360D66A'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_154_8319' x1='12.5014' y1='18.9805' x2='12.5014' y2='4.42383' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F9F9F9'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 2.4rem;
    flex-shrink: 0
}

.btn--telegram:before {
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='url(%23paint0_linear_154_876)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.43208 11.8739C8.93032 10.3498 11.263 9.34501 12.4302 8.85954C15.7627 7.47343 16.4552 7.23264 16.9066 7.22469C17.0058 7.22295 17.2278 7.24755 17.3716 7.36421C17.493 7.46272 17.5264 7.59579 17.5423 7.68918C17.5583 7.78258 17.5782 7.99534 17.5624 8.16158C17.3818 10.0591 16.6004 14.6638 16.2029 16.789C16.0346 17.6882 15.7034 17.9897 15.3828 18.0192C14.6859 18.0834 14.1567 17.5587 13.4818 17.1163C12.4256 16.424 11.829 15.993 10.8038 15.3174C9.61902 14.5367 10.3871 14.1075 11.0623 13.4062C11.239 13.2227 14.3094 10.43 14.3688 10.1766C14.3762 10.1449 14.3831 10.0268 14.313 9.96446C14.2428 9.90209 14.1392 9.92342 14.0645 9.94038C13.9586 9.96442 12.2713 11.0796 9.00283 13.286C8.52391 13.6148 8.09013 13.775 7.70147 13.7666C7.27301 13.7574 6.44882 13.5244 5.83612 13.3252C5.08462 13.0809 4.48734 12.9518 4.53935 12.5369C4.56644 12.3208 4.86402 12.0998 5.43208 11.8739Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_154_876' x1='12' y1='0' x2='12' y2='23.822' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232AABEE'/%3E%3Cstop offset='1' stop-color='%23229ED9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 2.4rem;
    flex-shrink: 0
}

.btn--cookie {
    padding: 1.5rem 2.3rem;
    border-radius: 6.5rem
}

.btn--clear {
    background-color: #fff;
    border: 1px solid #fa8710;
    color: #fa8710
}

.btn--clear:hover {
    background-color: #fa8710;
    color: #fff
}

.btn.wait {
    animation: barberpole 1s linear infinite;
    background-size: 30px 30px;
    background-color: #fa8710;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%, transparent 75%, transparent)
}

.btn--plus {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.8rem 4.3rem;
    gap: 1.5rem;
    text-transform: uppercase
}

.btn--plus:before {
    content: "";
    display: block;
    width: 2.4rem;
    font-size: 1.7rem;
    height: 2.4rem;
    font-weight: 700;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 5V19M5.5 12H19.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
    transition: transform .2s ease;
    will-change: transform
}

.btn--plus:not(:disabled):hover {
    background-color: #fa8710;
    color: #fff;
    transform: translateY(-5px)
}

.btn-location {
    display: inline-flex;
    justify-self: flex-start;
    align-items: center;
    gap: .7rem;
    padding: 1rem 2rem;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.44444;
    color: #9b6e4d;
    text-transform: uppercase;
    text-decoration: underline;
    border-radius: 2rem;
    background-color: #fcfaf0;
    border: 1px solid #f8efcc
}

.btn-location:before {
    content: "";
    width: 3.4rem;
    height: 3.4rem;
    display: block;
    background: url(../images/location.svg) no-repeat center/contain;
    flex-shrink: 0
}

@media only screen and (min-width:577px) {
    .btn-location:before {
        margin-right: .7rem
    }
}

@media only screen and (max-width:576px) {
    .btn-location:before {
        width: 2.4rem;
        height: 2.4rem
    }
}

.btn-location:after {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    background: url(../images/arrow-right.svg) no-repeat center/contain;
    flex-shrink: 0
}

@media only screen and (max-width:576px) {
    .btn-location:after {
        display: none
    }
}

@media only screen and (max-width:576px) {
    .btn-location {
        padding: 1.1rem 2rem;
        font-size: 1.6rem
    }
}

.btn--white-2 {
    display: inline-block;
    text-align: center;
    padding: 1.8rem 3.3rem;
    color: #9b6e4d;
    font-family: "Montserrat", "fallback-for-montserrat", sans-serif !important;
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    border-radius: 6.5rem;
    background-color: #fff;
    border: .1rem solid #b4a897;
    box-shadow: 0 1rem 2rem 0 rgba(155, 96, 77, .2);
    transition: .1s ease-in-out
}

@media only screen and (max-width:576px) {
    .btn--white-2 {
        font-size: 1.6rem;
        padding: 1.6rem 3rem
    }
}

.header {
    position: relative;
    color: #fcfaf0;
    z-index: 25
}

@media only screen and (max-width:576px) {
    .header {
        display: flex;
        flex-direction: column;
               padding-top: 6rem;
        background: #3f3836;
    }
}

@media only screen and (max-width:1024px) {
    .header__social {
        display: none !important
    }
}

.header__social--mob {
    display: none !important
}

@media only screen and (max-width:576px) {
    .header__social--mob {
        display: flex !important
    }
}

@media only screen and (max-width:576px) {
    .header__btn {
        display: none
    }
}

.header__btn--mob {
    display: none
}

@media only screen and (max-width:576px) {
    .header__btn--mob {
        display: inline-block
    }
}

.header__burger {
    display: none
}

@media only screen and (max-width:576px) {
    .header__burger {
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        cursor: pointer;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12H21M3 6H21M3 18H15' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        order: -1
    }
 
}

.header__logo {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

@media only screen and (max-width:576px) {
    .header__logo {
        flex-direction: column;
        gap: .5rem
    }
}

.header__logo-main img {
    width: 8.4rem;
    height: auto
}

@media only screen and (max-width:576px) {
    .header__logo-main img {
        width: auto
    }
}

@media only screen and (max-width:1024px) {
    .header__logo-text {
        display: none
    }
}

@media only screen and (max-width:576px) {
    .header__logo-text {
        display: block
    }
}

.header__masthead {
    padding: 2rem 0;
    background: #3f3836
}

@media only screen and (max-width:576px) {
    .header__masthead {
        padding: 0;
        padding-bottom: 1.4rem;
        background: 0 0
    }
}

@media only screen and (max-width:576px) {
    .header__masthead .flex {
        flex-direction: column;
        gap: 1.4rem
    }
}

.phone {
    display: inline-block;
    color: #fcfaf0;
    font-size: 2rem;
    font-weight: 700;
    text-decoration-line: underline;
    text-underline-offset: .2rem
}

@media only screen and (max-width:576px) {
    .phone {
        font-size: 1.6rem
    }
}

.header__menu {
    background: #9b6e4d
}

@media only screen and (min-width:577px) {
    .header__menu .menu__main>ul>li>ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.6rem
    }
}

@media only screen and (min-width:577px) and (max-width:1024px) {
    .header__menu .menu__main>ul>li>ul {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width:577px) {
    .header__menu .menu__main>ul>li>ul>li:not(:last-child) {
        border-right: .1rem solid #f4ede6;
        padding-right: 2rem
    }

    .header__menu .menu__list {
        position: relative
    }

    .header__menu .menu__main>ul>li {
        display: flex;
        padding: 2rem 1rem;
        color: #fff;
        font-size: 1.7rem;
        font-weight: 600;
        z-index: 2;
        transition: .1s ease-in-out
    }

    .header__menu .menu__main>ul>li:before {
        content: "";
        padding-right: 2.3rem;
        border-left: .1rem solid #bda683
    }
}

@media only screen and (min-width:577px) and (max-width:1024px) {
    .header__menu .menu__main>ul>li:before {
        padding-right: 1.8rem
    }
}

@media only screen and (min-width:577px) {
    .header__menu .menu__main>ul>li:last-child:after {
        content: "";
        padding-left: 2.3rem;
        border-right: .1rem solid #bda683
    }
}

@media only screen and (min-width:577px) and (max-width:1024px) {
    .header__menu .menu__main>ul>li:last-child:after {
        padding-left: 1.8rem
    }
}

@media only screen and (min-width:577px) and (max-width:1024px) {
    .header__menu .menu__main>ul>li {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:577px) {
    .header__menu .menu__main>ul>li:hover>a {
        opacity: .7
    }

    .header__menu .menu__main>ul>li.menu-item-has-children:after {
        content: "";
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%23ffffff'/%3E%3C/svg%3E");
        background-size: 2.4rem;
        flex-shrink: 0;
        margin-left: .5rem;
        transition: transform .1s linear
    }

    .header__menu .menu__main>ul>li.menu-item-has-children:hover:after {
        transform: rotate(180deg);
        opacity: .7
    }

    .header__menu .menu__main>ul>li.menu-item-has-children:hover .sub-menu {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        pointer-events: all
    }
}

@media only screen and (max-width:576px) {
    .header__menu {
        padding: 1.6rem 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #3f3836;
        order: -1;
        z-index: 20
    }

    .header__menu .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0
    }
}

@media only screen and (max-width:1024px) {
    .header__phone {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.4rem
    }
}

@media only screen and (max-width:576px) {
    .header__phone {
        display: none
    }
}

.header__phone--mob {
    display: none
}

@media only screen and (max-width:576px) {
    .header__phone--mob {
        display: flex;
        flex-direction: row;
        gap: 3.4rem
    }
}

.header__mob {
    display: none
}

@media only screen and (max-width:576px) {
    .header__mob {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem
    }

    .header__mob .header__btn {
        display: inline-block
    }
}

@media only screen and (max-width:576px) {
    .header__row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem
    }
}

@media only screen and (max-width:576px) {
    .header__logo-text img {
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:576px) {
    .link-whatsapp {
        width: 3.4rem !important;
        height: 3.4rem !important
    }
}

@media only screen and (max-width:576px) {
    .header__review {
        width: 12.2rem
    }

    .header__review img {
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:576px) {
    .header__address {
        display: none !important
    }
}

.header__address--mob {
    display: flex !important;
    align-items: center;
    text-align: center
}

.header__address--mob .icon-color {
    fill: #9b6e4d;
    stroke: #9b6e4d
}

@media only screen and (max-width:576px) {
    .header__portfolio {
        display: flex;
        align-items: center;
        gap: .6rem;
        color: #9b6e4d;
        max-width: 11rem;
        font-size: 1.3rem;
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-transform: uppercase
    }

    .header__portfolio svg {
        flex-shrink: 0
    }
}

@media only screen and (max-width:576px) {
    .header__email {
        display: flex;
        align-items: center;
        gap: .8rem;
        font-size: 1.3rem;
        font-weight: 400;
        color: #3f3836;
        text-decoration: underline
    }
}

.menu__list {
    display: flex;
    align-items: center
}

@media only screen and (min-width:577px) {
    .menu__list>li {
        display: flex;
        padding: 2rem 1rem;
        color: #fff;
        font-size: 1.7rem;
        font-weight: 600;
        z-index: 2;
        transition: .1s ease-in-out
    }

    .menu__list>li:before {
        content: "";
        padding-right: 2.3rem;
        border-left: .1rem solid #bda683
    }
}

@media only screen and (min-width:577px) and (max-width:1024px) {
    .menu__list>li:before {
        padding-right: 1.8rem
    }
}

@media only screen and (min-width:577px) {
    .menu__list>li:last-child:after {
        content: "";
        padding-left: 2.3rem;
        border-right: .1rem solid #bda683
    }
}

@media only screen and (min-width:577px) and (max-width:1024px) {
    .menu__list>li:last-child:after {
        padding-left: 1.8rem
    }
}

@media only screen and (min-width:577px) and (max-width:1024px) {
    .menu__list>li {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:577px) {
    .menu__list>li:hover>a {
        opacity: .7
    }

    .menu__list>li.menu-item-has-children:after {
        content: "";
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%23ffffff'/%3E%3C/svg%3E");
        background-size: 2.4rem;
        flex-shrink: 0;
        margin-left: .5rem;
        transition: transform .1s linear
    }

    .menu__list>li.menu-item-has-children:hover:after {
        transform: rotate(180deg);
        opacity: .7
    }

    .menu__list>li.menu-item-has-children:hover .sub-menu {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        pointer-events: all
    }
}

.menu__list>li>ul {
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 0 10px 20px 0 rgba(68, 55, 43, .2);
    background-color: #fff;
    color: #9b6e4d;
    padding: 3.2rem;
    border-radius: 0 1.7rem 1.7rem;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10%);
    pointer-events: none;
    transition: transform .2s ease, opacity .2s ease;
    max-width: calc(142.6rem - 6rem)
}

@media only screen and (max-width:1024px) {
    .menu__list>li>ul {
        padding: 2.4rem;
        width: 100vw;
        max-width: calc(102.4rem - 6rem)
    }
}

.menu__list>li>ul li ul {
    margin-top: 2.3rem
}

.menu__list>li>ul li.menu-item-accent {
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 1rem
}

.menu__list>li>ul li.menu-item-accent:last-child {
    display: inline-block
}

@media only screen and (min-width:1025px) {
    .menu__list>li>ul li.menu-item-accent:last-child {
        margin-bottom: 0
    }
}

.menu__list>li>ul li.menu-item-accent:nth-last-child(2) {
    display: inline-block
}

@media only screen and (min-width:1025px) {
    .menu__list>li>ul li.menu-item-accent:nth-last-child(2) {
        margin-bottom: 0
    }
}

.menu__list>li>ul li.menu-item-accent>a {
    display: inline-block;
    padding: .5rem 1.4rem;
    line-height: 1.57143;
    background-color: #fff;
    box-shadow: 0 4px 10px 0 rgba(180, 178, 151, .2);
    border: 1px solid #f4ede6;
    border-radius: 6.5rem
}

.menu__list>li>ul li.bottom {
    border-bottom: .1rem solid #f4ede6;
    padding-bottom: 2rem;
    margin-bottom: 2rem
}

.menu__list>li>ul li ul li {
    font-weight: 700;
    font-size: 1.7rem;
    margin-bottom: 1.4rem
}

.menu__list>li>ul>li>a {
    font-size: 2rem;
    color: #3f3836
}

.menu__list>li>ul>li>span {
    display: block;
    color: #3f3836;
    font-size: 2rem
}

.menu__list>li.menu-item-has-children:after {
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: 2.4rem;
    flex-shrink: 0;
    margin-left: .5rem;
    transition: transform .1s linear
}

.menu__list>li.menu-item-has-children:hover:after {
    transform: rotate(180deg);
    opacity: .7
}

.menu__list>li.menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: all
}

@media only screen and (max-width:576px) {
    .menu__main {
        display: none
    }
}

.menu__mobile {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 95vw;
    background-color: #fff;
    padding: 1.6rem;
    z-index: 20;
    transform: translateX(-100%);
    opacity: 0;
    will-change: transform;
    transition: transform .2s ease, opacity .2s ease
}

.menu__mobile.active {
    transform: translateX(0);
    opacity: 1
}

@media only screen and (min-width:577px) {
    .menu__mobile {
        display: none
    }
}

.menu__mobile-header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2rem
}

.menu__mobile-subhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: transparent !important
}

.menu__mobile-close {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 8L8 24M8 8L24 24' stroke='%23B4A897' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0
}

.menu__mobile ul {
    max-height: 74vh;
    overflow-y: auto
}

.menu__mobile-list {
    display: flex;
    flex-direction: column;
    color: #9b6e4d;
    font-weight: 700;
    font-size: 1.8rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.menu__mobile-list>li>a {
    text-transform: uppercase
}

.menu__mobile-list li {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f4ede6
}

.menu__mobile-list li.menu-item-has-children>a {
    display: flex;
    align-items: center;
    gap: .4rem
}

.menu__mobile-list li.menu-item-has-children>a:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 13.5L11.25 9L6.75 4.5' stroke='%239B6E4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.menu__mobile-list .sub-menu-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1.6rem;
    background-color: #fff;
    transform: translateX(-100%);
    opacity: 0;
    will-change: transform;
    transition: transform .2s ease, opacity .2s ease;
    z-index: 1
}

.menu__mobile-list .sub-menu-wrapper.active {
    transform: translateX(0);
    opacity: 1
}

.menu__mobile-list .sub-menu li.back {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    color: #b4a897;
    text-transform: uppercase
}

.menu__mobile-list .sub-menu .menu__back {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.332 16L6.66536 16M6.66536 16L15.9987 25.3333M6.66536 16L15.9987 6.66664' stroke='%23B4A897' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0
}

@media only screen and (min-width:577px) {
    .menu__bottom {
        display: none
    }
}

@media only screen and (max-width:576px) {
    .menu__bottom {
        padding-top: 3rem
    }
}

@media only screen and (max-width:576px) {
    .menu__action {
        display: flex;
        align-items: center;
        color: #3f3836;
        font-size: 1.5rem;
        gap: 1rem;
        font-weight: 600
    }

    .menu__action button {
        font-weight: 600;
        font-size: 1.5rem
    }
}

.menu__callback {
    position: relative;
    margin-top: 1.7rem
}

.menu__social {
    position: absolute;
    right: 0;
    bottom: 0;
    gap: 1rem
}

.menu__social-whatsapp {
    order: -1
}

.menu__social li svg {
    width: 3.2rem !important;
    height: 3.2rem !important
}

.social {
    display: flex;
    align-items: center;
    gap: 1.6rem
}

.social a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
}

.social li {
    transition: .1s ease-in-out
}

.social li:hover {
    opacity: .9
}

.social li svg {
    width: 2.4rem;
    height: 2.4rem
}

.address {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    color: #fcfaf0;
    font-size: 1.6rem;
    font-weight: 400
}

@media only screen and (max-width:576px) {
    .address {
        color: #3f3836;
        font-size: 1.3rem
    }
}

input[type=text],
input[type=tel],
input[type=email],
textarea {
    border-radius: 6.5rem;
    border: .1rem solid #b4a897;
    background: #fff;
    box-shadow: 0 1rem 2rem 0 rgba(180, 178, 151, .2);
    padding: 1.4rem 2.1rem;
    color: #3f3836;
    font-size: 1.6rem;
    font-weight: 400;
    max-width: 100%;
    width: 100%;
    min-height: 5rem
}

input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
textarea::placeholder {
    font-family: "Montserrat", "fallback-for-montserrat", sans-serif !important;
    font-size: 1.6rem;
    color: #3f3836;
    opacity: .5
}

@media only screen and (max-width:576px) {

    input[type=text]::placeholder,
    input[type=tel]::placeholder,
    input[type=email]::placeholder,
    textarea::placeholder {
        font-size: 1.4rem
    }
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
textarea:focus {
    border-color: #fa8710;
    box-shadow: 0 1rem 2rem 0 rgba(250, 135, 16, .2)
}

input[type=submit] {
    margin-top: 1.3rem;
    min-height: 5rem
}

.form__file {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem;
    max-width: 12.7rem;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-radius: 1.7rem;
    border: .1rem dashed #b4a897;
    background: #f4ede6;
    color: #3f3836;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 400;
    cursor: pointer;
    transition: .1s ease-in-out
}

@media only screen and (max-width:1024px) {
    .form__file {
        max-width: 9.7rem
    }
}

.form__file:hover {
    border-color: #fa8710
}

.form__file>span.wpcf7-form-control-wrap {
    display: none
}

.form__file--light {
    border: .1rem dashed #faf0bb;
    background: #b48969;
    color: #fcfaf0
}

.form__file--input {
    background: #fff;
    border: .1rem dashed #b4a897;
    flex-direction: row;
    max-width: 100%;
    border-radius: 4.2rem;
    padding: 1.8rem 2.4rem;
    color: #3f3836;
    font-size: 1.5rem;
    justify-content: start;
    width: 100%
}

@media only screen and (max-width:576px) {
    .form__file--input {
        padding: 1.4rem 2.4rem
    }
}

.file {
    display: none
}

.file__icon {
    width: 2.5rem;
    height: 2.5rem
}

.protected {
    position: relative;
    display: flex;
    gap: .8rem;
    justify-content: center;
    align-items: center;
    color: #3f3836;
    font-size: 1.3rem;
    font-weight: 400;
    margin-top: 1.3rem;
    text-align: center
}

@media only screen and (max-width:576px) {
    .protected {
        font-size: 1.2rem
    }
}

.protected--light {
    color: #fcfaf0
}

.form__flex {
    display: flex;
    gap: 1.3rem;
    justify-content: space-between
}

.form__col {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
    flex-basis: 100%
}

@media only screen and (max-width:1024px) {
    .form__col {
        flex-basis: 70%
    }
}

.form__name {
    position: relative
}

.form__name:before {
    content: "";
    position: absolute;
    left: 2.1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.2rem;
    height: 2.2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23clip0_1_14018)'%3E%3Cpath d='M4.87328 17.8185C5.43091 16.5047 6.73285 15.5833 8.25001 15.5833H13.75C15.2672 15.5833 16.5691 16.5048 17.1267 17.8185M14.6667 8.70831C14.6667 10.7334 13.0251 12.375 11 12.375C8.97497 12.375 7.33334 10.7334 7.33334 8.70831C7.33334 6.68327 8.97497 5.04165 11 5.04165C13.0251 5.04165 14.6667 6.68327 14.6667 8.70831ZM20.1667 11C20.1667 16.0626 16.0626 20.1666 11 20.1666C5.9374 20.1666 1.83334 16.0626 1.83334 11C1.83334 5.93737 5.9374 1.83331 11 1.83331C16.0626 1.83331 20.1667 5.93737 20.1667 11Z' stroke='%233F3836' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_14018'%3E%3Crect width='22' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 2.2rem;
    background-repeat: no-repeat
}

.form__name input {
    padding-left: 5.3rem
}

.form__tel {
    position: relative
}

.form__tel:before {
    content: "";
    position: absolute;
    left: 2.1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.2rem;
    height: 2.2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23clip0_1_9241)'%3E%3Cpath d='M12.8789 5.49998C13.7742 5.67466 14.5971 6.11255 15.2421 6.75759C15.8871 7.40263 16.325 8.22547 16.4997 9.12081M12.8789 1.83331C14.739 2.03996 16.4737 2.87297 17.7979 4.19557C19.1222 5.51817 19.9574 7.25174 20.1664 9.11165M9.37443 12.7078C8.27298 11.6063 7.40326 10.3609 6.76526 9.03211C6.71039 8.91781 6.68295 8.86066 6.66187 8.78834C6.58695 8.53135 6.64076 8.21578 6.79661 7.99814C6.84046 7.93689 6.89285 7.8845 6.99764 7.77971C7.31811 7.45924 7.47835 7.299 7.58311 7.13787C7.97819 6.53022 7.97819 5.74686 7.58311 5.13921C7.47835 4.97808 7.31811 4.81784 6.99764 4.49737L6.81901 4.31874C6.33185 3.83158 6.08828 3.58801 5.82668 3.45569C5.30641 3.19254 4.692 3.19254 4.17174 3.45569C3.91014 3.58801 3.66656 3.83158 3.17941 4.31874L3.03491 4.46324C2.54942 4.94873 2.30668 5.19147 2.12128 5.5215C1.91556 5.88771 1.76765 6.4565 1.7689 6.87653C1.77002 7.25507 1.84345 7.51377 1.99031 8.03118C2.77953 10.8118 4.26863 13.4356 6.45762 15.6246C8.6466 17.8136 11.2704 19.3027 14.051 20.0919C14.5684 20.2388 14.8272 20.3122 15.2057 20.3133C15.6257 20.3146 16.1945 20.1667 16.5607 19.9609C16.8908 19.7755 17.1335 19.5328 17.619 19.0473L17.7635 18.9028C18.2506 18.4157 18.4942 18.1721 18.6265 17.9105C18.8897 17.3902 18.8897 16.7758 18.6265 16.2555C18.4942 15.9939 18.2506 15.7504 17.7635 15.2632L17.5849 15.0846C17.2644 14.7641 17.1041 14.6039 16.943 14.4991C16.3354 14.104 15.552 14.104 14.9443 14.4991C14.7832 14.6039 14.623 14.7641 14.3025 15.0846C14.1977 15.1894 14.1453 15.2418 14.0841 15.2856C13.8664 15.4415 13.5509 15.4953 13.2939 15.4204C13.2216 15.3993 13.1644 15.3718 13.0501 15.317C11.7213 14.679 10.4759 13.8092 9.37443 12.7078Z' stroke='%233F3836' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_9241'%3E%3Crect width='22' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 2.2rem;
    background-repeat: no-repeat
}

.form__tel input {
    padding-left: 5.3rem
}

.form__tel--brown:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23clip0_1_9241)'%3E%3Cpath d='M12.8789 5.49998C13.7742 5.67466 14.5971 6.11255 15.2421 6.75759C15.8871 7.40263 16.325 8.22547 16.4997 9.12081M12.8789 1.83331C14.739 2.03996 16.4737 2.87297 17.7979 4.19557C19.1222 5.51817 19.9574 7.25174 20.1664 9.11165M9.37443 12.7078C8.27298 11.6063 7.40326 10.3609 6.76526 9.03211C6.71039 8.91781 6.68295 8.86066 6.66187 8.78834C6.58695 8.53135 6.64076 8.21578 6.79661 7.99814C6.84046 7.93689 6.89285 7.8845 6.99764 7.77971C7.31811 7.45924 7.47835 7.299 7.58311 7.13787C7.97819 6.53022 7.97819 5.74686 7.58311 5.13921C7.47835 4.97808 7.31811 4.81784 6.99764 4.49737L6.81901 4.31874C6.33185 3.83158 6.08828 3.58801 5.82668 3.45569C5.30641 3.19254 4.692 3.19254 4.17174 3.45569C3.91014 3.58801 3.66656 3.83158 3.17941 4.31874L3.03491 4.46324C2.54942 4.94873 2.30668 5.19147 2.12128 5.5215C1.91556 5.88771 1.76765 6.4565 1.7689 6.87653C1.77002 7.25507 1.84345 7.51377 1.99031 8.03118C2.77953 10.8118 4.26863 13.4356 6.45762 15.6246C8.6466 17.8136 11.2704 19.3027 14.051 20.0919C14.5684 20.2388 14.8272 20.3122 15.2057 20.3133C15.6257 20.3146 16.1945 20.1667 16.5607 19.9609C16.8908 19.7755 17.1335 19.5328 17.619 19.0473L17.7635 18.9028C18.2506 18.4157 18.4942 18.1721 18.6265 17.9105C18.8897 17.3902 18.8897 16.7758 18.6265 16.2555C18.4942 15.9939 18.2506 15.7504 17.7635 15.2632L17.5849 15.0846C17.2644 14.7641 17.1041 14.6039 16.943 14.4991C16.3354 14.104 15.552 14.104 14.9443 14.4991C14.7832 14.6039 14.623 14.7641 14.3025 15.0846C14.1977 15.1894 14.1453 15.2418 14.0841 15.2856C13.8664 15.4415 13.5509 15.4953 13.2939 15.4204C13.2216 15.3993 13.1644 15.3718 13.0501 15.317C11.7213 14.679 10.4759 13.8092 9.37443 12.7078Z' stroke='%239B6E4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_9241'%3E%3Crect width='22' height='22' fill='%239B6E4D'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.radio label {
    cursor: pointer
}

.radio+label,
.checkbox+label,
.radio>span>label>span,
.checkbox>span>label>span {
    display: inline-flex;
    align-items: center;
    user-select: none;
    color: #3f3836;
    font-size: 1.6rem;
    font-weight: 400;
    cursor: pointer
}

.radio input,
.checkbox input {
    display: none
}

.radio+label:before,
.radio label>span:before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    flex-grow: 0;
    border: .1rem solid #b4a897;
    border-radius: 50%;
    margin-right: .8rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    background-color: #fff;
    box-shadow: 0 .2rem .5rem 0 rgba(155, 96, 77, .1);
    transition: .1s ease-in-out
}

.checkbox+label:before,
.checkbox label>span:before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    flex-grow: 0;
    border: .1rem solid #b4a897;
    border-radius: .3rem;
    margin-right: .8rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    background-color: #fff;
    box-shadow: 0 .2rem .5rem 0 rgba(155, 96, 77, .1);
    transition: .1s ease-in-out
}

.radio:not(:disabled):active+label:before,
.checkbox:not(:disabled):active+label:before {
    background-color: #faf0bb;
    border-color: #b4a897
}

.checkbox.wpcf7-not-valid label>span:before {
    border-color: #ec4040
}

.radio:focus+label:before,
.checkbox:focus+label:before,
.radio label:focus>span:before,
.checkbox label:focus>span:before {
    border-color: #fa8710
}

.radio:checked+label:before,
.radio input:checked+span:before {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='10' height='10' rx='5' fill='%23FA8710'/%3E%3C/svg%3E%0A")
}

.checkbox:checked+label:before,
.checkbox input:checked+span:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M13.1334 1.31836L5.33337 8.682L1.8667 5.40927' stroke='%23FA8710' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.radio:disabled+label:before,
.checkbox:disabled+label:before {
    background-color: #faf0bb
}

.radio:not(:disabled):not(:checked)+label:hover:before,
.checkbox:not(:disabled):not(:checked)+label:hover:before,
.radio input:not(:disabled):not(:checked)+span:hover:before,
.checkbox input:not(:disabled):not(:checked)+span:hover:before {
    border-color: #fa8710
}

.range {
    display: flex;
    flex-direction: column;
    width: 100%
}

.range input {
    width: 100%
}

.range label {
    margin-bottom: 1rem
}

input[type=range] {
    background: #b4a897;
    height: .2rem
}

input[type=range]::-moz-range-track {
    background: #b4a897
}

@-moz-document url-prefix() {
    input[type=range] {
        background: 0 0;
        padding: 1.5rem 0
    }
}

label {
    color: #3f3836;
    font-size: 1.8rem;
    font-weight: 500
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 3rem;
    height: 3rem;
    background-color: #fa8710;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='6' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.2rem;
    box-shadow: 0 .5rem 1rem 0 rgba(250, 135, 16, .3)
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    width: 3rem;
    height: 3rem;
    background-color: #fa8710;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='6' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.2rem;
    border: none;
    box-shadow: 0 .5rem 1rem 0 rgba(250, 135, 16, .3)
}

.range__value {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #9b6e4d;
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 1.5rem
}

.range__current {
    color: #9b6e4d;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1
}

.hero {
    position: relative;
    padding: 6.2rem 0;
    z-index: 1;
    overflow: hidden
}

@media only screen and (max-width:576px) {
    .hero>.container {
        display: flex;
        flex-direction: column
    }
}

@media only screen and (max-width:576px) {
    .hero {
        padding: 2rem 0
    }
}

.hero--main:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50%;
    background: #fefbed;
    z-index: -1
}

@media only screen and (max-width:576px) {
    .hero--main:before {
        bottom: 60%
    }
}

.hero--main:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 50%;
    background: #f4ede6;
    z-index: -1
}

@media only screen and (max-width:576px) {
    .hero--main:after {
        top: 40%
    }
}

.hero--main .hero__action {
    position: absolute;
    bottom: 0;
    left: 0
}

@media only screen and (max-width:1024px) {
    .hero--main .hero__action {
        bottom: -3rem
    }
}

@media only screen and (max-width:576px) {
    .hero--main .hero__action {
        display: none
    }
}

.hero--inside {
    padding-top: 10.8rem;
    color: #fff;
    animation: bg 5s ease forwards
}

@media only screen and (max-width:1024px) {
    .hero--inside {
        padding-top: 4.1rem
    }
}

@media only screen and (max-width:576px) {
    .hero--inside {
        animation: none
    }
}

.hero--inside:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .6) 100%);
    z-index: -1
}

.hero--inside p {
    color: #fff
}

@media only screen and (max-width:576px) {
    .hero--inside .hero__form {
        margin-top: 0
    }
}

@media only screen and (min-width:577px) {
    .hero--inside .hero__review {
        top: -4rem;
        right: -5rem
    }
}

@media only screen and (max-width:768px) {
    .hero--inside .hero__review {
        top: -4rem;
        right: -2rem
    }
}

.hero--inside .hero__action {
    margin-top: 4rem
}

@media only screen and (max-width:576px) {
    .hero--inside .hero__action {
        display: none
    }
}

.hero--inside .hero__action--mob {
    display: none
}

@media only screen and (max-width:576px) {
    .hero--inside .hero__action--mob {
        position: static;
        display: block;
        margin-top: 0
    }
}

.hero--inside .hero__action p:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='42' viewBox='0 0 84 42' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5236 20.3693C11.7096 16.2969 15.2832 13.1596 19.3045 11.1516C24.5051 8.55467 30.5772 7.78412 37.772 9.48354C45.5434 11.3191 49.9504 15.5894 54.6406 20.1342L54.641 20.1346C55.1156 20.5945 55.5932 21.0572 56.0774 21.5205C61.3721 26.5864 67.2997 31.4898 78.5128 32.2853C79.3392 32.344 80.0566 31.7216 80.1152 30.8953C80.1738 30.0689 79.5514 29.3515 78.7251 29.2929C68.5357 28.57 63.2421 24.2236 58.1514 19.3529C57.6716 18.8938 57.1922 18.4282 56.7095 17.9593C52.0451 13.4282 47.0725 8.59777 38.4617 6.56388C30.6537 4.71964 23.8548 5.52621 17.9643 8.46763C14.12 10.3873 10.7157 13.1893 7.68951 16.667C7.87889 16.2278 8.07057 15.7734 8.25452 15.3188C8.7852 14.007 9.30225 12.5725 9.52132 11.3793C9.67091 10.5645 9.13165 9.78271 8.31684 9.63311C7.50203 9.48352 6.72023 10.0228 6.57063 10.8376C6.41051 11.7097 5.99533 12.9038 5.47349 14.1936C5.07615 15.1758 4.64649 16.1436 4.26842 16.9952L4.26839 16.9953L4.26838 16.9953L4.26827 16.9956C4.15623 17.2479 4.04873 17.4901 3.94794 17.7194C3.27873 19.2419 2.84619 20.5196 2.44161 21.7706C2.38149 21.9565 2.32217 22.1412 2.26291 22.3257L2.2629 22.3258L2.2629 22.3258C1.93555 23.345 1.61007 24.3584 1.16145 25.5382C0.861865 26.0285 0.859263 26.6695 1.20655 27.173C1.67692 27.8549 2.61106 28.0264 3.29299 27.556C4.82783 26.4973 6.32429 25.4844 7.75607 24.5152L7.75619 24.5152C9.46727 23.3569 11.086 22.2612 12.5675 21.2247C13.9209 20.2778 14.5779 19.8779 15.0571 19.6315C15.3649 19.4733 15.5689 19.3883 15.8497 19.2713L15.8497 19.2713C16.0705 19.1793 16.3388 19.0675 16.7422 18.8848C17.4969 18.5431 17.8316 17.6543 17.4899 16.8996C17.1482 16.145 16.2594 15.8102 15.5047 16.1519C15.2858 16.2511 15.0643 16.3449 14.8425 16.4389L14.8424 16.439C14.4538 16.6037 14.0642 16.7688 13.6856 16.9634C13.0202 17.3054 12.2289 17.8002 10.8477 18.7666C10.0955 19.2929 9.32186 19.8249 8.5236 20.3693Z' fill='%23FAF0BB'/%3E%3C/svg%3E")
}

.hero--inside .hero__text {
    border-color: #fcfaf0
}

.hero--inside .hero__form {
    background: rgba(0, 0, 0, .2);
    border: .1rem solid #9b6e4d;
    width: 50%;
}
.hero__body{
    width: 50%;
}
.hero--inside .form__file {
    background: #faf0bb
}

.hero--inside .hero__cards {
    border-radius: 1.7rem;
    background: rgba(0, 0, 0, .2)
}

@media only screen and (max-width:1024px) {
    .hero--inside .hero__title {
               max-width: 100%;
    }
}

@media only screen and (max-width:1024px) {
    .hero--inside .hero__text {
        max-width: 49.9rem
    }
}

.hero__flex {
    display: flex;
    gap: 4rem;
    align-items: start
}

@media only screen and (max-width:576px) {
    .hero__flex {
        flex-direction: column;
        gap: 2.4rem
    }
}

.hero__title {
    max-width: 83rem
}

.hero__text {
    position: relative;
    max-width: 59.5rem;
    margin-top: 4rem;
    border-left: .2rem solid #9b6e4d;
    padding-left: 1.7rem
}

@media only screen and (max-width:1024px) {
    .hero__text {
        max-width: 55.2rem
    }
}

@media only screen and (max-width:576px) {
    .hero__text {
        margin-top: 3rem;
        margin-bottom: 1rem
    }
}

.text {
    color: #3f3836;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.3
}

@media only screen and (max-width:1024px) {
    .text {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:576px) {
    .text {
        font-size: 1.3rem;
        line-height: 1.7
    }
}

.hero__action p {
    position: relative;
    font-size: 1.3rem;
    font-weight: 400;
    max-width: 28.1rem
}

@media only screen and (max-width:1024px) {
    .hero__action p {
        font-size: 1.2rem;
        max-width: 25.1rem
    }
}

.hero__action p:before {
    content: "";
    position: absolute;
    bottom: 80%;
    left: -5%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='42' viewBox='0 0 84 42' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.52347 20.3693C11.7095 16.2969 15.2831 13.1596 19.3044 11.1516C24.505 8.55467 30.5771 7.78412 37.7719 9.48354C45.5432 11.3191 49.9502 15.5894 54.6405 20.1342L54.6409 20.1346C55.1155 20.5945 55.593 21.0572 56.0773 21.5205C61.372 26.5864 67.2995 31.4898 78.5127 32.2853C79.339 32.344 80.0564 31.7216 80.1151 30.8953C80.1737 30.0689 79.5513 29.3515 78.725 29.2929C68.5355 28.57 63.2419 24.2236 58.1512 19.3529C57.6715 18.8938 57.1921 18.4282 56.7094 17.9593C52.045 13.4282 47.0724 8.59777 38.4615 6.56388C30.6536 4.71964 23.8546 5.52621 17.9642 8.46763C14.1199 10.3873 10.7156 13.1893 7.68938 16.667C7.87877 16.2278 8.07045 15.7734 8.25439 15.3188C8.78508 14.007 9.30213 12.5725 9.52119 11.3793C9.67079 10.5645 9.13152 9.78271 8.31671 9.63311C7.50191 9.48352 6.7201 10.0228 6.57051 10.8376C6.41039 11.7097 5.99521 12.9038 5.47337 14.1936C5.07603 15.1758 4.64637 16.1436 4.26829 16.9952L4.26827 16.9953L4.26826 16.9953L4.26814 16.9956C4.15611 17.2479 4.04861 17.4901 3.94782 17.7194C3.27861 19.2419 2.84606 20.5196 2.44149 21.7706C2.38137 21.9565 2.32205 22.1412 2.26279 22.3257L2.26278 22.3258L2.26278 22.3258C1.93543 23.345 1.60995 24.3584 1.16133 25.5382C0.861743 26.0285 0.859141 26.6695 1.20642 27.173C1.6768 27.8549 2.61094 28.0264 3.29287 27.556C4.82771 26.4973 6.32416 25.4844 7.75595 24.5152L7.75607 24.5152C9.46715 23.3569 11.0859 22.2612 12.5674 21.2247C13.9208 20.2778 14.5778 19.8779 15.057 19.6315C15.3647 19.4733 15.5688 19.3883 15.8496 19.2713L15.8496 19.2713C16.0704 19.1793 16.3387 19.0675 16.7421 18.8848C17.4968 18.5431 17.8315 17.6543 17.4898 16.8996C17.1481 16.145 16.2593 15.8102 15.5046 16.1519C15.2856 16.2511 15.0642 16.3449 14.8424 16.4389L14.8422 16.439C14.4536 16.6037 14.0641 16.7688 13.6855 16.9634C13.0201 17.3054 12.2288 17.8002 10.8475 18.7666C10.0954 19.2929 9.32174 19.8249 8.52347 20.3693Z' fill='%239B6E4D'/%3E%3C/svg%3E");
    background-size: 8.4rem 4.2rem;
    background-repeat: no-repeat;
    width: 8.4rem;
    height: 4.2rem
}

@media only screen and (max-width:576px) {
    .hero__action p:before {
        display: none
    }
}

@media only screen and (max-width:576px) {
    .hero__action .btn--secondary {
        flex-shrink: 0
    }
}

.hero__form {
    position: relative;
max-width: 100%;
    margin-top: 4rem;
    border-radius: 1.7rem;
    background: #fff;
    box-shadow: 0 .4rem 1.7rem 0 rgba(80, 56, 48, .23);
    padding: 3.6rem 2.6rem 2.2rem
}

@media only screen and (max-width:1024px) {
    .hero__form {
        max-width: 40.4rem
    }
}

@media only screen and (max-width:576px) {
    .hero__form {
        margin-top: 2.4rem;
        padding: 2.2rem 2rem;
        order: 1
    }
}

@media only screen and (max-width:576px) {
    .hero__review {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .hero__review {
        top: -4rem;
        right: -4rem;
        padding: 1rem;
        width: 14rem
    }
}

@media only screen and (min-width:577px) {
    .hero__review {
        position: absolute;
        top: -3rem;
        right: -3rem;
        transform: rotate(15deg);
        filter: drop-shadow(0 4px 14px rgba(0, 0, 0, .11));
        z-index: 2
    }

    .hero__review svg {
        width: 14.2rem;
        height: 4.9rem
    }
}

.hero__image {
    position: absolute;
    right: -2rem;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: 44vw
}

@media only screen and (max-width:1024px) {
    .hero__image {
        max-width: 55vw
    }
}

@media only screen and (max-width:576px) {
    .hero__image {
        max-width: 100%
    }
}

.hero__image>figure {
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (max-width:1024px) {
    .hero__image>figure {
        right: -10rem;
        top: 7rem;
        transform: translate(0%, 0%) !important
    }

    .hero__image>figure.square {
        right: -9rem;
        top: -24px
    }
}

@media only screen and (max-width:576px) {
    .hero__image>figure {
        position: static
    }
}

@media only screen and (max-width:576px) {
    .hero__image {
        position: static;
        margin-top: 2.4rem
    }
}

.hero__image img {
    max-width: 83.4rem;
    min-width: 58.9rem;
    width: 100%;
    height: auto
}

@media only screen and (max-width:1024px) {
    .hero__image img {
        max-width: 66.4rem
    }
}

@media only screen and (max-width:576px) {
    .hero__image img {
        min-width: 0
    }
}

.action__row {
    gap: 2.2rem;
    margin-top: 1.5rem
}

@media only screen and (max-width:576px) {
    .action__row {
        margin-top: .6rem
    }
}

.action__title {
    position: relative;
    max-width: 19.2rem;
    color: #4f4f4f;
    font-size: 1.5rem;
    font-weight: 600;
    z-index: 1;
    text-align: center
}

.action__title strong {
    color: #fa8710;
    font-weight: 800
}

.action__title span {
    display: inline-block
}

.action__title:before {
    content: "";
    position: absolute;
    left: 0;
    top: -.5rem;
    bottom: -.5rem;
    right: 0;
    background: #fcfaf0;
    z-index: -1;
    transform: rotate(-3deg)
}

.hero__card-icon img {
    width: 12.8rem;
    height: auto
}

.hero__cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: stretch;
    color: #4f4f4f;
    font-size: 1.4rem;
    font-weight: 600;
    margin-top: 5.6rem
}

@media only screen and (max-width:1024px) {
    .hero__cards {
        font-size: 1.3rem
    }
}

@media only screen and (max-width:576px) {
    .hero__cards {
        grid-template-columns: repeat(2, 1fr);
        gap: .8rem;
        font-size: 1.2rem;
        margin-top: 2.4rem
    }
}

.hero__card {
    display: flex;
    align-items: center
}

@media only screen and (max-width:576px) {
    .hero__card:last-child {
        display: none
    }
}

.hero__card:not(:last-child):after {
    content: "";
    display: block;
    width: .1rem;
    height: 100%;
    opacity: .2;
    background: #a77f61;
    margin-left: 3.1rem;
    margin-right: 3.1rem
}

@media only screen and (max-width:1024px) {
    .hero__card:not(:last-child):after {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

@media only screen and (max-width:576px) {
    .hero__card:not(:last-child):after {
        display: none
    }
}

@media only screen and (max-width:576px) {
    .hero__card:nth-child(odd):not(:last-child):after {
        content: "";
        display: block;
        width: .1rem;
        height: 100%;
        opacity: .2;
        background: #a77f61
    }
}

.hero__card-icon {
    flex-shrink: 0
}

@media only screen and (max-width:1024px) {
    .hero__card-icon img {
        width: 9rem
    }
}

@keyframes bg {
    0% {
        background-size: 100%
    }

    100% {
        background-size: 120%
    }
}

.cookie-notification {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 142.6rem;
    transform: translateX(-50%);
    padding: 2.6rem 3rem;
    background-color: #fff;
    border-radius: 1.7rem 1.7rem 0 0;
    border: .2rem solid #f4ede6;
    box-shadow: 0 -.4rem .4rem 0 rgba(180, 168, 151, .1);
    font-size: 1.5rem;
    font-weight: 500;
    z-index: 99
}

@media only screen and (max-width:1024px) {
    .cookie-notification {
        max-width: 102.4rem
    }
}

@media only screen and (max-width:576px) {
    .cookie-notification {
        max-width: 37.5rem;
        padding: 2rem 1.2rem;
        font-size: 1.1rem
    }
}

.cookie-notification p {
    max-width: 53%
}

@media only screen and (max-width:1024px) {
    .cookie-notification p {
        max-width: 70%
    }
}

.cookie-notification a {
    font-weight: 700;
    text-decoration-line: underline
}

.cookie-notification._active {
    display: flex
}

.crumbs {
    padding: 4rem 0
}

@media only screen and (max-width:576px) {
    .crumbs {
        padding: 1.6rem 0
    }
}

.breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .8rem;
    font-size: 1.5rem;
    font-weight: 400;
    padding: 2rem 0;
    color: #b4a897;
    border-bottom: .1rem solid #b4a897
}

@media only screen and (max-width:576px) {
    .breadcrumbs {
        font-size: 1.4rem
    }
}

.breadcrumbs li {
    display: flex;
    gap: .8rem
}

.breadcrumbs a {
    color: #3f3836;
    transition: .1s ease-in-out
}

.breadcrumbs a:hover {
    color: #fa8710
}

.delimeter {
    display: flex;
    justify-content: center;
    align-items: center
}

.delimeter .icon {
    width: 1.5rem;
    height: 1.5rem
}

.wp-block-group {
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.4
}

@media only screen and (max-width:1024px) {
    .wp-block-group {
        font-size: 1.5rem
    }
}

.content {
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.4
}

.content ul p,
.content ol p {
    display: inline
}

.content--typography a:not([class]) {
    color: #fa8710;
    text-decoration: underline
}

.content--typography h2 {
    margin-bottom: 2.4rem
}

.content--typography h5 {
    margin-bottom: 2.4rem
}

.content--typography p {
    margin-bottom: 2rem
}

@media only screen and (max-width:576px) {
    .content--typography p {
        margin-bottom: 1.2rem
    }
}

.content--typography ul li,
.content--typography ol li {
    margin-bottom: 2rem
}

@media only screen and (max-width:576px) {

    .content--typography ul li,
    .content--typography ol li {
        margin-bottom: 1.2rem
    }
}

.content--typography ul li {
    position: relative;
    padding-left: 3.4rem
}

.content--typography ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/check.svg) no-repeat center/contain
}

.content--typography ol {
    list-style-type: decimal
}

.content--tab {
    display: flex;
    gap: 4.4rem;
    justify-content: center;
    font-size: 2rem
}

.content--tab .content__text {
    flex: 1 1 70%
}

@media only screen and (min-width:577px) {
    .content--tab .content__text {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media only screen and (max-width:576px) {
    .content--tab {
        flex-direction: column;
        font-size: 1.6rem;
        gap: 2rem
    }
}

.content--tab .content__img {
    flex: 1 1 30%
}

.content--tab .content__img img {
    border-radius: 20px;
    width: 100%;
    height: auto
}

@media only screen and (max-width:1024px) {
    .content {
        font-size: 1.5rem
    }
}

.content a:not(.btn, section .btn, section a, .materials__item) {
    color: #fa8710;
    font-size: 1.7rem;
    font-weight: 700;
    text-decoration-line: underline;
    transition: .1s ease-in-out
}

.content a:not(.btn, section .btn, section a, .materials__item):hover {
    opacity: .8
}

.content p:not(section p) {
    padding: 1rem 0
}

.content h1:not(section h1),
.content h2:not(section h2),
.content h3:not(section h3),
.content h4:not(section h4),
.content h5:not(section h5),
.content h6:not(section h6) {
    padding: 1.4rem 0;
    text-align: start;
    clear: both
}

@media only screen and (max-width:1024px) {

    .content h1:not(section h1),
    .content h2:not(section h2),
    .content h3:not(section h3),
    .content h4:not(section h4),
    .content h5:not(section h5),
    .content h6:not(section h6) {
        padding: 1.2rem 0
    }
}

.content ol {
    padding: 2rem 0
}

.content ol li {
    list-style-type: decimal;
    list-style-position: inside
}

.content ul:not(section ul) {
    padding: 2rem 0
}

@media only screen and (max-width:576px) {
    .content ul:not(section ul) {
        padding: 1rem 0
    }
}

.content ul li:not(section li) {
    position: relative;
    margin-left: 2.5rem;
    line-height: 1.47
}

.content ul li:not(section li):before {
    content: "";
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: .5rem;
    height: .5rem;
    background: #3f3836;
    border-radius: 50%
}

.content img:not(section img) {
    padding: 1rem;
    height: auto
}

.content .wp-block-group__inner-container {
    padding-left: 23.8rem;
    padding-right: 23.8rem
}

@media only screen and (max-width:878px) {
    .content .wp-block-group__inner-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.aligncenter {
    margin: 0 auto
}

.wp-block-media-text .wp-block-media-text__media {
    padding: 2rem 0
}

figure.wp-block-gallery.has-nested-images {
    display: flex;
    flex-wrap: wrap
}

.content .content__contents {
    display: flex;
    align-items: start;
    gap: 4rem;
    padding: 2rem 0
}

@media only screen and (max-width:576px) {
    .content .content__contents {
        flex-direction: column;
        gap: 1.6rem
    }
}

.content .content__contents img {
    width: 100%;
    max-width: 40rem;
    min-height: 22.5rem;
    height: auto;
    flex-shrink: 0
}

.content .content__contents ul {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.content .content__contents li {
    line-height: 1.3
}

.content .content__contents li:before {
    background: #9b6e4d
}

.content .content__contents li a {
    color: #9b6e4d;
    font-size: 1.7rem;
    font-weight: 700;
    text-decoration-line: underline
}

@media only screen and (max-width:576px) {
    .content .content__contents li a {
        font-size: 1.3rem;
        font-weight: 400
    }
}

.content .wp-block-columns {
    gap: 3.4rem;
    max-width: 142.6rem;
    margin: 0 auto;
    padding: 0 3rem
}

@media only screen and (max-width:1024px) {
    .content .wp-block-columns {
        max-width: 102.4rem
    }
}

@media only screen and (max-width:768px) {
    .content .wp-block-columns {
        gap: 2rem
    }
}

@media only screen and (max-width:576px) {
    .content .wp-block-columns {
        max-width: 37.5rem;
        padding: 0 1.2rem
    }
}

.content .wp-block-columns .wp-block-embed,
.content .wp-block-columns .wp-block-embed__wrapper {
    width: 100%;
    height: 100%
}

.content .wp-block-columns iframe {
    width: 100%;
    height: 100%
}

@media only screen and (max-width:768px) {
    .content .wp-block-columns iframe {
        aspect-ratio: 2/1.4
    }
}

.content .wp-block-columns .wp-block-column {
    flex-basis: 50%
}

.content .materials__items {
    max-width: 142.6rem;
    margin: 0 auto;
    padding: 0 3rem
}

@media only screen and (max-width:1024px) {
    .content .materials__items {
        max-width: 102.4rem
    }
}

@media only screen and (max-width:576px) {
    .content .materials__items {
        max-width: 37.5rem;
        padding: 0 1.2rem
    }
}

.content .lead {
    margin-top: 24px;
    margin-bottom: 24px;
    background-color: #f4ede6
}

.wp-block-columns {
    display: flex
}

.wp-block-columns .wp-block-image {
    padding: 0 !important
}

@media only screen and (max-width:768px) {
    .wp-block-columns {
        flex-direction: column
    }
}

@media only screen and (max-width:768px) {
    .wp-block-media-text {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: flex-start
    }
}

.entry-header {
    position: relative;
    padding-top: 8.8rem;
    padding-bottom: 8.8rem;
    z-index: 1
}

.entry-header--single {
    padding-bottom: 5.2rem
}

.entry-header:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #000;
    opacity: .5;
    z-index: -1
}

.entry-header--center .entry-header__wrap {
    max-width: 89rem;
    margin: 0 auto
}

@media only screen and (max-width:1024px) {
    .entry-header--center .entry-header__wrap {
        max-width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .entry-header--center .entry-header__wrap .subtitle {
        margin: 0;
        margin-top: 1.6rem
    }
}

.entry-header--center .subtitle {
    text-align: start
}

.pagination {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 4rem;
    justify-content: center
}

.pagination a,
.pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 .4rem 1rem 0 rgba(180, 178, 151, .2);
    color: #9b6e4d;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    width: 3.4rem;
    height: 3.4rem;
    border: .1rem solid #d8c8b7;
    background: #fff;
    border-radius: 50%;
    transform: .1s ease-in-out
}

.pagination a.current,
.pagination span.current {
    color: #fff;
    background: #fa8710;
    border-color: rgba(255, 232, 208, .3)
}

.pagination a.prev .icon,
.pagination span.prev .icon {
    transform: rotate(180deg)
}

.pagination a:hover {
    color: #fff;
    background: #fa8710;
    border-color: rgba(255, 232, 208, .3)
}

.pagination a:hover .icon {
    stroke: #fff;
    fill: #fff
}

.overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(73, 79, 99, .4);
    z-index: 20;
    transition: .3s all
}

.overlay._active {
    opacity: 1;
    visibility: visible
}

.modal {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    max-width: 64.6rem;
    overflow-y: auto;
    max-height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 30;
    padding: 6rem 4.4rem;
    border-radius: 3.2rem;
    background: #fcfaf0;
    box-shadow: 0 1rem 2rem 0 rgba(125, 148, 177, .2);
    transition: .3s all;
    font-size: 1.8rem
}

@media only screen and (max-width:576px) {
    .modal {
        max-width: 35.6rem;
        padding: 5.4rem 3.2rem;
        font-size: 1.5rem
    }
}

.modal h2 {
    color: #9b6e4d;
    padding-bottom: 1.6rem
}

.modal p {
    font-weight: 500
}

.modal._active {
    opacity: 1;
    visibility: visible
}

.modal form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
    max-width: 39.9rem;
    padding-top: 2.2rem;
    padding-bottom: 4.8rem;
    margin: 0 auto
}

@media only screen and (max-width:576px) {
    .modal form {
        padding: 2rem 0
    }
}

.modal form input[type=text],
.modal form input[type=tel],
.modal form input[type=email],
.modal form textarea {
    padding: 1.8rem 2.4rem;
    padding-left: 5.6rem
}

@media only screen and (max-width:576px) {

    .modal form input[type=text],
    .modal form input[type=tel],
    .modal form input[type=email],
    .modal form textarea {
        padding: 1.4rem 2.4rem;
        padding-left: 5.6rem
    }
}

.modal form input[type=submit] {
    padding: 1.8rem 3.3rem
}

@media only screen and (max-width:576px) {
    .modal form input[type=submit] {
        padding: 1.4rem 2.4rem
    }
}

.modal form .radio+label,
.modal form .checkbox+label,
.modal form .radio>span>label>span,
.modal form .checkbox>span>label>span {
    font-size: 1.2rem
}

.modal__cross {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    stroke: #b4a897;
    cursor: pointer;
    transition: .1s ease-in-out
}

.modal__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    margin-top: 2.2rem
}

@media only screen and (max-width:576px) {
    .modal__buttons {
        flex-direction: column;
        margin-top: 1.2rem
    }
}

@media only screen and (max-width:576px) {
    .modal__buttons .btn {
        width: 100%
    }
}

.error-404__btn {
    margin-top: 2rem
}

.v3_cont {
    display: flex;
    height: 70px;
    gap: 10px;
    background: #f5f5f7;
    border-radius: 35px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .5s ease;
    padding: 0;
    width: 0;
    opacity: 1
}
.quick_buttons_v3.open .v3_cont {
    padding: 10px 20px;
    width: auto
}



.v3_cont .quick_btn {
    width: 0;
    transition: all .5s ease;
    opacity: 0
}

.quick_buttons_v3.open .v3_cont .quick_btn {
    width: 50px;
    opacity: 1;
    font-size: 2.2rem;
    border-radius: 50%;
    line-height: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quick_buttons_v3 .v3_btn_close {
    width: 20px;
    height: 20px;
    display: flex;
    position: absolute;
    right: -3px;
    top: -3px;
    background: #aeaeae;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-family: arial;
    padding-bottom: 2px;
    transition: all .5s ease;
    cursor: pointer
}

.quick_buttons_v3.open .v3_btn_close {
    opacity: 0
}

.v3_btn {
    background-image: url(../images/chat-70.png);
    width: 70px;
    height: 70px;
    background-size: contain;
    cursor: pointer;
    transition: all .5s ease;
    position: relative
}

.v3_cont .v3_close {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease;
    background-image: url(../images/x2-50.png);
    background-position: center
}

.v3_cont .v3_close:hover {
    background-color: #ffdfdf
}

.quick_buttons_v3 {
    position: fixed;
    bottom: 20px;
    right: 25px;
    transition: all .3s ease;
    opacity: .5;
    z-index: 20
}


.quick_buttons_v3.scroll {
    bottom: 85px
}

.quick_buttons_v3.open {
    opacity: 1
}

.quick_buttons_v2 .scrollBtn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    background-image: url(../images/totop2.png);
    background-size: cover
}

.quick_buttons_v2 .cont {
    display: flex;
    justify-content: space-around;
    margin-top: 20px
}

.quick_buttons_v2 {
    position: fixed;
    opacity: .5;
    transition: all .3s ease;
    background: 0 0;
    right: 35px;
    padding: 0;
    bottom: 20px;
    z-index: 20
}
@media only screen and (max-width:576px) {
    .v3_cont {
        height: 190px;
        flex-direction: column;
        bottom: 0;
        top: auto;
    }
    .quick_buttons_v3.open .v3_cont .quick_btn {
            height: 50px;
    }
    .quick_buttons_v3{
            right: 5px;
    }
    .quick_buttons_v3.open .v3_cont{
        padding: 10px;
    }
}

.item-card {
    display: flex;
    flex-direction: column;
    border-radius: 1.7rem;
    border-left: .5rem solid #fa8710;
    background: #fff;
    box-shadow: 0 .4rem 1.7rem 0 rgba(80, 56, 48, .23);
    transition: .1s ease-in-out
}

.item-card__row {
    display: flex;
    align-items: center;
    gap: 1rem
}

.item-card__row svg {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0
}

.item-card a {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.item-card .icon-color--brown {
    transition: .1s ease-in-out
}

.item-card:hover {
    border-color: #f7ca7a
}

.item-card:hover .icon-color--brown {
    fill: #f7ca7a;
    stroke: #f7ca7a
}

.item-card:hover .item-card__title {
    color: #f7ca7a
}

.item-card__text {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.7;
    letter-spacing: .08em;
    color: #fa8710
}

.item-card__title {
    color: #9b6e4d;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 2.1rem;
    font-weight: 600;
    transition: .1s ease-in-out
}

@media only screen and (max-width:576px) {
    .item-card__title {
        font-size: 1.9rem
    }
}

.item-card__img {
    position: relative;
    left: -.5rem;
    width: calc(100% + .5rem);
    height: 18.3rem;
    overflow: hidden;
    border-radius: 1.7rem 1.7rem 0 0
}

.item-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.item-card__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.4rem 3.2rem 3.5rem;
    margin-top: auto
}

@media only screen and (max-width:576px) {
    .item-card__bottom .date {
        padding-left: 1.5rem
    }
}

.item-card__body {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    padding: 2.2rem 2.4rem 1.9rem
}

.service-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.2rem
}

@media only screen and (max-width:1400px) {
    .service-cards {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:878px) {
    .service-cards {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:576px) {
    .service-cards {
        grid-template-columns: 1fr;
        gap: 1.6rem
    }
}

.play {
    position: relative;
    display: block;
    width: 8.2rem;
    height: 8.2rem;
    background-color: #fa8710;
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='38' viewBox='0 0 37 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.7251 8.41619C7.7251 6.94992 7.7251 6.21679 8.03082 5.81266C8.29715 5.46059 8.70424 5.24272 9.14491 5.21641C9.65076 5.18621 10.2608 5.59288 11.4808 6.40622L27.3572 16.9905C28.3653 17.6626 28.8693 17.9986 29.0449 18.4221C29.1985 18.7924 29.1985 19.2086 29.0449 19.5788C28.8693 20.0024 28.3653 20.3384 27.3572 21.0104L11.4808 31.5947C10.2608 32.4081 9.65076 32.8147 9.14491 32.7845C8.70424 32.7582 8.29715 32.5404 8.03082 32.1883C7.7251 31.7842 7.7251 31.051 7.7251 29.5848V8.41619Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 3.8rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 122, 73, .3);
    box-shadow: 0 0 24px 10px #fff;
    transform-origin: 0 0;
    transition: scale .2s ease
}

.play:after {
    content: "";
    position: absolute;
    inset: -1rem;
    border: 2px solid rgba(255, 255, 255, .7);
    border-radius: inherit
}

.mats__wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media only screen and (min-width:577px) {
    .mats__wrapper {
        padding: 0 5rem;
        gap: 3.2rem
    }
}

.mats__list {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr)
}

@media only screen and (min-width:577px) {
    .mats__list {
        grid-template-columns: repeat(4, 1fr)
    }
}

.mats__item {
    padding: 1.2rem;
    background-color: #fff;
    border-radius: .8rem;
    box-shadow: 0 4px 12px 0 rgba(80, 56, 48, .23);
    position: relative;
    cursor: pointer
}

.mats__item svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .1s ease-in-out, scale .3s ease;
    transform-origin: 0 0
}

.mats__item-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1
}

.mats__item:hover svg {
    opacity: 1;
    scale: 1.3
}

.mats__btn {
    display: flex;
    max-width: max-content;
    margin: 0 auto;
    margin-top: 2rem
}

@media only screen and (min-width:577px) {
    .mats__btn {
        margin-top: 3.2rem
    }
}

.motivator__body {
    display: flex;
    justify-content: space-between;
    gap: 5rem;
    align-items: center;
    padding: 4rem 5.6rem;
    background-color: #9b6e4d;
    border-radius: 3.2rem;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.375;
    color: #fcfaf0;
    max-width: 112.4rem;
    margin: 0 auto
}

@media only screen and (max-width:878px) {
    .motivator__body {
        flex-direction: column
    }
}

@media only screen and (max-width:576px) {
    .motivator__body {
        padding: 4rem 2.4rem;
        font-size: 1.3rem;
        text-align: center
    }
}

.motivator__body h2 {
    font-size: 2.7rem
}

@media only screen and (max-width:576px) {
    .motivator__body h2 {
        font-size: 2.2rem
    }
}

.motivator__form {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    flex-basis: 65%
}

.motivator__form input[type=submit] {
    margin-top: 0;
    flex-basis: 50%
}

.motivator__form .form__tel {
    flex-basis: 50%
}

@media only screen and (max-width:576px) {
    .motivator__form .form__flex {
        flex-direction: column
    }
}

.motivator__bottom {
    max-width: 60rem
}

.motivator__desc {
    max-width: 48rem
}

.motivator__img {
    border-radius: 20px;
    overflow: hidden
}

@media only screen and (max-width:878px) {
    .motivator__img {
        display: none
    }
}

.motivator__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.2;
    color: #f7ca7a;
    padding: 1.1rem 0
}

@media only screen and (max-width:576px) {
    .motivator__list {
        flex-direction: column;
        font-size: 1.3rem
    }
}

.motivator__item {
    display: flex;
    align-items: center;
    gap: .7rem
}

.motivator__item:before {
    content: "";
    width: 2.2rem;
    height: 2.2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23F7CA7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0
}

.motivator__contacts {
    display: flex;
    justify-content: center;
    gap: 2rem;
    align-items: center;
    margin-top: 3rem;
    padding: 1.5rem 2rem;
    border: 1px solid #ba9174;
    border-radius: .9rem
}

@media only screen and (max-width:576px) {
    .motivator__contacts {
        padding: 1rem
    }
}

.motivator__contacts .tel {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 2.4rem
}

@media only screen and (max-width:576px) {
    .motivator__contacts .tel {
        font-size: 1.3rem
    }
}

.motivator__contacts .social {
    gap: 1rem
}

.stage-scheme {
    counter-reset: stage-counter;
    padding-block: 4rem !important
}

@media only screen and (max-width:878px) {
    .stage-scheme {
        padding-block: 1.6rem
    }
}

.stage-scheme__item {
    display: flex;
    gap: 5rem;
    counter-increment: stage-counter;
    position: relative;
    z-index: 0
}

@media only screen and (max-width:878px) {
    .stage-scheme__item {
        flex-direction: column;
        gap: 2rem
    }
}

.stage-scheme__item:before {
    content: "";
    width: .2rem;
    height: 100%;
    background-color: #e7d7c6;
    position: absolute;
    top: 0;
    left: 4rem;
    z-index: -1
}

@media only screen and (max-width:878px) {
    .stage-scheme__item:before {
        left: 2rem
    }
}

.stage-scheme__item:not(:last-child) {
    padding-bottom: 6rem
}

@media only screen and (max-width:878px) {
    .stage-scheme__item:not(:last-child) {
        padding-bottom: 2rem
    }
}

.stage-scheme__header {
    background-color: #fff;
    padding: 3rem;
    border: .2rem solid #e7d7c6;
    border-radius: 1.7rem;
    position: relative;
    overflow: hidden;
    z-index: 0
}

@media only screen and (max-width:878px) {
    .stage-scheme__header {
        padding: 2.4rem
    }
}

.stage-scheme__header:before {
    content: "";
    position: absolute;
    background-image: url(../images/group_ellipse.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 10rem;
    height: 15rem;
    bottom: calc(100% - 11rem);
    left: calc(100% - 14.5rem);
    z-index: -1
}

@media only screen and (max-width:878px) {
    .stage-scheme__header:before {
        width: 7.4rem;
        height: 10.8rem;
        left: calc(100% - 5.4rem);
        bottom: calc(100% - 8rem)
    }
}

.stage-scheme__title {
    font-weight: 700;
    font-size: 1.9rem;
    line-height: 1.3;
    text-transform: uppercase;
    color: #9b6e4d
}

@media only screen and (max-width:878px) {
    .stage-scheme__title {
        font-size: 1.5rem
    }
}

.stage-scheme__title:before {
    content: counter(stage-counter);
    display: inline;
    font-weight: 700;
    font-size: 5.9rem;
    line-height: .77;
    color: #fa8710;
    margin-right: 20px;
    vertical-align: middle
}

@media only screen and (max-width:878px) {
    .stage-scheme__title:before {
        font-size: 3.4rem;
        margin-right: 1.2rem
    }
}

.stage-scheme__col {
    flex-grow: 1
}

.stage-scheme__img {
    border-radius: 1.7rem;
    aspect-ratio: 643/358;
    flex-basis: 35%;
    max-width: 50%;
    height: 100%;
    object-fit: cover
}

@media only screen and (max-width:878px) {
    .stage-scheme__img {
        margin-left: 4rem;
        max-width: 100%
    }
}

.stage-scheme__content {
    padding-top: 4rem;
    padding-left: 8rem;
    font-weight: 400;
    font-size: 1.9rem;
    line-height: 1.6;
    color: #3f3836
}

@media only screen and (max-width:878px) {
    .stage-scheme__content {
        padding-left: 4rem;
        padding-top: 2rem;
        line-height: 1.3;
        font-size: 1.4rem
    }
}

.card-heading {
    font-family: "Unbounded", sans-serif;
    font-weight: 500;
    font-size: 2.3rem;
    color: #fa8710
}

@media only screen and (max-width:576px) {
    .card-heading {
        font-size: 1.8rem
    }
}

.card-text {
    font-weight: 500;
    font-size: 2.3rem;
    color: #9b6e4d
}

@media only screen and (max-width:576px) {
    .card-text {
        font-size: 1.5rem
    }
}

.section-row {
    display: flex;
    gap: 4rem;
    flex-wrap: wrap
}

@media only screen and (min-width:1025px) {
    .section-row {
        padding-inline: 6rem
    }
}

@media only screen and (max-width:1024px) {
    .section-row {
        gap: 2rem
    }
}

@media only screen and (max-width:576px) {
    .section-row {
        flex-direction: column
    }
}

.section-img {
    padding: 1.2rem;
    border-radius: 1.7rem;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(80, 56, 48, .23);
    flex-basis: calc(55% - 2rem)
}

.section-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem
}

.section-content {
    flex-basis: calc(45% - 2rem)
}

.section-text p:not(:last-child) {
    margin-bottom: 2rem
}

@media only screen and (max-width:576px) {
    .section-text p:not(:last-child) {
        margin-bottom: 1.5rem
    }
}

.buttons {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex-wrap: wrap
}

@media only screen and (max-width:1024px) {
    .buttons {
        gap: 1.5rem
    }
}

.gallery {
    display: flex;
    gap: 1.8rem;
    padding-block: 1.2rem;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    width: 100%
}

@media only screen and (max-width:576px) {
    .gallery {
        gap: 1rem
    }
}

.gallery a {
    outline: none
}

.gallery::-webkit-scrollbar {
    display: none
}

.gallery__img {
    flex-shrink: 0;
    width: calc((100%/6) - 1.8rem);
    height: 12.7rem;
    scroll-snap-align: center
}

@media only screen and (max-width:1024px) {
    .gallery__img {
        width: calc((100%/5) - 1.8rem)
    }
}

@media only screen and (max-width:576px) {
    .gallery__img {
        width: calc((100%/2) - 1rem)
    }
}

.gallery__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem
}

.zoom {
    position: relative
}

.zoom__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition-duration: .3s;
    transform-origin: 0 0
}

.zoom:hover .zoom__icon {
    opacity: 1;
    scale: 1.3
}

.video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8rem !important;
    height: 8rem !important;
    border-radius: 50%;
    padding: 1rem .7rem 1rem 1rem;
    border: .4rem solid #fff;
    transition-duration: .2s;
    transform-origin: 0 0
}

.video-play:hover {
    scale: 1.1
}

.radio-button {
    display: block;
    font-size: 1.7rem;
    font-weight: 600;
    color: #9b6e4d;
    cursor: pointer
}

@media only screen and (max-width:576px) {
    .radio-button {
        font-size: 1.6rem
    }
}

.radio-button svg path {
    stroke: currentColor
}

.radio-button>span {
    display: flex;
    align-items: center;
    column-gap: .7rem
}

.radio-button>span>span {
    display: flex;
    align-items: center !important;
    column-gap: 1.7rem;
    border-radius: 1rem;
    padding: 1.6rem 2rem;
    border: .1rem solid #b4a897;
    transition-duration: .3s
}

@media only screen and (max-width:576px) {
    .radio-button>span>span {
        padding: 1.2rem 1.3rem
    }
}

.radio-button>span svg {
    flex-shrink: 0
}

.radio-button input:checked+span>span {
    border-color: #fa8710;
    background-color: #fa8710;
    color: #fff
}

.radio-button:hover>span>span {
    border-color: #fa8710
}

.alert {
    border-radius: 1.7rem;
    padding: 2rem;
    font-size: 1.5rem
}

.alert--light-swamp {
    background-color: #f4ede6
}

.tiles {
    --radius: 1.7rem;
    display: grid;
    gap: 2.5rem;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    padding-block: 4rem
}

@media only screen and (max-width:768px) {
    .tiles {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1rem
    }
}

.tiles__item {
    border-radius: var(--radius);
    background-color: #fff;
    box-shadow: 0 .4rem 1.2rem 0 rgba(80, 56, 48, .23);
    position: relative;
    aspect-ratio: 438/275;
    padding: 1.2rem;
    overflow: hidden;
    transition: .1s ease-in-out
}

@media only screen and (max-width:576px) {
    .tiles__item {
        padding: .5rem
    }
}

.tiles__link {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%
}

.tiles__link:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #fa8710;
    opacity: 0;
    transition: .1s ease-in-out
}

@media (hover:hover) and (pointer:fine) {
    .tiles__link:hover:before {
        opacity: .2
    }

    .tiles__link:hover .tiles__img {
        scale: 1.1
    }
}

.tiles__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .1s ease-in-out;
    border-radius: var(--radius)
}

.tiles__zoom {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3.2rem;
    height: 3.2rem;
    background-color: #fa8710;
    border-radius: 50%;
    border: .5rem solid #fff
}

.tiles__zoom .icon {
    width: 1.55rem;
    aspect-ratio: 1
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

@media only screen and (max-width:576px) {
    .category-slider .container {
        max-width: 100%;
        padding: 0;
        padding-left: 1.2rem
    }

    .category-slider .container h2 {
        max-width: 35.1rem
    }
}

.category-slider__container {
    position: relative;
    margin-top: 2.2rem
}

.category-slider__container .swiper-container {
    max-width: 127rem;
    margin: 0 auto
}

@media only screen and (max-width:1024px) {
    .category-slider__container .swiper-container {
        max-width: 88.1rem
    }
}

@media only screen and (max-width:576px) {
    .category-slider__container .swiper-container {
        max-width: 100%;
        margin-top: 1.6rem
    }
}

.category-slider__slide {
    width: calc((100%/3) - 1.5rem);
    height: auto;
    border-radius: 1.7rem;
    background: #f4ede6;
    padding: 0 1rem 3.6rem
}

@media only screen and (max-width:1024px) {
    .category-slider__slide {
        width: calc((100%/3) - 1.5rem)
    }
}

@media only screen and (max-width:576px) {
    .category-slider__slide {
        width: 28rem;
        padding: 0 1rem 2rem
    }
}

.category-slider__slide img {
    width: 41rem;
    height: auto
}

.category-slider__slide:hover .btn {
    color: #894e12;
    background-color: #f7ca7a
}

.card-title {
    color: #4f4f4f;
    text-align: center;
    font-family: "Unbounded", sans-serif;
    font-size: 2rem;
    font-weight: 400
}

@media only screen and (max-width:1024px) {
    .card-title {
        font-size: 1.5rem
    }
}

.card-info {
    display: flex;
    flex-direction: column;
    align-items: center
}

.card-price {
    display: block;
    margin-top: 2rem;
    text-align: center;
    font-size: 1.9rem;
    font-weight: 500
}

@media only screen and (max-width:576px) {
    .card-price {
        margin-top: 1rem;
        font-size: 1.3rem
    }
}

.card-btn {
    margin-top: 1.5rem
}

@media only screen and (max-width:576px) {
    .card-btn {
        margin-top: 1rem
    }
}

.examples-slider__container {
    position: relative;
    margin-top: 3.2rem
}

.examples-slider__container .btn--more {
    margin-top: 2rem
}

@media only screen and (max-width:576px) {
    .examples-slider__container {
        margin-top: 1.1rem;
        max-width: 37.5rem;
        padding: 0 1.2rem
    }
}

.examples-slider__container.cards .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media only screen and (max-width:768px) {
    .examples-slider__container.cards .swiper-wrapper {
        grid-template-columns: 1fr
    }
}

.examples-slider__container.cards .swiper-wrapper .examples-slider__slide {
    opacity: 1;
    width: 100%
}

.examples-slider__container.cards .examples-slider__btns {
    display: none
}

.examples-slider__btns {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    max-width: 84.2rem
}

.examples-slider__btns button {
    z-index: 2
}

@media only screen and (max-width:576px) {
    .examples-slider__btns {
        display: none
    }
}

.examples-slider__slide {
    width: 67rem;
    opacity: .4;
    transition: .1s ease-in-out
}

.examples-slider__slide.swiper-slide-active {
    opacity: 1
}

@media only screen and (max-width:1024px) {
    .examples-slider__slide {
        width: 100%
    }
}

@media only screen and (max-width:576px) {
    .examples-slider__slide {
        opacity: 1;
        padding: .5rem 0
    }
}

.examples-slider__images {
    min-height: 40.9rem;
    max-height: 40.9rem;
    border-radius: 3.2rem;
    border: .1rem solid #f4ede6;
    box-shadow: 0 .4rem .4rem 0 rgba(68, 55, 43, .2);
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .examples-slider__images {
        min-height: 36.2rem;
        max-height: 36.2rem
    }
}

@media only screen and (max-width:576px) {
    .examples-slider__images {
        min-height: 19rem;
        max-height: 19rem
    }
}

.examples-slider__images img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.examples-slider__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.2rem;
    color: #3f3836;
    font-size: 1.7rem;
    font-weight: 400;
    padding-bottom: .5rem
}

.examples-slider__body--block {
    display: block
}

@media only screen and (max-width:576px) {
    .examples-slider__body {
        font-size: 1.2rem;
        margin-top: 1.2rem
    }
}

.char {
    font-size: 1.7rem;
    line-height: 1.3
}

@media only screen and (max-width:1024px) {
    .char {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:576px) {
    .char {
        font-size: 1.2rem
    }
}

@media only screen and (max-width:576px) {
    .examples-slider__mob {
        flex-direction: column;
        gap: 1.7rem
    }
}

.examples-slider__btn {
    display: flex;
    justify-content: center;
    margin-top: 3.2rem
}

@media only screen and (max-width:576px) {
    .examples-slider__btn {
        margin-top: 1.6rem;
        max-width: 37.5rem;
        padding: 0 1.2rem;
        width: 100%
    }

    .examples-slider__btn .btn {
        flex: 1;
        justify-content: center
    }
}

.table {
    position: relative
}

.table__wrap {
    position: relative;
    transition: height .5s ease;
    overflow-y: hidden;
    overflow-x: auto
}

.table__wrap.resized:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 243, 239, 0)), to(#fff))
}

.table__btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.5rem;
    z-index: 1;
    font-size: 1.3rem !important
}

table {
    max-width: 100%;
    margin-top: 3.4rem;
    background: #ede6db
}

@media only screen and (max-width:1024px) {
    table {
        margin-top: 2.6rem
    }
}

table th {
    font-size: 1.9rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    background: #9b6e4d;
    padding: 1rem;
    line-height: 1
}

@media only screen and (max-width:1024px) {
    table th {
        font-size: 1.6rem
    }
}

@media only screen and (max-width:576px) {
    table th {
        font-size: 1.4rem
    }
}

table td {
    font-size: 2rem;
    color: #3f3836;
    padding: 1rem
}

@media only screen and (max-width:1024px) {
    table td {
        font-size: 1.4rem
    }
}

table td strong {
    color: #9b6e4d;
    text-transform: uppercase
}

table tr td {
    background: #fff
}

table tr td:first-child {
    font-weight: 700;
    background: #f9f6f2
}

.price-table table {
    width: 100%
}

.price-table table th {
    width: 50%
}

.price-table--full table th {
    width: auto
}

.calc-photo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
    max-width: 37rem;
    border-radius: 1.7rem;
    padding: 3.6rem;
    background: #fff;
    box-shadow: 0 .4rem 1.7rem 0 rgba(80, 56, 48, .23);
    color: #3f3836;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400
}

@media only screen and (max-width:1024px) {
    .calc-photo {
        right: 2.7rem;
        padding: 2.8rem 2.6rem;
        max-width: 32.2rem;
        font-size: 1.5rem
    }
}

@media only screen and (max-width:576px) {
    .calc-photo {
        position: static;
        padding: 2.4rem;
        margin-top: 1.8rem;
        gap: 1rem;
        max-width: 100%;
        font-size: 1.3rem;
        transform: none
    }
}

.calc-photo .btn {
    width: 100%;
    justify-content: center
}

.price-table__text {
    max-width: 50vw;
    margin: 0 auto;
    margin-top: 2rem;
    text-align: center
}

@media only screen and (max-width:878px) {
    .price-table__text {
        max-width: 100%
    }
}

.calc__fields {
    max-width: 90rem;
    margin: 5.4rem auto 0 auto;
    border-radius: 1.7rem;
    background: #fcfaf0;
    box-shadow: 0 .4rem 1.7rem 0 rgba(80, 56, 48, .23)
}

@media only screen and (max-width:576px) {
    .calc__fields {
        margin: 2.6rem auto 0 auto;
        max-width: 100%
    }
}

.calc__fields form {
    display: flex;
    min-height: 45rem
}

@media only screen and (max-width:576px) {
    .calc__fields form {
        flex-direction: column;
        min-height: 0
    }
}

.calc__fields .pagination {
    margin-top: auto;
    padding-bottom: 2.9rem
}

@media only screen and (max-width:576px) {
    .calc__fields .pagination {
        padding-bottom: 0
    }
}

.calc__fields .btn--icon-next {
    display: none
}

.calc__fields .btn--icon-next._active {
    display: flex
}

.calc__fields .btn--rounded {
    display: none
}

.calc__fields .btn--rounded._active {
    display: block
}

.calc__fields .btn-prev--second {
    top: 3.6rem;
    right: 3.6rem;
    left: initial;
    transform: none;
    width: 5rem;
    height: 5rem;
    background-size: 5rem;
    flex-shrink: 0;
    z-index: 2;
    display: none
}

@media only screen and (max-width:576px) {
    .calc__fields .btn-prev--second {
        top: 3.9rem;
        right: 2.6rem;
        width: 3.4rem;
        height: 3.4rem;
        background-size: 3.4rem
    }
}

.calc__fields .btn-prev--second._active {
    display: block
}

.fields__sidebar {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.6rem;
    max-width: 35.7rem;
    background: #9b6e4d;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    border-top-left-radius: 1.7rem;
    border-bottom-left-radius: 1.7rem
}

@media only screen and (max-width:576px) {
    .fields__sidebar {
        padding: 3.2rem 1.6rem;
        font-size: 1.3rem;
        border-bottom-left-radius: 0;
        border-top-right-radius: 1.7rem
    }
}

.fields__sidebar h3 {
    color: #fff;
    line-height: 1
}

.fields__sidebar p {
    margin-top: 1.6rem
}

.fields__head {
    display: flex;
    align-items: center;
    gap: 1rem
}

.fields__text {
    margin-bottom: 10.5rem
}

@media only screen and (max-width:576px) {
    .fields__text {
        margin-bottom: 2.6rem
    }
}

.fields__icon img {
    width: 5.6rem;
    height: auto
}

.fields__stages {
    display: flex;
    align-items: center;
    gap: .6rem
}

.fields__stage {
    position: relative;
    color: #faf0bb;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    opacity: .3;
    transition: .1s ease-in-out
}

.fields__stage:after {
    position: absolute;
    left: 0;
    top: 100%;
    content: "";
    width: 100%;
    height: .9rem;
    background: #faf0bb
}

.fields__stage._active {
    opacity: 1
}

.fields__body {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 3.6rem;
    max-width: 100%;
    min-width: 0
}

@media only screen and (max-width:576px) {
    .fields__body {
        padding: 2rem
    }
}

.fields__body .btn {
    margin-top: auto;
    width: 100%;
    justify-content: center
}

.fields__body .protected {
    margin-top: 0
}

.fields__body .swiper-slide {
    display: flex;
    flex-direction: column
}

.fields__title {
    display: flex;
    align-items: center;
    padding-right: 6rem;
    min-height: 5rem
}

@media only screen and (max-width:576px) {
    .fields__title {
        padding-right: 0
    }
}

.fields__title h4 {
    color: #9b6e4d;
    flex-basis: 80%
}

@media only screen and (max-width:576px) {
    .fields__title h4 {
        flex-basis: 100%
    }
}

.fields__field {
    display: flex;
    flex-direction: column;
    background: #fcfaf0;
    flex-grow: 1
}

.fields__field-conditional {
    display: none
}

.fields__field-conditional.active {
    display: block
}

.fields__items {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 1.9rem;
    margin-top: 2.4rem;
    margin-bottom: 1.6rem;
    padding-left: 2rem;
    min-height: 15rem
}

@media only screen and (max-width:576px) {
    .fields__items {
        margin-bottom: 4.3rem;
        padding-left: 0
    }
}

.fields__items .wpcf7-form-control.radio,
.fields__items .wpcf7-form-control.checkbox {
    display: flex;
    flex-direction: column;
    gap: 1.9rem
}

.fields__items input {
    width: 100%
}

@media only screen and (max-width:576px) {
    .descriptor .container {
        max-width: 100%;
        padding: 0
    }
}

@media only screen and (max-width:576px) {
    .descriptor .materials {
        padding-left: 1.2rem
    }
}

.descriptor .materials__items {
    margin: 0;
    padding: 0
}

.descriptor .content {
    padding: 0 5rem
}

@media only screen and (max-width:576px) {
    .descriptor .content {
        padding: 0 1.2rem
    }
}

.content__flex img {
    padding: 0 !important
}

@media only screen and (max-width:576px) {
    .content__flex {
        flex-direction: column;
        max-width: 37.5rem;
        padding: 0 1.2rem
    }
}

.content__flex:not(:first-child) {
    margin-top: 6.4rem
}

@media only screen and (max-width:1024px) {
    .content__flex:not(:first-child) {
        margin-top: 4rem
    }
}

@media only screen and (max-width:1024px) and (max-width:576px) {
    .content__flex:not(:first-child) {
        margin-top: 1.6rem
    }
}

.col {
    flex-basis: 48%
}

.col-60 {
    flex-basis: 58%
}

.col-60.second {
    order: 2
}

.col-40 {
    flex-basis: 38%
}

.col-40.first {
    order: 1
}

.materials {
    margin-top: 1.4rem
}

@media only screen and (max-width:1024px) {
    .materials {
        margin-top: 0
    }
}

.materials__body {
    margin-right: 3.6rem;
    max-width: 46.8rem;
    float: left
}

@media only screen and (max-width:1024px) {
    .materials__body {
        max-width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 2.4rem
    }
}

.materials__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    float: left;
    margin-right: 2rem;
    margin-bottom: 2rem;
    border-radius: 1.7rem;
    padding: 2rem;
    background: #fff;
    box-shadow: 0 .4rem 1.7rem 0 rgba(80, 56, 48, .23)
}

.materials__item img {
    width: 19.2rem;
    height: auto;
    padding: 0 !important
}

@media only screen and (max-width:1024px) {
    .materials__item {
        padding: 1.8rem 1.4rem;
        margin-right: 2rem;
        margin-bottom: 2rem
    }
}

.materials__item span {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: .7rem;
    padding: 0
}

.materials__items--center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.materials__items--center .materials__item {
    float: none
}

.materials__items--grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 3rem 0
}

@media only screen and (max-width:576px) {
    .materials__items--grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        overflow: visible !important;
        gap: 20px !important
    }
}

.materials__items--grid .materials__item {
    float: none
}

.materials__items--grid .materials__item figure {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.materials__items--grid .materials__item figure svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .1s ease-in-out, scale .3s ease;
    transform-origin: 0 0
}

@media only screen and (max-width:576px) {
    .materials__items--grid .materials__item figure {
        height: auto
    }
}

.materials__items--grid .materials__item img {
    width: 100%;
    height: auto;
    object-fit: cover
}

@media only screen and (max-width:576px) {
    .materials__items--grid .materials__item {
        min-width: 0 !important;
        margin: 0 !important
    }
}

.materials__items--grid .materials__item:hover svg {
    opacity: 1;
    scale: 1.3
}

@media only screen and (max-width:576px) {
    .materials__items {
        display: flex;
        flex-wrap: nowrap;
        justify-content: start;
        overflow-x: auto
    }

    .materials__items::-webkit-scrollbar {
        display: none
    }
}

@media only screen and (max-width:576px) {
    .materials__items .materials__item {
        float: none;
        min-width: 22rem
    }
}

@media only screen and (max-width:1024px) {
    .descriptor__col-60 {
        flex-basis: 48%
    }
}

@media only screen and (max-width:1024px) {
    .descriptor__col-40 {
        flex-basis: 48%
    }
}

.choose {
    position: relative;
    z-index: 1
}

.choose:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .2;
    z-index: -1
}

.choose__items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3.2rem;
    margin-top: 2.4rem
}

@media only screen and (max-width:1024px) {
    .choose__items {
        gap: 2.4rem
    }
}

@media only screen and (max-width:576px) {
    .choose__items {
        gap: 1.6rem
    }
}

.choose__item {
    padding: 3.2rem;
    border-radius: 1.7rem;
    border: .1rem solid #3a2d29;
    background: #3f3836;
    box-shadow: 0 .4rem 1.6rem 0 rgba(31, 24, 21, .4);
    flex: 100%;
    max-width: 66.7rem
}

@media only screen and (max-width:1024px) {
    .choose__item {
        padding: 2.6rem 2.4rem;
        max-width: 47rem
    }
}

@media only screen and (max-width:576px) {
    .choose__item {
        padding: 2.4rem
    }
}

.choose__item:not(.choose__item--col) {
    display: flex;
    align-items: center;
    gap: 1rem
}

@media only screen and (max-width:1024px) {
    .choose__item:not(.choose__item--col) {
        align-items: start
    }
}

.choose__icon {
    flex-shrink: 0
}

@media only screen and (max-width:1024px) {
    .choose__icon {
        width: 11rem;
        height: 11rem
    }
}

@media only screen and (max-width:576px) {
    .choose__icon {
        width: 8rem;
        height: 8rem
    }
}

.choose__title {
    color: #faf0bb;
    font-size: 1.9rem;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (max-width:1024px) {
    .choose__title {
        font-size: 1.8rem
    }
}

@media only screen and (max-width:576px) {
    .choose__title {
        font-size: 1.7rem
    }
}

.choose__text {
    color: #fcfaf0;
    font-size: 1.7rem;
    font-weight: 400;
    margin-top: 1rem
}

@media only screen and (max-width:1024px) {
    .choose__text {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:576px) {
    .choose__text {
        font-size: 1.4rem
    }
}

.choose__text a,
.choose__text button {
    color: #fa8710;
    font-size: 1.7rem;
    font-weight: 700;
    text-decoration-line: underline;
    transition: .1s ease-in-out
}

@media only screen and (max-width:1024px) {

    .choose__text a,
    .choose__text button {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:576px) {

    .choose__text a,
    .choose__text button {
        font-size: 1.4rem
    }
}

.choose__text a:hover,
.choose__text button:hover {
    opacity: .8
}

.choose__item--col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media only screen and (max-width:576px) {
    .choose__item--col {
        flex-direction: row
    }
}

.choose__item--col p {
    color: #faf0bb;
    font-size: 1.9rem;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (max-width:1024px) {
    .choose__item--col p {
        font-size: 1.8rem
    }
}

@media only screen and (max-width:576px) {
    .choose__item--col p {
        display: flex;
        flex-direction: column;
        font-size: 1.7rem
    }
}

.choose__item--col p a {
    color: #fa8710;
    text-decoration: underline
}

.choose__row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

.stars {
    display: flex;
    align-items: center;
    gap: .3rem
}

@media only screen and (max-width:576px) {
    .stars img {
        width: 2.2rem;
        height: 2.2rem
    }
}

.lead {
    position: relative;
    color: #fcfaf0;
    padding-top: 13.4rem;
    z-index: 1
}

@media only screen and (max-width:576px) {
    .lead {
        padding-top: 32.4rem
    }
}

@media only screen and (max-width:576px) {
    .lead .form__flex {
        flex-direction: column
    }
}

.lead__form {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 4rem 5.6rem;
    border-radius: 3.2rem;
    background: #9b6e4d;
    box-shadow: 0 .4rem 1.7rem 0 rgba(80, 56, 48, .23);
    min-height: 43.8rem;
    max-width: 102rem;
    margin: 0 auto
}

@media only screen and (max-width:576px) {
    .lead__form {
        padding: 4rem 2.4rem
    }
}

.lead__form h2 {
    max-width: 61rem
}

@media only screen and (max-width:576px) {
    .lead__form h2 {
        font-size: 2.1rem
    }
}

.lead__form form {
    margin-top: 3.3rem;
    max-width: 43rem
}

@media only screen and (max-width:1024px) {
    .lead__form form .form__file {
        max-width: 12.7rem
    }
}

@media only screen and (max-width:576px) {
    .lead__form form .form__file {
        flex-direction: row;
        max-width: 100%;
        padding: 1.7rem
    }

    .lead__form form .form__file .file__icon {
        order: 1
    }

    .lead__form form .form__file span {
        order: 2;
        text-align: center;
        max-width: 15.1rem
    }
}

.lead__form .form__text {
    max-width: 29.2rem
}

.text-spacing {
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 3.64px;
    text-transform: uppercase;
    margin-top: 1.2rem
}

@media only screen and (max-width:576px) {
    .text-spacing {
        font-size: 1.2rem;
        letter-spacing: 1.92px
    }
}

.form__text {
    font-size: 1.4rem;
    font-weight: 600
}

.lead__right {
    position: absolute;
    bottom: 0;
    right: 2rem;
    width: 41rem
}

@media only screen and (max-width:576px) {
    .lead__right {
        right: initial;
        left: 50%;
        bottom: 77%;
        width: 35rem;
        transform: translateX(-50%);
        z-index: -1
    }
}

.lead__right img {
    width: 100%;
    height: auto
}

.scheme {
    position: relative;
    z-index: 1
}

.scheme:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(52, 44, 40, .8) 0%, rgba(52, 44, 40, .8) 100%);
    z-index: -1
}

@media only screen and (max-width:576px) {
    .scheme h2 {
        text-align: left
    }
}

@media only screen and (max-width:576px) {
    .scheme .container {
        max-width: 100%;
        padding: 0;
        padding-left: 1.2rem
    }
}

.scheme__items {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5rem;
    margin-top: 2.4rem
}

@media only screen and (max-width:1024px) {
    .scheme__items {
        gap: 1.3rem
    }
}

@media only screen and (max-width:576px) {
    .scheme__items {
        gap: 5rem;
        overflow-x: auto
    }

    .scheme__items::-webkit-scrollbar {
        display: none
    }
}

.scheme__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 1.7rem;
    border: .1rem solid rgba(250, 240, 187, .2);
    background: rgba(63, 56, 54, .5);
    padding: 3rem 2.4rem 2.4rem;
    color: #fff;
    font-size: 1.9rem;
    font-weight: 700
}

.scheme__item:last-child {
    justify-content: center
}

@media only screen and (max-width:1024px) {
    .scheme__item {
        padding: 2rem;
        font-size: 1.7rem
    }
}

.scheme__item:not(:last-child, :nth-child(6), :nth-child(5)):after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 1.5rem);
    width: 2.1rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7071 8.7071C21.0976 8.31658 21.0976 7.68342 20.7071 7.29289L14.3431 0.928931C13.9526 0.538407 13.3195 0.538407 12.9289 0.928931C12.5384 1.31946 12.5384 1.95262 12.9289 2.34314L18.5858 8L12.9289 13.6569C12.5384 14.0474 12.5384 14.6805 12.9289 15.0711C13.3195 15.4616 13.9526 15.4616 14.3431 15.0711L20.7071 8.7071ZM8.74228e-08 9L20 9L20 7L-8.74228e-08 7L8.74228e-08 9Z' fill='%23F7E47C'/%3E%3C/svg%3E%0A");
    background-size: 2.1rem 1.6rem
}

.scheme__item:nth-child(2):before {
    content: "";
    position: absolute;
    top: calc(100% + 1.5rem);
    left: 50%;
    transform: translateX(-50%);
    width: 1.6rem;
    height: 2.1rem;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='21' viewBox='0 0 16 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.29289 20.7071C7.68342 21.0976 8.31658 21.0976 8.70711 20.7071L15.0711 14.3431C15.4616 13.9526 15.4616 13.3195 15.0711 12.9289C14.6805 12.5384 14.0474 12.5384 13.6569 12.9289L8 18.5858L2.34315 12.9289C1.95262 12.5384 1.31946 12.5384 0.928933 12.9289C0.538408 13.3195 0.538408 13.9526 0.928933 14.3431L7.29289 20.7071ZM7 4.37114e-08L7 20L9 20L9 -4.37114e-08L7 4.37114e-08Z' fill='%23F7E47C'/%3E%3C/svg%3E%0A");
    background-size: 1.6rem 2.1rem
}

.scheme__item:nth-child(7) {
    grid-area: 2/2
}

.scheme__item:nth-child(8) {
    text-align: center;
    gap: 3.2rem;
    grid-area: 2/3/2/5;
    padding: 3rem 10rem
}

@media only screen and (max-width:1024px) {
    .scheme__item:nth-child(8) {
        padding: 2rem 3.2rem
    }
}

.scheme__item:nth-child(8) .btn--rounded {
    padding: 1.8rem 3.2rem;
    width: 100%
}

.scheme__head {
    display: flex;
    align-items: center;
    gap: 1rem
}

.num {
    color: #f7e47c;
    font-size: 5.9rem;
    font-weight: 700
}

@media only screen and (max-width:1024px) {
    .num {
        font-size: 4.8rem
    }
}

@media only screen and (max-width:576px) {
    .num {
        font-size: 4.6rem
    }
}

.scheme__title {
    color: #fff;
    font-size: 1.9rem;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (max-width:1024px) {
    .scheme__title {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:576px) {
    .scheme__title {
        font-size: 1.3rem
    }
}

.scheme__icon {
    padding: 1rem;
    margin-top: auto
}

@media only screen and (max-width:1024px) {
    .scheme__icon {
        width: 10.8rem;
        height: 10.8rem
    }
}

@media only screen and (max-width:576px) {
    .scheme__icon {
        width: 8.6rem;
        height: 8.6rem
    }
}

@media only screen and (min-width:577px) {
    .scheme__text {
        display: none
    }
}

@media only screen and (max-width:576px) {
    .scheme__text {
        font-size: 1.4rem;
        font-weight: 500;
        color: #fff;
        text-align: right;
        line-height: 1.4
    }

    .scheme__text strong {
        font-weight: 500;
        color: #faf0bb
    }
}

.reviews:not(.bg-cream) {
    padding: 3.2rem 0
}

.reviews__short {
    padding: 2rem;
    aspect-ratio: 1/1.45;
    max-height: 53.2rem;
    border: 1px solid #f4ede6;
    border-radius: 2rem;
    box-shadow: 0 4px 14px 0 rgba(180, 168, 151, .3);
    background-color: #fff;
    position: relative
}

@media only screen and (min-width:577px) {
    .reviews__short {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }
}

.reviews__short img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.reviews__short:hover .play {
    scale: 1.1
}

.reviews__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.reviews__more {
    max-width: max-content;
    margin: 0 auto
}

@media only screen and (max-width:1024px) {
    .reviews__more {
        grid-column: 1/3
    }
}

@media only screen and (max-width:576px) {
    .reviews__more {
        grid-column: 1/2
    }
}

.reviews__columns {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:1024px) {
    .reviews__columns {
        flex-direction: column;
        gap: 4.6rem
    }
}

.reviews__col {
    width: 100%;
}

.reviews__col--aic {
    display: flex;
    flex-direction: column;
    align-items: center
}


@media only screen and (max-width:1024px) {
    .reviews__col {
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        flex-basis: 100%
    }
}




.reviews__head {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:1024px) {
    .reviews__head {
        margin-bottom: 2.4rem
    }
}

@media only screen and (max-width:576px) {
    .reviews__head {
        flex-direction: column;
        gap: 1rem;
        align-items: center
    }
}

.reviews__media {
    margin-top: 3.2rem
}

@media only screen and (max-width:1024px) {
    .reviews__media {
        margin-top: 0
    }
}

.reviews__list {
    position: relative;
    overflow: visible;
    padding: 3rem 0;
    margin: 0 -1rem;
}

.reviews__list .swiper-wrapper {
    display: flex;
    align-items: stretch;
    padding: 1rem 0;
}

.reviews__item {
    background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
    border-radius: 2rem;
    padding: 3rem;
    box-shadow: 0 0.8rem 2.4rem rgba(180, 168, 151, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(244, 237, 230, 0.5);
    position: relative;
    overflow: hidden;
}

.reviews__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #fa8710 0%, #ff9f3d 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.reviews__item:hover {
    transform: translateY(-1rem) scale(1.02);
    box-shadow: 0 1.6rem 4rem rgba(180, 168, 151, 0.25);
    border-color: #fa8710;
}

.reviews__item:hover::before {
    transform: scaleX(1);
}

.reviews__text {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #3f3836;
    margin-bottom: 2.4rem;
    flex-grow: 1;
    position: relative;
    padding-left: 2rem;
}

.reviews__text::before {
    content: '"';
    position: absolute;
    left: 0;
    top: -0.5rem;
    font-size: 4rem;
    color: #fa8710;
    font-family: Georgia, serif;
    opacity: 0.3;
    line-height: 1;
}

.reviews__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
    border-top: 2px solid #f4ede6;
    gap: 1rem;
}

.reviews__name {
    font-weight: 700;
    font-size: 1.7rem;
    color: #3f3836;
    position: relative;
    padding-left: 2.4rem;
}

.reviews__name::before {
    content: '★';
    position: absolute;
    left: 0;
    color: #fa8710;
    font-size: 1.6rem;
}

.reviews__date {
    font-size: 1.4rem;
    color: #b4a897;
    white-space: nowrap;
}

.reviews__list .swiper-pagination {
    position: relative;
    margin-top: 4rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.reviews__list .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    background: #d4c8b8;
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 50%;
}

.reviews__list .swiper-pagination-bullet:hover {
    background: #fa8710;
    transform: scale(1.2);
}

.reviews__list .swiper-pagination-bullet-active {
    background: linear-gradient(135deg, #fa8710 0%, #ff9f3d 100%);
    width: 3rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.4rem 0.8rem rgba(250, 135, 16, 0.3);
}

@media only screen and (max-width:1024px) {
    .reviews__item {
        padding: 2.4rem;
    }
    
    .reviews__text {
        font-size: 1.5rem;
        padding-left: 1.6rem;
    }
    
    .reviews__text::before {
        font-size: 3rem;
    }
}

@media only screen and (max-width:576px) {
    .reviews__list {
        margin: 0;
    }
    
    .reviews__item {
        padding: 2rem;
        border-radius: 1.6rem;
    }
    
    .reviews__text {
        font-size: 1.4rem;
        margin-bottom: 2rem;
        padding-left: 1.2rem;
    }
    
    .reviews__text::before {
        font-size: 2.5rem;
        top: -0.3rem;
    }
    
    .reviews__info {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding-top: 1.6rem;
    }
    
    .reviews__name {
        font-size: 1.6rem;
        padding-left: 2rem;
    }
    
    .reviews__name::before {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width:576px) {
    .team .container {
        max-width: 100%;
        padding: 0
    }
}

.team__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(31.2rem, 1fr));
    gap: 3.9rem;
    margin-top: 3.2rem
}

@media only screen and (max-width:1024px) {
    .team__cards {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 2.4rem;
        margin-top: 2rem
    }
}

@media only screen and (max-width:576px) {
    .team__cards {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: start;
        padding: 1.7rem 1rem;
        padding-left: 1.2rem;
        margin-top: 0
    }

    .team__cards::-webkit-scrollbar {
        display: none
    }
}

.team__card {
    padding: 2rem;
    border-radius: 1.7rem;
    color: #3f3836;
    background: #fff;
    box-shadow: 0 .4rem 1.7rem 0 rgba(80, 56, 48, .23)
}

@media only screen and (max-width:1024px) {
    .team__card {
        max-width: 29.4rem
    }
}

@media only screen and (max-width:576px) {
    .team__card {
        min-width: 29.4rem
    }
}

.team__avatar {
    aspect-ratio: 1/1
}

.team__avatar img {
    width: 100%;
    height: auto
}

.profile {
    font-size: 1.7rem
}

.profile.icon-inline {
    margin-left: 3rem
}

.profile .icon {
    width: 2rem;
    height: 2rem;
    left: -3rem
}

.reward {
    position: relative;
    font-size: 1.5rem;
    font-weight: 400
}

.reward.icon-inline {
    margin-left: 3rem
}

.reward .icon {
    width: 2rem;
    height: 2rem;
    left: -3rem
}

.team__body {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1.2rem
}

@media only screen and (max-width:576px) {
    .team__head {
        max-width: 37.5rem;
        padding: 0 1.2rem
    }
}

@media only screen and (max-width:576px) {
    .service-slider .container {
        max-width: 100%;
        padding: 0
    }
}

.service-slider .swiper-container {
    max-width: 127.7rem;
    margin: 0 auto
}

@media only screen and (max-width:1024px) {
    .service-slider .swiper-container {
        max-width: 88.1rem
    }
}

@media only screen and (max-width:576px) {
    .service-slider .swiper-container {
        max-width: 100%;
        padding-left: 1.2rem
    }
}

.service-slider__container {
    position: relative;
    margin-top: 4rem
}

@media only screen and (max-width:1024px) {
    .service-slider__container {
        margin-top: 3.2rem
    }
}

.service-slider__slide {
    width: calc((100%/3) - 1.5rem);
    border-radius: 1.7rem;
    background: #f9f2de;
    overflow: hidden;
    height: auto
}

@media only screen and (max-width:576px) {
    .service-slider__slide {
        width: 28rem
    }
}

.service-slider__img {
    height: 28.4rem
}

@media only screen and (max-width:1024px) {
    .service-slider__img {
        height: 23.4rem
    }
}

.service-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.serivce-slider__title {
    color: #4f4f4f;
    text-align: center;
    font-family: "Unbounded", sans-serif;
    font-size: 2rem;
    font-weight: 400
}

@media only screen and (max-width:1024px) {
    .serivce-slider__title {
        font-size: 1.6rem
    }
}

.service-slider__body {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    align-items: center;
    padding: 3.2rem
}

@media only screen and (max-width:1024px) {
    .service-slider__body {
        padding-top: 2rem
    }
}

.more-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border-radius: .8rem;
    background: #fff;
    padding: .75rem;
    color: #9b6e4d;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 700;
    width: 100%;
    transition: .1s ease-in-out
}

.more-bg:after {
    content: "";
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M4.25 9.5H14.75M14.75 9.5L9.5 4.25M14.75 9.5L9.5 14.75' stroke='%239B6E4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 1.8rem 1.8rem;
    background-repeat: no-repeat;
    transition: .1s ease-in-out
}

.more-bg:hover {
    opacity: .8;
    background: #fa8710;
    color: #fff
}

.more-bg:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M4.25 9.5H14.75M14.75 9.5L9.5 4.25M14.75 9.5L9.5 14.75' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.examples--page {
    padding: 3.2rem 0 8.4rem
}

.examples__cards {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    margin-top: 3.2rem
}

@media only screen and (max-width:1024px) {
    .examples__cards {
        gap: 3.2rem
    }
}

@media only screen and (max-width:576px) {
    .examples__cards {
        gap: 1.6rem;
        margin-top: 2.4rem
    }
}

.examples__card {
    display: flex;
    gap: 4rem;
    border-radius: 3.2rem;
    background: #fff;
    box-shadow: 0 .4rem 1.7rem 0 rgba(80, 56, 48, .23);
    padding: 4.8rem
}

@media only screen and (max-width:1024px) {
    .examples__card {
        gap: 2.4rem;
        padding: 3.2rem
    }
}

@media only screen and (max-width:576px) {
    .examples__card {
        flex-direction: column;
        gap: 1.6rem;
        padding: 2rem 1.2rem;
        border-radius: 1.7rem
    }
}

.examples__media {
    flex-shrink: 0;
    width: 67rem;
    min-height: 36.2rem;
    max-height: 36.2rem;
    border-radius: 3.2rem;
    border: .1rem solid #f4ede6;
    box-shadow: 0 .4rem .4rem 0 rgba(68, 55, 43, .2);
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .examples__media {
        width: 53.2rem;
        min-height: 28.7rem;
        max-height: 28.7rem
    }
}

@media only screen and (max-width:576px) {
    .examples__media {
        width: 100%;
        min-height: 19rem;
        max-height: 19rem
    }
}

.examples__media img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.exampless__char {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

@media only screen and (max-width:576px) {
    .exampless__char {
        gap: .9rem
    }
}

@media only screen and (max-width:1024px) {
    .exampless__char li:nth-child(5) {
        order: 6;
        flex-direction: column
    }
}

@media only screen and (max-width:576px) {
    .exampless__char li:nth-child(5) {
        flex-direction: row
    }
}

.info-item {
    display: flex;
    gap: 1rem;
    position: relative;
    margin-left: 3rem;
    color: #3f3836;
    font-size: 1.8rem;
    font-weight: 400
}

@media only screen and (max-width:1024px) {
    .info-item {
        font-size: 1.6rem
    }
}

@media only screen and (max-width:576px) {
    .info-item {
        font-size: 1.4rem
    }
}

.info-item span {
    flex-basis: 49%
}

.info-item--name {
    margin-bottom: 2rem
}

.info-item--name svg {
    width: 3rem;
    height: 3rem;
    top: -5px !important
}

@media only screen and (max-width:576px) {
    .info-item--name svg {
        width: 1.8rem;
        height: 1.8rem;
        top: 0 !important
    }
}

.accent {
    color: #9b6e4d;
    text-decoration-line: underline
}

.examples__btn {
    display: flex;
    justify-content: center;
    margin-top: 4rem
}

@media only screen and (max-width:1024px) {
    .examples__btn {
        margin-top: 3.2rem
    }
}

.examples__btn .btn {
    padding: 1.9rem 7.2rem
}

@media only screen and (max-width:1024px) {
    .examples__btn .btn {
        padding: 1.4rem 7.2rem
    }
}

.exampless__wrapper {
    position: relative
}

.exampless__wrapper:hover .exampless__more {
    opacity: 1
}

.exampless__more {
    position: absolute;
    right: 2.8rem;
    bottom: 2.8rem;
    opacity: 0;
    transition: .1s ease-in-out
}

.exampless__more .icon {
    width: 3.8rem;
    height: 3.8rem
}

.gift {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #fcfaf0;
    z-index: 1
}

@media only screen and (max-width:1024px) {
    .gift {
        background-size: 188%;
        background-position: center left 38%
    }
}

@media only screen and (max-width:576px) {
    .gift {
        background-size: 476%;
        background-position: 44%
    }
}

.gift .flex {
    gap: 5.4rem
}

@media only screen and (max-width:576px) {
    .gift .flex {
        flex-direction: column;
        gap: 1rem
    }
}

.gift:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(82, 56, 52, .63) 36.61%, rgba(82, 56, 52, 0) 68.27%);
    z-index: -1
}

.gift__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 39.2rem
}

.gift__body .btn {
    width: 100%;
    margin-top: 3.2rem
}

.gift__body .tel {
    font-size: 2.7rem;
    color: #fff;
    font-weight: 700
}

.gift__title {
    color: #faf0bb;
    text-align: center;
    font-family: "Unbounded", sans-serif;
    font-size: 2.7rem;
    font-weight: 400
}

@media only screen and (max-width:576px) {
    .gift__title {
        font-size: 2.4rem
    }
}

.gift__title strong {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.gift__subtitle {
    color: #fcfaf0;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 3.3rem
}

@media only screen and (max-width:576px) {
    .gift__subtitle {
        margin-top: 2.6rem
    }
}

.gift__contacts {
    display: flex;
    align-items: center;
    gap: 2.1rem;
    margin-top: 2.1rem
}

@media only screen and (max-width:576px) {
    .gift__contacts {
        flex-direction: column;
        gap: 1rem
    }

    .gift__contacts .phone {
        font-size: 2.6rem
    }
}

.gift__contacts .social {
    gap: .8rem
}

@media only screen and (max-width:576px) {
    .clients-slider .container {
        max-width: 100%;
        padding: 0
    }
}

.clients-slider__container {
    position: relative;
    margin-top: 2.7rem
}

.clients-slider__container .swiper-container {
    max-width: 118rem;
    margin: 0 auto
}

@media only screen and (max-width:1024px) {
    .clients-slider__container .swiper-container {
        max-width: 85.4rem
    }
}

@media only screen and (max-width:576px) {
    .clients-slider__container .swiper-container {
        max-width: 100%;
        padding-left: 1.2rem
    }
}

.clients-slider__slide figure {
    width: 13.4rem;
    height: 13.4rem;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width:1024px) {
    .clients-slider__slide figure {
        width: 12.3rem;
        height: 12.3rem
    }
}

.contacts {
    display: flex;
    padding: 0;
    overflow: hidden
}

@media only screen and (max-width:576px) {
    .contacts {
        flex-direction: column
    }
}

.contacts .tel {
    font-size: 2rem;
    font-weight: 700;
    text-decoration: underline
}

.contacts__map {
    flex-basis: 45%
}

.contacts__map iframe {
    border: none
}

@media only screen and (max-width:1024px) {
    .contacts__map {
        flex-basis: 49%
    }
}

@media only screen and (max-width:576px) {
    .contacts__map {
        order: 2;
        height: 60rem;
        flex-basis: initial
    }
}

.contacts__body {
    color: #3f3836;
    flex-basis: 40%
}

@media only screen and (max-width:1024px) {
    .contacts__body {
        flex-basis: 49%
    }
}

@media only screen and (max-width:576px) {
    .contacts__body {
        order: 1;
        flex-basis: 100%
    }
}

.contacts__body-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    align-items: start;
    padding: 4rem 0
}

@media only screen and (max-width:576px) {
    .contacts__body-wrapper {
        align-items: center
    }
}

.contacts__body .social .icon {
    width: 3.5rem;
    height: 3.5rem
}

.contacts__items {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

@media only screen and (max-width:576px) {
    .contacts__items {
        max-width: 27rem
    }
}

.contacts__items li {
    color: #3f3836;
    font-size: 1.7rem;
    font-weight: 600
}

.qr {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    background: #fff;
    border-radius: .8rem;
    padding-right: 3.2rem;
    max-width: 42rem
}

.qr__code {
    width: 17.6rem;
    height: 17.6rem;
    flex-shrink: 0
}

@media only screen and (max-width:576px) {
    .qr__code {
        width: 10.4rem;
        height: 10.4rem
    }
}

.qr__code img {
    width: 100%;
    height: auto
}

.qr__title {
    position: relative;
    color: #3f3836;
    font-size: 1.6rem;
    font-weight: 700;
    margin-left: 3.4rem
}

.qr__title:before {
    content: "";
    position: absolute;
    left: -3.4rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='url(%23paint0_linear_320_996)'/%3E%3Cpath d='M4.72101 18.9819L5.74994 15.2455C5.11381 14.1488 4.7801 12.9068 4.78358 11.6371C4.78358 7.65856 8.03723 4.42383 12.0313 4.42383C13.971 4.42383 15.7925 5.17456 17.1586 6.53765C18.5282 7.90074 19.2825 9.71357 19.279 11.6406C19.279 15.6191 16.0254 18.8539 12.0278 18.8539H12.0244C10.8112 18.8539 9.61887 18.5494 8.55865 17.9751L4.72101 18.9819ZM8.74289 16.6708L8.96188 16.8023C9.88653 17.3489 10.9468 17.6361 12.0278 17.6395H12.0313C15.351 17.6395 18.0554 14.9514 18.0554 11.644C18.0554 10.0422 17.4297 8.5373 16.293 7.40255C15.1563 6.2678 13.6407 5.64507 12.0313 5.64507C8.7116 5.64161 6.00718 8.32973 6.00718 11.6371C6.00718 12.7684 6.3235 13.872 6.92835 14.8269L7.07087 15.0552L6.46255 17.2659L8.74289 16.6708Z' fill='white'/%3E%3Cpath d='M4.97479 18.7297L5.96896 15.1213C5.35369 14.0661 5.03041 12.8657 5.03041 11.641C5.03389 7.80079 8.17283 4.67676 12.0313 4.67676C13.905 4.67676 15.6604 5.40328 16.9813 6.71793C18.3023 8.03258 19.0288 9.78314 19.0288 11.6444C19.0288 15.4846 15.8864 18.6086 12.0313 18.6086H12.0279C10.8564 18.6086 9.7058 18.3145 8.68382 17.761L4.97479 18.7297Z' fill='url(%23paint1_linear_320_996)'/%3E%3Cpath d='M4.72101 18.9819L5.74994 15.2455C5.11381 14.1488 4.7801 12.9068 4.78358 11.6371C4.78358 7.65856 8.03723 4.42383 12.0313 4.42383C13.971 4.42383 15.7925 5.17456 17.1586 6.53765C18.5282 7.90074 19.2825 9.71357 19.279 11.6406C19.279 15.6191 16.0254 18.8539 12.0278 18.8539H12.0244C10.8112 18.8539 9.61887 18.5494 8.55865 17.9751L4.72101 18.9819ZM8.74289 16.6708L8.96188 16.8023C9.88653 17.3489 10.9468 17.6361 12.0278 17.6395H12.0313C15.351 17.6395 18.0554 14.9514 18.0554 11.644C18.0554 10.0422 17.4297 8.5373 16.293 7.40255C15.1563 6.2678 13.6407 5.64507 12.0313 5.64507C8.7116 5.64161 6.00718 8.32973 6.00718 11.6371C6.00718 12.7684 6.3235 13.872 6.92835 14.8269L7.07087 15.0552L6.46255 17.2659L8.74289 16.6708Z' fill='url(%23paint2_linear_320_996)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2202 8.62049C10.0846 8.3195 9.9421 8.31258 9.81349 8.30912C9.7092 8.30566 9.58754 8.30566 9.46587 8.30566C9.34421 8.30566 9.14955 8.35064 8.98269 8.53054C8.81584 8.71044 8.35004 9.14635 8.35004 10.0355C8.35004 10.9211 9.00007 11.7791 9.09045 11.9002C9.18083 12.0213 10.3453 13.8999 12.1842 14.6229C13.7137 15.2249 14.0266 15.1038 14.3568 15.0727C14.687 15.0415 15.4274 14.6367 15.5804 14.2147C15.7299 13.7926 15.7299 13.4328 15.6847 13.3567C15.6395 13.2806 15.5178 13.2356 15.3371 13.1457C15.1563 13.0557 14.2664 12.6198 14.0996 12.5575C13.9327 12.4987 13.811 12.4676 13.6928 12.6475C13.5712 12.8274 13.2236 13.2321 13.1193 13.3532C13.015 13.4743 12.9072 13.4882 12.7265 13.3982C12.5457 13.3083 11.9617 13.118 11.27 12.5022C10.7312 12.0247 10.3662 11.4332 10.2619 11.2533C10.1576 11.0734 10.2515 10.9765 10.3419 10.8865C10.4218 10.807 10.5226 10.6755 10.613 10.5717C10.7034 10.4679 10.7347 10.3918 10.7938 10.2707C10.8528 10.1496 10.825 10.0458 10.7798 9.9559C10.7347 9.86941 10.3801 8.97683 10.2202 8.62049Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_320_996' x1='11.9994' y1='23.9988' x2='11.9994' y2='-0.000839698' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2320B038'/%3E%3Cstop offset='1' stop-color='%2360D66A'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_320_996' x1='12.0014' y1='18.729' x2='12.0014' y2='4.67627' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2320B038'/%3E%3Cstop offset='1' stop-color='%2360D66A'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_320_996' x1='12.0014' y1='18.9805' x2='12.0014' y2='4.42383' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F9F9F9'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.qr__text {
    color: #3f3836;
    font-size: 1.6rem;
    font-weight: 400;
    margin-top: 1.1rem
}

@media only screen and (max-width:576px) {
    .qr__text {
        font-size: 1.4rem;
        margin-top: 1rem
    }
}

article {
    padding: 8.4rem 0
}

@media only screen and (max-width:576px) {
    article {
        padding: 4rem 0
    }
}

article .faq {
    padding-top: 0
}

.article--single {
    padding-top: 3.2rem;
    padding-bottom: 8.4rem
}

.article--single h1:not(section h1),
.article--single h2:not(section h2) {
    color: #9b6e4d
}

.article--single .content img {
    padding: 0
}

.article--single .content p:not(section p) {
    padding: 2rem 0;
    line-height: 1.5
}

@media only screen and (max-width:1024px) {
    .article--single .content p:not(section p) {
        padding: 1.2rem 0
    }
}

.article--single .content .wp-block-image:not(.wp-block-gallery .wp-block-image) {
    padding: 2rem 0
}

@media only screen and (max-width:576px) {
    .article--single .content .wp-block-image:not(.wp-block-gallery .wp-block-image) {
        padding: 1rem 0
    }
}

.article--page {
    padding-bottom: 0
}

.article__btn {
    display: flex;
    justify-content: center;
    margin-top: 2.2rem
}

.service__tabs {
    margin-top: 3.2rem
}

@media only screen and (max-width:576px) {
    .service__tabs {
        margin-top: 2rem
    }
}

.service__items {
    margin-top: 5.2rem
}

@media only screen and (max-width:576px) {
    .service__items {
        margin-top: 2rem
    }
}

.service__items-body {
    padding: 2.2rem 2.4rem 1.5rem
}

.service__cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3.2rem;
    margin-top: 3.2rem
}

@media only screen and (max-width:1024px) {
    .service__cards {
        gap: 2.4rem
    }
}

@media only screen and (max-width:576px) {
    .service__cards {
        gap: 2rem
    }
}

.service__card {
    border-radius: 1.7rem;
    border-bottom: .5rem solid #f7ca7a;
    background: #fff;
    box-shadow: 0 .4rem 1.7rem 0 rgba(80, 56, 48, .23);
    overflow: hidden;
    transition: .1s ease-in-out
}

.service__card:hover {
    border-color: #fa8710
}

.service__card--width {
    flex-basis: 48.8%
}

@media only screen and (max-width:1024px) {
    .service__card--width {
        flex-basis: 48.7%
    }
}

@media only screen and (max-width:576px) {
    .service__card--width {
        flex-basis: 100%
    }
}

.service__card--width:last-child .service__body {
    align-items: center;
    text-align: center
}

.service__card--fourth {
    flex-basis: 23%
}

@media only screen and (max-width:576px) {
    .service__card--fourth {
        flex-basis: 47%
    }
}

.service__card--fourth .service__body {
    align-items: center;
    text-align: center
}

.service__img {
    width: 100%;
    height: 32.8rem
}

@media only screen and (max-width:576px) {
    .service__img {
        height: 20rem
    }
}

.service__img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.service__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2.6rem
}

.service__title {
    color: #fa8710;
    font-family: "Unbounded", sans-serif;
    font-size: 2.1rem;
    font-weight: 500
}

@media only screen and (max-width:1024px) {
    .service__title {
        font-size: 2rem
    }
}

@media only screen and (max-width:576px) {
    .service__title {
        font-size: 1.8rem
    }
}

.service__text {
    color: #3f3836;
    font-size: 1.6rem;
    font-weight: 400
}

@media only screen and (max-width:576px) {
    .service__text {
        font-size: 1.5rem
    }
}

.service__icon {
    width: 12.8rem;
    height: 12.8rem;
    margin: 0 auto
}

.blog--page {
    padding: 3.2rem 0 8.4rem
}

.blog__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(43.4rem, 1fr));
    gap: 3.2rem;
    margin-top: 5.2rem
}

@media only screen and (max-width:1024px) {
    .blog__cards {
        gap: 2.4rem;
        padding: 0 3.6rem
    }
}

@media only screen and (max-width:576px) {
    .blog__cards {
        grid-template-columns: 1fr;
        gap: 1.6rem;
        padding: 0;
        margin-top: 2rem
    }
}

.blog__excerpt {
    color: #3f3836;
    font-size: 1.6rem;
    padding-left: 3.5rem
}

@media only screen and (max-width:576px) {
    .blog__excerpt {
        font-size: 1.5rem;
        padding-left: 2.5rem
    }
}

.date {
    color: #b4a897;
    font-size: 1.3rem;
    letter-spacing: .104rem
}

.blog__bottom {
    display: flex;
    justify-content: center;
    margin-top: 3.2rem
}

@media only screen and (max-width:576px) {
    .blog__bottom {
        margin-top: 1.6rem
    }

    .blog__bottom .btn {
        width: 100%;
        justify-content: center
    }
}

@media only screen and (max-width:1024px) {
    .blog-page .blog__cards {
        padding: 0;
        grid-template-columns: repeat(auto-fit, minmax(30.5rem, 1fr));
        margin-top: 3.6rem
    }
}

@media only screen and (max-width:576px) {
    .blog-page .blog__cards {
        padding: 0 2.3rem;
        margin-top: 2rem
    }
}

@media only screen and (max-width:1024px) {
    .blog-page .item-card__title {
        font-size: 1.8rem
    }
}

.ba-custom__images {
    border-radius: 3.2rem;
    width: 100%;
    height: 54.5rem !important;
    overflow: hidden
}

@media only screen and (max-width:576px) {
    .ba-custom__images {
        height: 38.5rem !important
    }
}

.ba-custom__images img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.ba-custom__block {
    margin-top: 2.5rem
}

.ba-custom__wrapper {
    position: relative;
    border-radius: 3.2rem;
    border: .1rem solid #f4ede6;
    box-shadow: 0 .4rem .4rem 0 rgba(68, 55, 43, .2);
    padding: 1.4rem;
    margin: 0 auto
}

.ba-custom__wrapper--min {
    width: 44.6rem
}

@media only screen and (max-width:576px) {
    .ba-custom__wrapper--min {
        width: 100%
    }
}

.ba-custom__wrapper--max {
    width: 90.5rem
}

@media only screen and (max-width:576px) {
    .ba-custom__wrapper--max {
        width: 100%
    }

    .ba-custom__wrapper--max .ba-custom__images {
        height: 19rem !important
    }
}

.ba-custom__body {
    text-align: center;
    max-width: 43.9rem;
    margin: 2rem auto 0 auto
}

.ba-custom__body .char {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem
}

.ba-custom__caption {
    font-family: "Segoe UI";
    font-size: 1.6rem;
    font-weight: 400;
    font-style: italic;
    color: #9b6e4d;
    line-height: 1.2
}

.ba-custom__btn {
    margin-top: 3rem
}

.nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.4rem
}

.nav:not(.nav--start) {
    justify-content: center
}

@media only screen and (max-width:576px) {
    .nav {
        gap: 1rem
    }
}

.nav-item {
    cursor: pointer
}

.nav-item a,
.nav-item .nav-item__link {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 1.2rem 2.3rem;
    border-radius: 6.5rem;
    border: .1rem solid #9b6e4d;
    background-color: #fff;
    box-shadow: 0 .4rem 1rem 0 rgba(180, 178, 151, .2);
    color: #9b6e4d;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    transition: .1s ease-in-out;
    white-space: nowrap
}

@media only screen and (max-width:1024px) {

    .nav-item a,
    .nav-item .nav-item__link {
        font-size: 1.5rem;
        padding: .8rem 1.6rem
    }
}

.nav-item a--tpl-2,
.nav-item .nav-item__link--tpl-2 {
    padding: 1.8rem 3.3rem;
    font-size: 1.7rem;
    border-color: #b4a897;
    box-shadow: 0 1rem 2rem 0 rgba(155, 96, 77, .2)
}

@media only screen and (max-width:1024px) {

    .nav-item a--tpl-2,
    .nav-item .nav-item__link--tpl-2 {
        font-size: 1.5rem;
        padding: .8rem 1.6rem
    }
}

@media only screen and (max-width:576px) {

    .nav-item a--tpl-2,
    .nav-item .nav-item__link--tpl-2 {
        font-size: 1.4rem;
        padding: 1rem 1.6rem
    }
}

.nav-item:hover a,
.nav-item:hover .nav-item__link {
    color: #fff;
    background-color: #fa8710;
    border-color: #fa8710
}

.nav-item._active a,
.nav-item._active .nav-item__link {
    color: #fff;
    background-color: #fa8710;
    border-color: #fa8710
}

.nav-item._active a:before,
.nav-item._active .nav-item__link:before {
    content: "";
    display: block;
    width: .7rem;
    height: .7rem;
    background: #fff;
    border-radius: 50%
}

.page-material {
    padding-bottom: 5rem
}

@media only screen and (max-width:576px) {
    .page-material .materials__items {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        overflow: visible !important;
        gap: 20px !important
    }
}

@media only screen and (max-width:576px) {
    .page-material .materials__items .materials__item {
        min-width: 0 !important;
        margin: 0 !important
    }
}

.material {
    padding-bottom: 5rem;
    font-size: 1.6rem
}

.material__description {
    padding-top: 3rem
}

.material__posts {
    display: grid;
    gap: 10rem;
    padding: 5rem 0
}

@media only screen and (max-width:576px) {
    .material__posts {
        padding: 2rem 0;
        gap: 5rem
    }
}

.material__images {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-top: 4rem
}

.material__images li {
    overflow: hidden
}

.material__images li:hover img {
    scale: 1.5
}

@media only screen and (max-width:576px) {
    .material__images {
        margin-top: 2rem;
        grid-template-columns: repeat(2, 1fr)
    }
}

.material__images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale 2s ease-out;
    will-change: transform
}

.material__more {
    display: flex;
    justify-content: center;
    align-items: center
}

.other-articles {
    margin-top: 4rem
}

.other-articles .item-card__bottom {
    margin-left: auto
}

.other-articles .date {
    display: none
}

.tabs__nav {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap
}

@media only screen and (max-width:576px) {
    .tabs__nav {
        gap: 1rem
    }
}

.tabs__btn {
    display: inline-block;
    padding: 1.2rem 2.3rem;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 1.2;
    text-align: center;
    color: #fa8710;
    border-radius: 65px;
    border: 1px solid #fa8710;
    box-shadow: 0 4px 10px 0 rgba(180, 178, 151, .2);
    transition: background-color .1s ease-in-out, color .1s ease-in-out
}

@media only screen and (max-width:1024px) {
    .tabs__btn {
        font-size: 1.5rem;
        padding: .8rem 1.6rem
    }
}

.tabs__btn:hover {
    background-color: #fa8710;
    color: #fff
}

.tabs__btn--active {
    background-color: #fa8710;
    color: #fff
}

.tabs__btn--brown {
    color: #9b6e4d;
    box-shadow: 0 4px 10px 0 rgba(180, 178, 151, .2);
    background-color: #fff;
    border: 1px solid #f4ede6
}

.tabs__btn--brown.tabs__btn--active {
    background-color: #9b6e4d;
    color: #fff
}

.tabs__tab {
    display: none
}

.tabs__tab--active {
    display: block
}

.not-found {
    text-align: center;
    font-size: 1.6rem
}

.operations__tabs {
    margin-top: 3.2rem
}

.operations .tabs__nav {
    margin-bottom: 3.2rem
}

.duratation-work__title {
    margin-bottom: 3.2rem
}

@media only screen and (max-width:576px) {
    .duratation-work__title {
        margin-bottom: 2rem
    }
}

.duratation-work__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem 6.2rem;
    position: relative;
    padding-bottom: 3.2rem;
    margin-bottom: 3.2rem
}

@media only screen and (max-width:576px) {
    .duratation-work__list {
        gap: 2rem 4rem;
        padding-bottom: 2rem;
        margin-bottom: 2rem
    }
}

.duratation-work__list:after {
    content: "";
    position: absolute;
    width: 11rem;
    height: .1rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #b4a897
}

.duratation-work__item {
    display: grid;
    gap: .7rem;
    text-align: center
}

.duratation-work__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 5rem 6rem;
    font-size: 1.8rem;
    color: #3f3836;
    box-shadow: 0 4px 12px 0 rgba(80, 56, 48, .23);
    background: #fff;
    border-radius: 1.7rem
}

@media only screen and (max-width:1024px) {
    .duratation-work__body {
        padding: 2rem 3rem
    }
}

@media only screen and (max-width:576px) {
    .duratation-work__body {
        font-size: 1.5rem
    }
}

.present__content {
    display: grid;
    row-gap: 3.2rem;
    font-weight: 400;
    font-size: 1.9rem;
    line-height: 1.36842;
    color: #3f3836
}

@media only screen and (max-width:576px) {
    .present__content {
        font-size: 1.5rem;
        row-gap: 1.5rem
    }
}

.present__title {
    margin-bottom: 3.2rem
}

@media only screen and (max-width:576px) {
    .present__title {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:576px) {
    .present .buttons .btn {
        width: 100%
    }
}

.hero-text {
    padding-block: 4rem
}

.hero-text .breadcrumbs {
    margin-bottom: 2.2rem
}

.hero-text__title {
    margin-bottom: 4rem
}

@media only screen and (max-width:576px) {
    .hero-text__title {
        margin-bottom: 1.6rem
    }
}

.hero-text .nav {
    margin-block: 4rem
}

@media only screen and (max-width:576px) {
    .hero-text .nav {
        margin-block: 1.6rem
    }
}

.hero-text__row {
    display: flex;
    gap: 4rem
}

@media only screen and (max-width:576px) {
    .hero-text__row {
        gap: 2.5rem;
        flex-direction: column
    }
}

@media only screen and (max-width:576px) {
    .hero-text__row .slider-gallery {
        order: -1
    }
}

.hero-text__content {
    flex-basis: calc((100%/2.1) - 2rem);
    line-height: 1.47059
}

@media only screen and (max-width:576px) {
    .hero-text__content {
        font-size: 1.5rem
    }
}

.hero-text__content p {
    margin-bottom: 2rem
}

@media only screen and (max-width:576px) {
    .hero-text__content p {
        margin-bottom: 1.2rem
    }
}

.hero-text__content ul li,
.hero-text__content ol li {
    margin-bottom: 2rem
}

@media only screen and (max-width:576px) {

    .hero-text__content ul li,
    .hero-text__content ol li {
        margin-bottom: 1.2rem
    }
}

.hero-text__content ul li {
    position: relative;
    padding-left: 3.4rem
}

.hero-text__content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/check.svg) no-repeat center/contain
}

.hero-text .slider-gallery {
    flex-basis: calc((100%/1.9) - 2rem)
}

.slider-gallery {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 3rem
}

@media only screen and (min-width:577px) {
    .slider-gallery.fix .slider-gallery__preview {
        height: 47.2rem
    }
}

@media only screen and (max-width:576px) {
    .slider-gallery {
        gap: 1.2rem
    }
}

.slider-gallery a {
    outline: none
}

@media only screen and (min-width:577px) {
    .slider-gallery .btn {
        display: flex;
        margin-inline: auto
    }
}

@media only screen and (max-width:576px) {
    .slider-gallery .btn {
        width: 100%
    }
}

.slider-gallery__wrapper {
    position: relative
}

.slider-gallery__thumbs.slider-in {
    z-index: 2
}

@media only screen and (min-width:577px) {
    .slider-gallery__thumbs.slider-in {
        position: absolute;
        bottom: 2rem;
        padding-inline: 2rem;
        width: 100%
    }
}

@media only screen and (max-width:576px) {
    .slider-gallery__thumbs.slider-in {
        margin-top: 1rem
    }
}

.slider-gallery__thumbs.slider-out {
    padding: 1rem .6rem
}

.slider-gallery__thumbs.slider-out .swiper-slide {
    padding: .2rem;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 .2rem .5rem 0 rgba(80, 56, 48, .23)
}

.slider-gallery__thumbs .swiper-slide {
    border: .5rem solid #fff;
    border-radius: 1rem;
    aspect-ratio: 1
}

@media only screen and (max-width:576px) {
    .slider-gallery__thumbs .swiper-slide {
        padding: .1rem
    }
}

.slider-gallery__preview {
    padding: 1.2rem;
    border-radius: 1.7rem;
    box-shadow: 0 .4rem 1.2rem 0 rgba(80, 56, 48, .23);
    background: #fff
}

.slider-gallery:not(.fix) .slider-gallery__preview {
    aspect-ratio: 1
}

.slider-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.calculation-block {
    padding: 4.4rem;
    border-radius: 1.7rem;
    margin-top: 3.2rem;
    display: flex;
    gap: 3.2rem
}

@media only screen and (max-width:1024px) {
    .calculation-block {
        flex-direction: column
    }
}

@media only screen and (max-width:576px) {
    .calculation-block {
        padding: 2rem
    }
}

.calculation-block_price {
    min-width: 14.5rem
}

.calculation-block__radio label>span {
    font-weight: 600
}

.calculation-block__radio label>span:before {
    position: relative;
    top: .3rem
}

.calculation-block__current {
    padding: 3.2rem;
    border-radius: 1.7rem;
    margin-top: 3.2rem
}

@media only screen and (max-width:576px) {
    .calculation-block__current {
        padding: 2rem;
        margin-top: 2rem
    }
}

.calculation-block__current-order {
    display: flex;
    align-items: center;
    gap: 2.5rem
}

@media only screen and (max-width:576px) {
    .calculation-block__current-order {
        flex-direction: column
    }

    .calculation-block__current-order .btn {
        width: 100%;
        justify-content: center
    }
}

.calculation-block__col {
    flex-basis: 50%;
    column-gap: 3.2rem
}

.calculation-block__col.go-form {
    display: flex;
    flex-direction: column;
    row-gap: 3.2rem
}

@media only screen and (max-width:576px) {
    .calculation-block__col.go-form {
        row-gap: 2rem
    }
}

.calculation-block__group.bordered {
    margin-bottom: 1rem;
    padding-bottom: 3.2rem;
    border-bottom: .1rem solid #f4ede6
}

@media only screen and (max-width:576px) {
    .calculation-block__group.bordered {
        padding-bottom: 2rem
    }
}

.calculation-block__group-title {
    font-size: 2rem;
    margin-bottom: 1.6rem;
    font-weight: 700 !important
}

@media only screen and (max-width:576px) {
    .calculation-block__group-title {
        font-size: 1.6rem
    }
}

.calculation-block__fields {
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem
}

@media only screen and (max-width:576px) {
    .calculation-block__fields {
        flex-direction: column;
        gap: 2rem
    }
}

.calculation-section .calculation-block {
    background-color: #fff
}

.calculation-section.bg-white .calculation-block {
    background-color: #fcfaf0
}

.calculation-section.bg-white .alert {
    background-color: #f5f0e1
}

@media only screen and (max-width:576px) {
    .stage-scheme-block__content h2 {
        max-width: 70vw;
        text-align: start;
        margin-inline: 0
    }
}

.rich-article__container {
    padding: 9.4rem clamp(14.875rem, 22.2620481928rem + -17.5100401606vw, 1.25rem);
    margin-inline: auto;
    box-shadow: 0 4px 17px 0 rgba(63, 63, 63, .23);
    background: #fff;
    border-radius: 3rem
}

@media only screen and (max-width:1024px) {
    .rich-article__container {
        padding: 3rem 2rem
    }
}

@media only screen and (max-width:576px) {
    .rich-article h2 {
        text-align: left
    }
}

.rich-article .wp-block-columns,
.rich-article .wp-block-media-text {
    margin-bottom: 2.4rem;
    padding-inline: 0 !important
}

.rich-article img {
    width: 100%
}

.rich-article ul {
    font-weight: 700;
    color: #9b6e4d
}

.rich-article ul a {
    color: #9b6e4d !important
}

.rich-article ul li {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 0;
    padding-left: 0 !important
}

.rich-article ul li:before {
    display: none
}

.wpcf7-response-output {
    display: none
}

.screen-reader-response {
    display: none
}

span[data-name=file] {
    display: none
}

.wpcf7-spinner {
    display: none
}

.wpcf7-not-valid-tip {
    display: none
}

input.wpcf7-not-valid {
    border-color: #ec4040
}

input.wpcf7-not-valid::placeholder {
    color: #ec4040
}

.submitting .wpcf7-submit {
    animation: barberpole 1s linear infinite;
    background-size: 30px 30px;
    background-color: #fa8710;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%, transparent 75%, transparent)
}

@keyframes barberpole {
    from {
        background-position: 0 0
    }

    to {
        background-position: 60px 30px
    }
}

.grecaptcha-badge {
    display: none !important
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: #fff;
    position: absolute;
    z-index: 30
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    width: 2px;
    height: 9999px;
    left: 50%;
    margin-left: -1px
}

.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    width: 9999px;
    height: 2px;
    top: 50%;
    margin-top: -1px
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    transition-duration: .5s
}

.twentytwenty-before-label,
.twentytwenty-after-label {
    transition-property: opacity
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (max-width:576px) {

    .twentytwenty-before-label:before,
    .twentytwenty-after-label:before {
        font-size: 14px
    }
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
    position: absolute;
    background: rgba(48, 38, 34, .5);
    line-height: 1.2;
    padding: 0 6px;
    border-radius: 2px
}

.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
    top: 30px;
    margin-top: -.6
}

@media only screen and (max-width:576px) {

    .twentytwenty-horizontal .twentytwenty-before-label:before,
    .twentytwenty-horizontal .twentytwenty-after-label:before {
        top: 16px
    }
}

.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px
}

.twentytwenty-container {
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none
}

.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
    background: 0 0
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 1
}

.twentytwenty-container * {
    box-sizing: content-box
}

.twentytwenty-before-label {
    opacity: 1
}

.twentytwenty-before-label:before {
    content: attr(data-content)
}

.twentytwenty-after-label {
    opacity: 1
}

.twentytwenty-after-label:before {
    content: attr(data-content)
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 31px
}

@media only screen and (max-width:576px) {
    .twentytwenty-horizontal .twentytwenty-before-label:before {
        left: 19px
    }
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 31px
}

@media only screen and (max-width:576px) {
    .twentytwenty-horizontal .twentytwenty-after-label:before {
        right: 19px
    }
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px
}

.twentytwenty-overlay {
    transition-property: background;
    background: 0 0;
    z-index: 25
}

.twentytwenty-before {
    z-index: 20
}

.twentytwenty-after {
    z-index: 10
}

.twentytwenty-handle {
    height: 56px;
    width: 56px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='27' fill='%23FA8710' stroke='%23F4EDE6' stroke-width='2'/%3E%3Cpath d='M16.5 34L10.5 28L16.5 22' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M39.5 34L45.5 28L39.5 22' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='28' cy='28' r='3' fill='white'/%3E%3C/svg%3E%0A");
    background-size: 56px;
    background-repeat: no-repeat;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 40;
    cursor: pointer
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 30px;
    box-shadow: 0 2px 0 #fff, 0px 0px 12px rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 30px;
    box-shadow: 0 -2px 0 #fff, 0px 0px 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 30px;
    box-shadow: 2px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 30px;
    box-shadow: -2px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, .5)
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    top: 50%;
    margin-top: -17px
}

.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px
}

.wpa-test-msg {
    background: #d1ecf1 !important;
    border: 1px solid #bee5eb !important;
    border-radius: 5px !important;
    color: #0c5460 !important;
    font-size: 14px !important;
    padding: .75rem 1.25rem !important;
    font-family: Arial !important;
    margin-top: 5px !important
}

span.wpa-button {
    display: inline-block !important;
    padding-top: 5px !important;
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    padding: 5px 10px !important;
    border-radius: 5px !important;
    margin-top: 5px !important;
    cursor: pointer !important
}

#altEmail_container {
    position: absolute !important;
    overflow: hidden !important;
    display: inline !important;
    height: 1px !important;
    width: 1px !important;
    z-index: -1000 !important
}

.ez-toc-list {
    padding-top: 1.6rem;
    columns: 2 200px;
    column-gap: 5rem
}

@media only screen and (max-width:768px) {
    .ez-toc-list {
        columns: inherit
    }
}

@media only screen and (max-width:576px) {
    .ez-toc-list {
        padding-top: .5rem
    }
}

.ez-toc-list li {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #f7ca7a;
    list-style-type: decimal;
    list-style-position: inside;
    transition: color .1s ease-out;
    margin-bottom: .7rem;
    break-inside: avoid
}

@media only screen and (max-width:576px) {
    .ez-toc-list li {
        font-size: 1.4rem
    }
}

.ez-toc-list li>a {
    text-decoration: underline;
    text-decoration-skip-ink: none
}

.ez-toc-list li:hover {
    color: #f7e47c
}

.ez-toc-title {
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 1.47059;
    letter-spacing: .7em;
    color: #fff;
    text-transform: uppercase
}

@media only screen and (max-width:576px) {
    .ez-toc-title {
        font-size: 1.5rem
    }
}

.ez-toc-custom {
    border: 1px solid rgba(247, 202, 122, .3);
    border-radius: 1.7rem;
    padding: 2.4rem 3.2rem 2.73rem;
    background: rgba(34, 34, 34, .8);
    margin-top: 3rem
}

@media only screen and (max-width:576px) {
    .ez-toc-custom {
        margin-top: 2rem;
        padding: 1.4rem 2.2rem 1.73rem
    }
}

.ez-toc-title-container {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(247, 202, 122, .3)
}

@media only screen and (max-width:576px) {
    .ez-toc-title-container {
        padding-bottom: .5rem
    }
}

.swiper-container {
    position: relative;
    overflow: hidden
}

.swiper-container:not(.swiper-initialized) .swiper-wrapper {
    gap: 24px
}

.btn-prev,
.btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5.1rem;
    height: 5.1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 5.1rem;
    transition: .1s ease-in-out
}

@media only screen and (max-width:576px) {

    .btn-prev,
    .btn-next {
        display: none
    }
}

.btn-prev--second,
.btn-next--second {
    width: 6.4rem;
    height: 6.4rem;
    background-size: 6.4rem
}

.btn-prev:hover,
.btn-next:hover {
    opacity: .8
}

.btn-prev {
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='52' viewBox='0 0 51 52' fill='none'%3E%3Cpath d='M31.875 38.75L19.125 26L31.875 13.25' stroke='%23F7CA7A' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.btn-prev--second {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='63' height='63' rx='31.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='63' height='63' rx='31.5' stroke='%23D8C8B7'/%3E%3Cpath d='M35.5 43L24.5 32L35.5 21' stroke='%239B6E4D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.btn-prev--brown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='51' viewBox='0 0 51 51' fill='none'%3E%3Cpath d='M31.875 38.25L19.125 25.5L31.875 12.75' stroke='%239B6E4D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.btn-next {
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='52' viewBox='0 0 51 52' fill='none'%3E%3Cpath d='M19.125 38.75L31.875 26L19.125 13.25' stroke='%23F7CA7A' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.btn-next--second {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='63' height='63' rx='31.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='63' height='63' rx='31.5' stroke='%23D8C8B7'/%3E%3Cpath d='M28.5 43L39.5 32L28.5 21' stroke='%239B6E4D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.btn-next--brown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='51' viewBox='0 0 51 51' fill='none'%3E%3Cpath d='M19.125 38.25L31.875 25.5L19.125 12.75' stroke='%239B6E4D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.accordion {
    padding: 2rem;
    max-width: 94.2rem;
    margin: 3.2rem auto 0 auto;
    background: #fff;
    box-shadow: 0 .4rem 1.7rem 0 rgba(80, 56, 48, .23);
    border-radius: 1.7rem
}

@media only screen and (max-width:576px) {
    .accordion {
        margin: 1.6rem auto 0 auto
    }
}

.accordion__item {
    padding: 2.2rem 0;
    border-bottom: .1rem solid #ede6db
}

.accordion__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #3f3836;
    font-weight: 500;
    font-size: 2.1rem;
    cursor: pointer;
    transition: .1s ease-in-out
}

.accordion__header:after {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 3rem;
    margin-right: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 5V19M5 12H19' stroke='%233F3836' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 2.4rem;
    content: "";
    transition: .1s ease-in-out
}

.accordion__item_show .accordion__header:after,
.accordion__item_slidedown .accordion__header:after {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19' stroke='%233F3836' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.accordion__item_show .accordion__header,
.accordion__item_slidedown .accordion__header {
    color: #9b6e4d
}

.accordion__header:hover {
    color: #9b6e4d
}

.accordion__content {
    font-size: 1.7rem;
    padding-top: .8rem
}

.accordion__item:not(.accordion__item_show) .accordion__body {
    display: none
}

.icon-inline {
    position: relative;
    margin-left: 3.5rem
}

@media only screen and (max-width:576px) {
    .icon-inline {
        margin-left: 2.5rem
    }
}

.icon-inline svg {
    position: absolute;
    top: 0;
    left: -3.5rem
}

@media only screen and (max-width:576px) {
    .icon-inline svg {
        left: -2.5rem
    }
}

.icon {
    width: 2.4rem;
    height: 2.4rem
}

@media only screen and (max-width:576px) {
    .icon {
        width: 1.8rem;
        height: 1.8rem
    }
}

.icon-color {
    fill: #f7ca7a;
    stroke: #f7ca7a
}

.icon-color--tg {
    fill: #24a1de;
    stroke: #24a1de
}

.icon-color--whatsapp {
    fill: #44c554;
    stroke: #44c554
}

.icon-color--white {
    fill: #fff;
    stroke: #fff;
    color: #fff
}

.icon-color--dark {
    fill: #3f3836;
    stroke: #3f3836;
    color: #3f3836
}

.icon-color--light {
    fill: #fcfaf0;
    stroke: #fcfaf0;
    color: #fcfaf0
}

.icon-color--brown {
    fill: #9b6e4d;
    stroke: #9b6e4d;
    color: #9b6e4d
}

.icon-color--light-yellow {
    fill: #faf0bb;
    stroke: #faf0bb;
    color: #faf0bb
}

.icon-color--swamp {
    fill: #b4a897;
    stroke: #b4a897;
    color: #b4a897
}

.protected .icon {
    width: 2.2rem;
    height: 2.2rem
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, .1);
    --f-spinner-color-2: rgba(17, 24, 28, .8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: .175s ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: .175s ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, -150px, 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, 150px, 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, .2s) ease-out .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, .2s) ease-out both f-zoomOutDown
}

@keyframes f-zoomInUp {
    from {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, .2s) ease both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, .2s) ease both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, .2s)*0.5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all .15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: .65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media (hover:hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg)
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, .98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, .1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: transparent;
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: none;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *,
.fancybox__container *:before,
.fancybox__container *:after {
    box-sizing: inherit
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video {
    overflow: hidden
}

.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide:before,
.fancybox__slide:after {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: 0 0;
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,
.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
    visibility: hidden
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    filter: blur(0px);
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    user-select: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, .6);
    --f-button-active-bg: rgba(0, 0, 0, .6);
    --f-button-hover-bg: rgba(0, 0, 0, .6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, .3);
    --f-button-active-bg: rgba(24, 24, 27, .5);
    --f-button-shadow: none;
    --f-button-transition: all .15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .5));
    --f-button-svg-disabled-opacity: .65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width)*-0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height)*-0.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    z-index: 40;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content) {
    animation: .25s ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: .35s ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content) {
    animation: .15s ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: .35s ease forwards f-fadeOut
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,
.fancybox__container:not(.is-compact) .has-map .fancybox__content,
.fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: 0 0
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: .5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden
}

.f-thumbs__track {
    display: flex;
    will-change: transform
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    min-width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: max-content
}

.is-modern .f-thumbs__track:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--left, 0)*1px);
    width: calc(100% - var(--width, 0)*1px);
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))*0.5*(1 - var(--progress, 0))) round var(--f-thumb-border-radius, 0));
    transform: translate3d(calc(var(--shift, 0)*-1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern .f-thumbs__slide>* {
    clip-path: var(--clip-path)
}

.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}

.is-modern.in-touch .f-thumbs__slide {
    filter: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: all .33s ease
}

.is-modern.is-resting .f-thumbs__slide>* {
    transition: all .33s ease
}

.f-thumbs__slide__button {
    appearance: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: 0 0;
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity)
}

.is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-nav-selected .f-thumbs__slide__button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover
}

.f-thumbs.is-horizontal .f-thumbs__track {
    margin: 0 auto;
    padding: 8px 0 12px
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    margin: auto 0;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(.23, 1, .32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: .5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0px !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, .94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, .65);
    --f-button-hover-bg: rgba(70, 70, 73, .65);
    --f-button-active-bg: rgba(90, 90, 93, .65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: .65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    user-select: none;
    pointer-events: none
}

@media screen and (min-width:961px) {
    .fancybox__content iframe {
        width: 960px
    }
}

@media screen and (max-width:740px) {
    .fancybox__content iframe {
        width: 720px
    }
}

@media screen and (max-width:480px) {
    .fancybox__content iframe {
        width: 340px
    }
}

@media screen and (max-width:360px) {
    .fancybox__content iframe {
        width: 340px
    }
}

@media screen and (max-width:200px) {
    .fancybox__content iframe {
        width: 200px
    }
}

.footer {
    padding: 8.4rem 0;
    background: #3f3836;
    color: #f4ede6;
    font-size: 1.3rem;
    font-weight: 300
}

@media only screen and (max-width:1024px) {
    .footer {
        padding: 5.6rem 0;
        font-size: 1.2rem
    }
}

@media only screen and (max-width:576px) {
    .footer {
        padding: 4rem 0
    }
}

.footer .social .icon {
    width: 3.5rem;
    height: 3.5rem
}

@media only screen and (max-width:576px) {
    .footer .social .icon {
        width: 3rem;
        height: 3rem
    }
}

.footer__inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch
}

@media only screen and (max-width:576px) {
    .footer__inner {
        flex-direction: column;
        align-items: center
    }
}

.footer__column {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 7.4rem;
    width: 100%
}

@media only screen and (max-width:1024px) {
    .footer__column {
        padding: 0 2.6rem
    }
}

@media only screen and (max-width:576px) {
    .footer__column {
        padding: 2.4rem 6.4rem
    }
}

.footer__column:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .1rem;
    height: 100%;
    background: #5c5248
}

@media only screen and (max-width:576px) {
    .footer__column:after {
        width: 100%;
        height: .1rem
    }
}

.footer__column .social {
    margin-top: 3.3rem
}

@media only screen and (max-width:576px) {
    .footer__column .social {
        margin-top: 2.4rem;
        margin-left: -1rem
    }
}

.footer__column--end {
    align-items: flex-end
}

@media only screen and (max-width:576px) {
    .footer__column--end {
        align-items: center;
        text-align: center
    }
}

.footer__menu {
    display: flex;
    flex-shrink: 0
}

@media only screen and (max-width:576px) {
    .footer__menu {
    display: none;
    }
}

.footer__menu .sub-menu {
    display: flex;
    flex-direction: column;
    gap: 1.7rem;
    margin-top: 2rem
}

.footer__menu .menu-item-has-children {
    padding-right: 7.4rem;
    position: relative
}

@media only screen and (max-width:1024px) {
    .footer__menu .menu-item-has-children {
        padding-right: 2.6rem
    }
}

@media only screen and (max-width:576px) {
    .footer__menu .menu-item-has-children {
        padding-right: 0
    }
}

.footer__menu .menu-item-has-children:not(:first-child) {
    padding-left: 7.4rem
}

@media only screen and (max-width:1024px) {
    .footer__menu .menu-item-has-children:not(:first-child) {
        padding-left: 2.6rem
    }
}

@media only screen and (max-width:576px) {
    .footer__menu .menu-item-has-children:not(:first-child) {
        padding-left: 4.4rem
    }
}

.footer__menu .menu-item-has-children:not(:first-child):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .1rem;
    height: 100%;
    background: #5c5248
}

@media only screen and (max-width:576px) {
    .footer__menu .menu-item-has-children:not(:first-child):after {
        display: none
    }
}

.footer__menu .menu-item-has-children>a {
    color: #f7e47c;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase
}

.footer__menu li:not(.menu-item-has-children)>a {
    color: #f4ede6;
    font-size: 1.6rem;
    font-weight: 600;
    text-decoration-line: underline;
    transition: .1s ease-in-out
}

@media only screen and (max-width:1024px) {
    .footer__menu li:not(.menu-item-has-children)>a {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:576px) {
    .footer__menu li:not(.menu-item-has-children)>a {
        font-size: 1.3rem
    }
}

.footer__menu li:not(.menu-item-has-children)>a:hover {
    color: #f7e47c
}

.footer__contacts {
    display: flex;
    flex-direction: column;
    gap: 1.7rem
}

@media only screen and (max-width:1024px) {
    .footer__contacts {
        max-width: 25.3rem
    }
}

@media only screen and (max-width:576px) {
    .footer__contacts {
        max-width: 100%;
        gap: 1.4rem
    }

    .footer__contacts .icon-inline svg {
        left: -3rem
    }
    .hero__body, .hero--inside .hero__form{
        width: 100%;
    }
    .wpcf7-form .form__col {
        flex-basis: 100%;
    }
}

.footer__contacts li {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6
}

@media only screen and (max-width:576px) {
    .footer__contacts li {
        font-size: 1.4rem;
        line-height: 1.3
    }
}

.footer__contacts .tel,
.footer__contacts .email {
    text-decoration: underline
}

.footer__contacts .tel:hover,
.footer__contacts .email:hover {
    color: #f7e47c
}

.footer__links {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    color: #f4ede6;
    font-size: 1.3rem;
    font-weight: 300;
    text-decoration-line: underline;
    margin-top: 2rem;
    line-height: 1.4
}

@media only screen and (max-width:1024px) {
    .footer__links {
        font-size: 1.2rem
    }
}

@media only screen and (max-width:576px) {
    .footer__links {
        gap: 1.6rem
    }
}

.footer__links li {
    transition: .1s ease-in-out
}

.footer__links li:hover {
    color: #f7e47c
}

.footer__logo {
    margin-bottom: 1rem
}

@media only screen and (max-width:576px) {
    .footer__logo {
        margin-bottom: 2rem
    }
}

.footer__logo img {
    width: 24rem;
    height: auto
}

@media only screen and (max-width:1024px) {
    .footer__logo img {
        width: 21.7rem
    }
}

.footer__info {
    max-width: 17rem
}

@media only screen and (max-width:576px) {
    .footer__info {
        max-width: 21.7rem
    }
}

/*!
Theme Name: dvpremium
Theme URI: https://perviy.agency/
Author: perviydesign
Author URI: https://perviy.agency
Version: 1.0.0
Tested up to: 7.4
Requires PHP: 7.4
Text Domain: dvpremium
*/
.hero__card:not(:last-child):after {
    margin-left: 2.9rem;
    margin-right: 2.9rem
}

@font-face {
    font-family: "fallback-for-montserrat";
    src: local("Arial"), local("sans-serif");
    line-gap-override: 5%;
    size-adjust: 112%
}

.form__file>span.wpcf7-form-control-wrap {
    display: block;
    position: absolute;
    width: 100%;

    .wpcf7-not-valid-tip {
        position: absolute;
        margin-top: 25px;
        left: 0;
        color: red;
        display: block
    }
}

.hero__form .form__file:has(.wpcf7-not-valid-tip) {
    margin-bottom: 30px
}

.hero__form .form__file>span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    margin-top: 55px
}

.tiles__item.vertical {
    aspect-ratio: 438/600
}

.snowflake {
    position: fixed;
    z-index: 999;
    pointer-events: none;
    top: 0;
    left: 0;
    will-change: transform, opacity;
    animation: fall 3s linear forwards, spin 3s linear infinite
}

@keyframes fall {
    to {
        transform: translateY(220px);
        opacity: 0
    }
}

@keyframes spin {
    to {
        rotate: 360deg
    }
}


[data-class=wpcf7cf_group],
.wpcf7cf_remove,
.wpcf7cf_add {
    display: none
}

.wpcf7cf_repeater_sub {
    margin-bottom: 20px
}

.wpcf7cf_repeater_controls,
.wpcf7cf_step_controls {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px
}

.wpcf7cf_multistep .wpcf7cf_step {
    width: 100%
}

.wpcf7cf_multistep .wpcf7cf_step .step-title {
    display: none
}

.wpcf7cf_multistep .wpcf7cf_steps-dots {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
    display: inline-block;
    border-radius: 50%;
    background: #dfdfdf;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
    border-bottom: 5px solid #dfdfdf;
    text-align: center;
    flex: 1;
    padding: 15px;
    min-width: 120px
}

.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
    border-bottom: 5px solid #333
}

.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
    border-bottom: 5px solid #333;
    font-weight: 700
}

.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
    background-color: #333;
    color: #fff
}

.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
    background-color: #333;
    color: #fff
}

.wpcf7cf_step_controls .disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5
}

img:is([sizes=auto i], [sizes^="auto,"i]) {
    contain-intrinsic-size: 3000px 1500px
}

:root {
    --wp-block-synced-color: #7a00df;
    --wp-block-synced-color--rgb: 122, 0, 223;
    --wp-bound-block-color: var(--wp-block-synced-color);
    --wp-editor-canvas-background: #ddd;
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color--rgb: 0, 124, 186;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
    --wp-admin-theme-color-darker-20: #005a87;
    --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
    --wp-admin-border-width-focus: 2px
}

@media (min-resolution:192dpi) {
    :root {
        --wp-admin-border-width-focus: 1.5px
    }
}

.wp-element-button {
    cursor: pointer
}

:root .has-very-light-gray-background-color {
    background-color: #eee
}

:root .has-very-dark-gray-background-color {
    background-color: #313131
}

:root .has-very-light-gray-color {
    color: #eee
}

:root .has-very-dark-gray-color {
    color: #313131
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
    background: linear-gradient(135deg, #00d084, #0693e3)
}

:root .has-purple-crush-gradient-background {
    background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}

:root .has-hazy-dawn-gradient-background {
    background: linear-gradient(135deg, #faaca8, #dad0ec)
}

:root .has-subdued-olive-gradient-background {
    background: linear-gradient(135deg, #fafae1, #67a671)
}

:root .has-atomic-cream-gradient-background {
    background: linear-gradient(135deg, #fdd79a, #004a59)
}

:root .has-nightshade-gradient-background {
    background: linear-gradient(135deg, #330968, #31cdcf)
}

:root .has-midnight-gradient-background {
    background: linear-gradient(135deg, #020381, #2874fc)
}

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

.has-regular-font-size {
    font-size: 1em
}

.has-larger-font-size {
    font-size: 2.625em
}

.has-normal-font-size {
    font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
    font-size: var(--wp--preset--font-size--huge)
}

.has-text-align-center {
    text-align: center
}

.has-text-align-left {
    text-align: left
}

.has-text-align-right {
    text-align: right
}

.has-fit-text {
    white-space: nowrap !important
}

#end-resizable-editor-section {
    display: none
}

.aligncenter {
    clear: both
}

.items-justified-left {
    justify-content: flex-start
}

.items-justified-center {
    justify-content: center
}

.items-justified-right {
    justify-content: flex-end
}

.items-justified-space-between {
    justify-content: space-between
}

.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

html :where(.has-border-color) {
    border-style: solid
}

html :where([style*=border-top-color]) {
    border-top-style: solid
}

html :where([style*=border-right-color]) {
    border-right-style: solid
}

html :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

html :where([style*=border-left-color]) {
    border-left-style: solid
}

html :where([style*=border-width]) {
    border-style: solid
}

html :where([style*=border-top-width]) {
    border-top-style: solid
}

html :where([style*=border-right-width]) {
    border-right-style: solid
}

html :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

html :where([style*=border-left-width]) {
    border-left-style: solid
}

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

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

html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
}

@media screen and (max-width:600px) {
    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: 0px
    }
}

.wp-block-spacer {
    clear: both
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #fff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: .44rem;
    --wp--preset--spacing--30: .67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px #fff, 6px 6px #000;
    --wp--preset--shadow--crisp: 6px 6px 0px #000
}

:where(.is-layout-flex) {
    gap: .5em
}

:where(.is-layout-grid) {
    gap: .5em
}

body .is-layout-flex {
    display: flex
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center
}

.is-layout-flex>:is(*, div) {
    margin: 0
}

body .is-layout-grid {
    display: grid
}

.is-layout-grid>:is(*, div) {
    margin: 0
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em
}

.has-black-color {
    color: var(--wp--preset--color--black) !important
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important
}

.has-white-color {
    color: var(--wp--preset--color--white) !important
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important
}

.lazybg,
.lazybg:before,
.lazybg:after {
    background-image: none !important
}

@media (max-width:570px) {
    .header__logo-main {
        width: 84px;
        height: 84px;
        display: flex
    }
}