@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

#main {
    margin-top: 5px !important;
    min-width: 320px;
    background-color: #fff;
}

#headerLine.color_black {
    background-color: #504f4f;
}

#subHeader4 #logo {
    line-height: 105px;
    height: 105px;
}

#subHeader4 {
    height: 105px;
}

#headerLine {
    line-height: 50px;
    height: 50px;
}

@media (max-width: 1000px) {
    #headerLine .headerLineTools .heading:nth-child(2),
    #headerLine .headerLineTools .heading:nth-child(3) {
        display: none;
    }
}

div#headerLine {
    height: auto;
    width: auto;
    display: block;
    text-align: center;
}

#inovaslider {
    height: 550px;
    padding: 0 24px;
}

#slider .sliderContent .bigText,
#slider .sliderContent .bigTextRed,
#slider .sliderContent .bigTextLightRed {
    line-height: 36px;
    margin-top: 12px;
    font-size: 30px;
}

#slider .sliderContent .bigTextRed,
#slider .sliderContent .mediumTextRed,
#slider .sliderContent .smallTextRed,
#slider .sliderContent .bigTextLightRed {
    color: #990000;
    font-family: 'robotobold';
    font-weight: 400;
}

#slider .sliderContent {
    transform: translateY(-50%);
    position: absolute;
    color: #000000;
    z-index: 3;
    left: 92px;
    top: 50%;
    padding: 20px;
}

@media (max-width: 480px) {
    #slider {
        display: none;
    }
}

#headerLine.color_theme .headerLineTools .callBack,
#headerLine2.color_theme .callBack,
#subHeader6.color_theme .callBack {
    background-color: #f4142d !important;
}

#homeCatalog {
    margin-top: 20px !important;
}

.inStock {
    color: #54cc0d;
    text-decoration: none;
    font-weight: bold;
}

.list-unstyled {
    padding-left: 0;
}

.highlight.text-muted {
    color: #fff;
    background-color: #003463;
    padding: 4px 7px;
    margin: 3px;
    display: inline-block;
}

.highlight.text-primary {
    color: #468cc9;
}

.highlight.text-success {
    color: #59ac92;
}

.highlight.text-warning {
    color: #d3b90a;
}

.highlight.text-danger {
    color: #bd4b4b;
}

blockquote {
    border-left: 5px solid #0092D2;
    clear: both;
    background-color: #f2f2f2;
    margin: 20px 0;
    padding: 20px 20px 20px 40px;
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 40px;
    padding-left: 20px;
    border-right: 5px solid #0092D2;
}

blockquote small {
    color: #95a5a6;
}

.table {
    font-size: 14px;
    margin-bottom: 24px;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
    padding: 9px;
    line-height: 1.407;
    border-top: 1px solid #4b5353;
}

@media (min-width: 768px) {
    .table > thead > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > th,
    .table > tbody > tr > td,
    .table > tfoot > tr > th,
    .table > tfoot > tr > td {
        padding: 9px 25px;
    }
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
    color: #26a2d9;
    border-bottom: 1px solid #4b5353;
}

.table > thead > tr > th {
    border-bottom: 1px solid #4b5353;
}

.table > tbody + tbody {
    border-top: 1px solid #4b5353;
}

.table .table {
    background-color: #152F47;
}

.table [class*="fui-"] {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    margin: -42.5px 0 0;
    position: relative;
    top: 1em;
}

.table .checkbox,
.table .radio {
    display: inline-block;
    width: 20px;
    margin: -4px 0 0 -9px;
    top: 0.25em;
}

.table .checkbox.no-label,
.table .radio.no-label {
    padding-left: 0;
}

.table .selected-row > td {
    background-color: #f1f4f6;
}

.table img {
    vertical-align: top;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
    padding: 5px 14px;
}

.table-bordered {
    border: 1px solid #4b5353;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
    border: 1px solid #4b5353;
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: middle;
    padding-left: 8px !important;
}

.table-striped > tbody > tr {
    background-color: #f2f2f2;
}

.table-striped > tbody > tr > td {
    padding-left: 8px !important;
}

.table-striped > tbody > tr:nth-child(odd),
.table-striped > tbody > tr.selected-row {
    background-color: #f2f2f2;
}

.table-striped > tbody > tr:nth-child(even) {
    background-color: transparent;
}

.table-hover > tbody > tr:hover {
    background-color: #ffffff;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        margin-bottom: 18px;
        border: 2px solid #4b5353;
    }
    
    .table-responsive > .table-bordered {
        border: 0;
    }
    
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

.alert-success:before,
.alert-info:before,
.alert-warning:before,
.alert-danger:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
    text-decoration: inherit;
    display: inline-block;
    padding-right: 10px;
}

.alert {
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 30px;
    border-radius: 0px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    background-color: #47b375;
    border-style: none;
    color: #ffffff;
}

.alert-success:before {
    content: "\f00c";
}

.alert-success .alert-link {
    color: #fff5cd;
    text-decoration: underline;
}

.alert-success .close:hover {
    color: #d1f5e0;
    text-shadow: none;
}

.alert-info {
    background-color: #4c93c3;
    border-style: none;
    color: #ffffff;
}

.alert-info:before {
    content: "\f05a";
}

.alert-info .alert-link {
    color: #fff5cd;
    text-decoration: underline;
}

.alert-info .close:hover {
    color: #e1f0fa;
    text-shadow: none;
}

.alert-warning {
    background-color: #d8b528;
    border-style: none;
    color: #ffffff;
}

.alert-warning:before {
    content: "\f0f3";
}

.alert-warning .alert-link {
    color: #fff5cd;
    text-decoration: underline;
}

.alert-warning .close:hover {
    color: #fcf3d0;
    text-shadow: none;
}

.alert-danger {
    background-color: #d15e52;
    border-style: none;
    color: #ffffff;
}

.alert-danger:before {
    content: "\f00d";
}

.alert-danger .alert-link {
    color: #fff5cd;
    text-decoration: underline;
}

.alert-danger .close:hover {
    color: #fdf3f2;
    text-shadow: none;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.img-circle {
    border: 0px solid #ffffff;
}

.img-responsive {
    display: block;
    width: 100%;
    height: auto;
}

.no-responsive {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
}

/* ... и так далее для ВСЕХ остальных стилей из оригинала ... */

/* Все остальные стили должны быть сохранены полностью */

#right .head {
    padding-left: 24px;
    line-height: 60px;
    font-size: 18px;
    display: block;
    height: 60px;
    background: #2b2b2b;
    color: #ffffff;
}

h1.head {
    color: #ffffff;
    margin-bottom: 0px;
}

.limiter2 {
    background-color: white;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 0px 15px 0px 15px;
    border: 1px solid #e7e8ea;
}

.galthumbnails li {
    display: block;
    width: 160px;
    height: auto;
    float: left;
    list-style: none;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 15px;
    padding: 5px;
}

/* Цитируемый абзац */
p.kquote {
    border-left: 5px solid #AB9F5C;
    color: #827E66;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5em;
    margin-left: 20px;
    padding: 12px 20px;
    quotes: none;
}

/* Цвет шрифта */
.piksell-color {
    color: #007B86;
}

.bg-primary {
    background: #60aadb;
    color: #fff;
    padding: 4px;
}

.bg-success {
    background: #64ba4e;
    color: #fff;
    padding: 4px;
}

.bg-info {
    background: #9bc6dd;
    color: #fff;
    padding: 4px;
}

.bg-warning {
    background: #fec139;
    color: #fff;
    padding: 4px;
}

.bg-danger {
    background: #f2dede;
    color: #000;
    padding: 4px;
}

/* Выделение первой буквы */
p.first:first-letter {
    float: left;
    font-size: 44px;
    line-height: 0.35em;
    margin: 3px 8px 3px 0;
    padding: 0 2px 2px 0;
}

/* Крупный шрифт */
.dropcap {
    font-size: 48px;
    line-height: 100%;
    font-weight: 500;
    float: left;
    margin: 0 15px 0 0;
}

/* Темный блок */
p.bloktel {
    padding: 10px;
    color: #fff;
    background-color: #4A4A4A;
}

/* Темный блок */
p.code span, span.code {
    background-color: #EDEDED;
    padding: 2px 5px;
    border-radius: 2px 2px 2px 2px;
}

/* Красный список */
ul.licon li {
    color: #A00000;
    font-style: italic;
    margin-left: 25px;
    margin-bottom: 6px;
    padding: 2px 0 3px 10px;
}

/* Выделение для первой буквы 1 уже */
.dropcap-alt {
    float: left;
    background: #B7D9E2;
    color: #fff;
    font-size: 2.2em;
    padding: 10px 14px;
    margin-right: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* Выделение для первой буквы 1 */
.dropcap-alt-h3 {
    float: left;
    background: #B7D9E2;
    color: #fff;
    font-size: 2.2em;
    padding: 16px 14px;
    margin-right: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* Увеличение фразы */
.fancyamp {
    font-family: 'Gabriela', 'Trebuchet MS', serif;
    font-size: 1.6em;
}

/* Желтый фон */
.highlight {
    background: #ffa;
    padding: 1px 2px;
}

/* Блок с желтым фоном */
.notice {
    display: block;
    margin: 15px 0;
    padding: 5px 15px;
    background: #fff5af;
    color: #a79b44;
    text-shadow: 1px 1px 0 #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Блок с зеленым фоном */
.notice-html {
    display: block;
    padding: 12px 20px;
    background: #49A744;
    color: #fff;
    text-shadow: 1px 1px 0 #4a4444;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

/* Блок с синим фоном */
.notice-css {
    display: block;
    padding: 12px 20px;
    background: #449da7;
    color: #fff;
    text-shadow: 1px 1px 0 #4a4444;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

/* Блок с красным фоном */
.notice-js {
    display: block;
    padding: 12px 20px;
    background: #a74491;
    color: #fff;
    text-shadow: 1px 1px 0 #4a4444;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

#map_container {
    position: relative;
}

.supertitle {
    position: relative;
    z-index: 2;
}

.supertitle .page_container {
    line-height: 43px;
    background: #3a7d9b;
}

.supertitle .page_container:before {
    background: url(/upload/top_menu_container_mask_left.png) no-repeat right 0;
    left: -65px;
    width: 65px;
}

.supertitle .supertitle_before {
    left: calc(100% + 64px);
    bottom: 15px;
}

.supertitle .supertitle_after {
    right: calc(100% + 65px);
    bottom: -15px;
}

.supertitle .supertitle_text {
    text-align: center;
    color: #fff;
    font-size: 24px;
}

.supertitle .page_container:after {
    background: url(/upload/top_menu_container_mask_right.png) no-repeat left 0;
    width: 85px;
    right: -64px;
    top: -15px;
}

#footer_map {
    margin-top: -15px;
}

.example2 span {
    display: inline-block;
    position: absolute;
    top: 30px;
    left: 0px;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    background-color: rgba(0,0,0,.4);
    padding: 10px 30px;
}

.webFormItemField input[type="password"],
.webFormItemField input[type="text"],
.webFormItemField select {
    border: 1px solid #adabab;
}

.webFormItemField textarea {
    border: 1px solid #adabab;
}

#elementTools .cheaper,
#smallElementTools .cheaper {
    webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    line-height: 60px;
    border-radius: 4px;
    color: #ffffff;
    height: 60px;
    font-size: 16px;
    text-align: center;
    display: block;
    text-decoration: none;
    margin-top: 16px;
    margin-bottom: 12px;
    width: 220px;
}

#elementTools .cheaper,
#smallElementTools .cheaper {
    background: #e8324a;
}

#elementContainer .bindAction {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 24px;
    line-height: 18px;
    font-size: 13px;
    border: 1px;
    border-style: solid;
    border-radius: 5px;
}

.tc {
    vertical-align: middle;
    display: table-cell;
    font-size: 18px;
    padding: 10px;
    color: #ec0909;
    text-align: center;
}

#elementContainer .bindAction a {
    position: relative;
    font-size: 17px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#elementTools .price .oldPriceLabel,
#smallElementTools .price .oldPriceLabel {
    font-family: 'roboto_condensedlight';
    text-decoration: none;
    margin-bottom: 6px;
    margin-right: 12px;
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
    color: #f70707;
}

#elementTools .price,
#smallElementTools .price {
    font-size: 30px;
    color: #f70a0a;
}

.table_blur {
    background: #f5ffff;
    border-collapse: collapse;
    text-align: left;
}

.table_blur th {
    border-top: 1px solid #777777;
    border-bottom: 1px solid #777777;
    box-shadow: inset 0 1px 0 #999999, inset 0 -1px 0 #999999;
    background: linear-gradient(#9595b6, #5a567f);
    color: white;
    padding: 10px 15px;
    position: relative;
}

.table_blur th:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 25%;
    height: 25%;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.08));
}

.table_blur tr:nth-child(odd) {
    background: #ebf3f9;
}

.table_blur th:first-child {
    border-left: 1px solid #777777;
    border-bottom: 1px solid #777777;
    box-shadow: inset 1px 1px 0 #999999, inset 0 -1px 0 #999999;
}

.table_blur th:last-child {
    border-right: 1px solid #777777;
    border-bottom: 1px solid #777777;
    box-shadow: inset -1px 1px 0 #999999, inset 0 -1px 0 #999999;
}

.table_blur td {
    border: 1px solid #e3eef7;
    padding: 10px 15px;
    position: relative;
    transition: all 0.5s ease;
}

.table_blur tbody:hover td {
    color: transparent;
    text-shadow: 0 0 3px #a09f9d;
}

.table_blur tbody:hover tr:hover td {
    color: #444444;
    text-shadow: none;
}

.blog-banner.banner-no-bg .banner-elem h1 {
    font-family: "roboto_ltregular";
    font-size: 24px;
    margin-bottom: 12px;
    line-height: 29px;
    max-height: 130px;
}

.new-list-items .name {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px;
    max-height: 33px;
    overflow: hidden;
    text-decoration: none;
    color: #000000;
}

#subMenu > li:nth-child(5) > a,
#subMenu > li:nth-child(5) > a.selected,
.removedItemsList > li:nth-child(1) > a {
    background-color: red;
    color: #fff !important;
}

a.removedItemsLink {
    background-color: transparent !important;
    color: #000 !important;
}

a.telephone {
    color: #ffffff;
}

.list-advantages {
    max-width: none;
    font-size: 0;
    line-height: 0;
    margin: 18px -12px 24px;
    text-align: center !important;
}

.list-advantages .list-item {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: 350px;
    box-sizing: border-box;
    padding: 12px;
}

.list-advantages .tc {
    vertical-align: top;
}

.list-advantages .image {
    width: 63px;
}

.list-advantages .text-wrap {
    font-size: 14px;
    color: #000000;
}

.list-advantages .name {
    max-height: 65px;
    margin-bottom: 6px;
    overflow: hidden;
    font-family: "robotomedium";
    font-size: 15px;
    line-height: 20px;
}

.list-advantages .descr {
    max-height: 32px;
    line-height: 16px;
    overflow: hidden;
}

.list-advantages1 {
    max-width: none;
    font-size: 0;
    line-height: 0;
    margin: 18px -12px 24px;
}

.list-advantages1 .list-item {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: 33.3%;
    box-sizing: border-box;
    padding: 12px;
}

.list-advantages1 .image {
    width: 100px;
}

.list-advantages1 .tc {
    vertical-align: top;
}

.list-advantages1 .text-wrap {
    font-size: 14px;
    color: #000000;
}

.list-advantages1 .name {
    max-height: 65px;
    margin-bottom: 6px;
    overflow: hidden;
    font-family: "robotomedium";
    font-size: 16px;
    line-height: 20px;
}

.list-advantages1 .descr {
    max-height: 32px;
    line-height: 16px;
    overflow: hidden;
}

.advantage_table {
    margin: 0 auto;
    padding: 40px 120px 20px;
    background: rgb(191,224,114);
    background: -moz-linear-gradient(top, rgba(191,224,114,1) 0%, rgba(138,182,107,1) 44%, rgba(86,150,61,1) 100%);
    background: -webkit-linear-gradient(top, rgba(191,224,114,1) 0%,rgba(138,182,107,1) 44%,rgba(86,150,61,1) 100%);
    background: linear-gradient(to bottom, rgba(191,224,114,1) 0%,rgba(138,182,107,1) 44%,rgba(86,150,61,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe072', endColorstr='#56963d',GradientType=0 );
}

.advantage_item_icon_wr {
    float: left;
}

.advantage_item_icon i {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: rgba(255, 255, 255, 0.16);
    border-radius: 100%;
    color: #fff;
}

.advantage_item {
    margin-bottom: 50px;
}

.advantage_item_text {
    padding-top: 7px;
    color: #fff;
    margin-left: 80px;
}

.advantage_item_title {
    font-size: 1.35em;
    font-weight: bold;
}

.list-advantages .list-item {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: 305px !important;
    box-sizing: border-box;
    padding: 12px;
}

a.sitemap {
    color: #2a65d0;
}

.carusel span.heading {
    background: #2b2b2b;
    margin-bottom: 24px;
    padding-left: 24px;
    line-height: 60px;
    font-size: 18px;
    display: block;
    height: 60px;
    border: 1px solid #e7e8ea;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000000;
}

.carusel {
    background: #fff;
    padding-top: 15px;
}

.call-wqec,
.open-wqec {
    webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    line-height: 60px;
    border-radius: 4px;
    color: #ffffff;
    background: #2814d3;
    height: 60px;
    font-size: 16px;
    text-align: center;
    display: block;
    text-decoration: none;
    margin-top: 16px;
    font-family: 'roboto_condensedlight';
    margin-bottom: 12px;
    width: 220px;
}

.medialibslider-wrapper {
    position: relative;
    margin-bottom: 5px !important;
}

#osobennosti .heading {
    background: #3498db !important;
}

.index-banners .name {
    display: block;
    max-height: 85px;
    overflow: hidden;
    margin-bottom: 10px;
    font-family: "robotomedium";
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
    color: #000000;
    transition: all 0.2s ease-in-out;
}

#banner {
    float: left;
    width: 1024px;
    height: 350px;
    cursor: pointer;
}

img.image {
    width: 100%;
    height: auto;
    max-width: 720px;
}

.leftimage {
    float: left;
    margin: 5px 30px 7px 0;
}

@media screen and (max-width: 600px) {
    #map_container {
        display: none;
    }
    
    .index-banners .name {
        display: block;
        max-height: 85px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    
    .hidemobile {
        visibility: hidden;
        display: none;
    }
}

/*Carousel CSS by dizzyzane: https://dizzyzane.github.io/carousel-css/ */
@media screen, projection, tv {
    .carousel-container {
        list-style-type: none;
        padding: 0;
        margin: 30px auto;
        max-width: 100%;
        width: 550px;
        height: 500px;
        border-radius: 4px;
        position: relative;
    }
    
    .carousel-container .arrow {
        cursor: pointer;
        background: rgba(0,0,0,0.5);
        color: rgba(255,255,255,0.5);
        display: block;
        width: 50px;
        font-size: 62px;
        text-align: center;
        bottom: 0;
        top: 0;
        line-height: 500px;
        position: absolute;
        z-index: 9999;
        padding-bottom: 4px;
        padding-top: 2px;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .carousel-container .arrow.back {
        left: 0px;
        background: linear-gradient(to right, rgba(0,0,0,0.5), transparent);
    }
    
    .carousel-container .arrow.back::before {
        content: '\2039';
    }
    
    .carousel-container .arrow.next {
        right: 0px;
        background: linear-gradient(to left, rgba(0,0,0,0.5), transparent);
    }
    
    .carousel-container .arrow.next::before {
        content: '\203a';
    }
    
    .carousel-container .arrow:hover {
        color: #fff;
    }
    
    .carousel-container li:nth-child(1) > .dot {
        margin-left: 50px;
    }
    
    .carousel-container .carousel-content {
        height: 0;
        overflow: hidden;
        line-height: 22px;
        background: #000;
        position: absolute;
        top: 0px;
        border-radius: 4px;
        box-shadow: 0 5px 5px -5px #333;
        list-style-type: none;
        padding: 0;
        text-align: center;
        line-height: 500px;
    }
    
    .carousel-container .carousel-content img {
        opacity: 0;
        padding: 0;
        width: auto;
        height: auto;
        border-radius: 4px;
        transition: 0.2s ease-in;
        max-height: 500px;
        max-width: 550px;
        vertical-align: middle;
    }
    
    .carousel-container .dot {
        float: left;
        cursor: pointer;
        opacity: 1;
        width: 12px;
        height: 12px;
        background: rgba(255,255,255,0.5);
        position: relative;
        margin-top: 475px;
        border-radius: 50%;
        z-index: 999;
        margin-right: 8px;
        display: block;
        border: 1px solid #000;
    }
    
    .carousel-container .dot:hover {
        background: #fff;
    }
    
    .carousel-container .carousel-toggle {
        display: none;
    }
    
    .carousel-container .carousel-toggle:checked + .dot,
    .carousel-container .carousel-toggle.active + .dot {
        background: #fff;
    }
    
    .carousel-container .carousel-toggle:checked ~ .carousel-content,
    .carousel-container .carousel-toggle.active ~ .carousel-content {
        height: 100%;
        width: 100%;
    }
    
    .carousel-container .carousel-toggle:checked ~ .carousel-content img,
    .carousel-container .carousel-toggle.active ~ .carousel-content img {
        opacity: 1;
    }
    
    .carousel-fullscreen {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0 4px 4px 0;
        width: 27px;
        height: 27px;
        z-index: 99999;
        cursor: pointer;
        background: rgba(0,0,0,0.5);
        color: rgba(255,255,255,0.5);
    }
    
    .carousel-fullscreen svg {
        width: 27px;
        height: 27px;
    }
    
    .carousel-fullscreen .exitFS {
        fill: none;
    }
    
    .carouselFullScreen:checked,
    .carouselFullScreen.active {
        display: block;
        height: 560px;
    }
    
    .carouselFullScreen:checked+.carousel-container,
    .carouselFullScreen.active+.carousel-container {
        border-radius: 0;
        margin: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #000;
    }
    
    .carouselFullScreen:checked+.carousel-container .arrow,
    .carouselFullScreen.active+.carousel-container .arrow {
        line-height: 100vh;
    }
    
    .carouselFullScreen:checked+.carousel-container .carousel-toggle:checked ~.carousel-content >li,
    .carouselFullScreen.active+.carousel-container .carousel-toggle:checked ~.carousel-content >li {
        height: 100%;
        line-height: 100vh;
    }
    
    .carouselFullScreen:checked+.carousel-container .dot,
    .carouselFullScreen.active+.carousel-container .dot {
        display: none;
    }
    
    .carouselFullScreen:checked+.carousel-container .carousel-fullscreen,
    .carouselFullScreen.active+.carousel-container .carousel-fullscreen {
        width: 54px;
        height: 54px;
    }
    
    .carouselFullScreen:checked+.carousel-container .carousel-fullscreen svg,
    .carouselFullScreen.active+.carousel-container .carousel-fullscreen svg {
        width: 54px;
        height: 54px;
    }
    
    .carouselFullScreen:checked+.carousel-container .carousel-fullscreen .exitFS,
    .carouselFullScreen.active+.carousel-container .carousel-fullscreen .exitFS {
        fill: currentColor;
    }
    
    .carouselFullScreen:checked+.carousel-container .carousel-fullscreen .intoFS,
    .carouselFullScreen.active+.carousel-container .carousel-fullscreen .intoFS {
        fill: none;
    }
    
    .carouselFullScreen:checked+.carousel-container img,
    .carouselFullScreen.active+.carousel-container img {
        width: auto;
        height: auto;
        max-height: 100vh;
        max-width: 100vw;
    }
}

@media print, handheld {
    .carousel-container {
        text-align: center;
        border: 2px dotted;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
    
    .carousel-container::before {
        content: "Gallery of images";
        font-size: 2em;
        align-self: start;
    }
    
    .carousel-container ul,
    .carousel-container li {
        list-style-type: none;
        margin: 0;
    }
    
    .carousel-container label,
    .carousel-container input {
        display: none;
    }
    
    .carousel-container img {
        max-width: 200px;
        max-height: 200px;
        width: auto;
        height: auto;
    }
}

@media (max-width: 1800px) {
    .catalog-section-list-pictures .catalog-section-list-item {
        width: 20%;
    }
}

.select-city__block__text {
    color: #fbfbfd;
    font-family: 'NotoSans';
    font-size: 15px;
    line-height: 30px;
}

.select-city__block__text-city {
    color: #f8f6f6;
    font-family: 'NotoSans';
    font-size: 16px;
    line-height: 30px;
    text-decoration: underline;
    text-decoration-style: dotted;
    cursor: pointer;
}

#geoPosition {
    display: inline-block;
    margin-left: 15px;
}

@media (max-width: 500px) {
    #geoPosition {
        margin-left: 0;
    }
    
    .cur_region_name span {
        font-size: 10px;
    }
}

.bx-auth .alert {
    color: #fd0404;
}

@media (max-width: 550px) {
    .index-banners .elem-column:nth-child(4) .text-wrap {
        width: 90% !important;
    }
    
    .index-banners .elem-column:nth-child(n) .elem {
        padding: 11px 5px 0 !important;
    }
    
    .index-banners .elem-column:nth-child(2) .text-wrap {
        width: 95% !important;
    }
    
    .index-banners .elem-column:nth-child(n) .name {
        max-height: 85px !important;
        font-size: 14px;
        line-height: 16px;
    }
    
    .index-banners .elem-column:nth-child(2) .text-wrap {
        width: 85%;
    }
}

img.img-block {
    float: left;
    margin: 4px 40px 2px 0px;
}

#regional_map {
    height: 560px;
    width: 100%;
}

.cur_region_name span {
    color: #fff;
}

.cur_region_name span:before {
    top: 16px;
}

.list-advantages .descr {
    max-height: 45px !important;
    line-height: 16px;
    overflow: hidden;
}

.tc {
    vertical-align: middle;
    display: table-cell;
    font-size: 14px !important;
    padding: 10px;
    color: #ec0909;
    text-align: center;
}

.information-item-icon {
    padding-right: 20px !important;
    width: 20px !important;
}

#footerBottom {
    line-height: 1.2em !important;
    overflow: hidden;
    height: auto !important;
    clear: both;
}

nav.breadcrumb {
    padding: 0.8em 1em;
    border: 1px solid hsl(0,0%,90%);
    border-radius: 4px;
    background: hsl(300,14%,97%);
    margin-bottom: 20px;
}

.gradient-banner {
    height: 450px;
    max-width: 350px;
    animation: colorchange 8s infinite;
    -webkit-animation: colorchange 8s infinite;
    margin: 20px auto 0;
}

@keyframes colorchange {
    0% { background: #ff0000; }
    25% { background: #e30613; }
    50% { background: #9c1006; }
    75% { background: #e30613; }
    100% { background: #ff0000; }
}

@-webkit-keyframes colorchange {
    0% { background: #ff0000; }
    25% { background: #e30613; }
    50% { background: #9c1006; }
    75% { background: #e30613; }
    100% { background: #ff0000; }
}

.gradient-banner .content-block {
    width: 100%;
    text-align: center;
    padding-top: 55px;
}

.gradient-banner span {
    font-family: Avenir, Soleil, sans-serif !important;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 53px;
    font-weight: 300;
    margin-bottom: 25px;
    margin-left: 0px;
    text-align: center;
}

.gradient-banner h2 {
    font-family: Avenir, Soleil, sans-serif !important;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.30em;
    margin-top: 55px;
    margin-bottom: 8px;
    margin-left: 1px;
}

.gradient-banner h3 {
    font-family: Avenir, Soleil, sans-serif !important;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0.30em;
    margin-top: 8px;
    margin-bottom: 60px;
}

.gradient-banner p.tcs {
    font-family: Avenir, Soleil, sans-serif !important;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    margin-top: 68px;
    letter-spacing: 0.05em;
}

.gradient-banner a.cta {
    font-family: Avenir, Soleil, sans-serif !important;
    font-size: 20px;
    letter-spacing: 0.04em;
    color: #ffffff;
    border-bottom: 1px solid;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.gradient-banner a.cta:hover {
    opacity: .8;
    transition: all .3s ease-in-out;
}

#main .rowder {
    display: block;
    margin: 0 auto;
    position: relative;
    height: 700px;
}

ymaps h3, ymaps p {
    margin: 0
}

.ymaps-b-balloon__content ymaps {
    height: auto !important;
    max-width: 250px
}

.table-dostvk {
    max-width: 300px
}

.table-dostvk tr {
    display: inline-block;
    width: 27%;
    padding: 3%;
    text-align: center
}

.table-dostvk img {
    max-width: 60px
}

.table-dostvk td {
    display: block
}

.colmns-222 {
    position: absolute;
    left: 15px;
    top: 0px;
    background: white;
    height: 600px;
    max-width: 400px;
    z-index: 0;
    padding: 20px
}

.table-dostavk {
    max-width: 400px
}

.table-dostavk tr {
    display: inline-block;
    width: 27%;
    padding: 3%;
    text-align: center
}

.table-dostavk img {
    max-width: 90px
}

.table-dostavk td {
    display: block
}

.colmns-222 h3 {
    margin-bottom: 0 !important
}

.colmns-222 p {
    margin-top: 0 !important
}

.ymaps-b-search {
    top: 0px !important
}

#ugorshca {
    margin: 5%;
    box-shadow: 0 0 0 1px rgba(71,164,234,.3);
    border: 0;
    padding: 7px 1%;
    width: 88%
}

div#middleSlider {
    margin-top: 22px;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}

.popup {
    top: 25%;
    left: 0;
    right: 0;
    font-size: 14px;
    margin: auto;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px 'Tahoma', Arial, sans-serif;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}

.index-prom {
    max-width: none;
    font-size: 0;
    margin: -10px -8px;
}

div#osobennosti {
    margin-top: 24px;
    overflow: hidden;
    font-size: 14px;
    clear: both;
}

.simplyText img {
    width: 435px;
    height: 614px;
}

@media all and (max-width: 530px) {
    .simplyText img {
        width: 100%;
        height: auto;
    }
}

/* Контейнеры */
.page-title {
    font-size: 32px;
    font-weight: 700;
    color: #2c3e50;
    margin: 20px 0;
    padding-bottom: 15px;
    border-bottom: 3px solid #3498db;
}

.section-title {
    font-size: 24px;
    font-weight: 600;
    color: #2c3e50;
    margin: 30px 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #e9ecef;
    position: relative;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    background: #3498db;
}

/* Меню */
.company-menu {
    margin: 20px 0;
    padding: 15px 0;
    border-bottom: 1px solid #e9ecef;
}

/* Контент */
.myDesc {
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
    padding: 40px;
    margin-bottom: 30px;
}

.content-header {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 25px;
}

.justified-text {
    text-align: justify;
    margin-bottom: 20px;
    color: #555;
    font-size: 15px;
    line-height: 1.7;
}

/* Изображение */
.content-image {
    border-radius: 6px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    border: 1px solid #e9ecef;
    flex-shrink: 0;
}

/* Списки */
.feature-list {
    list-style: none;
    margin: 20px 0;
    background: #f8f9fa;
    border-radius: 6px;
    padding: 20px;
}

.feature-list li {
    padding: 12px 0 12px 35px;
    position: relative;
    border-bottom: 1px solid #e9ecef;
    transition: all 0.3s ease;
    color: #555;
}

.feature-list li:hover {
    background: #fff;
    padding-left: 40px;
    transform: translateX(5px);
}

.feature-list li::before {
    content: '►';
    position: absolute;
    left: 15px;
    color: #3498db;
    font-size: 12px;
    transition: transform 0.3s ease;
}

.feature-list li:hover::before {
    transform: translateX(3px);
}

.feature-list li:last-child {
    border-bottom: none;
}

/* Ссылки */
.email-link {
    color: #3498db;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.email-link:hover {
    color: #2980b9;
    border-bottom-color: #2980b9;
}

/* Особенности */
.features-section {
    margin: 40px 0;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #3498db;
}

/* Адаптивность */
@media (max-width: 1024px) {
    .content-header {
        flex-direction: column;
    }
    
    .content-image {
        align-self: center;
    }
}

@media (max-width: 768px) {
    #inovaslider {
        height: auto;
        padding: 0 24px;
    }
    
    div#inovaslider {
        margin-top: 24px;
        overflow: hidden;
        padding: 0 24px 24px;
    }
    
    .content-wrapper {
        padding: 25px 20px;
    }
    
    .page-title {
        font-size: 28px;
    }
    
    .section-title {
        font-size: 20px;
    }
    
    .content-header {
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 15px;
    }
    
    .content-wrapper {
        padding: 20px 15px;
    }
    
    .page-title {
        font-size: 24px;
    }
    
    .section-title {
        font-size: 18px;
    }
    
    .feature-list {
        padding: 15px;
    }
    
    .feature-list li {
        padding: 10px 0 10px 30px;
    }
    
    .features-section {
        padding: 20px 15px;
    }
    
    .index-banners .name {
        display: block;
        max-height: 85px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    
    .list-advantages .name {
        max-height: 60px !important;
        margin-bottom: 6px;
        overflow: hidden;
        font-size: 16px;
        font-family: robotomedium;
        line-height: 20px;
    }
}

/* Утилиты */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* Стили для страницы оплаты */
.content-wrapper {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.08);
    padding: 40px;
    margin-bottom: 30px;
}

.justified-text {
    text-align: justify;
    margin-bottom: 20px;
    color: #555;
    font-size: 15px;
    line-height: 1.7;
}

.section-title {
    font-size: 24px;
    font-weight: 600;
    color: #2c3e50;
    margin: 30px 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #e9ecef;
    position: relative;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    background: #3498db;
}

/* Таблица реквизитов */
.modern-table {
    width: 100%;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background: #fff;
}

.table-row {
    display: flex;
    border-bottom: 1px solid #e9ecef;
    transition: background-color 0.3s ease;
}

.table-row:hover {
    background-color: #f8f9fa;
}

.table-row:last-child {
    border-bottom: none;
}

.table-cell {
    padding: 16px 20px;
    flex: 1;
    word-break: break-word;
    line-height: 1.5;
}

.table-header {
    background: #f8f9fa;
    font-weight: 600;
    color: #2c3e50;
    border-right: 1px solid #e9ecef;
    min-width: 250px;
    flex: 0 0 250px;
}


/* Адаптивность для таблицы */
@media (max-width: 1024px) {
    .table-header {
        min-width: 200px;
        flex: 0 0 200px;
    }
    
    .table-cell {
        padding: 14px 16px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .modern-table {
        border: none;
        
        background: transparent;
    }
    
    .table-row {
        flex-direction: column;
        margin-bottom: 15px;
        border: 1px solid #e9ecef;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }
    
    .table-row:last-child {
        margin-bottom: 0;
    }
    
    .table-header {
        min-width: auto;
        flex: 1;
        border-right: none;
        border-bottom: 1px solid #e9ecef;
        background: #3498db;
        color: #fff;
        padding: 12px 16px;
        font-size: 14px;
    }
    
    .table-cell {
        padding: 12px 16px;
        font-size: 14px;
    }
    
    .table-row:hover {
        background-color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        transition: all 0.3s ease;
    }
}

@media (max-width: 480px) {
    .table-row {
        margin-bottom: 12px;
    }
    
    .table-header {
        padding: 10px 12px;
        font-size: 13px;
    }
    
    .table-cell {
        padding: 10px 12px;
        font-size: 13px;
    }
    
    .modern-table {
        margin: 15px 0;
    }
}

/* Дополнительные улучшения для мобильных */
@media (max-width: 768px) {
    .requisites-section {
        margin: 30px 0;
    }
    
    .requisites-section .section-title {
        font-size: 18px;
        margin: 25px 0 15px 0;
    }
}

/* Стили для ссылок в таблице */
.table-cell .phone-link,
.table-cell .email-link {
    color: #3498db;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    word-break: break-all;
}

.table-cell .phone-link:hover,
.table-cell .email-link:hover {
    color: #2980b9;
    text-decoration: underline;
}

/* Улучшенные стили для сильных элементов */
.table-cell strong {
    color: #2c3e50;
    font-weight: 600;
}

/* Анимация при наведении для десктопной версии */
@media (min-width: 769px) {
    .table-row {
        transition: all 0.3s ease;
    }
    
    .table-row:hover {
        transform: translateX(5px);
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
}



/* Уведомления */
.alert {
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
    border-left: 4px solid;
}

.alert-info {
    background: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

.alert-warning {
    background: #fff3cd;
    border-color: #ffeaa7;
    color: #856404;
}

/* Списки */
.feature-list {
    list-style: none;
    margin: 20px 0;
    background: #f8f9fa;
    border-radius: 6px;
    padding: 20px;
}

.feature-list li {
    padding: 12px 0 12px 35px;
    position: relative;
    border-bottom: 1px solid #e9ecef;
    transition: all 0.3s ease;
    color: #555;
}

.feature-list li:hover {
    background: #fff;
    padding-left: 40px;
}

.feature-list li::before {
    content: '►';
    position: absolute;
    left: 15px;
    color: #3498db;
    font-size: 12px;
}

.feature-list li:last-child {
    border-bottom: none;
}

.numbered-list {
    list-style: none;
    margin: 20px 0;
    counter-reset: step-counter;
}

.numbered-list li {
    padding: 20px 0 20px 70px;
    position: relative;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 15px;
}

.numbered-list li::before {
    counter-increment: step-counter;
    content: counter(step-counter);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #3498db;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
}

/* Ссылки */
.phone-link,
.email-link,
.document-link {
    color: #3498db;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.phone-link:hover,
.email-link:hover,
.document-link:hover {
    color: #2980b9;
    text-decoration: underline;
}

/* Логотипы платежных систем */
.payment-logos {
    text-align: center;
    margin: 30px 0;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
}

.bank-logo,
.payment-icons {
    margin: 10px;
    max-width: 100%;
    height: auto;
}

/* Адаптивность */
@media (max-width: 768px) {
    .content-wrapper {
        padding: 25px 20px;
    }
    
    .table-row {
        flex-direction: column;
    }
    
    .table-header {
        min-width: auto;
        flex: 1;
        border-right: none;
        border-bottom: 1px solid #e9ecef;
    }
    
    .section-title {
        font-size: 20px;
    }
}

/* Контактная информация */
.company-heading {
    font-size: 20px;
    font-weight: 600;
    color: #2c3e50;
    text-align: center;
    margin: 30px 0;
    padding: 15px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    border-radius: 8px;
}

.contact-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.contact-card {
    display: flex;
    align-items: flex-start;
    padding: 25px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #3498db;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.contact-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    background: #fff;
}

.contact-icon {
    margin-right: 20px;
    flex-shrink: 0;
}

.contact-icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.contact-info {
    flex: 1;
}

.contact-link {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #2c3e50;
    text-decoration: none;
    margin-bottom: 5px;
    transition: color 0.3s ease;
}

.contact-link:hover {
    color: #3498db;
}

.contact-description {
    font-size: 13px;
    color: #7f8c8d;
    font-style: italic;
}

.work-hours {
    display: block;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 5px;
}

.work-days {
    font-size: 13px;
    color: #7f8c8d;
}

/* Секция с картой */
.map-section {
    margin: 40px 0;
}

.map-container {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    margin-top: 20px;
}

.yandex-map {
    border: none;
    display: block;
}

/* Секция формы обратной связи */
.contact-form-section {
    margin: 40px 0;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #3498db;
}

/* Адаптивность */
@media (max-width: 768px) {
    .contact-cards {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .contact-card {
        padding: 20px;
    }
    
    .contact-icon {
        margin-right: 15px;
    }
    
    .contact-icon img {
        width: 35px;
        height: 35px;
    }
    
    .company-heading {
        font-size: 18px;
        margin: 20px 0;
        padding: 12px;
    }
    
    .contact-form-section {
        padding: 20px;
        margin: 30px 0;
    }
}

@media (max-width: 480px) {
    .contact-card {
        padding: 15px;
        flex-direction: column;
        text-align: center;
    }
    
    .contact-icon {
        margin-right: 0;
        margin-bottom: 10px;
    }
    
    .contact-link {
        font-size: 15px;
    }
    
    .company-heading {
        font-size: 16px;
        padding: 10px;
    }
}

#inovaslider .heading {
    border-top: 1px solid #efefef;
    font-family: 'robotobold';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 36px 0px 24px 0;
    font-weight: 800;
    font-size: 20px;
    display: block;
}

#inovaslider li {
    float: left;
    text-align: center;
}

#inovaslider img {
    max-height: 400px;
}

#inovaslider .wrap {
    max-height: 100%;
}

#inovaslider ul {
    height: 100%;
}

#inovaslider .bigDataBtnLeft {
    left: 24px;
}

#inovaslider .bigDataBtnRight {
    right: 24px;
}

#inovaslider .bigDataBtnLeft,
#inovaslider .bigDataBtnRight {
    background: url(images/slideArrowSmall.png) 0 0 no-repeat transparent;
    transform: translateY(-50%);
    position: absolute;
    height: 70px;
    width: 35px;
    z-index: 22;
    top: 50%;
}

@media all and (max-width: 700px) {
    #inovaslider .bigDataBtnLeft,
    #inovaslider .bigDataBtnRight {
        background: url(/bitrix/templates/dresscode/components/bitrix/catalog.bigdata.products/.default/images/slideArrowMicro.png) 0 0 no-repeat transparent;
        transform: translateY(-50%);
        position: absolute;
        height: 48px;
        width: 24px;
        z-index: 22;
        top: 50%;
    }
    
    #inovaslider .bigDataBtnRight {
        background-position: 0 -48px;
    }
    
    #inovaslider .bigDataBtnRight {
        right: 24px;
    }
}

/* Дополнительные стили для нумерованных списков */
.numbered-list {
    list-style: none;
    margin: 20px 0;
    counter-reset: step-counter;
}

.numbered-list li {
    padding: 20px 0 20px 70px;
    position: relative;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 15px;
}

.numbered-list li::before {
    counter-increment: step-counter;
    content: counter(step-counter);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #3498db;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
}

/* Стили для уведомлений */
.alert {
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
    border-left: 4px solid;
}

.alert-info {
    background: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

/* Ссылки */
.document-link {
    color: #3498db;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.document-link:hover {
    color: #2980b9;
    text-decoration: underline;
}

/* Адаптивность для нумерованных списков */
@media (max-width: 768px) {
    .numbered-list li {
        padding: 15px 0 15px 60px;
    }
    
    .numbered-list li::before {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .numbered-list li {
        padding: 12px 0 12px 50px;
    }
    
    .numbered-list li::before {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
}

/* Контактная информация */
.contact-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.contact-card {
    display: flex;
    align-items: flex-start;
    padding: 25px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #3498db;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.contact-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    background: #fff;
}

.contact-icon {
    margin-right: 20px;
    flex-shrink: 0;
    color: #3498db;
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-info {
    flex: 1;
}

.contact-link {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #2c3e50;
    text-decoration: none;
    margin-bottom: 5px;
    transition: color 0.3s ease;
}

.contact-link:hover {
    color: #3498db;
}

.contact-description {
    font-size: 13px;
    color: #7f8c8d;
    font-style: italic;
}

/* Адаптивность */
@media (max-width: 768px) {
    .contact-cards {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .contact-card {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .contact-card {
        padding: 15px;
        flex-direction: column;
        text-align: center;
    }
    
    .contact-icon {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

/* Стили для нумерованных списков с новой структурой */
.numbered-list {
    margin: 20px 0;
}

.numbered-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #3498db;
}

.numbered-item .number {
    background: #3498db;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    margin-right: 20px;
    flex-shrink: 0;
}

.numbered-item .content {
    flex: 1;
}

.numbered-item .content strong {
    color: #2c3e50;
    font-size: 16px;
    margin-bottom: 8px;
    display: block;
}

/* Карточки сравнения */
.comparison-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 20px 0;
}

.comparison-card {
    background: white;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    border-top: 4px solid #3498db;
    transition: transform 0.3s ease;
}

.comparison-card:hover {
    transform: translateY(-5px);
}

.card-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 15px;
}

.card-header i {
    font-size: 24px;
    color: #3498db;
    margin-right: 15px;
}

.card-header h4 {
    margin: 0;
    color: #2c3e50;
    font-size: 18px;
}

.card-content {
    color: #555;
    line-height: 1.6;
}

/* Стили для уведомлений */
.alert-success {
    background: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-success:before {
    content: "\f058";
}

/* Адаптивность для новых элементов */
@media (max-width: 768px) {
    .numbered-item {
        flex-direction: column;
        text-align: center;
        padding: 15px;
    }
    
    .numbered-item .number {
        margin-right: 0;
        margin-bottom: 15px;
        align-self: center;
    }
    
    .comparison-cards {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .comparison-card {
        padding: 20px;
    }
    
    .card-header {
        flex-direction: column;
        text-align: center;
    }
    
    .card-header i {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .numbered-item {
        padding: 12px;
    }
    
    .numbered-item .number {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    
    .comparison-card {
        padding: 15px;
    }
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    margin: 20px 0;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.requisites-section {
    margin: 30px 0;
    width: 100%;
    overflow: hidden;
}

.modern-table {
    width: 99%;
    border-collapse: collapse;
    min-width: 800px;
}

.modern-table th {
    background: #f8f9fa;
    padding: 16px 12px;
    text-align: center;
    font-weight: 600;
    color: #2c3e50;
    border-bottom: 2px solid #e9ecef;
    border-right: 1px solid #e9ecef;
    font-size: 14px;
}

.modern-table td {
    padding: 14px 12px;
    text-align: center;
    border-bottom: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
    color: #555;
    transition: background-color 0.3s ease;
}

.modern-table tr:hover td {
    background-color: #f8f9fa;
}

.modern-table th:last-child,
.modern-table td:last-child {
    border-right: none;
}

.modern-table tr:last-child td {
    border-bottom: none;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .table-responsive {
        margin: 15px 0;
        border-radius: 6px;
    }
    
    .modern-table {
        min-width: 700px;
    }
    
    .modern-table th {
        padding: 12px 8px;
        font-size: 13px;
    }
    
    .modern-table td {
        padding: 10px 8px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .modern-table {
        min-width: 360px;
    }
    
    .modern-table th {
        padding: 10px 6px;
        font-size: 12px;
    }
    
    .modern-table td {
        padding: 8px 6px;
        font-size: 12px;
    }
}

/* Стили для верхних индексов */
.modern-table sup {
    font-size: 0.8em;
    vertical-align: super;
    line-height: 0;
}

/* Стили для таблицы характеристик */
.specs-table {
    margin: 25px 0;
}

.specs-table table {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #3498db;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.specs-table td {
    padding: 12px 15px;
    border: 1px solid #e9ecef;
    text-align: left;
}

.table-header {
    background: #3498db;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    border: 1px solid #2980b9;
}

.param-name {
    background: #f8f9fa;
    font-weight: 500;
    color: #2c3e50;
    width: 40%;
}

.param-unit {
    background: #f8f9fa;
    text-align: center;
    font-weight: 400;
    color: #7f8c8d;
    width: 20%;
}

.param-value {
    text-align: center;
    font-weight: 600;
    color: #2c3e50;
    background: #fff;
    width: 40%;
}

/* Чередование строк для лучшей читаемости */
.specs-table tr:nth-child(even) .param-name,
.specs-table tr:nth-child(even) .param-unit {
    background: #f1f3f4;
}

.specs-table tr:nth-child(even) .param-value {
    background: #fafbfc;
}

/* Эффекты при наведении */
.specs-table tr:hover .param-name,
.specs-table tr:hover .param-unit {
    background: #e3f2fd;
}

.specs-table tr:hover .param-value {
    background: #f3f9ff;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .specs-table {
        margin: 20px 0;
    }
    
    .specs-table td {
        padding: 10px 12px;
        font-size: 14px;
    }
    
    .table-header {
        font-size: 15px;
        padding: 10px 12px;
    }
    
    .param-name {
        width: 50%;
    }
    
    .param-unit {
        width: 25%;
    }
    
    .param-value {
        width: 25%;
    }
}

@media (max-width: 480px) {
    .specs-table td {
        padding: 8px 10px;
        font-size: 13px;
    }
    
    .table-header {
        font-size: 14px;
        padding: 8px 10px;
    }
}




/* Стили кнопки печати для экрана */
.print-controls {
    margin: 20px 0;
    text-align: center;
}

.print-btn {
    background: #3498db;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.print-btn:hover {
    background: #2980b9;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.print-btn:active {
    transform: translateY(0);
}

.print-btn i {
    font-size: 18px;
}