/*
 * Component: Sidebar Mini
 */
html {
    max-width: 1920px;
    margin: auto;
}

 .carousel_s {
    padding-top: 50px !important;
}
.content, .no-print {
    padding-top: 120px;
    padding-left: 0px;
    padding-right: 0px;
}
    @media (max-width: 767px) {
        .main-header .logo, .main-header .navbar {
        position: fixed !important;
    }

    .main-header .navbar {
        margin-top: 50px;
    }
        .carousel_s {
            padding-top: 96px !important;
        }
}

@media (max-width: 767px) {
    .sidebar {
        overflow-y: auto !important;
        max-height: 500px !important;
    }
}


.box_center {
    display: flex;
    justify-content: center;
}

    .box_center .box-header {
        padding: 10px 100px 10px 10px;
    }

    .box_center .box {
        border-top-color: transparent !important;
        -webkit-box-shadow: 0px 5px 6px 5px rgba(34, 60, 80, 0.1);
        -moz-box-shadow: 0px 5px 6px 5px rgba(34, 60, 80, 0.1);
        box-shadow: 0px 5px 6px 5px rgba(34, 60, 80, 0.1);
    }

@media (min-width: 1110px) {
    .box_center .box_reg {
        width: 500px;
    }
}

#carousel {
    margin-top: -70px;
}


    .count_painer {
        position: absolute;
        margin-top: -39px;
        border-radius: 5px;
        margin-left: 36px;
        height: 23px;
        background-color: black;
        font-size: 15px;
        font-weight: bold;
        color: azure;
        padding: 0px 3px 0px 3px;
    }

    .count_fav {
        position: absolute;
        margin-top: -42px;
        border-radius: 5px;
        margin-left: 25px;
        height: 23px;
        background-color: black;
        font-size: 15px;
        font-weight: bold;
        color: azure;
        padding: 0px 3px 0px 3px;
    }

.ion_count_fav, .fa-euro, .ion-bag_count, .fa-home, .ico_search {
    moz-transition: all 0.3s ease;
    webkit-transition: all 0.3s ease;
    o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .ion_count_fav:hover, .fa-euro:hover, .ion-bag_count:hover, .fa-home:hover, .ico_search:hover {
        moz-transform: scale (1.2); /* эффект трансформации для Firefox до версии 16.0 */

        webkit-transform: scale (1.2); /* эффект трансформации для Chrome до версии 26.0, Safari, Android и iOS */

        o-transform: scale (1.2); /* эффект трансформации для Opera до версии 12.10 */

        ms-transform: scale (1.2); /* эффект трансформации для IE 9.0 */

        transform: scale(1.2); /* эффект трансформации для других браузеров */

        color: black;
    }

    .header_search {
        width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

        .header_search a {
            margin-left: 10px;
        }

    @media (max-width: 800px) {
        .header_search a {
            margin-left: 0px;
        }
    }

    @media (max-width: 777px) {
        .header_search {
            width: 50%;
        }

            .header_search a {
                margin-left: 10%;
            }
    }

    @media (max-width: 650px) {
        .header_search {
            margin-left: 10%;
            width: auto;
        }

            .header_search a {
                margin-left: 22px;
            }
    }

    @media (max-width: 650px) {
        .header_search {
            margin-left: 10%;
            width: auto;
        }

            .header_search a {
                margin-left: 22px;
            }
    }

    .search_header {
        width: 500px;
        float: left;
        position: relative;
    }

    .ui-autocomplete {
        z-index: 10000 !important;
        position: fixed !important;
        top: 50px !important;
        min-width: 300px !important;
        max-height: 300px !important;
        overflow: auto;
    }

        .ui-autocomplete > li {
            border-bottom: solid 1px;
        }

    @media (max-width: 776px) {
        .ui-autocomplete {
            z-index: 10000 !important;
            position: fixed !important;
            min-width: 300px !important;
            max-height: 300px !important;
            overflow: auto !important;
            overflow-x: visible;
            top: auto !important;
            bottom: 50px !important;
        }
    }

    @media (max-width: 777px) {
        .search_header {
            bottom: 0px;
            position: fixed;
            background-color: rgb(255, 255, 255);
            margin-left: 0px;
            width: 100%;
            left: 0px;
        }
    }

    @media (min-width: 778px) and (max-width: 1208px) {
        .search_header {
            width: 290px;
            float: left;
            position: relative;
        }
    }

    .content-wrapper,
    .right-side {
        min-height: 100%;
        background-color: #ffffff;
        z-index: 800;
    }

    .main-header > .navbar {
        margin-bottom: 0;
        margin-left: 0px;
        border: none;
        min-height: 50px;
        border-radius: 0;
    }

    .skin-black .main-header > .navbar {
        background-color: #ffffff;
        -webkit-box-shadow: 8px 2px 5px 2px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: 8px 2px 5px 2px rgba(34, 60, 80, 0.2);
        box-shadow: 8px 2px 5px 2px rgba(34, 60, 80, 0.2);
    }

.logoIMG {
    display: block;
    float: left;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    width: 130px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 15px;
    font-weight: 300;
    margin-left: 30px;
}

        .logoIMG > img {
            min-height: 50px;
            width: 100px;
        }
@media (max-width: 1500px) {
    .logoIMG {
        margin-left: -15px;
    }
}
    .nav_icon {
        display: block;
        float: left;
        margin-top: 5px;
        text-align: center;
        margin-left: 0px;
        padding: 0px;
        color: black;
    }

    .search {
        border-color: black !important;
        border: 1px solid;
        background: none;
        height: 35px;
    }

    @media (max-width: 767px) {
        .skin-black .main-header > .logo {
            background-color: #e8e8e8 !important;
            color: black !important;
            border-bottom: 0px solid transparent;
            border-right: none;
        }

            .skin-black .main-header > .logo > a {
                color: #ffffff;
            }

            .skin-black .main-header > .logo:hover {
                background: #1f1f1f;
            }
    }

    .skin-black .main-header > .logo {
        background-color: #ffffff;
        color: #333 !important;
        border-bottom: 0px solid !important;
        border-right: 0px solid #eee !important;
    }

    .main-sidebar,
    .left-side {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 50px;
        min-height: 100% !important;
        width: 230px;
        z-index: 810;
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        -moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        -o-transition: -o-transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        transition: transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    }

    .skin-black .main-sidebar,
    .skin-black .left-side,
    .skin-black .wrapper {
        background: #ffff !important;
        -webkit-box-shadow: 2px 2px 5px 0px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: 2px 2px 5px 0px rgba(34, 60, 80, 0.2);
        box-shadow: 2px 2px 5px 0px rgba(34, 60, 80, 0.2);
    }

    .facture_chekbox em {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 15px;
    }

    .facture_chekbox .input-group:first-child {
        float: left;
        margin-right: 20px;
    }

    .facture_chekbox .input-group:last-child {
        float: right;
        margin-right: 20px;
    }

    .skin-black .sidebar > .sidebar-menu > li.header {
        background: #e4e1e1 !important;
        color: black !important;
    }

    .skin-black .sidebar a {
        color: black !important;
        background: #fff !important;
    }

    .skin-black .sidebar > .sidebar-menu > li > a:hover, .skin-black .sidebar > .sidebar-menu > li.active > a {
        background: #ffffff !important;
        border-left-color: #dcdcdc !important;
    }

    .skin-black .treeview-menu > li.active > a,
    .skin-black .treeview-menu > li > a:hover {
        color: mediumblue !important;
    }

    @media (min-width: 1728px) {
        .badge_fix {
            white-space: pre-wrap !important;
            max-width: 130px;
        }
    }

    @media (max-width: 768px) {
        .facture_chekbox .input-group:last-child {
            float: left;
            margin-right: 0px;
        }
    }

    @media (min-width: 992px) {
        .box_product_fix_heght {
            height: 410px;
        }
    }

    @media (min-width: 768px) {
        .sidebar-mini.sidebar-collapse .content-wrapper,
        .sidebar-mini.sidebar-collapse .right-side,
        .sidebar-mini.sidebar-collapse .main-footer {
            margin-left: 50px !important;
            z-index: 999;
        }

        .sidebar-mini.sidebar-collapse .main-sidebar {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
            width: 50px !important;
            z-index: 999;
        }

            .sidebar-mini.sidebar-collapse .main-sidebar .treeview > a {
                background-color: #fff;
                color: black !important;
            }

            .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .image {
                margin-left: -10px;
            }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li {
            position: relative;
        }

            .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
                margin-right: 0;
            }

                .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
                    border-top-right-radius: 5px !important;
                }

            .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
                border-bottom-right-radius: 5px !important;
            }

            .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
                padding-top: 5px;
                padding-bottom: 5px;
                border-bottom-right-radius: 5px !important;
            }

        .skin-black .sidebar > .sidebar-menu > li > .treeview-menu {
            background: #fff !important;
            -webkit-box-shadow: 8px 2px 5px 0px rgba(34, 60, 80, 0.2);
            -moz-box-shadow: 8px 2px 5px 0px rgba(34, 60, 80, 0.2);
            box-shadow: 8px 2px 5px 0px rgba(34, 60, 80, 0.2);
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            display: block !important;
            position: absolute;
            width: 280px;
            left: 50px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu .treeview-menu {
            margin-top: -6px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu .treeview > a:first-child:active {
            pointer-events: none;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
            top: 0;
            margin-left: -3px;
            padding: 12px 5px 12px 20px;
            background-color: inherit;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
            position: relative !important;
            float: right;
            width: auto !important;
            left: 180px !important;
            top: -22px !important;
            z-index: 900;
        }

            .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
                display: none;
            }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            top: 44px;
            margin-left: 0;
        }

        .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
        .sidebar-mini.sidebar-collapse .sidebar-form,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
        .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
            display: none !important;
            -webkit-transform: translateZ(0);
        }

        .sidebar-mini.sidebar-collapse .main-header .logo {
            width: 50px;
            font-size: 49px;
        }

            .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
                display: block;
                margin-left: -15px;
                margin-right: -15px;
                font-size: 18px;
            }

            .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
                display: none;
            }

        .sidebar-mini.sidebar-collapse .main-header .navbar {
            margin-left: 50px;
        }
    }

    .sidebar {
        z-index: 9919 !important;
    }

    .sidebar-menu,
    .main-sidebar .user-panel,
    .sidebar-menu > li.header {
        white-space: nowrap;
        overflow: hidden;
    }

        .sidebar-menu:hover {
            overflow: visible;
        }

        .sidebar-form,
        .sidebar-menu > li.header {
            overflow: hidden;
            text-overflow: clip;
        }

        .sidebar-menu li > a {
            position: relative;
        }

            .sidebar-menu li > a > .pull-right-container {
                position: absolute;
                right: 10px;
                top: 50%;
                margin-top: -7px;
            }

    .skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
    .skin-black .main-header > .navbar .navbar-right > li > a {
        border-left: none !important;
    }

    .skin-black .main-header > .navbar > .sidebar-toggle {
        border: none !important;
    }
    /*jQuery lightzoom*/
    /* картинка на странице */
    .minimized {
        cursor: pointer;
    }
    /* увеличенная картинка */
    #magnify {
        display: none;
        /* position: absolute; upd: 24.10.2016 */
        position: fixed;
        max-width: 600px;
        max-height: 600px;
        z-index: 9999;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

        #magnify img {
            max-width: 100%;
        }

    /* затемняющий фон */
    #overlay {
        display: none;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0.5;
        z-index: 9990;
    }

    /* кнопка закрытия */
    #close-popup {
        width: 30px;
        height: 30px;
        background: #FFFFFF;
        border: 1px solid #AFAFAF;
        border-radius: 15px;
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 15px;
    }

        #close-popup i {
            width: 30px;
            height: 30px;
            background: url(https://codernote.ru/files/cross.png) no-repeat center center;
            background-size: 16px 16px;
            display: block;
        }

    @keyframes rota {
        25% {
            transform: rotate(360deg);
        }
    }

    #close-popup:hover {
        animation: rota 4s infinite normal;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

    @media (max-width: 767px) {
        .fix_mob_product {
            width: 300px;
            margin: auto;
        }
    }

    @media (max-width: 767px) and (min-width: 543px) {
        .fix_mob_product_li {
            left: 15%;
        }

        .fix_mob_product_img {
            top: 200px;
            left: 5%;
            position: absolute;
        }

        .fix_mob_product_calc {
            margin-left: 31%;
        }
    }
    /*Исправления для fixid side-mini*/
    .fix_side_mini_commandes {
        position: absolute !important;
        width: 50px !important;
        height: 50px !important;
    }

    .fix_side_mini_Informations {
        position: absolute !important;
        width: 50px !important;
        height: 50px !important;
        margin-top: 50px !important;
    }
    /*Calc*/
    .btn_calc {
        width: 52px;
        height: 44px;
        color: black;
        border: solid 1px lightgray;
        line-height: 2;
    }

    #qtyString {
        width: 154px;
        height: 45px;
        line-height: 2;
        position: relative;
        display: inline;
        float: none;
        border: solid 1px lightgray;
    }

    #b1 {
        border: solid 1px lightgray;
        width: 128px;
        height: 44px;
        line-height: 2;
    }

    #fav_col {
        width: 128px;
        height: 44px;
        border: solid 1px lightgray;
        line-height: 2;
    }

    .tel2_span {
        width: 218px;
        height: 44px;
        color: black;
        background-color: transparent;
        line-height: 2;
    }

    .tel2_close_span {
        width: 38px;
        height: 44px;
        line-height: 2;
    }

    .btn_style .btn-info {
        background-color: transparent;
        color: black;
    }

    @media (hover: hover) and (pointer: fine) {

        .btn_calc:hover,
        #b1:hover,
        #fav_col:hover,
        .number-minus:hover,
        .number-plus:hover {
            background-color: rgb(0, 0, 0, 0.1);
            border: solid 1px lightgray;
        }
    }

    @media (hover: none) and (pointer: coarse) {
        .btn_calc:active,
        #b1:active,
        #fav_col:active,
        .number-minus:active,
        .number-plus:active {
            background-color: rgb(0, 0, 0, 0.1);
            border: solid 1px lightgray;
        }

        .btn_calc:hover,
        #b1:hover,
        #fav_col:hover,
        .number-minus:hover,
        .number-plus:hover {
            border: solid 1px lightgray;
        }
    }

    input[type="number"] {
        display: block;
        height: 32px;
        line-height: 32px;
        width: 100%;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
        -moz-appearance: textfield;
        -webkit-appearance: textfield;
        appearance: textfield;
    }

        input[type="number"]::-webkit-outer-spin-button,
        input[type="number"]::-webkit-inner-spin-button {
            display: none;
        }

    .number-minus {
        position: relative;
        display: inline;
        width: 52px;
        height: 44px;
        background-color: transparent;
        color: black;
        border: solid 1px lightgray;
        font-size: 16px;
        font-weight: 600;
        border-radius: 3px;
    }

    .number-plus {
        position: relative;
        display: inline;
        width: 52px;
        height: 44px;
        background-color: transparent;
        color: black;
        border: solid 1px lightgray;
        font-size: 16px;
        font-weight: 600;
        border-radius: 3px;
    }

.add.btn_style:has(.inputcalc:placeholder-shown) .add_send,
.add.btn_style:has(.inputcalc:out-of-range) .add_send {
    pointer-events: none !important;
    opacity: 0.8 !important;
    cursor: not-allowed !important;
}

.add.btn_style:has(.inputcalc:valid) .add_send {
    pointer-events: auto;
    opacity: 1;
    cursor: pointer;
}