@font-face {
    font-family: "Montserrat";
    src: url("../css/fonts/Montserrat/Montserrat-Bold.ttf");
    font-weight: 800;
}

@font-face {
    font-family: "Montserrat";
    src: url("../css/fonts/Montserrat/Montserrat-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Montserrat";
    src: url("../css/fonts/Montserrat/Montserrat-Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "Montserrat";
    src: url("../css/fonts/Montserrat/Montserrat-Light.ttf");
    font-weight: 300;
}

:root {
    --gray: #cacaca;
    --black: #000000;
    --yellow: #ffdd00;
    --yellow_null: #ffdd0000;
    --white: #ffffff;
    --light-orange: #ffb630;
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --gray-dark: #343a40;
    --primary: #fdb819;
    --secondary: #868e96;
    --success: #47a447;
    --info: #5bc0de;
    --warning: #ed9c28;
    --danger: #d2322d;
    --light: #f8f9fa;
    --dark: #1d2127;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1300px;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
}

html {
    scroll-behavior: smooth;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
.texteditor:focus {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--gotpro_bold);
    font-weight: 100;
    margin: 0;
    /* width: max-content; */
}

.h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 48px;
    color: #333;
}

.container {
    width: 1460px;
    margin: 0 auto;
}

.flexBlock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* gap: 12px; */
}

a {
    color: inherit;
    text-decoration: none;
}

.button {
    width: 296px;
    height: 50px;
    top: 476px;
    left: 19.71px;
    padding: 15px 30px 15px 30px;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid var(--light-orange);
    background: var(--yellow_null);
    color: var(--white);
    text-transform: uppercase;
    transition: 0.3s;
    cursor: pointer;
    font-weight: 500;
}

.button_black {
    width: 296px;
    height: 50px;
    top: 476px;
    left: 19.71px;
    padding: 15px 30px 15px 30px;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid var(--gray);
    background: var(--yellow_null);
    color: var(--gray);
    text-transform: uppercase;
    transition: 0.3s;
    cursor: pointer;
}

.button:hover {
    background: var(--light-orange);
    color: var(--black);
}

summary::marker,
summary::-webkit-details-marker {
    display: none;
    content: "";
}

.increment,
.decrement {
    cursor: pointer;
    transition: 0.3s;
}

.about_company_list .no-scroll::-webkit-scrollbar {
    display: none;
}

.bread_crumbs {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #cacaca;
}

.bread_crumbs a.active {
    color: #333;
}

.side-menu.w-computer {
    position: fixed;
    left: 0;
    top: 0;
    width: 70px;
    height: 100vh;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side-menu:hover ~ .header > .header_catalog_menu {
    transform: translateX(455px);
}

.side-menu.w-computer:after {
    content: "";
    font-size: 43px;
    color: #ffffff;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: stretch;
    background: url(../img/right.png) no-repeat;
    background-size: contain;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(49%) sepia(5%) saturate(15%) hue-rotate(6deg) brightness(93%) contrast(88%);
}

@media screen and (max-width: 950px) {
    .side-menu,
    .side-menu.w-computer:after {
        display: none;
    }
}

.product_card_icon.product_card_icon_catalog,
.product_details_icon {
    display: none !important;
}