/*! (c) BIZNES-METALL.RU, 2023 */

:root {--base-sans-serif: Roboto, sans-serif; --sans-serif: "Roboto Condensed", sans-serif; --serif: "Roboto Slab", serif; --monospace: "Roboto Mono", monospace; --blue: #216dff; --blue-dark: #3f48cc; --orange: #fc8d3d; --gray: #7f7f7f; --light: #f5f5f5; --blue-rgb: 33, 109, 255; --blue-dark-rgb: 63, 72, 204; --orange-rgb: 252, 141, 61; --gray-rgb: 127, 127, 127; --light-rgb: 245, 245, 245; --bs-body-font-family: var(--base-sans-serif); --bs-link-color-rgb: var(--blue-dark-rgb); --bs-link-hover-color-rgb: var(--orange-rgb);}

a {transition: all .25s ease-in-out;}
a:hover {text-decoration: none;}
.modal-content {
    border-radius: 0;
}
.modal-header {
    border-bottom: none;
    text-align: center;
    position: relative;
    display: block;
}
.modal-header .btn-close {
    position: absolute;
    top: 18px;
    right: 18px;
}
.modal-header .modal-title, .success-message {
    font-family: var(--sans-serif);
    font-weight: 700;
    color: var(--blue-dark);
    font-size: 1.3em;
}
.success-message {
    font-size: 1.1em;
}

.form-label sup {
    color: #EC3C48;
}

.form.form_box {--bs-focus-ring-color: rgba(var(--blue-dark-rgb), .25);}
.form .form__label {font-weight: 500;}
.form:not(.was-validated) .form__input:focus,
.form:not(.was-validated) .form__check:focus {border-color: var(--blue-dark);}
.form:not(.was-validated) .form__check:checked {border-color: var(--blue-dark); background-color: var(--blue-dark);}
.form .form__button {--bs-btn-bg: var(--blue-dark); --bs-btn-hover-bg: var(--blue); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: var(--bs-btn-hover-bg); --bs-btn-active-border-color: transparent; --bs-btn-focus-shadow-rgb: var(--blue-dark-rgb); color: var(--bs-white);}

.wrapper.wrapper_box {background-color: var(--light);}

.search-form.search-form_box {--bs-border-color: var(--blue-dark); --bs-focus-ring-color: rgba(var(--blue-dark-rgb), .25);}
.search-form .search-form__button {--bs-btn-color: var(--blue-dark); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: var(--bs-btn-color); --bs-btn-active-color: var(--bs-btn-hover-color); --bs-btn-active-bg: var(--bs-btn-hover-bg);}

.header.header_box {background-color: var(--bs-white);}
.header .header__brand {color: var(--blue-dark); font-weight: 900; text-transform: uppercase;}
.header .header__desc {color: var(--gray);}
.header .header__phone {font-family: var(--serif); font-size: 1.2rem; font-weight: 300;}
.header-schedule, .header-email {
    font-size: 0.8em;
}

.main-nav .main-nav__bar {color: var(--bs-white); background-color: var(--blue-dark); box-shadow: 0 .25rem .5rem rgba(var(--bs-black-rgb), .5);}
.main-nav .main-nav__toggle {font-weight: 500; background-color: var(--blue);}
.main-nav .main-nav__toggle:hover,
.main-nav .main-nav__toggle:not(.collapsed) {background-color: rgba(var(--blue-rgb), .75);}
.main-nav .main-nav__link {font-weight: 500;}
@media (min-width: 992px) {
.main-nav .main-nav__link {text-transform: uppercase;}}
.main-nav .main-nav__link:hover,
.main-nav .main-nav__link.main-nav__link_active {background-color: var(--orange);}
.main-nav .main-nav__collapse {--bs-link-color: currentColor; --bs-link-hover-color: currentColor; --bs-border-color: var(--blue-dark); overflow: hidden; background-color: var(--bs-white); box-shadow: 0 .125rem .5rem rgba(var(--bs-black-rgb), .5);}
.main-nav .main-nav__catalog-link:hover,
.main-nav .main-nav__catalog-link.main-nav__catalog-link_active:hover {background-color: rgba(var(--gray-rgb), .25);}
.main-nav .main-nav__catalog-link.main-nav__catalog-link_active {background-color: var(--light);}
.main-nav .main-nav__catalog-button {background-color: var(--bs-white);}
.main-nav .main-nav__catalog-button:hover {color: var(--bs-white); background-color: var(--orange);}
.main-nav .main-nav__catalog-child {background-color: var(--bs-white);}

.catalog.catalog_box {--bs-link-color-rgb: var(--body-color-rgb);}
.catalog .catalog__card:hover .catalog__image {transform: scale(1.2);}
.catalog .catalog__image-box {overflow: hidden;}
.catalog .catalog__image {background-position: center; background-repeat: no-repeat; background-size: contain; transition: transform .5s ease-in-out;}
.catalog .catalog__badge {background-color: var(--blue-dark);}
.catalog .catalog__price {font-family: var(--serif); font-size: 1.125rem;}

.product .product__carousel-image {background-position: center; background-repeat: no-repeat; background-size: contain;}
.product .product__carousel-indicators {grid-template-columns: repeat(4, 1fr);}

.home-page .home-page__title {font-family: var(--sans-serif); font-weight: 700;}

.page .page__title {font-family: var(--sans-serif); font-weight: 700;}
.page .page__pagination {--bs-link-color: var(--blue-dark); --bs-link-hover-color: var(--orange); --bs-border-color: var(--bs-link-color); --bs-pagination-active-bg: var(--bs-link-color); --bs-pagination-active-border-color: var(--bs-pagination-active-bg); --bs-focus-ring-color: rgba(var(--blue-dark-rgb), .25);}

.social .social__link:hover {--ui-icon-service-bg-color: var(--gray);}

.footer.footer_box {--bs-link-color-rgb: var(--bs-white-rgb); color: var(--bs-white); background-color: var(--blue-dark);}
.footer .footer__name {font-weight: 700; text-transform: uppercase;}
.footer .footer__desc {font-weight: 300;}
.footer .footer__title {font-family: var(--sans-serif); font-weight: 700;}
.footer .footer__title a {
    text-decoration: none;
}

.footer .footer__menu {color: var(--orange);}

.call-panel.call-panel_box {color: var(--bs-white); background-color: var(--blue-dark);}
.call-panel .call-panel__link:hover {background-color: var(--orange);}

.main-modal.main-modal_box {--bs-focus-ring-color: rgba(var(--blue-dark-rgb), .25);}
.main-modal .main-modal__title {font-family: var(--sans-serif); font-weight: 700;}

.go-top.go-top_box {--bs-link-color-rgb: var(--orange-rgb); --bs-link-hover-color-rgb: var(--gray-rgb); visibility: hidden;}
.go-top.go-top_active {visibility: visible;}
.section-order-form {
    padding: 1rem;
    border: 1px solid rgba(0,0,0,0.175);
    border-radius: .375rem;
    background: var(--bs-body-bg);
}

.nav-subitem-container {
    position: absolute;
    background-color: rgb(63, 72, 204);
    display: none;
}

.nav-item-container:hover > .nav-subitem-container{
    display: block;
}

.nav-item-container > .nav-subitem-container .main-nav__link:hover {
    background-color: rgb(252, 141, 61);
}


.header-contact-button {
    padding: 7px 15px;
    background-color: #fefefe;
    color: #222;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #000;
    text-align: center;
    margin-top: 5px;
}