@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_Black.woff2") format("woff2"),
        url("../fonts/Inter_Black.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_BlackItalic.woff2") format("woff2"),
        url("../fonts/Inter_BlackItalic.woff") format("woff");
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_Bold.woff2") format("woff2"),
        url("../fonts/Inter_Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_ExtraBold.woff2") format("woff2"),
        url("../fonts/Inter_ExtraBold.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_ExtraBoldItalic.woff2") format("woff2"),
        url("../fonts/Inter_ExtraBoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_ExtraLight.woff2") format("woff2"),
        url("../fonts/Inter_ExtraLight.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_BoldItalic.woff2") format("woff2"),
        url("../fonts/Inter_BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_Light.woff2") format("woff2"),
        url("../fonts/Inter_Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_ExtraLightItalic.woff2") format("woff2"),
        url("../fonts/Inter_ExtraLightItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_LightItalic.woff2") format("woff2"),
        url("../fonts/Inter_LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_MediumItalic.woff2") format("woff2"),
        url("../fonts/Inter_MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_Regular.woff2") format("woff2"),
        url("../fonts/Inter_Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_Medium.woff2") format("woff2"),
        url("../fonts/Inter_Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_Italic.woff2") format("woff2"),
        url("../fonts/Inter_Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_SemiBold.woff2") format("woff2"),
        url("../fonts/Inter_SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_Thin.woff2") format("woff2"),
        url("../fonts/Inter_Thin.woff") format("woff");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_ThinItalic.woff2") format("woff2"),
        url("../fonts/Inter_ThinItalic.woff") format("woff");
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter_SemiBoldItalic.woff2") format("woff2"),
        url("../fonts/Inter_SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
}
* {
    box-sizing: border-box;
}

h1,
.h1 {
    font-size: 3.8889rem;
}

h2,
.h2 {
    font-size: 2.7778rem;
}

h3,
.h3 {
    font-size: 2.3333rem;
}

h4,
.h4 {
    font-size: 1.75rem;
}

h5,
.h5 {
    font-size: 1.3333rem;
}

h6,
.h6 {
    font-size: 1.2222rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin: 0 0 0.8333rem;
    font-weight: 500;
    line-height: 1.1;
}

@media only screen and (max-width: 520px) {
    h1,
    .h1 {
        font-size: 40px;
    }
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

input,
textarea,
select {
    display: block;
    width: 100%;
    padding: 15px 25px;
    font-size: 1rem;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e9e6e6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 1px #e9e6e6;
    box-shadow: inset 0 0 1px #e9e6e6;
    -webkit-transition: border-color ease-in-out 0.5s,
        -webkit-box-shadow ease-in-out 0.5s;
    -o-transition: border-color ease-in-out 0.5s, box-shadow ease-in-out 0.5s;
    transition: border-color ease-in-out 0.5s, box-shadow ease-in-out 0.5s;
}
input:focus,
textarea:focus,
select:focus {
    border-color: #ffba06;
    outline: 0;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    color: #ccc;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: #ccc;
}
input::-ms-expand,
textarea::-ms-expand,
select::-ms-expand {
    background-color: transparent;
    border: 0;
}

textarea {
    font-family: "Inter", sans-serif;
}

p {
    margin: 0 0 0.8333rem;
}

a {
    text-decoration: none;
    color: #333;
}

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

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    line-height: 160%;
    background: #fafafa;
    color: #333;
}
@media only screen and (max-width: 1460px) {
    html,
    body {
        font-size: 16px;
    }
}
html.inner .container,
body.inner .container {
    max-width: 1400px;
}
@media only screen and (max-width: 1022px) {
    html.inner .container,
    body.inner .container {
        max-width: 95%;
    }
}
html.inner
    .container:not(header .container):not(header .container):not(
        footer .container
    ),
body.inner
    .container:not(header .container):not(header .container):not(
        footer .container
    ) {
    padding: 4.4444rem 5rem;
    background: #fff;
    border-radius: 1.1111rem;
}
@media only screen and (max-width: 1022px) {
    html.inner
        .container:not(header .container):not(header .container):not(
            footer .container
        ),
    body.inner
        .container:not(header .container):not(header .container):not(
            footer .container
        ) {
        padding: 60px 40px;
    }
}
@media only screen and (max-width: 520px) {
    html.inner
        .container:not(header .container):not(header .container):not(
            footer .container
        ),
    body.inner
        .container:not(header .container):not(header .container):not(
            footer .container
        ) {
        padding: 40px 20px;
    }
}
html.inner .container_full,
body.inner .container_full {
    max-width: calc(100% - 2.2222rem) !important;
    width: 1900px !important;
    padding: 1rem !important;
}
html.inner .title,
body.inner .title {
    text-align: left;
    text-transform: inherit;
    font-size: 2.7778rem;
}
html.inner .desc,
body.inner .desc {
    text-align: left;
}

.jet-form__heading {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
}

.jet-form__heading-desc,
.jet-form__desc-text {
    color: #707070 !important;
    font-size: 0.75rem !important;
    line-height: 1.3 !important;
}

.bocked-scroll {
    overflow: hidden;
}

.btn,
.jet-form__submit {
    display: inline-block;
    padding: 1.182rem 1.5rem;
    border-radius: 3rem;
    background: #ffba06;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    max-width: 16.6667rem;
    min-width: 16.6667rem;
    border: none;
    cursor: pointer;
    color: #333;
    line-height: 1.3889rem;
}
.btn_more,
.jet-form__submit_more {
    min-width: auto;
    padding: 0.5rem 2rem;
    background: #fff;
    color: #333;
    text-transform: none;
    box-shadow: 0 3px 7px 0px rgba(0, 0, 0, 0.1);
}
.btn_more:hover,
.jet-form__submit_more:hover {
    background: #ffba06;
    transition: all 0.2s;
}
.btn_w,
.jet-form__submit_w {
    background: #fff;
}
.btn_grey,
.jet-form__submit_grey {
    background: #f3f3f3;
}
.btn_border,
.jet-form__submit_border {
    min-width: 16.6667rem !important;
    max-width: inherit !important;
    background: transparent;
    border: 1px solid #999;
}
.btn_icon,
.jet-form__submit_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12.2222rem;
    min-width: 12.2222rem;
    max-width: 12.2222rem;
    text-transform: inherit;
    font-weight: 400;
}
.btn_icon svg,
.jet-form__submit_icon svg {
    width: 1.3333rem;
    height: 1.3333rem;
    margin-right: 0.5556rem;
}
.btn-wrap_center,
.jet-form__submit-wrap_center {
    text-align: center;
}
.btn-wrap_center .btn,
.jet-form__submit-wrap_center .btn {
    margin: auto;
}
.btn-wrap_left,
.jet-form__submit-wrap_left {
    text-align: left;
}
.btn-wrap_right,
.jet-form__submit-wrap_right {
    text-align: right;
}
@media only screen and (max-width: 1460px) {
    .btn,
    .jet-form__submit {
        font-size: 16px;
    }
}
@media only screen and (max-width: 520px) {
    .btn,
    .jet-form__submit {
        font-size: 14px;
    }
}
@media only screen and (max-width: 800px) {
    .btn,
    .jet-form__submit {
        font-size: 15px;
    }
}

button.btn.jet-form-builder__submit {
    display: block;
}

.jet-form__submit {
    margin: 0 auto;
}

.checkradio-wrap {
    display: flex;
    gap: 1.1111rem;
}
.checkradio-wrap .jet-form__field-label input.checkradio-field {
    max-width: 1.111rem;
}

.breadcrumbs {
    margin-bottom: 2.7778rem;
}
@media only screen and (max-width: 520px) {
    .breadcrumbs {
        margin-bottom: 20px;
    }
}
.breadcrumbs a,
.breadcrumbs span {
    position: relative;
    padding-right: 1.3333rem;
    color: #707070;
}
.breadcrumbs a::after,
.breadcrumbs span::after {
    content: "/";
    display: block;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}
.breadcrumbs span:last-child::after {
    content: none;
}

.block-checkbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.block-checkbox .checkbox-label {
    color: #999;
    font-size: 14px;
}
.block-checkbox .cont-checkbox {
    display: inline-block;
}
.block-checkbox .checkbox-style {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 19px;
    height: 19px;
    border: 2px solid #999;
    border-radius: 5px;
    margin-right: 5px;
}
.block-checkbox .checkbox {
    position: absolute;
    left: -9999px;
}
.block-checkbox .checkbox:checked + .checkbox-style {
    display: inline-block;
    width: 19px;
    height: 19px;
    border: 2px solid #999;
    box-sizing: border-box;
}
.block-checkbox .checkbox:checked + .checkbox-style {
    position: relative;
    border: 2px solid #999;
    border-radius: 5px;
}
.block-checkbox .checkbox:checked + .checkbox-style:before,
.block-checkbox .checkbox:checked + .checkbox-style:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 2px;
    background-color: #333;
    border-radius: 3px;
}
.block-checkbox .checkbox:checked + .checkbox-style:before {
    height: 5px;
    transform: translate(-50%, -30%) rotate(-40deg);
    left: 4px;
}
.block-checkbox .checkbox:checked + .checkbox-style:after {
    height: 12px;
    transform: translate(-50%, -50%) rotate(30deg);
    left: 9px;
}

.block-radio {
    display: flex;
    justify-content: flex-end;
    width: 7.7778rem;
    margin: 0 auto;
}
@media only screen and (max-width: 800px) {
    .block-radio {
        justify-content: start;
        width: 100%;
    }
}
.block-radio .cont-radio {
    display: inline-block;
}
.block-radio .radio {
    position: absolute;
    left: -9999px;
}
.block-radio .radio-label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.block-radio .radio-desc {
    display: block;
    margin-right: 1.6667rem;
}
.block-radio .radio:checked + .radio-style::before {
    left: auto;
    right: 0;
    background: #ffba06;
}
.block-radio .radio-style {
    position: relative;
    display: inline-block;
    width: 2.2222rem;
    height: 1.1111rem;
    margin-right: 5px;
    border-radius: 9px;
    vertical-align: middle;
    background: #e9e6e6;
}
.block-radio .radio-style::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.1111rem;
    height: 1.1111rem;
    background: #999;
    border-radius: 50%;
}

.list-services,
.list-services__item,
.service-list__item,
.service-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.3333rem;
}
.list-services__item,
.service-list__item {
    align-items: flex-end;
    gap: 0.2222rem;
    line-height: 1;
    opacity: 0.5;
    cursor: default;
}
.list-services__item:hover,
.service-list__item:hover {
    transition: all 0.5s;
    opacity: 1;
}
.list-services__item span.list-services__count,
.service-list__item span.list-services__count {
    display: inline-block;
    padding: 0 0.333rem 0 0.5556rem;
}
.list-services svg,
.list-services__item svg,
.service-list__item svg,
.service-list svg {
    width: 1rem !important;
    height: 1rem !important;
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 0.5556rem;
    padding-top: 1.1111rem;
}
.pagination li.active a {
    background: #ffba06;
}
.pagination a {
    padding: 0.5556rem 1.1111rem;
    border-radius: 5px;
    background: #f3f3f3;
}
@media only screen and (max-width: 520px) {
    .pagination a {
        padding: 0.3333rem 0.8333rem;
    }
}
.pagination a:hover {
    transition: all 0.5s;
    background: #ffba06;
}

.listing-panel-head {
    border-bottom: 1px solid #e9e6e6;
    margin-bottom: 1.6667rem;
}
.listing-panel-head .listing-panel-head__item {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0;
    border-top: 0;
    margin-bottom: 2.7778rem;
}
@media only screen and (max-width: 800px) {
    .listing-panel-head .listing-panel-head__item {
        flex-direction: column;
    }
}
.listing-panel-head .listing-panel-head__item svg {
    position: absolute;
    top: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.3333rem;
    height: 1.3333rem;
    cursor: pointer;
}
@media only screen and (max-width: 800px) {
    .listing-panel-head__left {
        margin-bottom: 0.5556rem;
    }
}
.listing-panel-head__right {
    position: relative;
    display: flex;
    gap: 1.1111rem;
}
@media only screen and (max-width: 800px) {
    .listing-panel-head__right {
        justify-content: space-between;
    }
}
.listing-panel-head__title {
    margin-bottom: 0;
}
.listing-panel-head__search {
    position: relative;
    display: block;
    width: 2.1111rem;
    height: 2.1111rem;
    background: #003d5b;
    border-radius: 50%;
    cursor: pointer;
}
.listing-panel-head input {
    display: none;
    width: 300px;
    padding: 0.4444rem 1.3889rem;
    background: #fff;
    border-radius: 1.1111rem;
}
@media only screen and (max-width: 1200px) {
    .listing-panel-head input {
        position: absolute;
        top: 50%;
        right: calc(100% + 1.1111rem);
        transform: translateY(-50%);
        z-index: 10;
        width: 430px;
    }
}
@media only screen and (max-width: 1022px) {
    .listing-panel-head input {
        width: calc(100% + 1.1111rem);
        padding: 0.5rem 1.3889rem;
    }
}
@media only screen and (max-width: 800px) {
    .listing-panel-head input {
        right: -1px;
        transform: translateY(-51%);
        width: calc(100% + 2px);
    }
}
@media only screen and (max-width: 520px) {
    .listing-panel-head input {
        transform: translateY(-50%);
    }
}
.listing-panel-head input.active {
    display: block;
    transition: all 0.5s;
}
.listing-panel-head__btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5556rem;
    padding: 0.3889rem 2.2222rem;
    background: #003d5b;
    color: #fff;
    border-radius: 1.1111rem;
    font-weight: 400;
    font-size: 1.1111rem;
    max-height: 2.2222rem;
}
.listing-panel-head__btn:hover .listing-panel-head__text-info .information-notice {
    transition: all 0.2s;
    display: block;
}
.listing-panel-head__btn svg {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 1.0556rem;
    height: 1.0556rem;
}
.listing-panel-head__btn_disable {
    cursor: not-allowed;
    background: #999;
}
.listing-panel-head__text-info .information-notice {
    position: absolute;
    top: -68px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    width: 300px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.6;
    background: #ed6a5a;
    color: #fff;
    border-radius: 10px;
}
.listing-panel-head__text-info .information-notice i {
    position: relative;
}
.listing-panel-head__text-info .information-notice i::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #ed6a5a;
}

.rating {
    display: flex;
    align-items: center;
    gap: 0.333rem;
    line-height: 1;
    font-size: 0.8889rem;
}
.rating svg {
    width: 1.5625rem;
    height: 1.5625rem;
}
.rating span {
    font-size: 1rem;
}

.eye {
    display: flex;
    height: 1.111rem;
    align-items: center;
    gap: 0.2222rem;
    padding: 0.4444rem 0.5556rem;
    background: #fff;
    border-radius: 1.3333rem;
    font-size: 0.7778rem;
    color: #333;
    box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.1);
}

.profile-user-icons {
    position: absolute;
    right: 2.2222rem;
    top: 2.2222rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.8333rem;
    z-index: 10;
}
.profile-user-icons__item {
    position: relative;
    width: 2.6667rem;
    height: 2.6667rem;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}
.profile-user-icons__item_share:hover .share {
    transition: all 0.2s;
    display: flex !important;
}
.profile-user-icons .share {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2.6667rem;
    padding: 0.2222rem;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.3333rem;
    border-radius: 2.6667rem;
    background: #fff;
    z-index: 1001;
}
.profile-user-icons .share__item {
    position: relative;
    width: 2.3rem;
    height: 2.3rem;
    background: #e9e6e6;
    border-radius: 50%;
}
.profile-user-icons .share__item svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.3333rem;
    height: 2.3333rem;
}
.profile-user-icons .share__item .icon_facebook-c {
    width: 2.6rem;
    height: 2.6rem;
}
.profile-user-icons svg,
.profile-user-icons .pf-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.6rem;
    height: 1.6rem;
}

.wpcf7-form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}
.wpcf7-form .wpcf7-form-control-wrap[data-name="sn_your_name"],
.wpcf7-form .wpcf7-form-control-wrap[data-name="sn_your_email"] {
    width: calc(50% - 10px);
    display: block;
}
.wpcf7-form .wpcf7-form-control-wrap[data-name="sn_your_message"],
.wpcf7-form .block-checkbox {
    width: 100%;
    display: block;
    text-align: center;
}
.wpcf7-form .wpcf7-list-item.first label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.wpcf7-form .wpcf7-list-item.first label input {
    width: 20px;
    height: 20px;
}
.wpcf7-form .wpcf7-list-item.first label .wpcf7-list-item-label {
    font-size: 0.8rem;
    line-height: 1.3;
    color: #999;
}
.wpcf7-form .wpcf7-spinner {
    display: none;
}
.wpcf7-form .wpcf7-not-valid-tip,
.wpcf7-form .wpcf7-response-output {
    font-size: 0.7rem;
}
.wpcf7-form .wpcf7-not-valid-tip {
    opacity: 0.9;
}

.jet-form-builder-repeater__new {
    padding: 10px 50px;
    border-radius: 20px;
    border: none;
    background: #555;
    color: #fff;
}

section {
    padding: 5.5556rem 0;
}
@media only screen and (max-width: 1200px) {
    section {
        padding: 4.4444rem 0;
    }
}
@media only screen and (max-width: 1022px) {
    section {
        padding: 3.3333rem 0;
    }
}
section .title {
    text-transform: uppercase;
    text-align: center;
    line-height: 1.1;
}
section .desc {
    text-align: center;
    margin-bottom: 2.7778em;
    color: #707070;
}
@media only screen and (max-width: 520px) {
    section .desc {
        margin-bottom: 1.1111em;
    }
}

.wrapper {
    min-height: calc(100% - 99.5px);
}
.wrapper::after {
    content: "";
    display: block;
    height: 368px;
}
@media only screen and (max-width: 1460px) {
    .wrapper::after {
        height: 303px;
    }
}
@media only screen and (max-width: 1022px) {
    .wrapper::after {
        height: 403px;
    }
}
@media only screen and (max-width: 800px) {
    .wrapper::after {
        height: 491px;
    }
}
@media only screen and (max-width: 520px) {
    .wrapper::after {
        height: 750px;
    }
}

.container {
    width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}
@media only screen and (max-width: 1460px) {
    .container {
        width: 1170px;
    }
}
@media only screen and (max-width: 1200px) {
    .container {
        width: 992px;
    }
}
@media only screen and (max-width: 1022px) {
    .container {
        width: 100%;
    }
}
.container_full {
    width: 100% !important;
    max-width: 2000px;
    padding: 0 50px;
}
@media only screen and (max-width: 1460px) {
    .container_full {
        max-width: 100%;
        padding: 0 30px;
    }
}
.container_seo {
    max-width: 1580px !important;
    width: 1580px !important;
    padding: 0 1rem !important;
    margin: auto;
    background: transparent !important;
}
@media (max-width: 1600px) {
    .container_seo {
        width: 100% !important;
    }
}
.container_not-bg {
    background: transparent !important;
}

.swiper-button-wrap {
    position: absolute;
    z-index: 999;
}
.swiper-button-wrap_top-left {
    top: 0;
    left: 0;
}
.swiper-button-wrap_top-center {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.swiper-button-wrap_top-right {
    top: 0;
    right: 0;
}
.swiper-button-wrap_center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.swiper-button-wrap_center .swiper-button-nav {
    width: 100%;
}
.swiper-button-wrap_bottom-left {
    bottom: 0;
    left: 0;
}
.swiper-button-wrap_bottom-center {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.swiper-button-wrap_bottom-right {
    bottom: 0;
    right: 0;
}
.swiper-button-nav {
    position: relative;
    width: 2.5rem;
    height: 1.2rem;
}
.swiper-button-next,
.swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
    width: 0.5rem;
    height: 1rem;
    margin: 0;
    cursor: pointer;
}
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 1rem;
    color: #333;
    opacity: 1;
}
.swiper-button-prev {
    left: 0;
    right: auto;
}
.swiper-button-next {
    right: 0;
    left: auto;
}

.posts-news__item_head {
    position: relative;
}
.posts-news__item_head::after {
    content: "";
    display: block;
    position: absolute;
    top: 0.7rem;
    width: 100%;
    height: 1px;
    background: #999;
    z-index: 1;
}
.posts-news h5 {
    position: relative;
    display: inline-block;
    max-width: 90%;
    background: #fff;
    margin-bottom: 1.8889rem;
    padding-right: 1.5rem;
    z-index: 2;
}

.news {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}
.news__item {
    width: calc(33% - 1rem);
}
@media only screen and (max-width: 800px) {
    .news__item {
        width: calc(50% - 1rem);
    }
}
@media only screen and (max-width: 520px) {
    .news__item {
        width: 100%;
    }
}
.news__img {
    display: block;
    overflow: hidden;
    border-radius: 1.1111rem;
}
.news__text {
    padding: 1.1111rem 0.9rem;
}
.news__cat-date {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5556rem;
}
.news__cat,
.news__date {
    color: #999;
    font-size: 0.8889rem;
}
.news__cat {
    position: relative;
    text-transform: uppercase;
}
.news__cat::after {
    content: "/";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    right: -0.6rem;
}
.news__title {
    margin: 0;
    line-height: 160%;
}

.accordion {
    margin-bottom: 5rem;
}
.accordion-head,
.accordion-head ul,
.accordion-head ol {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 2.7778rem;
}
@media only screen and (max-width: 1022px) {
    .accordion-head,
    .accordion-head ul,
    .accordion-head ol {
        margin-bottom: 1rem;
    }
}
.accordion-head__item:first-child {
    width: 70%;
}
@media only screen and (max-width: 800px) {
    .accordion-head__item:first-child {
        width: 100%;
    }
}
.accordion-head ul,
.accordion-head ol {
    justify-content: start;
    row-gap: 0.3333rem;
    column-gap: 1.3333rem;
    margin-bottom: 0;
    font-size: 1.3333rem;
    font-weight: 600;
}
@media only screen and (max-width: 1022px) {
    .accordion-head ul,
    .accordion-head ol {
        margin-bottom: 2rem;
    }
}
.accordion-head ul li:last-child a::after,
.accordion-head ol li:last-child a::after {
    display: none;
}
.accordion-head ul a,
.accordion-head ol a {
    position: relative;
}
.accordion-head ul a::after,
.accordion-head ol a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -0.78rem;
    transform: translateY(-50%);
    width: 2px;
    height: 1.3333rem;
    background: #333;
    z-index: 1;
}
.accordion-head ul a:hover,
.accordion-head ol a:hover {
    text-decoration: underline;
    color: #003d5b;
}
.accordion-head__nav span {
    position: relative;
    margin-right: 1.3333rem;
    cursor: pointer;
    color: #707070;
}
.accordion-head__nav span::after {
    content: "/";
    display: block;
    position: absolute;
    top: 50%;
    right: -0.65rem;
    transform: translateY(-50%);
    width: 2px;
    height: 1.3333rem;
    z-index: 1;
}
.accordion-head__nav span:last-child {
    margin-right: 0;
}
.accordion-head__nav span:last-child::after {
    display: none;
}
.accordion__item {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
}
.accordion__item > a {
    display: block;
    margin-bottom: 1.1111rem;
    padding: 1.3889rem 3.3333rem 1.3889rem 1.6667rem;
    text-decoration: none;
    color: #333;
    font-size: 1.3333rem;
    border: 1px solid #e9e6e6;
    border-radius: 5px;
    transition: all 0.2s linear;
}
.accordion__item > a.active {
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
    border-radius: 5px 5px 0 0;
}
.accordion__item > a.active .accordion__plus {
    transition: 200ms ease;
    transform: rotate(45deg);
}
.accordion__plus,
.accordion__minus {
    position: absolute;
    top: 1.2222rem;
    right: 1.1111rem;
    width: 2.2222rem;
    height: 2.2222rem;
    border-radius: 50%;
    transition: 200ms ease;
    transform: rotate(0deg);
}
.accordion__plus:hover {
    background: #333;
    transition: 200ms ease;
    transform: rotate(-45deg);
}
.accordion__minus:hover {
    background: #333;
    transition: 200ms ease;
    transform: rotate(0deg);
}
.accordion__plus .accordion__icon,
.accordion__minus .accordion__icon {
    position: relative;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.accordion__plus .accordion__icon:before,
.accordion__minus .accordion__icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 1px;
    background: #333;
}
.accordion__plus .accordion__icon:after,
.accordion__minus .accordion__icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 15px;
    background: #333;
}
.accordion__plus:hover .accordion__icon:before,
.accordion__minus:hover .accordion__icon:before,
.accordion__plus:hover .accordion__icon:after,
.accordion__minus:hover .accordion__icon:after {
    background: #fff;
}
.accordion__content {
    position: relative;
    width: 100%;
    font-size: 18px;
    height: auto;
    margin-bottom: 1.1111rem;
    padding: 1.3889rem 1.6667rem;
    background-color: #fff;
    border: 1px solid #e9e6e6;
    border-radius: 0 0 5px 5px;
    display: none;
}
@media only screen and (max-width: 520px) {
    .accordion__content {
        padding: 1rem 0.8333rem;
    }
}
.accordion__text {
    margin: 0;
    padding: 0.8333rem 1.6667rem;
    background: #fafafa;
}
.accordion__list-link a {
    display: block;
    margin-bottom: 0.5556rem;
    padding: 0.8333rem 1.6667rem;
    background: #fafafa;
    text-decoration: underline;
    color: #003d5b;
}

.form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.3333rem;
}
.form-contact__title,
.form-contact__desc {
    text-align: center;
}
.form-contact__title {
    margin-bottom: 2.7778rem;
}
.form-contact__desc {
    width: 60%;
    margin: 0 auto 2.7778rem;
    color: #707070;
}
@media only screen and (max-width: 520px) {
    .form-contact__desc {
        width: 100%;
    }
}
.form input {
    width: calc(50% - 0.7rem);
    border: 1px solid #999;
}
@media only screen and (max-width: 520px) {
    .form input {
        width: 100%;
    }
}
.form textarea {
    height: 10rem;
    border: 1px solid #999;
}
.form button {
    margin: 0 auto;
}
.form__item {
    width: 100%;
}
.form .block-checkbox {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}
.form .rating {
    display: flex;
    justify-content: center;
    gap: 0.8rem;
    cursor: pointer;
}
.form .rating__item {
    color: #999;
}
.form .rating svg {
    width: 1.2778rem;
    height: 1.2778rem;
}

.social-list {
    display: flex;
    align-items: center;
    gap: 1.3333rem;
    margin-bottom: 1.6667rem;
}
@media only screen and (max-width: 520px) {
    .social-list {
        gap: 1rem;
    }
}

.seo {
    padding: 0 0 75px;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.1111rem;
}
.gallery__link {
    position: relative;
    width: calc(25% - 1.1111rem);
}
@media only screen and (max-width: 800px) {
    .gallery__link {
        width: calc(50% - 1.1111rem);
    }
}
.gallery__title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 61, 91, 0.4);
    color: #fff;
    font-size: 1.3333rem;
    font-weight: 300;
}
@media only screen and (max-width: 520px) {
    .gallery__title {
        font-size: 1.1111rem;
    }
}

.info {
    position: relative;
    cursor: pointer;
}
.info span {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    background: #fff;
}
.info span.active {
    display: block;
}
.info i {
    position: relative;
    display: block;
    width: 18.3333rem;
    padding: 0.3333rem 1.111rem;
    border: 1px solid #e9e6e6;
    border-radius: 1.111rem;
    font-size: 0.7778rem;
    text-align: center;
}
.info i::before,
.info i::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.5556rem;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 0.5556rem;
    border-right-width: 0.5556rem;
    border-top: 0.5556rem solid #e9e6e6;
}
.info i::after {
    bottom: -0.4444rem;
    border-top: 0.5556rem solid #fff;
}
.info svg {
    position: relative;
    top: 5px;
    width: 1.2778rem;
    height: 1.2778rem;
}

.jet-form__field-label {
    white-space: nowrap;
}

.form-login,
.lessor-reg,
.lessee-reg {
    margin-bottom: 0;
}
.form-login .btn,
.lessor-reg .btn,
.lessee-reg .btn {
    justify-content: center;
    margin: 2rem auto 0;
}
.form-login br,
.lessor-reg br,
.lessee-reg br {
    height: 0;
    display: none;
}

.sn-flex-wrap .jet-form-col__end > div {
    flex-wrap: wrap !important;
}

.yacht-video-responsive {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    background: #000;
    margin-bottom: 24px;
}

.yacht-video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#custom-loginform .custom-login-error {
    color: red;
    margin-bottom: 1.1111rem;
    font-size: 14px;
    text-align: center;
}

header.header.header_scroll {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    padding: 0.5556rem 0 !important;
    background: #fff !important;
    box-shadow: 0 3px 7px 0px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.15s;
}
header.header.header_scroll .icon_logo {
    display: block;
}
header.header.header_scroll .icon_logo-w {
    display: none;
}
header.header.header_scroll .menu-main a {
    color: #333 !important;
}

.header {
    position: relative;
    z-index: 1000;
    padding: 23px 0;
    background: #fff;
}
@media only screen and (max-width: 1460px) {
    .header {
        padding: 10px 0;
    }
}
.header_main .icon_logo {
    display: none;
}
.header_main .menu-icon span:first-child,
.header_main .menu-icon span:last-child,
.header_main
    .header__item_menus.active
    .header__item_menus-warp
    .menu-icon
    span:first-child,
.header_main
    .header__item_menus.active
    .header__item_menus-warp
    .menu-icon
    span:nth-child(2) {
    background: #fff;
}
@media only screen and (max-width: 800px) {
    .header_main
        .header__item_menus.active
        .header__item_menus-warp
        .menu-icon
        span:first-child,
    .header_main
        .header__item_menus.active
        .header__item_menus-warp
        .menu-icon
        span:nth-child(2) {
        background: #333;
    }
}
.header_main .header__item_menus.active .header__item_menus-warp .menu-main {
    background: transparent;
    border: 1px solid #fff;
}
@media only screen and (max-width: 800px) {
    .header_main .menu-main a {
        color: #333 !important;
    }
}
.header_main .menu-info__item:hover .menu-info__currency {
    background: none;
}
.header_main .menu-info__item .menu-info__currency {
    top: 35px;
    padding: 15px 0 3px;
}
.header .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header__item_logo a {
    display: block;
    line-height: 1;
}
.header__item_menus {
    display: flex;
    align-items: center;
}
.header__item_menus ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media only screen and (max-width: 800px) {
    .header__item_menus.active::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        height: 100vh;
        background: #fff;
        opacity: 0.9;
        z-index: 1001;
    }
}
@media only screen and (max-width: 800px) {
    .header__item_menus.active .header__item_menus-warp {
        position: absolute;
        top: -10px;
        right: 0;
        display: block;
        width: 320px;
        height: 100vh;
        padding: 70px 30px 50px;
        background: #fff;
        z-index: 1002;
        box-shadow: 0 3px 7px 0px rgba(0, 0, 0, 0.1);
    }
}
.header__item_menus.active .header__item_menus-warp .menu-icon {
    height: 20px;
}
.header__item_menus.active
    .header__item_menus-warp
    .menu-icon:hover
    span:first-child,
.header__item_menus.active
    .header__item_menus-warp
    .menu-icon:hover
    span:nth-child(2) {
    opacity: 1;
    transition: all 0.1s ease-in-out;
}
@media only screen and (max-width: 800px) {
    .header__item_menus.active .header__item_menus-warp .menu-icon {
        position: absolute;
        top: 10px;
        right: 15px;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        cursor: pointer;
    }
}
.header__item_menus.active .header__item_menus-warp .menu-icon span {
    margin: 0;
}
.header__item_menus.active
    .header__item_menus-warp
    .menu-icon
    span:first-child {
    position: relative;
    top: 50%;
    width: 20px;
    height: 2px;
    transform: rotate(45deg);
    background: #333;
    opacity: 0.1;
    transition: all 0.1s ease-in-out;
}
@media only screen and (max-width: 800px) {
    .header__item_menus.active
        .header__item_menus-warp
        .menu-icon
        span:first-child {
        top: 0;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        opacity: 1;
        z-index: 1003;
    }
}
.header__item_menus.active
    .header__item_menus-warp
    .menu-icon
    span:nth-child(2) {
    position: relative;
    top: 42%;
    width: 20px;
    height: 2px;
    transform: rotate(-45deg);
    background: #333;
    opacity: 0.1;
    transition: all 0.1s ease-in-out;
}
@media only screen and (max-width: 800px) {
    .header__item_menus.active
        .header__item_menus-warp
        .menu-icon
        span:nth-child(2) {
        top: 0;
        right: 0%;
        transform: translateX(-50%) rotate(-45deg);
        opacity: 1;
        z-index: 1003;
    }
}
.header__item_menus.active .header__item_menus-warp .menu-main {
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    width: 97%;
    padding: 20px 0;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
@media only screen and (max-width: 800px) {
    .header__item_menus.active .header__item_menus-warp .menu-main {
        position: relative;
        left: inherit;
        transform: inherit;
        bottom: inherit;
        display: block;
        width: 100%;
        margin: 0 0 30px;
        padding: 0;
        background: transparent;
    }
}
.header__item_menus.active .header__item_menus-warp .menu-main a {
    padding: 5px 35px;
}
@media only screen and (max-width: 1200px) {
    .header__item_menus.active .header__item_menus-warp .menu-main a {
        padding: 5px 25px;
    }
}
@media only screen and (max-width: 1022px) {
    .header__item_menus.active .header__item_menus-warp .menu-main a {
        padding: 5px 15px;
    }
}
@media only screen and (max-width: 800px) {
    .header__item_menus.active .header__item_menus-warp .menu-main a {
        display: block;
        padding: 5px 0;
        border-bottom: 1px solid transparent;
    }
}
.header__item_menus.active .header__item_menus-warp .menu-main a:hover {
    border-bottom: 1px solid #ffba06;
}
@media only screen and (max-width: 800px) {
    .header__item_menus.active .header__item_menus-warp .menu-info {
        position: relative;
        margin: 0 20px 0 0;
    }
}
@media only screen and (max-width: 800px) {
    .header__item_menus.active .header__item_menus-warp .menu-info a {
        min-width: 40px;
        min-height: 40px;
    }
}
@media only screen and (max-width: 800px) {
    .header__item_menus.active .header__item_menus-warp .menu-info__input {
        left: -2px;
        transform: inherit !important;
        width: 260px !important;
        height: 40px !important;
        border-radius: 10px !important;
    }
}
.header__item_menus.active .header__item_menus-warp .menu-info__currency {
    padding: 15px 0 10px;
}
@media only screen and (max-width: 800px) {
    .header__item_menus.active .header__item_menus-warp .menu-info__currency a {
        min-width: 30px;
        min-height: 30px;
        margin: 0;
    }
}
@media only screen and (max-width: 800px) {
    .header__item_menus.active .header__item_menus-warp .menu-info .currency {
        position: relative;
    }
}
@media only screen and (max-width: 520px) {
    .header__item_menus.active .header__item_menus-warp .menu-lang {
        display: flex;
    }
}
.header__item_menus-warp {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 800px) {
    .header__item_menus-warp {
        flex-direction: row-reverse;
    }
}
.header .icon_logo,
.header .icon_logo-w {
    max-width: 235px;
    max-height: 50px;
}
@media only screen and (max-width: 1460px) {
    .header .icon_logo,
    .header .icon_logo-w {
        max-width: 185px;
        max-height: 40px;
    }
}
@media only screen and (max-width: 520px) {
    .header .icon_logo,
    .header .icon_logo-w {
        position: relative;
        top: 5px;
        max-width: 150px;
        max-height: 35px;
    }
}
.header .menu-icon {
    position: relative;
    margin-right: 30px;
    cursor: pointer;
    z-index: 1;
}
@media only screen and (max-width: 800px) {
    .header .menu-icon {
        margin-right: 0;
    }
}
.header .menu-icon span {
    display: none;
    width: 40px;
    height: 3px;
    margin-bottom: 8px;
    background: #333;
}
@media only screen and (max-width: 1460px) {
    .header .menu-icon span {
        display: block;
        height: 2px;
        margin-bottom: 8px;
    }
}
@media only screen and (max-width: 800px) {
    .header .menu-icon span {
        width: 30px;
    }
}
.header .menu-icon span:last-child {
    width: 33px;
    margin-bottom: 0px;
}
@media only screen and (max-width: 800px) {
    .header .menu-icon span:last-child {
        width: 20px;
    }
}
.header .menu-main {
    margin-right: 30px;
}
@media only screen and (max-width: 1460px) {
    .header .menu-main {
        display: none;
    }
}
.header .menu-main li.active a {
    border-bottom: 1px solid #ffba06;
}
.header .menu-main li a {
    padding: 5px 14.5px;
}
.header .menu-main li:hover a {
    border-bottom: 1px solid #ffba06;
    transition: all 0.1s ease-in-out;
}
.header .menu-info {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 20px;
}
@media only screen and (max-width: 800px) {
    .header .menu-info {
        position: inherit;
        float: left;
    }
}
@media only screen and (max-width: 520px) {
    .header .menu-info {
        justify-content: flex-start;
        margin-right: 10px;
    }
}
.header .menu-info__currency {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50px;
    display: none;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    border-radius: 0 0 50px 50px;
    padding: 5px 0 3px;
}
@media only screen and (max-width: 800px) {
    .header .menu-info__currency {
        top: 30px;
        z-index: -1;
    }
}
.header .menu-info__currency li {
    margin-bottom: 5px;
}
.header .menu-info__currency li:hover a {
    background: #333 !important;
    border: 1px solid #333 !important;
    transition: all 0.1s ease-in-out;
    transition-delay: 0.1s;
}
.header .menu-info__currency li:hover a .icon_search,
.header .menu-info__currency li:hover a .icon_euro,
.header .menu-info__currency li:hover a .icon_dollar,
.header .menu-info__currency li:hover a .icon_user {
    display: none !important;
}
.header .menu-info__currency li:hover a .icon_search-w,
.header .menu-info__currency li:hover a .icon_euro-w,
.header .menu-info__currency li:hover a .icon_dollar-w,
.header .menu-info__currency li:hover a .icon_user-w {
    display: block !important;
}
@media only screen and (max-width: 800px) {
    .header .menu-info .currency {
        position: relative;
    }
}
.header .menu-info li:hover a,
.header .menu-info li:hover div {
    background: #333;
    border: 1px solid #333;
    transition: all 0.1s ease-in-out;
    transition-delay: 0.1s;
}
.header .menu-info li:hover a .icon_search,
.header .menu-info li:hover a .icon_euro,
.header .menu-info li:hover a .icon_dollar,
.header .menu-info li:hover a .icon_user,
.header .menu-info li:hover div .icon_search,
.header .menu-info li:hover div .icon_euro,
.header .menu-info li:hover div .icon_dollar,
.header .menu-info li:hover div .icon_user {
    display: none;
}
.header .menu-info li:hover a .icon_search-w,
.header .menu-info li:hover a .icon_euro-w,
.header .menu-info li:hover a .icon_dollar-w,
.header .menu-info li:hover a .icon_user-w,
.header .menu-info li:hover div .icon_search-w,
.header .menu-info li:hover div .icon_euro-w,
.header .menu-info li:hover div .icon_dollar-w,
.header .menu-info li:hover div .icon_user-w {
    display: block;
    width: 24px;
    height: 24px;
}
.header .menu-info li:hover ul {
    display: flex;
}
.header .menu-info li:hover ul a,
.header .menu-info li:hover ul div {
    background: #fafafa;
    border: 1px solid #e9e6e6;
}
.header .menu-info li:hover ul a .icon_search,
.header .menu-info li:hover ul a .icon_euro,
.header .menu-info li:hover ul a .icon_dollar,
.header .menu-info li:hover ul a .icon_user,
.header .menu-info li:hover ul div .icon_search,
.header .menu-info li:hover ul div .icon_euro,
.header .menu-info li:hover ul div .icon_dollar,
.header .menu-info li:hover ul div .icon_user {
    display: block;
}
.header .menu-info li:hover ul a .icon_search-w,
.header .menu-info li:hover ul a .icon_euro-w,
.header .menu-info li:hover ul a .icon_dollar-w,
.header .menu-info li:hover ul a .icon_user-w,
.header .menu-info li:hover ul div .icon_search-w,
.header .menu-info li:hover ul div .icon_euro-w,
.header .menu-info li:hover ul div .icon_dollar-w,
.header .menu-info li:hover ul div .icon_user-w {
    display: none;
    width: 24px;
    height: 24px;
}
.header .menu-info a,
.header .menu-info span,
.header .menu-info div {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e9e6e6;
    border-radius: 50%;
    margin: 0 7.5px;
    background: #fafafa;
    cursor: pointer;
}
@media only screen and (max-width: 1460px) {
    .header .menu-info a,
    .header .menu-info span,
    .header .menu-info div {
        width: 40px;
        height: 40px;
    }
}
@media only screen and (max-width: 800px) {
    .header .menu-info a,
    .header .menu-info span,
    .header .menu-info div {
        position: inherit;
        width: 30px;
        height: 30px;
        margin: 0 4px;
    }
}
.header .menu-info a svg,
.header .menu-info span svg,
.header .menu-info div svg {
    max-width: 24px;
    max-height: 24px;
    min-width: 24px;
    min-height: 24px;
    margin: 0 5px;
}
@media only screen and (max-width: 1460px) {
    .header .menu-info a svg,
    .header .menu-info span svg,
    .header .menu-info div svg {
        max-width: 20px;
        max-height: 20px;
        min-width: 20px;
        min-height: 20px;
    }
}
.header .menu-info a .icon_search-w,
.header .menu-info a .icon_euro-w,
.header .menu-info a .icon_dollar-w,
.header .menu-info a .icon_user-w,
.header .menu-info span .icon_search-w,
.header .menu-info span .icon_euro-w,
.header .menu-info span .icon_dollar-w,
.header .menu-info span .icon_user-w,
.header .menu-info div .icon_search-w,
.header .menu-info div .icon_euro-w,
.header .menu-info div .icon_dollar-w,
.header .menu-info div .icon_user-w {
    display: none;
}
.header .menu-info a .menu-info__input,
.header .menu-info span .menu-info__input,
.header .menu-info div .menu-info__input {
    position: absolute;
    right: -1px;
    display: none;
    width: 800px;
    height: 50px;
    padding: 10px 25px;
    border: 1px solid #e9e6e6;
    border-radius: 50px;
    background: #fff;
    outline: none;
    z-index: 10;
}
@media only screen and (max-width: 1200px) {
    .header .menu-info a .menu-info__input,
    .header .menu-info span .menu-info__input,
    .header .menu-info div .menu-info__input {
        width: 600px;
    }
}
@media only screen and (max-width: 1022px) {
    .header .menu-info a .menu-info__input,
    .header .menu-info span .menu-info__input,
    .header .menu-info div .menu-info__input {
        width: 450px;
    }
}
@media only screen and (max-width: 800px) {
    .header .menu-info a .menu-info__input,
    .header .menu-info span .menu-info__input,
    .header .menu-info div .menu-info__input {
        top: 48px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 40px;
        border-radius: 0;
    }
}
.header .menu-info a .menu-info__input.active,
.header .menu-info span .menu-info__input.active,
.header .menu-info div .menu-info__input.active {
    display: block;
}
@media only screen and (max-width: 800px) {
    .header .menu-lang {
        margin-right: 15px;
    }
}
@media only screen and (max-width: 520px) {
    .header .menu-lang {
        display: none;
    }
}
.header .menu-lang li {
    border: 1px solid #e9e6e6;
    border-radius: 5px;
}
.header .menu-lang li a {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 9.5px 28px;
    border: none;
    background: none;
}
@media only screen and (max-width: 1460px) {
    .header .menu-lang li a {
        padding: 5px 18px;
    }
}
.header .menu-lang li a:hover {
    border: none;
}
.header .menu-lang li a svg {
    max-width: 29px;
    max-height: 15px;
    margin-right: 5px;
}
.header .menu-lang__inner {
    display: none;
}
.header .menu-lang__inner li {
    border: none;
}

.registration {
    padding-top: 30px;
}
.registration .container {
    padding: 4.4444rem 8.3333rem !important;
}
@media only screen and (max-width: 800px) {
    .registration .container {
        padding: 4.4444rem 2.7778rem !important;
    }
}
.registration .title {
    text-align: center !important;
    text-transform: uppercase !important;
    margin-bottom: 1.6667rem !important;
}
.registration__item {
    position: relative;
    text-align: center;
}
.registration__buttons-soc-reg,
.registration__button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.2222rem;
    gap: 1.1111rem;
}
@media only screen and (max-width: 800px) {
    .registration__buttons-soc-reg,
    .registration__button {
        flex-direction: column;
    }
}
.registration__button {
    width: 100%;
    padding: 0.35rem 3rem;
    text-align: center;
    display: flex;
    gap: 15px;
    margin-bottom: 0;
}
@media only screen and (max-width: 1022px) {
    .registration__button {
        padding: 0.35rem 1rem;
    }
}
@media only screen and (max-width: 800px) {
    .registration__button {
        flex-direction: row;
    }
}
.registration__button_g {
    border: 1px solid #e9e6e6;
    border-radius: 5px;
}
.registration__button_g svg {
    width: 1.6667rem;
    height: 1.6667rem;
}
.registration__button_f {
    background: #3e5c9a;
    color: #fff;
    border-radius: 5px;
}
.registration__button_f svg {
    width: 10px;
    height: 21px;
}
.registration__text-or {
    position: relative;
    text-align: center;
    z-index: 1;
    margin-bottom: 1.3333rem;
}
.registration__text-or::before {
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #999;
    z-index: -1;
}
.registration__text-or p {
    display: inline-block;
    background: #fff;
    padding: 5px 1.6667rem;
    z-index: 2;
}
.registration-form__input {
    border: 1px solid #999;
}
.registration-form__input_checkbox {
    margin-bottom: 1.1111rem;
}
.registration-form__input_reg {
    margin-bottom: 1.9444rem;
}
.registration-form__checked {
    display: flex;
    margin-bottom: 2.7778rem;
}
.registration .btn {
    margin-bottom: 1.1111rem;
}
.registration__link {
    color: #003d5b;
    text-decoration: underline;
}

.footer {
    margin-top: -368px;
    padding: 3.6111rem 0;
    background: #003d5b;
    color: #fff;
}
@media only screen and (max-width: 1460px) {
    .footer {
        margin-top: -281px;
    }
}
@media only screen and (max-width: 1022px) {
    .footer {
        margin-top: -403px;
        padding: 2.6111rem 0;
    }
}
@media only screen and (max-width: 800px) {
    .footer {
        margin-top: -491px;
    }
}
@media only screen and (max-width: 520px) {
    .footer {
        margin-top: -750px;
    }
}
.footer .container_full {
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 1460px) {
    .footer .container_full {
        width: 100%;
    }
}
@media only screen and (max-width: 1022px) {
    .footer .container_full {
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 520px) {
    .footer .container_full {
        flex-direction: column;
    }
}
@media only screen and (max-width: 1200px) {
    .footer__item {
        max-width: calc(25% - 1.5rem) !important;
    }
}
@media only screen and (max-width: 1022px) {
    .footer__item {
        max-width: calc(33% - 1.5rem) !important;
    }
}
@media only screen and (max-width: 800px) {
    .footer__item {
        max-width: calc(50% - 1.5rem) !important;
    }
}
@media only screen and (max-width: 1460px) {
    .footer__item_logo {
        margin-right: 2rem;
    }
}
@media only screen and (max-width: 800px) {
    .footer__item_logo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 1rem;
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media only screen and (max-width: 520px) {
    .footer__item_logo {
        flex-direction: column;
        align-items: flex-start;
    }
}
.footer__item_logo a {
    display: block;
    margin-bottom: 2.1875rem;
}
@media only screen and (max-width: 1460px) {
    .footer__item_logo a {
        margin-bottom: 1rem;
    }
}
@media only screen and (max-width: 520px) {
    .footer__item_logo a {
        margin-bottom: 0.5rem;
    }
}
.footer__item_logo a svg {
    width: 21.5556rem;
    height: 4.5556rem;
}
@media only screen and (max-width: 1460px) {
    .footer__item_logo a svg {
        width: 14.5556rem;
        height: 3.5556rem;
    }
}
.footer__item_menu,
.footer__item_info {
    padding: 0 0.5rem;
}
@media only screen and (max-width: 1460px) {
    .footer__item_menu,
    .footer__item_info {
        padding: 0;
    }
}
.footer__item_menu ul,
.footer__item_info ul {
    display: flex;
    flex-wrap: wrap;
}
.footer__item_menu ul li,
.footer__item_info ul li {
    width: 50%;
    margin-bottom: 0.8333rem;
}
@media only screen and (max-width: 1200px) {
    .footer__item_menu h4,
    .footer__item_info h4 {
        font-size: 1.55rem;
    }
}
@media only screen and (max-width: 520px) {
    .footer__item_menu h4,
    .footer__item_info h4 {
        font-size: 1.35rem;
    }
}
.footer__item_menu a,
.footer__item_info a {
    color: #fff;
    font-size: 1.2222rem;
    font-weight: 100;
}
.footer__item_menu {
    max-width: 13.5556rem;
}
@media only screen and (max-width: 520px) {
    .footer__item_menu {
        max-width: 100% !important;
        margin-bottom: 1rem;
    }
}
@media only screen and (max-width: 1460px) {
    .footer__item_menu a {
        font-size: 1rem;
        font-weight: 300;
    }
}
.footer__item_info {
    max-width: 24.6667rem;
}
@media only screen and (max-width: 1460px) {
    .footer__item_info {
        max-width: 20.6667rem;
    }
}
@media only screen and (max-width: 520px) {
    .footer__item_info {
        max-width: 100% !important;
        margin-bottom: 1rem;
    }
}
@media only screen and (max-width: 520px) {
    .footer__item_info li {
        width: 100% !important;
    }
}
.footer__item_info a {
    font-size: 1rem;
    font-weight: 300;
}
.footer__item_sub {
    width: 25.1667rem;
    font-weight: 300;
}
@media only screen and (max-width: 1460px) {
    .footer__item_sub {
        width: 22rem;
    }
}
@media only screen and (max-width: 1022px) {
    .footer__item_sub {
        width: 100%;
        max-width: 100% !important;
    }
}
@media only screen and (max-width: 1200px) {
    .footer__item_sub h4 {
        font-size: 1.55rem;
    }
}
@media only screen and (max-width: 520px) {
    .footer__item_sub h4 {
        font-size: 1.35rem;
    }
}
.footer .social {
    display: flex;
}
.footer .social a svg,
.footer .social a img {
    width: 2.4444rem;
    height: 2.4444rem;
    margin: 0 0.3rem;
}
@media only screen and (max-width: 800px) {
    .footer .social a svg,
    .footer .social a img {
        width: 2rem;
        height: 2rem;
    }
}
.footer .subscribe {
    position: relative;
    background: transparent;
}
.footer .subscribe__input {
    padding: 1.05rem 1.6667rem;
}
@media only screen and (max-width: 800px) {
    .footer .subscribe__input {
        padding: 0.78rem 1.6667rem;
    }
}
.footer .subscribe__btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding: 0.55rem 1.6667rem;
    background: #ffba06;
    border-radius: 0 5px 5px 0;
}
@media only screen and (max-width: 1460px) {
    .footer .subscribe__btn {
        padding: 0.8rem 1.6667rem;
        font-size: 1rem;
        font-weight: 300;
    }
}
@media only screen and (max-width: 800px) {
    .footer .subscribe__btn {
        padding: 0.04rem 1.6667rem 0.01rem;
    }
}
.footer .subscribe__btn svg {
    width: 2.3333rem;
    height: 2.3333rem;
}
.footer .button-scroll-top {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 100;
    display: none;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    opacity: 0.5;
    transition: background 0.2s, opacity 0.2s;
}
.footer .button-scroll-top.active {
    display: flex;
}
.footer .button-scroll-top:hover {
    background: #ffba06;
    opacity: 1;
}
.footer .button-scroll-top svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
}
@media only screen and (max-width: 520px) {
    .footer .button-scroll-top {
        right: 1rem;
        bottom: 1rem;
        width: 2.5rem;
        height: 2.5rem;
    }
    .footer .button-scroll-top svg {
        width: 1.1rem;
        height: 1.1rem;
    }
}

.copyrite {
    background: #02304a;
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    padding: 0.1389rem 0;
    font-weight: 300;
}
@media only screen and (max-width: 520px) {
    .copyrite {
        font-size: 0.8333rem;
    }
}
.copyrite a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    text-decoration: underline;
}
@media only screen and (max-width: 520px) {
    .copyrite a {
        font-size: 0.8333rem;
    }
}
.copyrite a:hover {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.popups {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.97);
    z-index: 9999;
    cursor: url("../img/cursor.svg"), auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.popups.active {
    opacity: 1;
    visibility: visible;
}
.popups__wrap-inner {
    overflow: hidden;
    overflow-y: auto;
    max-height: 80vh;
}
@media only screen and (max-width: 800px) {
    .popups__wrap-inner {
        max-height: 70vh;
    }
}
@media only screen and (max-width: 520px) {
    .popups__wrap-inner {
        max-height: 60vh;
    }
}
.popups__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -90%);
    width: 100%;
    max-width: 800px;
    padding: 3.5rem 1.5rem 2rem;
    border: 1px solid #e9e6e6;
    border-radius: 1.1rem;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    cursor: default;
    opacity: 0;
    transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s;
}
.popups__container_full {
    max-width: 77.7778rem;
}
@media only screen and (max-width: 800px) {
    .popups__container_full {
        width: 100%;
        max-width: 95%;
    }
}
@media only screen and (max-width: 520px) {
    .popups__container_full {
        max-width: 95%;
    }
}
@media only screen and (max-width: 800px) {
    .popups__container {
        width: 95%;
        max-width: 440px;
    }
}
@media only screen and (max-width: 520px) {
    .popups__container {
        max-width: 340px;
        padding: 3rem 1rem 1rem;
    }
}
.popups__container:hover .popups__close svg {
    transition: 300ms;
    opacity: 1;
}
.popups.active .popups__container {
    opacity: 1;
    transform: translate(-50%, -50%);
}
.popups__close {
    position: fixed;
    top: 1rem;
    right: 2rem;
    cursor: pointer;
}
.popups__close svg {
    width: 1.2rem;
    height: 1.2rem;
    opacity: 0.15;
}
.popups .jet-form-builder__field-wrap:not(.checkradio-wrap) {
    display: flex;
    align-items: center;
    gap: 20px;
}
.popups .jet-form-builder-file-upload__content {
    min-width: 3rem;
    min-height: 3rem;
    border: 1px solid #dadada;
    padding: 5px;
    border-radius: 5px;
}
.popups .jet-form-builder-file-upload__file {
    max-width: 3rem;
    max-height: 3rem;
    margin: 0 auto;
    border: 1px solid #e9e6e6;
    border-radius: 1.1rem;
}
.popups .jet-form-builder__fields-group.checkradio-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1.1111rem;
    align-items: center;
}
.popups
    .field-type-checkbox-field
    .jet-form-builder__field-label.for-checkbox
    :checked
    + span::before {
    background-color: #333 !important;
    border-color: #333 !important;
}
.popups__cf_full_input .wpcf7-form-control-wrap {
    width: 100%;
}

.youtube,
.create-listing,
.create-listing-owner,
.private_plan_year_top,
.private_plan_year_st,
.private_plan_mo_top,
.private_plan_mo_st,
.businesses_plan_year_top,
.businesses_plan_year_st,
.businesses_plan_mo_top,
.businesses_plan_mo_st,
.plan_free,
.user_lending_form,
.complaints_form,
.yacht_form {
    display: none;
}
.youtube.active,
.create-listing.active,
.create-listing-owner.active,
.private_plan_year_top.active,
.private_plan_year_st.active,
.private_plan_mo_top.active,
.private_plan_mo_st.active,
.businesses_plan_year_top.active,
.businesses_plan_year_st.active,
.businesses_plan_mo_top.active,
.businesses_plan_mo_st.active,
.plan_free.active,
.user_lending_form.active,
.complaints_form.active,
.yacht_form.active {
    display: block;
}

.youtube iframe {
    width: 100%;
    height: 400px;
}
@media only screen and (max-width: 800px) {
    .youtube iframe {
        height: 222px;
    }
}
@media only screen and (max-width: 520px) {
    .youtube iframe {
        height: 150px;
    }
}

.user-login,
.user-registration {
    padding-top: 30px;
}

/* === ОБЩЕЕ === */
.switching_icons .icon-hover {
    display: none;
}

#owner-card:hover,
#owner-card.active-card {
    border-color: #ffba06 !important;
    background: #fffcf5;
}

#traveler-card:hover,
#traveler-card.active-card {
    border-color: #00b4d8 !important;
    background: #effcff;
}

#owner-card:hover .elementor-icon svg path,
#owner-card.active-card .elementor-icon svg path {
    fill: #ffba06;
    transition: fill 0.2s ease;
}

#traveler-card:hover .elementor-icon svg path,
#traveler-card.active-card .elementor-icon svg path {
    fill: #00b4d8;
    transition: fill 0.2s ease;
}
#traveler-card:hover .elementor-icon-list-icon svg path,
#traveler-card.active-card .elementor-icon-list-icon svg path {
    fill: #00b4d8 !important;
    transition: fill 0.2s ease;
}

/* === OWNER CARD (жёлтый) === */
#owner-card:hover .switching_icons .icon-default,
#owner-card.active-card .switching_icons .icon-default {
    display: none;
}

#owner-card:hover .switching_icons .icon-hover,
#owner-card.active-card .switching_icons .icon-hover {
    display: block;
}

/* === TRAVELER CARD (голубой) === */
#traveler-card:hover .switching_icons .icon-default,
#traveler-card.active-card .switching_icons .icon-default {
    display: none;
}

#traveler-card:hover .switching_icons .icon-hover,
#traveler-card.active-card .switching_icons .icon-hover {
    display: block;
}
/* Дефолт — серая */
#owner-card .switching_icons svg path {
    fill: #999;
    transition: fill 0.2s ease;
}

/* Hover/active — жёлтая */
#owner-card:hover .switching_icons svg path,
#owner-card.active-card .switching_icons svg path {
    fill: #ffba06;
}

/* Traveler — голубая */
#traveler-card:hover .switching_icons svg path,
#traveler-card.active-card .switching_icons svg path {
    fill: #00b4d8;
}

body.page-template-template-user-login,
body.page-template-template-user-registration {
    background: #f4f6f7;
}

body.page-template-template-user-registration .wrapper {
    min-height: 0;
}

body.page-template-template-user-registration .wrapper::after {
    display: none;
    height: 0;
}

body.page-template-template-user-login .footer,
body.page-template-template-user-registration .footer {
    margin-top: 0 !important;
}

.cbnb-auth-rewrite {
    --cbnb-auth-owner: #ffba06;
    --cbnb-auth-traveler: #00b4d8;
    --cbnb-auth-navy: #003d5b;
    --cbnb-auth-muted: #5f6f78;
    --cbnb-auth-border: #dfe8ed;
    --cbnb-auth-accent: var(--cbnb-auth-owner);
    --cbnb-auth-soft: #fff;
    min-height: calc(100vh - 120px);
    padding: 20px 16px 72px;
    background: #f4f6f7;
    color: var(--cbnb-auth-navy);
    font-family: "Inter", sans-serif;
}

.cbnb-auth-rewrite[data-active-role="traveler"] {
    --cbnb-auth-accent: var(--cbnb-auth-traveler);
    --cbnb-auth-soft: #fff;
}

.cbnb-auth-rewrite--signup[data-active-role=""] {
    --cbnb-auth-accent: #cfd8dd;
}

.cbnb-auth-rewrite__inner {
    width: min(100%, 920px);
    margin: 0 auto;
    padding: 40px 32px 48px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(0, 61, 91, 0.08);
}

.cbnb-role-picker {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #e8eef2;
}

.cbnb-role-picker__badge {
    position: absolute;
    top: -55px;
    left: 50%;
    z-index: 2;
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    padding: 0 28px;
    border-radius: 999px;
    background: var(--cbnb-auth-owner);
    color: #001e2e;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.cbnb-role-picker__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 68px minmax(0, 1fr);
    align-items: center;
    gap: 20px;
}

.cbnb-role-picker__or {
    display: inline-flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    justify-self: center;
    border: 1px solid #e3ebef;
    border-radius: 50%;
    background: #fff;
    color: var(--cbnb-auth-navy);
    font-size: 13px;
    font-weight: 700;
}

.cbnb-role-card {
    --cbnb-role-color: var(--cbnb-auth-owner);
    position: relative;
    display: flex;
    min-height: 246px;
    width: 100%;
    appearance: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 24px 20px;
    border: 1px solid var(--cbnb-auth-border);
    border-radius: 8px;
    background: #fff;
    color: var(--cbnb-auth-navy);
    cursor: pointer;
    text-align: center;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.cbnb-role-card--traveler {
    --cbnb-role-color: var(--cbnb-auth-traveler);
}

.cbnb-role-card:hover,
.cbnb-role-card:focus-visible,
.cbnb-role-card.is-active {
    border-color: var(--cbnb-role-color);
    box-shadow: 0 10px 28px rgba(0, 61, 91, 0.08);
}

.cbnb-role-card--owner:hover,
.cbnb-role-card--owner:focus-visible,
.cbnb-role-card--owner.is-active {
    background: #fffcf5;
}

.cbnb-role-card--traveler:hover,
.cbnb-role-card--traveler:focus-visible,
.cbnb-role-card--traveler.is-active {
    background: #effcff;
}

.cbnb-role-card:focus-visible {
    outline: 3px solid rgba(0, 61, 91, 0.18);
    outline-offset: 3px;
}

.cbnb-role-card__check {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 18px;
    height: 18px;
    border: 1px solid #cfd8dd;
    border-radius: 50%;
    background: #fff;
}

.cbnb-role-card.is-active .cbnb-role-card__check {
    border-color: var(--cbnb-role-color);
}

.cbnb-role-card.is-active .cbnb-role-card__check::after {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: var(--cbnb-role-color);
}

.cbnb-role-card__icon {
    display: inline-flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.cbnb-role-card__icon svg {
    width: 52px;
    height: 52px;
    fill: var(--cbnb-role-color);
}

.cbnb-role-card__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.cbnb-role-card__subtitle {
    display: block;
    margin-top: 2px;
    color: var(--cbnb-auth-navy);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
}

.cbnb-role-card__benefits {
    display: grid;
    gap: 10px;
    width: 100%;
    max-width: 250px;
    margin-top: 18px;
    color: #33444d;
    font-size: 14px;
    line-height: 1.35;
    text-align: left;
}

.cbnb-role-card__benefits span {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.cbnb-role-card__benefits span::before {
    content: "\2605";
    flex: 0 0 auto;
    color: var(--cbnb-role-color);
    font-size: 15px;
    line-height: 1.1;
}

.cbnb-role-picker__prompt {
    display: flex;
    width: fit-content;
    max-width: min(100%, 580px);
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 18px auto 0;
    padding: 12px 18px;
    border: 2px solid var(--cbnb-auth-owner);
    border-radius: 10px;
    background: #fff9e8;
    box-shadow: 0 12px 30px rgba(0, 61, 91, 0.16);
    color: var(--cbnb-auth-navy);
    font-size: 14px;
    line-height: 1.35;
    text-align: center;
}

.cbnb-role-picker__prompt[hidden] {
    display: none;
}

.cbnb-role-picker__prompt:focus {
    outline: 3px solid rgba(0, 61, 91, 0.18);
    outline-offset: 3px;
}

.cbnb-role-picker__prompt-arrow {
    flex: 0 0 auto;
    color: var(--cbnb-auth-owner);
    font-size: 32px;
    font-weight: 900;
    line-height: 0.8;
}

.cbnb-role-picker__prompt-arrow--traveler {
    color: var(--cbnb-auth-traveler);
}

.cbnb-auth-rewrite.is-role-required .cbnb-role-card {
    animation: cbnb-role-required-pulse 0.7s ease-in-out 2;
}

@keyframes cbnb-role-required-pulse {
    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(255, 186, 6, 0);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(255, 186, 6, 0.3);
    }
}

.cbnb-auth-rewrite__content {
    width: min(100%, 680px);
    margin: 0 auto;
    padding-top: 16px;
}

.cbnb-auth-socials[hidden],
.cbnb-auth-panel[hidden] {
    display: none !important;
}

.cbnb-auth-socials__grid {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cbnb-auth-rewrite--no-social .cbnb-auth-socials,
.cbnb-auth-rewrite--no-social .cbnb-auth-or {
    display: none !important;
}

.cbnb-auth-rewrite .social-login-wrapper,
.cbnb-auth-rewrite .nsl-container {
    width: auto !important;
    margin: 0 !important;
}

.cbnb-auth-rewrite .social-login-wrapper {
    display: flex;
}

.cbnb-auth-rewrite .nsl-container-buttons {
    display: flex !important;
    width: auto !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
}

.cbnb-auth-rewrite .nsl-container .nsl-container-buttons a[data-plugin="nsl"] {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

.cbnb-auth-rewrite .nsl-button.nsl-button-google,
.cbnb-auth-rewrite .nsl-button.nsl-button-facebook {
    width: 220px !important;
    min-width: 220px !important;
    max-width: none !important;
    height: 38px !important;
    padding: 0 14px !important;
    border: 1px solid var(--cbnb-auth-navy) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--cbnb-auth-navy) !important;
    transform: none !important;
}

.cbnb-auth-rewrite .nsl-button.nsl-button-google:hover,
.cbnb-auth-rewrite .nsl-button.nsl-button-facebook:hover {
    border-color: var(--cbnb-auth-navy) !important;
    box-shadow: none !important;
    filter: brightness(0.98);
    transform: none !important;
}

.cbnb-auth-rewrite .nsl-container .nsl-button-default div.nsl-button-label-container,
.cbnb-auth-rewrite .nsl-button.nsl-button-google .nsl-button-label-container,
.cbnb-auth-rewrite .nsl-button.nsl-button-facebook .nsl-button-label-container {
    margin: 0 !important;
    color: var(--cbnb-auth-navy) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.cbnb-auth-rewrite .nsl-button.nsl-button-google .nsl-button-svg-container svg,
.cbnb-auth-rewrite .nsl-button.nsl-button-facebook .nsl-button-svg-container svg {
    width: 24px !important;
    height: 24px !important;
}

.cbnb-auth-or {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 14px 0 12px;
    color: #c9d3d8;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.cbnb-auth-or::before,
.cbnb-auth-or::after {
    content: "";
    height: 1px;
    flex: 1 1 auto;
    background: #e2e9ed;
}

.cbnb-auth-form {
    width: min(100%, 640px);
    margin: 0 auto;
    border: 1px solid var(--cbnb-auth-accent);
    border-radius: 8px;
    background: #fff;
}

.cbnb-auth-rewrite--signup {
    min-height: 0;
    padding-bottom: 16px;
}

.cbnb-auth-rewrite--signup .cbnb-auth-rewrite__inner {
    padding-bottom: 24px;
}

.cbnb-auth-rewrite--signup .cbnb-auth-form {
    border: 0;
}

.cbnb-auth-rewrite--signup .cbnb-auth-form .wp-block-jet-engine-container[class*="form_registr"] {
    border: 0 !important;
    padding: .6rem 2.5rem;
}

.cbnb-auth-form form > p:first-child,
.cbnb-auth-form__role-note {
    margin: 0 0 13px !important;
    color: var(--cbnb-auth-accent) !important;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
}

.cbnb-auth-form__role-note--required {
    display: none;
    text-align: center;
}

.cbnb-auth-rewrite--signup[data-active-role=""] .cbnb-auth-form__role-note--required {
    display: block;
    color: var(--cbnb-auth-navy) !important;
}

.cbnb-auth-rewrite--signup[data-active-role=""] .cbnb-auth-form form > p:first-child {
    display: none;
}

.cbnb-auth-rewrite--signup[data-active-role=""] .cbnb-auth-socials,
.cbnb-auth-rewrite--signup[data-active-role=""] .cbnb-auth-or,
.cbnb-auth-rewrite--signup[data-active-role=""] .cbnb-auth-panel {
    opacity: 0.72;
}

.cbnb-auth-rewrite--signup[data-active-role=""] .cbnb-auth-form input[type="text"],
.cbnb-auth-rewrite--signup[data-active-role=""] .cbnb-auth-form input[type="email"],
.cbnb-auth-rewrite--signup[data-active-role=""] .cbnb-auth-form input[type="password"] {
    border-color: #cfd8dd;
}

.cbnb-auth-rewrite--signup[data-active-role=""] .cbnb-auth-form .jet-form-builder__submit,
.cbnb-auth-rewrite--signup[data-active-role=""] .cbnb-auth-form button[type="submit"] {
    background: #e3e9ec;
}

.cbnb-auth-rewrite[data-active-role="owner"] [data-cbnb-role-text="traveler"],
.cbnb-auth-rewrite[data-active-role="traveler"] [data-cbnb-role-text="owner"] {
    display: none;
}

.cbnb-auth-form .jet-form-builder__label {
    display: none !important;
}

.cbnb-auth-form .jet-form-builder-row {
    margin: 0 0 10px !important;
}

.cbnb-auth-form .jet-form-builder__field-wrap {
    position: relative;
}

.cbnb-auth-form input[type="text"],
.cbnb-auth-form input[type="email"],
.cbnb-auth-form input[type="password"] {
    min-height: 38px;
    padding: 0 42px 0 14px;
    border: 1px solid var(--cbnb-auth-accent);
    border-radius: 5px;
    background: #fff;
    color: #1b2f39;
    font-size: 14px;
    box-shadow: none;
}

.cbnb-auth-form input:focus {
    border-color: var(--cbnb-auth-navy);
    box-shadow: 0 0 0 3px rgba(0, 61, 91, 0.1);
}

.cbnb-auth-form .has-eye-icon .jfb-eye-icon {
    position: absolute;
    top: 50% !important;
    right: 12px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%) !important;
    line-height: 0;
}

.cbnb-auth-form .has-eye-icon .jfb-eye-icon svg {
    position: static;
    width: 18px;
    height: 18px;
    margin: 0;
    transform: none !important;
    color: #a8b4bb;
    pointer-events: none;
}

.cbnb-auth-form .jet-form-builder__submit-wrap {
    width: 100%;
    margin-top: 18px;
}

.cbnb-auth-form .jet-form-builder__submit,
.cbnb-auth-form button[type="submit"] {
    display: flex;
    width: 100%;
    max-width: none !important;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border: 0;
    border-radius: 8px;
    background: var(--cbnb-auth-accent);
    color: #001e2e;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.cbnb-auth-form .jet-form-builder__submit:hover,
.cbnb-auth-form button[type="submit"]:hover,
.cbnb-auth-form .jet-form-builder__submit:focus-visible,
.cbnb-auth-form button[type="submit"]:focus-visible {
    background: var(--cbnb-auth-accent);
    filter: brightness(0.96);
}

.cbnb-auth-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 8px;
    margin-top: 14px;
    color: #465963;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}

.cbnb-auth-links a {
    color: var(--cbnb-auth-navy);
    font-weight: 600;
    text-decoration: underline;
}

.cbnb-auth-links a:last-child {
    flex-basis: 100%;
}

.cbnb-auth-rewrite--login {
    padding-top: 46px;
}

.cbnb-auth-rewrite--login .cbnb-auth-rewrite__inner {
    width: min(100%, 980px);
    padding: 0;
    overflow: hidden;
}

.cbnb-auth-login-card {
    display: grid;
    min-height: 590px;
    grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1fr);
}

.cbnb-auth-login-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 42px 34px;
    border-right: 1px solid #e4edf2;
    background: #f8fbfc;
}

.cbnb-auth-login-mark {
    width: min(100%, 320px);
    aspect-ratio: 1.2;
}

.cbnb-auth-login-illustration {
    display: block;
    width: 100%;
    height: 100%;
}

.cbnb-auth-login-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 44px 48px 40px;
}

.cbnb-auth-login-heading {
    margin-bottom: 20px;
}

.cbnb-auth-login-kicker {
    display: block;
    margin-bottom: 4px;
    color: var(--cbnb-auth-accent);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}

.cbnb-auth-login-heading h1 {
    margin: 0;
    color: var(--cbnb-auth-navy);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.15;
}

.cbnb-auth-login-role {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 20px;
    padding: 6px;
    border: 1px solid #e1ebf0;
    border-radius: 8px;
    background: #f6f9fb;
}

.cbnb-login-role-chip {
    --cbnb-login-role-color: var(--cbnb-auth-owner);
    display: flex;
    min-width: 0;
    min-height: 62px;
    appearance: none;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #fff;
    color: var(--cbnb-auth-navy);
    cursor: pointer;
    text-align: left;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.cbnb-login-role-chip--traveler {
    --cbnb-login-role-color: var(--cbnb-auth-traveler);
}

.cbnb-login-role-chip:hover,
.cbnb-login-role-chip:focus-visible,
.cbnb-login-role-chip.is-active {
    border-color: var(--cbnb-login-role-color);
    box-shadow: 0 8px 20px rgba(0, 61, 91, 0.08);
}

.cbnb-login-role-chip:focus-visible {
    outline: 3px solid rgba(0, 61, 91, 0.15);
    outline-offset: 2px;
}

.cbnb-login-role-chip__icon {
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 61, 91, 0.06);
    color: var(--cbnb-login-role-color);
}

.cbnb-login-role-chip.is-active .cbnb-login-role-chip__icon {
    background: var(--cbnb-login-role-color);
    color: #fff;
}

.cbnb-login-role-chip__icon svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.cbnb-login-role-chip strong,
.cbnb-login-role-chip small {
    display: block;
    min-width: 0;
}

.cbnb-login-role-chip strong {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

.cbnb-login-role-chip small {
    margin-top: 2px;
    color: #5f6f78;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.25;
}

.cbnb-auth-rewrite--login .cbnb-auth-socials__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 0;
    justify-content: stretch;
}

.cbnb-auth-rewrite--login .nsl-container,
.cbnb-auth-rewrite--login .social-login-wrapper {
    width: 100% !important;
}

.cbnb-auth-rewrite--login .nsl-container-buttons,
.cbnb-auth-rewrite--login .nsl-container .nsl-container-buttons a[data-plugin="nsl"],
.cbnb-auth-rewrite--login .nsl-button.nsl-button-google,
.cbnb-auth-rewrite--login .nsl-button.nsl-button-facebook {
    min-width: 0 !important;
    width: 100% !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
}

.cbnb-auth-rewrite--login .cbnb-auth-or {
    margin: 16px 0 14px;
}

.cbnb-auth-rewrite--login .cbnb-auth-form {
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.cbnb-auth-rewrite--login .cbnb-auth-form input[type="text"],
.cbnb-auth-rewrite--login .cbnb-auth-form input[type="email"],
.cbnb-auth-rewrite--login .cbnb-auth-form input[type="password"] {
    min-height: 52px;
    width: 100%;
}

.cbnb-auth-rewrite--login .cbnb-auth-form .jet-form-builder__submit,
.cbnb-auth-rewrite--login .cbnb-auth-form button[type="submit"] {
    min-height: 58px;
}

.cbnb-auth-rewrite--login .cbnb-auth-links {
    margin-top: 18px;
    font-size: 13px;
}

@media only screen and (max-width: 820px) {
    .cbnb-auth-rewrite {
        padding: 46px 12px 56px;
    }

    .cbnb-auth-rewrite__inner {
        padding: 38px 18px 34px;
    }

    .cbnb-role-picker__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .cbnb-role-picker__or {
        width: 48px;
        height: 48px;
    }

    .cbnb-role-card {
        min-height: 220px;
        padding: 20px 18px 20px;
    }

    .cbnb-auth-socials__grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .cbnb-auth-rewrite .social-login-wrapper,
    .cbnb-auth-rewrite .nsl-container,
    .cbnb-auth-rewrite .nsl-container-buttons,
    .cbnb-auth-rewrite .nsl-container .nsl-container-buttons a[data-plugin="nsl"],
    .cbnb-auth-rewrite .nsl-button.nsl-button-google,
    .cbnb-auth-rewrite .nsl-button.nsl-button-facebook {
        width: 100% !important;
    }

    .cbnb-auth-form {
        padding: 18px 14px 16px;
    }

    .cbnb-auth-rewrite--login .cbnb-auth-form {
        padding: 0;
    }

    .cbnb-auth-rewrite--login .cbnb-auth-rewrite__inner {
        width: min(100%, 680px);
        padding: 0;
    }

    .cbnb-auth-login-card {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .cbnb-auth-login-visual {
        min-height: 210px;
        padding: 24px 18px;
        border-right: 0;
        border-bottom: 1px solid #e4edf2;
    }

    .cbnb-auth-login-mark {
        width: min(100%, 230px);
    }

    .cbnb-auth-login-panel {
        padding: 30px 22px 34px;
    }
}

@media only screen and (max-width: 430px) {
    .cbnb-auth-rewrite__inner {
        padding-right: 12px;
        padding-left: 12px;
    }

    .cbnb-role-picker__badge {
        min-height: 40px;
        padding: 0 22px;
        font-size: 13px;
    }

    .cbnb-role-card__benefits {
        font-size: 13px;
    }

    .cbnb-role-picker__prompt {
        align-items: flex-start;
        padding: 11px 14px;
        font-size: 13px;
        text-align: left;
    }

    .cbnb-auth-rewrite .nsl-container .nsl-button-default div.nsl-button-label-container,
    .cbnb-auth-rewrite .nsl-button.nsl-button-google .nsl-button-label-container,
    .cbnb-auth-rewrite .nsl-button.nsl-button-facebook .nsl-button-label-container {
        font-size: 14px !important;
    }

    .cbnb-auth-login-panel {
        padding: 26px 14px 30px;
    }

    .cbnb-auth-rewrite--login .cbnb-auth-socials__grid {
        grid-template-columns: 1fr;
    }

    .cbnb-auth-login-heading {
        margin-bottom: 16px;
    }

    .cbnb-auth-login-heading h1 {
        font-size: 28px;
    }

    .cbnb-auth-login-role {
        gap: 6px;
        margin-bottom: 18px;
        padding: 5px;
    }

    .cbnb-login-role-chip {
        min-height: 58px;
        gap: 8px;
        padding: 8px;
    }

    .cbnb-login-role-chip__icon {
        width: 30px;
        height: 30px;
    }

    .cbnb-login-role-chip__icon svg {
        width: 18px;
        height: 18px;
    }

    .cbnb-login-role-chip strong {
        font-size: 12px;
    }

    .cbnb-login-role-chip small {
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cbnb-auth-rewrite.is-role-required .cbnb-role-card {
        animation: none;
    }
}

/* Login page visual rewrite. */
body.page-template-template-user-login {
    background: #fafafa;
}

body.page-template-template-user-login .wrapper {
    min-height: 0;
}

body.page-template-template-user-login .wrapper::after {
    display: none;
    height: 0;
}

.cbnb-auth-rewrite--login {
    min-height: 0;
    padding: 20px 0;
    background: #fafafa;
}

.cbnb-auth-rewrite--login .cbnb-auth-rewrite__inner {
    width: min(752px, calc(100% - 32px));
    margin: 0 auto;
    padding: 0;
    overflow: visible;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.cbnb-auth-rewrite--login .cbnb-auth-login-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    margin: 0 0 7px;
    padding: 0 0 6px;
    border-right: 0;
    border-bottom: 1px solid #d9d9d9;
    background: transparent;
}

.cbnb-auth-rewrite--login .cbnb-auth-login-mark {
    width: 152px;
    height: 96px;
    aspect-ratio: auto;
}

.cbnb-auth-rewrite--login .cbnb-auth-login-illustration,
.cbnb-auth-rewrite--login .cbnb-auth-login-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cbnb-auth-rewrite--login .cbnb-auth-socials {
    margin: 0 0 8px;
}

.cbnb-auth-rewrite--login .cbnb-auth-socials__grid {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cbnb-auth-rewrite--login .social-login-wrapper,
.cbnb-auth-rewrite--login .nsl-container {
    width: auto !important;
    margin: 0 !important;
}

.cbnb-auth-rewrite--login .social-login-wrapper {
    display: flex;
}

.cbnb-auth-rewrite--login .nsl-container-buttons {
    display: flex !important;
    width: auto !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
}

.cbnb-auth-rewrite--login .nsl-container .nsl-container-buttons a[data-plugin="nsl"] {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

.cbnb-auth-rewrite--login .nsl-button.nsl-button-google,
.cbnb-auth-rewrite--login .nsl-button.nsl-button-facebook {
    width: 220px !important;
    min-width: 220px !important;
    height: 38px !important;
    padding: 0 14px !important;
    border: 1px solid #003d5b !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #003d5b !important;
}

.cbnb-auth-rewrite--login .nsl-button.nsl-button-google:hover,
.cbnb-auth-rewrite--login .nsl-button.nsl-button-facebook:hover {
    border-color: #003d5b !important;
    box-shadow: none !important;
    filter: brightness(0.98);
    transform: none;
}

.cbnb-auth-rewrite--login .nsl-container .nsl-button-default div.nsl-button-label-container,
.cbnb-auth-rewrite--login .nsl-button.nsl-button-google .nsl-button-label-container,
.cbnb-auth-rewrite--login .nsl-button.nsl-button-facebook .nsl-button-label-container {
    color: #003d5b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

.cbnb-auth-rewrite--login .nsl-button.nsl-button-google .nsl-button-svg-container svg,
.cbnb-auth-rewrite--login .nsl-button.nsl-button-facebook .nsl-button-svg-container svg {
    width: 24px !important;
    height: 24px !important;
}

.cbnb-auth-rewrite--login .cbnb-auth-or {
    gap: 14px;
    margin: 0 0 8px;
    color: #d4d4d4;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}

.cbnb-auth-rewrite--login .cbnb-auth-or::before,
.cbnb-auth-rewrite--login .cbnb-auth-or::after {
    background: #d9d9d9;
}

.cbnb-auth-rewrite--login .cbnb-auth-form {
    width: min(596px, 100%);
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.cbnb-auth-rewrite--login .cbnb-auth-form .jet-form-builder-row {
    margin: 0 0 2px !important;
}

.cbnb-auth-rewrite--login .cbnb-auth-form .jet-form-builder-row.field-type-submit-field {
    margin: 8px 0 0 !important;
}

.cbnb-auth-rewrite--login .cbnb-auth-form input[type="text"],
.cbnb-auth-rewrite--login .cbnb-auth-form input[type="email"],
.cbnb-auth-rewrite--login .cbnb-auth-form input[type="password"] {
    min-height: 33px;
    width: 100%;
    padding: 0 44px 0 14px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    background: #fff;
    color: #1f1f1f;
    font-size: 13px;
}

.cbnb-auth-rewrite--login .cbnb-auth-form input::placeholder {
    color: #9a9a9a;
}

.cbnb-auth-rewrite--login .cbnb-auth-form input:focus {
    border-color: #003d5b;
    box-shadow: 0 0 0 2px rgba(0, 61, 91, 0.08);
}

.cbnb-auth-rewrite--login .cbnb-auth-form .has-eye-icon .jfb-eye-icon {
    right: 12px;
}

.cbnb-auth-rewrite--login .cbnb-auth-form .jet-form-builder__submit-wrap {
    width: 100%;
    margin-top: 0;
}

.cbnb-auth-rewrite--login .cbnb-auth-form .jet-form-builder__submit,
.cbnb-auth-rewrite--login .cbnb-auth-form button[type="submit"] {
    height: 48px;
    min-height: 48px;
    padding: 0;
    border-radius: 12px;
    background: #ffba06;
    color: #0b1b24;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
}

.cbnb-auth-rewrite--login .cbnb-auth-form .jet-form-builder__submit:hover,
.cbnb-auth-rewrite--login .cbnb-auth-form button[type="submit"]:hover,
.cbnb-auth-rewrite--login .cbnb-auth-form .jet-form-builder__submit:focus-visible,
.cbnb-auth-rewrite--login .cbnb-auth-form button[type="submit"]:focus-visible {
    background: #ffba06;
    filter: brightness(0.97);
}

.cbnb-auth-rewrite--login .cbnb-auth-links {
    width: min(596px, 100%);
    margin: 8px auto 0;
    gap: 2px 5px;
    color: #454545;
    font-size: 13px;
    line-height: 1.45;
}

.cbnb-auth-rewrite--login .cbnb-auth-links a {
    color: #003d5b;
}

.cbnb-auth-rewrite--login .cbnb-auth-links a:last-child {
    flex-basis: 100%;
    margin-top: 2px;
}

@media only screen and (max-width: 1100px) {
    .cbnb-auth-rewrite--login .cbnb-auth-rewrite__inner {
        width: min(752px, calc(100% - 32px));
    }
}

@media only screen and (max-width: 640px) {
    .cbnb-auth-rewrite--login {
        padding-top: 18px;
    }

    .cbnb-auth-rewrite--login .cbnb-auth-login-visual {
        min-height: 96px;
        margin-bottom: 10px;
        padding-bottom: 8px;
    }

    .cbnb-auth-rewrite--login .cbnb-auth-login-mark {
        width: 154px;
        height: 98px;
    }

    .cbnb-auth-rewrite--login .cbnb-auth-socials__grid,
    .cbnb-auth-rewrite--login .nsl-container-buttons {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 8px !important;
    }

    .cbnb-auth-rewrite--login .nsl-container,
    .cbnb-auth-rewrite--login .social-login-wrapper,
    .cbnb-auth-rewrite--login .nsl-container .nsl-container-buttons a[data-plugin="nsl"],
    .cbnb-auth-rewrite--login .nsl-button.nsl-button-google,
    .cbnb-auth-rewrite--login .nsl-button.nsl-button-facebook {
        width: 100% !important;
        min-width: 0 !important;
    }

    .cbnb-auth-rewrite--login .cbnb-auth-or {
        font-size: 18px;
    }

    .cbnb-auth-rewrite--login .cbnb-auth-form .jet-form-builder__submit,
    .cbnb-auth-rewrite--login .cbnb-auth-form button[type="submit"] {
        height: 52px;
        min-height: 52px;
        border-radius: 14px;
    }

    .cbnb-auth-rewrite--signup {
        padding-bottom: 16px;
    }
}