@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

.__transition_05s {
    -webkit-transition: all var(--transition_time_bar_link) ease-out !important;
    -moz-transition: all var(--transition_time_bar_link) ease-out !important;
    -o-transition: all var(--transition_time_bar_link) ease-out !important;
    transition: all var(--transition_time_bar_link) ease-out !important;
}

.__red_text_hover:hover {
    color: var(--main_color) !important
}

.__red_text {
    color: var(--main_color) !important;
}

.__red_text:hover {
    text-decoration: none
}

.__underline_hover_text:hover {
    text-decoration: underline
}

.__middle_bar {
    border-bottom: 2px solid #f6f6f8;
    background-color: #fff !important
}

.__btn_call {
    background-color: var(--main_color) !important;
    color: white !important;
    z-index: 100
}

.__light_bg {
    background-color: var(--grey_bg_color) !important
}

.__dark_bg {
    background-color: var(--dark_grey_bg_color) !important
}

.__main_bg {
    background-color: var(--main_color) !important
}

.__light_main_bg {
    background-color: var(--main_transparency_color) !important
}

.form-check-input:checked {
    background-color: var(--main_color) !important;
    border-color: var(--main_color) !important;
}

.__custom_overflow{
    overflow: auto;
    transform: scaleX(-1);
    height: 30rem
}

.__title_tab.active {
    color: white !important;
    background-color: var(--main_color) !important
}

.__title_tab.active:hover {
    background-color: var(--main_color) !important
}

.__title_tab:hover {
    background-color: var(--main_transparency_color) !important
}

ul li::marker {
  color: var(--main_color);
  font-size: 1.75rem;
}

.__custom_overflow_dark::-webkit-scrollbar {
    width: 10px;
    background-color: var(--dark_grey_bg_color);
}

.__custom_overflow_dark::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.05);
    border-radius: 10px;
    background-color: var(--light_dark_grey_bg_color);
}

.__footer_bottom {
    border-top: solid #ced4da 1px ;
}

.__btn_call_footer {
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 0 0.2rem 0.2rem 0
}

.__jumbo {
    border-bottom: 3px solid #f8f9fa;
    background-color: #fff
}

.__jumbo_description {
    width: 40%;
    min-width: 500px !important
}

.__forward_hover:hover {
    transform: translateX(2rem)
}

.__round_edges {
    border-radius: 2rem
}

#__button_up {
    opacity: 0.5;
    display: none;
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 10;
    color: white;
    background-color: var(--light_dark_grey_bg_color);
    border-radius: 3rem
}

#__button_up:hover {
    color: var(--main_color);
    cursor: pointer;
    opacity: 1;
    filter:alpha(opacity=100);
    transition: .3s;
}

#__favorites_link {
    z-index: 0
}

.__cursor_pointer {
    cursor: pointer;
}

.__not_allowed_cursor {
    cursor: not-allowed
}

.__grid-card {
    display: grid;
    grid-gap: 2.5rem;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    grid-template-rows: repeat  (1, 10rem);
    justify-items: center;
}

.__img_products {
    position: absolute;
    height: 12rem;
    width: 13rem;
    bottom: 0%
}

.__grid-advantages {
    display: grid;
    grid-column-gap: 5rem;
    grid-row-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    justify-items: center;
}

.__fs-1rem {
    font-size: 1rem
}

.__custom_overflow_light::-webkit-scrollbar {
    width: 10px;
    background-color: white;
}

.__custom_overflow::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--main_color);
}

.__custom_overflow_light::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f9f9fd;
}

#__mobile_right_bar {
    border: 0;
    width: 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff4b1a'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff4b1a'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.slick-prev:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff4b1a'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    content: '' !important;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    z-index: 50
}

.slick-next:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff4b1a'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    content: '' !important;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    z-index: 50
}

.popover .popover-arrow::after, .popover-arrow::before {
    border-top-color: var(--dark_grey_bg_color);
}

.popover .popover-body {
    background-color: var(--dark_grey_bg_color);
    color: white
}

.__gradient_main_bg {
    background-image: -webkit-linear-gradient(135deg,#ff7927,#f41);
    background-image: -o-linear-gradient(135deg,#ff7927,#f41);
    background-image: linear-gradient(-45deg,#ff7927,#f41);
    overflow: hidden
}

.__gradient_main_bg > .row {
    padding: 0 12rem 0 12rem
}

.__personal_account_card {
    padding: 3rem 5rem
}

.__bg_main_hover:hover {
    background-color: var(--main_color) !important;
    color: white !important
}

#__margin_for_navbar {
    height: 224px
}

#__navbar {
    position: fixed;
    width: 100%;
    z-index: 1040
}

.__btn_transparency {
    background-color: var(--main_transparency_color) !important;
    color: #212529 !important
}

.__btn_transparency:hover {
    background-color: var(--main_color) !important;
    color: white !important
}

.dropdown-item.active, .dropdown-item:active {
    color:unset !important;
    text-decoration: unset !important;
    background-color: #e9ecef !important;
}

@media screen and (max-width: 1500px) {
    #__links_from__right_side_middle_navbar > a {
        margin-right: 0 !important
    }

    #__left_side_middle_navbar > div > a {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    #__right_side_middle_navbar > div:nth-child(2) > button {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    body {
        font-size: max(1em, 18px) !important;
    }
}

.__modal_header_zero_height {
    position: relative
}

.__modal_header_zero_height > button {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1000
}

.__13px {
    font-size: 13px !important
}

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

    #__left_side_middle_navbar, #__top_navbar,
    #__bottom_navbar, #__right_side_middle_navbar,
    #__mobile_navbar_btn, #__user_agreement,
    #__not_public_offer, .__middle_footer_bar_link {
        display: none !important
    }

    #__mobile_navbar_btn {
        display: block !important
    }

    #__button_up {
        right: 1rem;
        bottom: 1rem;
    }

    #__margin_for_navbar {
        height: 76px
    }

    #__logo_in_main_page {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .modal-dialog {
        margin-top: 30px !important;
        margin-bottom: 100px !important
    }

}