body {font-family:'Open Sans',sans-serif; font-weight:400; color:#666; font-size:14px; line-height:20px; transition: padding 0.3s ease; width:100%}
h1,h2,h3,h4,h5,h6 {color:#444}
.fa {font-size:24px}
h1 {font-size:33px}
h2 {font-size:27px}
h3 {font-size:21px}
h4 {font-size:16px}
h5 {font-size:12px}
h6 {font-size:10.2px}
a {color:#333}
a:hover,a:active,a:focus {text-decoration:none; color:#F7AD0A}
.p-0 {padding:0 !important}
.pr-0 {padding-right:0!important}
.pl-0 {padding-left:0!important}
div.required .control-label:before {content:'* '; color:#F00; font-weight:bold}
.input-group-addon {background:#f5f5f5; border-color:#f5f5f5}
.form-control {border-color:#eee; box-shadow:none}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {border:1px solid #eee}
.alert-success {padding:20px; margin-bottom:20px; border:1px solid transparent; border-radius:0; position:fixed; bottom:0; left:15px; z-index:9999}
.alert-success a {color:#F7AD0A; text-decoration:underline}
.alert-success {color:#fff; background-color:rgba(0,0,0,0.8); border-color:transparent}
.alert-success button.close {color:#fff; opacity:1; margin-left:15px; margin-right:15px; text-shadow:none}
.breadcrumb {padding:0 0 15px 10px; margin-bottom:0; list-style:none; background-color:transparent; border-radius:0}
.dropdown-menu {padding:0; margin:0; box-shadow:0 3px 5px rgba(0,0,0,.175); border-radius:0; border:none; min-width:100%; width:auto; z-index:1100}
.well {background-color:#f7f7f7; border-radius:0; border-color:#f7f7f7; box-shadow:none}
.btn {border-radius:0}
.btn-default:hover,.btn-default.focus,.btn-default:focus,.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {background-color:#f5f5f5}
.btn-primary {background-color:#5A9BD5;; border-color:#5A9BD5;}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover,.btn-primary.focus,.btn-primary:focus,.btn-primary:hover {background-color:#17608d; border-color:#17608d}
.list-group-item {border:1px solid #f5f5f5}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {background-color:#5A9BD5;; border-color:#5A9BD5;; border-radius:0}
#content {min-height:600px}
#content > h1 {margin-top:0}
hr {margin-top:15px; margin-bottom:15px}
.pagination {margin:0 0 10px 0}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {background-color:#5A9BD5;; border-color:#5A9BD5;}
header svg {fill:#333}
.dropdown-menu-l {right:auto; left:0}
.dropdown-menu-r {right:0; left:auto}
@media(max-width:991px) {.dropdown-menu-l {right:0; left:auto}
.dropdown-menu-r {right:auto; left:0}
}
.dropdown-menu-l .btn-group {width:100%}
#logo {margin:15px 0}
.menu-line {background:#5A9BD5;; min-height:50px; color:#fff; margin-bottom:15px}
.menu-line .text-phone {color:#fff; margin-top:15px; margin-right:15px}
#home-menu a {color:#fff; min-height:50px; padding:15px; font-size:14px; display:inline-block; border-radius:0}
#home-menu a:hover,#home-menu a:focus,#home-menu a:active {background:rgba(0,0,0,0.1)}
#menu a {text-decoration:none}
.text-phone .dropdown-menu {min-width:160px}
.text-phone .dropdown-menu>li>a {padding:9px; text-align:center}
@media (max-width:991px) {.menu-line .text-phone {color:#F7AD0A; font-size:20px}
#home-menu {text-align:center}
#home-menu a {color:#333}
#home-menu a:hover,#home-menu a:focus,#home-menu a:active {background:#f5f5f5; color:#F7AD0A; border-radius:0; box-shadow:none}
.menu-line {background:transparent}
}
@media (max-width:767px) {#home-menu a {padding:8px 5px; min-height:10px}
#home-menu {text-align:left}
.menu-line .text-phone {margin-top:8px}
}

/* Основные стили меню */
#menu .btn-menu {
    color: #fff;
    text-align: left;
    text-shadow: none;
    border-radius: 0;
    padding: 10px 17px 10px 13px;
    min-height: 52px;
    background: #2684BE;
    position: relative; /* Для точного позиционирования */
}

/* Иконка гамбургера и текст "Каталог" */
#menu .btn-menu > .fa-bars {
    float: right;
    line-height: 20px;
    margin-left: 10px;
}

/* Выпадающее меню */
#menu #menu-list {
    width: 100%;
    margin-top: 1px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-radius: 0 0 8px 8px;
    overflow: hidden; /* Для скругления углов */
}

/* Пункты меню с разделителями */
#menu #menu-list > li {
    position: relative;
}

#menu #menu-list > li:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: linear-gradient(to right, transparent 10%, #eaeaea 50%, transparent 90%); /* Градиентный разделитель */
}

/* Ховер-эффект с анимацией */
#menu #menu-list > li > a {
    display: block;
    padding: 12px 20px;
    color: #333;
    transition: all 0.25s ease;
    position: relative;
    z-index: 1;
}

#menu #menu-list > li > a:hover {
    background: #f9f9f9;
    transform: translateX(3px);
}

/* Для темной темы */
@media (prefers-color-scheme: dark) {
    #menu #menu-list {
        background: #2a2a2a;
    }
    #menu #menu-list > li > a {
        color: #f0f0f0;
    }
    #menu #menu-list > li:not(:last-child)::after {
        background: linear-gradient(to right, transparent 10%, #444 50%, transparent 90%);
    }
    #menu #menu-list > li > a:hover {
        background: #333;
    }
}

/* content */

#content {min-height:600px}
.owl-carousel .owl-buttons div i {font-size:20px}
.owl-carousel .owl-buttons div {opacity:0.4}
.owl-pagination {top:-30px}
.owl-module .owl-wrapper-outer {border:0; border-radius:0; box-shadow:none}
.owl-controls .owl-buttons .owl-prev,.owl-controls .owl-buttons .owl-next {top:40%}
 .owl-wrapper-outer {border:0; border-radius:0; box-shadow:0 1px 2px rgba(0,0,0,.1)}
.owl-controls .owl-page.active span {background:rgba(0,0,0,0.5)}
.owl-controls .owl-page span {background:rgba(0,0,0,0.1)}
footer {background:#f7f7f7; padding:15px 0 10px 0; font-size:14px; margin-top:20px}
.logo-img {max-height:50px; width:auto; display:inline-block}
@media (max-width:767px) {.logo-img {max-height:30px}
}
#logo h1 {font-size:24px; margin:10px 0}

/*My*/