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

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

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

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

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

@media (max-width: 500px) {
    html.js-zoom {
        /*font-size: 7px;*/
    }
}


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

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

    ::-webkit-scrollbar-thumb {
        background-color: #E1C0BE;
        border-radius: 1rem
    }
}

@font-face {
    font-family: ITC Franklin Gothic;
    src: url(./fonts/ITCFranklinGothicStd-Book.woff2) format("woff2"), url(./fonts/ITCFranklinGothicStd-Book.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

body, body * {
    font-family: "ITC Franklin Gothic";
}

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.429rem;
}

.m_10 {
    margin: 0.714rem;
}

.m_1 {
    margin: 0.071rem;
}

.my_40 {
    margin-top: 2.857rem;
    margin-bottom: 2.857rem;
}

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

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

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

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

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

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

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

.mt_125 {
    margin-top: 8.929rem;
}

.mt_50 {
    margin-top: 3.571rem;
}

.mt_28 {
    margin-top: 2rem;
}

.mt_26 {
    margin-top: 1.857rem;
}

.mt_20 {
    margin-top: 1.429rem;
}

.mt_15 {
    margin-top: 1.071rem;
}

.mt_10 {
    margin-top: 0.714rem;
}


.mt_4 {
    margin-top: 0.286rem;
}

.mb_40 {
    margin-bottom: 2.857rem;
}

.mb_20 {
    margin-bottom: 1.429rem;
}

.mb_8 {
    margin-bottom: 0.571rem;
}

.mb_4 {
    margin-bottom: 0.286rem;
}

.ms_55 {
    margin-left: 3.929rem;
}

.ms_40 {
    margin-left: 2.857rem;
}

@media (min-width: 576px) {
    .ms_sm_30 {
        margin-left: 2.143rem;
    }
}

.ms_30 {
    margin-left: 2.143rem;
}

.ms_20 {
    margin-left: 1.429rem;
}

.ms_18 {
    margin-left: 1.286rem;
}

.ms_15 {
    margin-left: 1.071rem;
}

.ms_14 {
    margin-left: 1rem;
}

.ms_10 {
    margin-left: 0.714rem;
}

.ms_6 {
    margin-left: 0.429rem;
}

.ms_4 {
    margin-left: 0.286rem;
}

.me_24 {
    margin-right: 1.714rem;
}

.me_20 {
    margin-right: 1.429rem;
}

.me_10 {
    margin-right: 0.714rem;
}

.me_8 {
    margin-right: 0.571rem;
}

.me_2 {
    margin-right: 0.143rem;
}


.p_21 {
    padding: 1.5rem;
}

.p_20 {
    padding: 1.429rem;
}

.p_18 {
    padding: 1.286rem;
}

.p_16 {
    padding: 1.143rem;
}

.p_15 {
    padding: 1.071rem;
}

.p_14 {
    padding: 1rem;
}

.p_12 {
    padding: 0.857rem;
}

.p_10 {
    padding: 0.714rem;
}

.p_8 {
    padding: 0.571rem;
}

.p_5 {
    padding: 0.357rem;
}

.p_1 {
    padding: 0.071rem;
}

.pb_60 {
    padding-bottom: 4.286rem;
}

.pb_30 {
    padding-bottom: 2.143rem;
}

.pb_12 {
    padding-bottom: 0.857rem;
}

.pb_10 {
    padding-bottom: 0.714rem;
}

.ps_40 {
    padding-left: 2.857rem;
}

.ps_26 {
    padding-left: 1.857rem;
}

.ps_20 {
    padding-left: 1.429rem;
}

.ps_15 {
    padding-left: 1.071rem;
}

.ps_10 {
    padding-left: 0.714rem;
}

.ps_4 {
    padding-left: 0.286rem;
}

.pe_30 {
    padding-right: 2.143rem;
}

.pe_20 {
    padding-right: 1.429rem;
}

.px_20 {
    padding-left: 1.429rem;
    padding-right: 1.429rem;
}

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

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

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

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

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

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

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

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

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

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

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

.py_8 {
    padding-top: 0.571rem;
    padding-bottom: 0.571rem;
}

.py_6 {
    padding-top: 0.429rem;
    padding-bottom: 0.429rem;
}

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


.fs_64 {
    font-size: 4.571rem
}

.fs_48 {
    font-size: 3.429rem
}

.fs_28 {
    font-size: 2rem
}

.fs_24 {
    font-size: 1.714rem
}

.fs_22 {
    font-size: 1.571rem
}

.fs_20 {
    font-size: 1.429rem
}

.fs_18 {
    font-size: 1.286rem
}

.fs_16 {
    font-size: 1.143rem
}

.fs_15 {
    font-size: 1.071rem
}

.fs_14 {
    font-size: 1rem
}

.fs_12 {
    font-size: 0.857rem
}

.fs_11 {
    font-size: 0.786rem
}

.fw_600 {
    font-weight: 600;
}

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


.w_80 {
    width: 5.714rem;
}

.w_64 {
    width: 4.571rem;
}

.w_58 {
    width: 4.143rem;
}

.w_40 {
    width: 2.857rem;
}

.w_32 {
    width: 2.286rem;
}

.w_28 {
    width: 2rem;
}
.w_24 {
    width: 1.714rem;
}

.w_21 {
    width: 1.5rem;
}

.h_200 {
    height: 14.286rem;
}

.h_140 {
    height: 10rem;
}

.h_120 {
    height: 8.571rem;
}

.h_80 {
    height: 5.714rem;
}

.h_64 {
    height: 4.571rem;
}

.h_48 {
    height: 3.429rem;
}

.h_40 {
    height: 2.857rem;
}

.h_58 {
    height: 4.143rem;
}

.h_32 {
    height: 2.286rem;
}

.h_28 {
    height: 2rem;
}
.h_26 {
    height: 1.857rem;
}

.h_24 {
    height: 1.714rem;
}

.h_21 {
    height: 1.5rem;
}

.top_110 {
    top: 7.857rem;
}

.top_10 {
    top: 0.714rem;
}

.top_6 {
    top: 0.429rem;
}

.top_0 {
    top: 0rem;
}

.bottom_23 {
    bottom: 1.643rem;
}

.bottom_10 {
    bottom: 0.714rem;
}

.right_10 {
    right: 0.714rem;
}

.left_23 {
    left: 1.643rem;
}

.left_10 {
    left: 0.714rem;
}

.left_0 {
    left: 0rem;
}

.border_2 {
    border: solid 0.143rem white;
}

.border_1 {
    border: solid 0.071rem white;
}

.border_0 {
    border: 0;
}

.border_radius_4 {
    border-radius: 0.286rem;
}

.border_radius_2 {
    border-radius: 0.143rem;
}

.object_fit_cover {
    object-fit: cover;
}

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

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

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

.bg_black {
    background-color: #000;
}

.bg_dark_gray {
    background-color: #434343;
}

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

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

a:focus, a:focus img, button:focus, .btn:focus {
    outline: 3px solid black !important;
    box-shadow: inset 0 0 0px 1px white;
}

.menu_new_item:hover, .bottom_left_btn:hover, .sidebar_menu button:hover {
    background-color: #323232;
    color: white;
}