/*
px = 15
*/
html.js-zoom {
    font-size: 16px;
}

@media (min-width: 768px) {
    ::-webkit-scrollbar {
        height: .5rem;
        width: .7rem
    }

    ::-webkit-scrollbar-track {
        /*background: #133844;*/
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 1rem
    }
}


@media (max-height: 950px) or (max-width: 1200px) {
    html.js-zoom {
        font-size: 15px;
    }
}

@media (max-height: 775px) or (max-width: 999px) {
    html.js-zoom {
        font-size: 14px;
    }
}

@media (max-height: 714px) or (max-width: 850px) {
    html.js-zoom {
        font-size: 13px;
    }
}

@media (max-height: 685px) or (max-width: 768px) {
    html.js-zoom {
        font-size: 12px;
    }
}

dl, ol, ul {
    margin: unset;
}


h1, h2, h3, h4, h5, h6, p {
    margin: unset;
}


a:hover {
    color: unset;
    text-decoration: none;
}

button:disabled,
button[disabled] {
    background-color: #dbdbdb;
    color: #666666;
}

button:disabled svg path,
button[disabled] svg path {
    fill: #fff;
}

.overflow_y_auto {
    overflow-y: auto;
}

.overflow_x_hidden {
    overflow-x: hidden;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.m_20 {
    margin: 1.333rem;
}

.m_10 {
    margin: .666rem;
}

.m_1 {
    margin: .0667rem;
}

.my_40 {
    margin-top: 2.666rem;
    margin-bottom: 2.666rem;
}
.my_38 {
    margin-top: 2.533rem;
    margin-bottom: 2.533rem;
}

.my_10 {
    margin-top: .666rem;
    margin-bottom: .666rem;
}

.my_5 {
    margin-top: .333rem;
    margin-bottom: .333rem;
}

.mx_24 {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
}

.mx_20 {
    margin-left: 1.333rem;
    margin-right: 1.333rem;
}

.mx_15 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx_10 {
    margin-left: .666rem;
    margin-right: .666rem;
}

.mx_5 {
    margin-left: .333rem;
    margin-right: .333rem;
}

.mx_2 {
    margin-left: .133rem;
    margin-right: .133rem;
}

.mt_125 {
    margin-top: 8.333rem;
}

.mt_50 {
    margin-top: 3.333rem;
}

.mt_40 {
    margin-top: 2.667rem;
}

.mt_28 {
    margin-top: 1.866rem;
}

.mt_20 {
    margin-top: 1.333rem;
}

.mt_16 {
    margin-top: 1.067rem;
}

.mt_15 {
    margin-top: 1rem;
}

.mt_10 {
    margin-top: .666rem;
}


.mt_4 {
    margin-top: 0.267rem;
}

.mb_40 {
    margin-bottom: 2.666rem;
}

.mb_30 {
    margin-bottom: 2rem;
}
.mb_20 {
    margin-bottom: 1.333rem;
}

.mb_8 {
    margin-bottom: .533rem;
}

.mb_4 {
    margin-bottom: .266rem;
}

.ms_40 {
    margin-left: 2.666rem;;
}

.ms_20 {
    margin-left: 1.333rem;;
}

.ms_18 {
    margin-left: 1.2rem;
}

.ms_15 {
    margin-left: 1rem;
}

.ms_14 {
    margin-left: .933rem;
}

.ms_10 {
    margin-left: .666rem;
}

.ms_6 {
    margin-left: .4rem;
}

.ms_4 {
    margin-left: .266rem;
}

@media (min-width: 576px) {
    .ms_sm_15 {
        margin-left: 1rem !important;
    }
}

.me_24 {
    margin-right: 1.6rem;
}

.me_20 {
    margin-right: 1.333rem;
}

.me_10 {
    margin-right: .666rem;
}

.me_8 {
    margin-right: .533rem;
}

.me_5 {
    margin-right: 0.357rem;
}

.me_2 {
    margin-right: .133rem;
}


.p_21 {
    padding: 1.4rem;
}

.p_30 {
    padding: 2rem;
}
.p_20 {
    padding: 1.333rem;
}

.p_20_important {
    padding: 1.333rem !important;
}

.p_18 {
    padding: 1.2rem;
}

.p_16 {
    padding: 1.066rem;
}

.p_15 {
    padding: 1rem;
}

.p_14 {
    padding: .933rem;
}

.p_12 {
    padding: .8rem;
}

.p_10 {
    padding: .666rem;
}

.p_8 {
    padding: .533rem;
}

.p_5 {
    padding: .333rem;
}

.p_1 {
    padding: .0667rem;
}

.pb_60 {
    padding-bottom: 4rem;
}

.pb_30 {
    padding-bottom: 24rem;
}

.pb_12 {
    padding-bottom: .8rem;
}

.pb_10 {
    padding-bottom: .666rem;
}

.ps_40 {
    padding-left: 2.666rem;
}

.ps_26 {
    padding-left: 1.733rem;
}

.ps_20 {
    padding-left: 1.333rem;
}

@media (min-width: 992px) {
    .ps_lg_15 {
        padding-left: 1rem !important;
    }
}

.ps_15 {
    padding-left: 1rem;
}

.ps_10 {
    padding-left: .666rem;
}

.ps_4 {
    padding-left: .266rem;;
}

.pe_30 {
    padding-right: 2rem;
}

.pe_20 {
    padding-right: 1.333rem;
}

.px_65 {
    padding-left: 4.333rem;
    padding-right: 4.333rem;
}
.px_20 {
    padding-left: 1.333rem;
    padding-right: 1.333rem;
}

.px_18 {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.px_14 {
    padding-left: .933rem;
    padding-right: .933rem;
}

.py_14 {
    padding-left: .933rem;
    padding-right: .933rem;
}

.px_12 {
    padding-left: .8rem;
    padding-right: .8rem;
}

@media (min-width: 992px) {
    .py_lg_10 {
        padding-top: .666rem;
        padding-bottom: .666rem;
    }
}

.py_40 {
    padding-top: 2.666rem;
    padding-bottom: 2.666rem;
}

.py_30 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py_24 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.py_20 {
    padding-top: 1.333rem;
    padding-bottom: 1.333rem;
}

.py_16 {
    padding-top: 1.066rem;
    padding-bottom: 1.066rem;
}

.py_14 {
    padding-top: .933rem;
    padding-bottom: .933rem;
}

.py_12 {
    padding-top: .8rem;
    padding-bottom: .8rem;
}

.py_10 {
    padding-top: .666rem;
    padding-bottom: .666rem;
}

.py_5 {
    padding-top: .333rem;
    padding-bottom: .333rem;
}

.gap_8 {
    gap: 0.571rem;
}

.fs_64 {
    font-size: 4.266rem;
}

.fs_48 {
    font-size: 3.2rem;
}

.fs_28 {
    font-size: 1.866rem;
}

.fs_24 {
    font-size: 1.6rem;
}

.fs_20 {
    font-size: 1.333rem;
}

.fs_18 {
    font-size: 1.066rem;
}

.fs_16 {
    font-size: 1.066rem;
}

.fs_15 {
    font-size: 1rem;
}

.fs_14 {
    font-size: .9333rem;
}

.fs_12 {
    font-size: .8rem;
}

.fs_11 {
    font-size: .733rem;
}

.fw_500, .font-weight-semibold {
    font-weight: 500;
}
.fw_400 {
    font-weight: 400;
}

@media (min-width: 992px) {
    .w_lg_245 {
        width: 16.333rem !important;
    }
}

.w_345 {
    width: 23rem;
}

.w_80 {
    width: 5.333rem;
}

.w_64 {
    width: 4.266rem;
}

.w_58 {
    width: 3.866rem;
}

.w_40 {
    width: 2.666rem;
}

.w_32 {
    width: 2.133rem;
}

.w_24 {
    width: 1.6rem;
}

.w_21 {
    width: 1.4rem;
}

@media (min-width: 992px) {
    .w_lg_23_percent {
        width: 23% !important;
    }
}

.min_w_360 {
    min-width: 24rem;
}


.max_w_1280 {
    max-width: 85.333rem;
}

.h_200 {
    height: 13.333rem;
}

.h_140 {
    height: 9.333rem;
}

.h_120 {
    height: 8rem;
}

.h_80 {
    height: 5.333rem;
}

.h_64 {
    height: 4.266rem;
}

.h_48 {
    height: 3.2rem;
}

.h_40 {
    height: 2.666rem;
}

.h_58 {
    height: 3.866rem;
}

.h_32 {
    height: 2.133rem;
}

.h_26 {
    height: 1.6rem;
}

.h_21 {
    height: 1.4rem;
}

.max_h_65_vh {
    max-height: 65vh;
}

.m_h_90 {
    min-height: 6rem;
}

.top_110 {
    top: 7.333rem;
}

.top_10 {
    top: .666rem;
}

.top_6 {
    top: .4rem;
}

.top_0 {
    top: 0rem;
}

.bottom_23 {
    bottom: 1.533rem;
}

.bottom_10 {
    bottom: .666rem;
}

.right_10 {
    right: .666rem;
}

.left_23 {
    left: 1.533rem;
}

.left_10 {
    left: .666rem;
}

.left_0 {
    left: 0rem;
}

.border_2 {
    border: solid .133rem white;
}

.border_1 {
    border: solid .066rem white;
}

.border_0 {
    border: 0;
}

.border_color_white {
    border-color: white;
}

.border_radius_4 {
    border-radius: .266rem;
}

.border_radius_2 {
    border-radius: .133rem;
}

.border_radius_b_4 {
    border-bottom-right-radius: .266rem;
    border-bottom-left-radius: .266rem;
}

.object_fit_cover {
    object-fit: cover;
}

.rotate_90 {
    transform: rotate(90deg);
}

.rotate_180 {
    transform: rotate(180deg);
}

.rotate_270 {
    transform: rotate(270deg);
}


@font-face {
    font-family: "Suisse Intl";
    src: url(./../fonts/suisse_intl/SuisseIntl-Thin-WebM.woff2) format("woff2"),
    url(./../fonts/suisse_intl/SuisseIntl-Thin-WebM.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: "Suisse Intl";
    src: url(./../fonts/suisse_intl/SuisseIntl-Regular-WebM.woff2) format("woff2"),
    url(./../fonts/suisse_intl/SuisseIntl-Regular-WebM.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Suisse Intl";
    src: url(./../fonts/suisse_intl/SuisseIntl-Medium-WebM.woff2) format("woff2"),
    url(./../fonts/suisse_intl/SuisseIntl-Medium-WebM.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "Suisse Intl";
    src: url(./../fonts/suisse_intl/SuisseIntl-Bold-WebM.woff2) format("woff2"),
    url(./../fonts/suisse_intl/SuisseIntl-Bold-WebM.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}

html, body, h1, h2, h3, h4, h5, h6, p, a, button, span {
    font-family: "Suisse Intl" !important;
}

.bg_black {
    background-color: #000;
}
.bg_0068B3{
    background-color: #0068B3;
}
.bg_dark_gray {
    background-color: #434343;
}
.bg_dark_blue {
    background-color: #014678;
}

.text_gray_mist {
    color: #B9B9B9;
}
.text_B1B1B1 {
    color: #B1B1B1;
}

.outlined_text_white {
    color: transparent;
    -webkit-text-stroke: 1px white;
}

.separator {
    width: 100%;
    border-bottom: 1px solid #7F7F7F;
}

.bg_img_map_2 {
    background: url("./../img/bg_map2.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.checkbox_wrapper {
    width: 100%;
    --checkbox-wrapper: #506EEC;
}

.checkbox_wrapper.purple_check {
    --checkbox-wrapper: #CC92F7;
}

.checkbox_wrapper.red_check {
    --checkbox-wrapper: #FF5200;
}

.checkbox_wrapper.dusky_violet_check {
    --checkbox-wrapper: #827194;
}

.checkbox_wrapper .cbx {
    width: 100%;
    padding-bottom: 1.133rem;
    margin-bottom: 1.2rem;
    border-bottom: #838383 0.067rem solid;
    padding-left: 0.4rem;
}

.checkbox_wrapper .cbx {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

.checkbox_wrapper .cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}

.checkbox_wrapper .cbx span:first-child {
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    transform: scale(1);
    vertical-align: middle;
    border: 0.067rem solid var(--checkbox-wrapper);
    transition: all 0.2s ease;
}

.checkbox_wrapper .cbx span:first-child svg {
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    left: 0.4rem;
    fill: none;
    stroke: rgba(255, 255, 255, 0);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1.067rem;
    stroke-dashoffset: 1.067rem;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}

@media (max-width: 576px) {
    .checkbox_wrapper .cbx span:first-child svg {
        top: 0.5rem;
        left: 0.3rem;
    }
}

.checkbox_wrapper .cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--checkbox-wrapper);
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
    transition-delay: 0.2s;
}

.checkbox_wrapper .cbx span:last-child {
    margin-left: 0.533rem;
}

.checkbox_wrapper .cbx span:last-child:after {
    content: "";
    position: absolute;
    top: 0.533rem;
    left: 0;
    height: 0.067rem;
    width: 100%;
    background: #B9B8C3;
    transform-origin: 0 0;
    transform: scaleX(0);
}

.checkbox_wrapper .cbx:hover span:first-child {
    border-color: var(--checkbox-wrapper);
}

.checkbox_wrapper .inp-cbx:checked + .cbx span:first-child {
    border-color: var(--checkbox-wrapper);
    background: var(--checkbox-wrapper);
    animation: check_animation 0.6s ease;
}

.checkbox_wrapper .inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
    stroke: black;
}

.checkbox_wrapper .inp-cbx:checked + .cbx span:first-child:before {
    transform: scale(2.2);
    opacity: 0;
    transition: all 0.6s ease;
}

.checkbox_wrapper .inp-cbx:checked + .cbx span:last-child {
    color: var(--checkbox-wrapper);
    transition: all 0.3s ease;
}

@keyframes check_animation {
    50% {
        transform: scale(1.2);
    }
}