/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* styles */
html, body { height: 100% }

body { 
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: bold;
}

#main { 
    position: relative; 
    min-height: 100%; 
}

.wrapper { 
    width: 1000px; 
    margin: 0 auto; 
    position: relative;
}

p {line-height: 140%;}
h2 {font-size: 60px; text-transform: uppercase; font-weight: bold; text-align: center;}

/* header */
header {color: #fff;}
    header a {color: #fff; text-decoration: none;} 
    .header__top {background: #070707; height: 56px; position: relative; z-index: 20;}
        .header__logo {float: left; margin: 17px 17px 0 0;}
        .header__lang {float: left; line-height: 56px; font-size: 13px; margin: 0 24px 0 0;}
        .header__lang a.active {color: #2b9384; text-decoration: none;}
        .header__lang a {text-decoration: underline;}
        .header__title {float: left; line-height: 56px; font-weight: normal; font-family: "Arial"; margin: 0 30px 0 0; font-size: 14px;}
        .header__search {float: left; margin: 10px 25px 0 0;}
        .header__search input[type="text"] {display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 13px; width: 203px; height: 35px; border: 0; color: #fff; text-transform: uppercase; font-weight: bold; background: #282828; padding: 0 13px; box-sizing: border-box;}
        .header__search input[type="text"]::-webkit-input-placeholder {color: #fff;}
        .header__phone {float: left; position: relative; margin: 18px 0 0 0; font-family: "Arial";}
        .header__phone:hover .phone__drop-box {display: none;}
        .phone-drop {display: inline-block; font-size: 19px; /*background: url(../images/drop-bg.png) no-repeat 100% 50%; padding: 0 15px 0 0;*/}
        .phone__drop-box {position: absolute; z-index: 10; display: none; width: 200px; text-align: center; color: #000; left: -30px; top: 30px; background: #fff; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.2); padding: 5px 0 15px 0; box-sizing: border-box;}
        .phone__drop-box:before {content: ""; position: absolute; top: -4px; left: 50%; width: 8px; height: 8px; background: #fff; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
        .phone__drop-box p {padding: 10px 0; font-size: 12px;}
        .phone__drop-box span {font-size: 19px;}
        .callback__btn {float: right; display: inline-block; font-size: 14px; margin: 13px 0 0 0; border: 1px solid #f6c60a; height: 27px; line-height: 27px; padding: 0 20px; color: #f6c60a; text-transform: uppercase; font-weight: bold;}

.menu__box {background: #034c41; height: 62px; font-weight: bold; text-transform: uppercase; font-size: 16px; position: relative;}
.menu__box:before {content: ""; position: absolute; bottom: -5px; left: 0; width: 100%; background: url(../images/menu-before.png) no-repeat 50% 0; height: 5px; z-index: 10;}
    .catalog__menu {float: left;}
    .catalog__menu:hover .catalog__menu-drop {opacity: 1; z-index: 500;}
    .menu__box .wrapper {position: static;}
    .catalog__btn {display: inline-block; height: 62px; line-height: 62px; background: #146f60; padding: 0 15px;}
        .catalog__btn span {display: inline-block; padding: 0 0 0 20px; background: url(../images/catalog-btn.png) no-repeat 0 50%;}
        .menu {float: right;}
        .menu li {float: left;}
        /*.menu li {line-height: 62px; padding: 0 0 0 40px;}*/
        .menu li {line-height: 62px; padding: 0 0 0 18px;}
        .menu a.active, .menu a:hover {color: #dfb50b;}
    .catalog__menu-drop {position: absolute; transition: 0.1s; left: 0; opacity: 0; z-index: -1; top: 62px; width: 100%; background: #034c41; padding: 30px 0;}
    .catalog__menu-drop a {text-transform: none; text-decoration: underline;}
    .catalog__menu-drop li {padding: 10px 0 0 0;}

/*.catalog__drop-block {*/
    /*float: left;*/
    /*width: 25%;*/
    /*box-sizing: border-box;*/
    /*padding: 20px;*/
/*}*/
.catalog__drop-block {
    width: 16%;
    box-sizing: border-box;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    padding-top:5px;
    padding-bottom: 10px;
    padding-right: 5px;
}

.catalog__drop-block h3 span {
    min-height: 32px;
    display: block;
}

.catalog__drop-block img {
    max-width: 100%;
}


.slider__box {color: #fff; text-align: center; font-size: 25px; text-transform: uppercase; font-weight: bold;}
    .slider__box h1 {font-size: 115px; padding: 0 0 15px 0;}
    /*.slider__box li {height: 640px; box-sizing: border-box; padding: 95px 0 0 0;}*/
    .slider__box li {height: 580px; box-sizing: border-box; padding: 95px 0 0 0;}
    .slide1 {background: url(../images/slide-image.jpg) no-repeat 50%; background-size: cover;}
    .slide__block {display: inline-block; vertical-align: top; font-size: 18px; width: 320px; margin: 30px 0 0 0;}
    .slider__full-box {background: url(../images/head-bg.png) no-repeat 50% 100%; padding: 0 0 35px 0;}
    .slider__fixed {position: absolute; top: 218px; height: 540px; z-index: 100; left: 0; width: 100%; text-align: center;}

.section1__box {padding: 60px 0; background: url(../images/section1.png) no-repeat 50% 0 #efefef; text-transform: uppercase; font-weight: bold; font-size: 18px; text-align: center;}
    .section1__box h2 {color: #0f5646;}
        .section1__block {float: left; width: 33.3%; padding: 35px 10px 0 10px; box-sizing: border-box;}
        .section1__block p {padding: 15px 0 0 0;}

.section2__box {padding: 60px 0 80px 0;}
    .section2__box h2 {text-align: center; padding: 0 0 55px 0;}
    .section2__image {float: right; margin: 0 0 0 40px; position: relative;}
    /*.section2__image:before {content: ""; position: absolute; bottom: -14px; right: -22px; background: url(../images/img-before.png) no-repeat; width: 86px; height: 44px;}*/

.section2__box p {
    padding: 15px 0;
    font-weight: normal;
    font-size: 20px;
    text-align: justify;
}

/*.section3__box {background: url(../images/bg.jpg) no-repeat 50% 0; background-size: cover; padding: 60px 0; color: #fff; text-align: center; position: relative;}*/
.section3__box {background: url(../images/bg3.jpg) no-repeat 50% 0; background-size: cover; padding: 60px 0; color: #fff; text-align: center; position: relative;}
.section3__box:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; background: url(../images/bgs.png) no-repeat 50% 0; height: 11px;}
    .section3__box h2 {padding: 0 0 60px 0;}

.section3__box li {
    line-height: 140%;
    text-align: left;
    margin: 0 0 45px 0;
    position: relative;
    padding: 0 0 0 84px;
    background: url(../images/li-bg.png) no-repeat;
    min-height: 65px;
    font-size: 18px;
}

.section4__box {text-align: center; padding: 60px 0;}
    .section4__box h2 {padding: 0 0 50px 0;}
    .section4__block {float: left; width: 33.3%; padding: 0 15px 50px 15px; box-sizing: border-box; }
    .section4__box p {color: #252525;}
    .section4__block p {font-size: 20px; text-transform: uppercase; padding: 15px 0 0 0; color: #000;}

.container {padding: 25px 0 50px 0;}
    .container a {color: #146f60;}
    .breadcrumbs {padding: 0 0 24px 15px;}
        .breadcrumbs a {display: inline-block;vertical-align: top; padding: 0 8px 0 0; background: url(../images/bread-bg.png) no-repeat 100% 0;}
        .breadcrumbs a.active {padding: 0; background: none; color: #8a8a8a; text-decoration: none;}

    .sidebar {float: left; width: 170px; margin: 0 50px 0 0;}
        .sidebar li a {display: block; padding: 9px 15px; border-radius: 10px; }
        .sidebar .has-sub.open > a, .sidebar .active > a {background: #146f60; color: #fff;}
        .sidebar ul ul {display: none; padding: 10px 0;}
        .sidebar ul ul li {padding: 3px 10px 3px 22px;}
        .sidebar ul ul li a {padding: 0; display: inline-block;}
        .sidebar ul li.active ul {display: block;}

    .content {overflow: hidden;}
        .content h2 {text-align: left; font-size: 36px; text-transform: none; padding: 0 0 5px 0;}
        .content p {padding: 0 0 15px 0;}
        .content li {line-height: 140%; padding: 0 0 5px 0;}
        .catalog__title {font-size: 28px; display: inline-block; margin: 0 0 15px 0;}
        .content table {width: 100%; text-align: left; font-size: 14px;}
        .content tr:nth-child(odd) {background: #f6f6f6;}
        .content tr {transition: 0.3s;}
        .content tr:hover {background: #5b9a91;color: #fff;}
        .content tr:hover a {color: #fff;}
        .content tr:first-child:hover {background: inherit; color: #000;}
        .content th {line-height: 100%; background: #f2f2f2; padding: 15px 10px; vertical-align: middle;}
        .content td {padding: 12px 10px; vertical-align: middle;}
        .content input[type="text"] {width: 120px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 14px; height: 30px; padding: 0 10px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px;}
        a.order__btn {font-size: 15px; color: #fff; text-decoration: none; height: 27px; line-height: 27px; display: inline-block; background: #146f60; border-radius: 5px; padding: 0 24px;}
        .table__box {margin: 0 0 30px 0;}

        .catalog__box {}
            .catalog__box .catalog__block {padding: 25px 0; border-bottom: 3px solid #f6cd25;}
            .catalog__box .catalog__block:last-child {border: 0;}
            .catalog__image {float: left; width: 180px; text-align: center;}
            .catalog__block {padding: 0 0 10px 0;}

        .type__filter {padding: 0 0 30px 0;}
            .type__filter span { text-transform: uppercase; margin: 2px 10px 0 0; color: #136f60; display: inline-block;vertical-align: middle; }

        .summ__info {line-height: 130%; color: #146f60; padding: 0 0 30px 0;}

        .order__box {padding: 20px; background: #f6f6f6;}
            .order__box i {display: inline-block; padding: 0 13px;}
            .order__box strong {color: #146f60;}
            .order__box span {display: block;}
            .order__box h3 {color: #146f60; font-size: 25px; padding: 0 0 20px 0;}
            .order__block {padding: 0 0 23px 0; border-bottom: 2px solid #dadada; position: relative;}
            .name-order {font-size: 20px; padding: 0 0 5px 0;}
            .char-order {padding: 0 0 23px 0;}
            .weight-order {font-size: 20px; color: #146f60; padding: 0 0 5px 0;}
            .summ-order {font-size: 20px;}
            .order__full {padding: 12px 0 0 0;}
            .full-summ {float: left; font-size: 18px; margin: 5px 0 0 0;}
            .order__full .order__btn {float: right; height: 35px; line-height: 35px; padding: 0 12px;}

        .full__order .order__block:last-child {border: 0; padding: 25px 0;}
        .full__order .order__block:first-child {padding-top: 0;}
        .edit__block {position: absolute; bottom: 25px; right: 0;}
        .edit__block a {display: inline-block; vertical-align: top; width: 98px; height: 24px;line-height: 24px; background: #282828; color: #fff;  text-align: center; text-decoration: none; font-size: 14px; border-radius: 2px;}
        .full__order-block {font-size: 28px; padding: 17px 0 50px 0; color: #146f60;}

        .order__form {margin: 0 0 30px 0;}
            .order__form h3 {font-size: 28px; text-transform: none; padding: 0 0 17px 0;}
            .content .order__form input {display: block; width: 100%; margin: 0 0 12px 0;}
            .order__form input::-webkit-input-placeholder {color: #000;}
            .order__form-box {margin: 0 -6px;}
            .order__form-block {float: left; width: 50%; padding: 0 6px; box-sizing: border-box;}
            .order__form button {display: block; color: #fff; border: 0; cursor: pointer; margin: 10px 0 0 0; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 16px; text-transform: uppercase; width: 142px; height: 35px; background: #146f60; border-radius: 3px;}

.burger__btn, .nav__btn {display: none;}

.modal {background: #fff; border: 5px solid #146f60; width: 400px; padding: 30px; box-sizing: border-box; text-align: center; display: none;}
.modal h2 {font-size: 35px; padding: 0 0 25px 0;}
.modal input {display: block; width: 100%; height: 45px; border: 1px solid #ccc; padding: 0 10px; border-radius: 2px; font-size: 15px; color: #000; box-sizing: border-box; margin: 0 0 25px 0;}
.modal button {cursor: pointer; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 16px;}


/* footer */
footer {position: relative; background: #085447; color: #fff; margin: 60px 0 0 0;}
footer:before {content: ""; position: absolute; top: -60px; left: 0; width: 100%; background: url(../images/footer-before.png) no-repeat 50% 0; height: 11px;}
    footer a {color: #fff;}
    footer h3 {font-size: 27px; padding: 0 0 20px 0; text-transform: uppercase;}
    footer li {padding: 12px 0 0 0; text-transform: uppercase;}
    .footer__box {padding: 40px 0;}
        .footer__block {float: left; width: 25%;}
        .footer__address { font-family: "Arial"; font-size: 14px;}
        .footer__address p {line-height: 120%; padding: 0 0 15px 0;}
        .footer__phone {font-family: "Arial";}
        .footer__phone p {font-size: 25px; padding: 5px 0 0 0;}
    .footer__static {text-align: center;}

.footer {font-family: "Arial"; background: #151515; padding: 30px 0; font-weight: normal;}
    .copyright {float: left; line-height: 130%; margin: 0 70px 0 0;}
    .footer__social {float: left;}
    .footer__social img {display: inline-block; vertical-align: top; margin: 0 5px 0 0;}
    .working {float: right;}
    .working span, .working img {display: inline-block;vertical-align: middle; margin: 0 0 0 10px; line-height: 130%;}

*:focus {outline: none;}
.btn {display: inline-block; padding: 0; background: #0b4840; height: 53px; line-height: 50px; border: 3px solid #edc621; color: #edc621; text-transform: uppercase; text-decoration: none; padding: 0 35px; box-sizing: border-box;}
.over {overflow: hidden;}

.header__search {position: relative}
.header__search input[type=submit] {
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 14px;
    margin: 0;
    border: 1px solid #f6c60a;
    height: 27px;
    line-height: 23px;
    color: #f6c60a;
    text-transform: uppercase;
    font-weight: bold;
    background: #070707;
    padding-left: 0;
    padding-right: 0;
}

.cat_item {
    width: 33%;
    float: left;
    vertical-align: middle;
    min-height: 60px;
    margin-bottom: 30px;
    text-align: center;
}

.cat_item img {

}

.cat_item:hover img {
    opacity: 0.4;
}

@media (max-width: 1030px) {
    .wrapper {width: 768px; padding: 0 5px;}
    .header__title {display: none;}
    .slider__box li {height: auto; padding: 60px 0;}
    .slider__box h1 {font-size: 80px;}
    .slider__box br {display: none;}
    .slide__block {margin: 50px 0 0 0; width: 250px; padding: 0 10px; box-sizing: border-box;}
    .footer__phone p {font-size: 20px;}
    .burger__btn {display: inline-block; height: 62px; line-height: 62px; background: #146f60; padding: 0 15px; cursor: pointer;}
       .burger__btn span {display: inline-block; padding: 0 0 0 20px; background: url(../images/catalog-btn.png) no-repeat 0 50%;}
    .menu ul {position: absolute; display: none; background: #034c41; left: 0; top: 63px; z-index: 10; width: 100%; box-sizing: border-box;}
        .menu ul li {float: none; text-align: center; padding: 15px 0; line-height: 100%;}
    .type__filter span {display: block; margin: 0 0 10px 0;}
    .slider__box {display: none;}
}

@media (max-width: 800px) {
    .wrapper {width: 670px;}
    .header__search input[type="text"] {width: 150px;}
    .slide__block {width: 200px;}
    .copyright, .footer__social, .working {float: none; margin: 10px 0; width: auto;}
    
    .footer__block {width: 50%; padding: 20px 0; box-sizing: border-box;}
    .footer__box {padding: 0;}
    .catalog__image {float: none; width: auto; text-align: center;}
    .table__box {overflow-y: scroll}
    .table__box table {width: 700px;}
    div.catalog__drop-block div img {
        display: none;
    }
    .catalog__drop-block {
        width: 100%;
    }
    .catalog__drop-block h3 {
        width: 100%;
    }
    .cat_item {
        width: 50%;
    }
}

@media (max-width: 690px) {
	h1 {text-align:center;}
    .wrapper {width: auto;}
    /*.slider__box {display: none;}*/
    .section1__block, .section4__block {float: none; width: auto;}
    .section2__image {float: none; margin: 0 0 10px 0;}
    .section2__image img {width: 100%; height: auto;}
    .section2__box img {float: none; margin: 0 0 10px 0;}
    h2 {font-size: 40px;}
    .header__top {height: auto; padding: 10px 0; text-align: center;}
    .header__logo, .header__lang, .header__search, .header__phone, .callback__btn {float: none; margin: 10px 0; width: auto; line-height: 100%;}
    .callback__btn {line-height: 29px;}
    .phone__drop-box { opacity: 0; z-index: -1;}
    .header__search input[type="text"] {width: 100%; text-align: center;}
    .phone-drop {padding: 0; background: none;}
    .footer__block {float: none; width: auto;}
    .working span, .working img {margin: 5px 0;}
    .working span {display: block;}
    .section3__box li {padding: 0 0 0 40px; background-size: 30px 30px;}
    .catalog__menu-drop {position: fixed; top: 0; left: 0; z-index: 300; opacity: 1; height: 100%; overflow-y: scroll; box-sizing: border-box; display: none;}
    .catalog__drop-block {width: 50%;}
    .catalog-close {position: absolute; top: 20px; right: 20px; background: url(../images/close.png) no-repeat; width: 11px; height: 11px;}
    .sidebar {float: none; width: auto; margin: 0 0 10px 0; display: none;}
    .content h2 {font-size: 30px;}
    .jq-selectbox {display: block !important;}
    .jq-selectbox__select {width: 100% !important;}
    .edit__block {position: static; padding: 15px 0 0 0;}
    .order__form-box {margin: 0;}
    .order__form-block {float: none; width: auto; padding: 0;}
    .breadcumbs {padding: 0 0 24px 0;}
    .nav__btn {display: block; height: 52px; color: #fff; text-transform: uppercase; margin: 0 0 20px 0; line-height: 52px; background: #146f60; padding: 0 15px;}
        .nav__btn span {display: inline-block; padding: 0 0 0 20px; background: url(../images/catalog-btn.png) no-repeat 0 50%;}
        .section2__image:before {display: none;}
    .modal {width: 300px;}
    .modal h2 {font-size: 22px;}
    .menu ul li ul {
        display: none;
    }
    .menu ul li:hover ul, .menu ul li ul:hover {
        display: none;
    }
    .cat_item {
        width: 100%;
   }

    #contact_table_wrap {
        width: 100%;
        overflow-x: scroll;
    }

    /*.nc_text {*/
        /*width: 100%;*/
        /*overflow-x: hidden;*/
    /*}*/

    /*.nc_text table {*/
        /*overflow-x: scroll;*/
    /*}*/

    #contact_table {
        width: 700px;
    }

    .nc_text img{
        max-width:30%;
    }
}

.catalog__drop-block li a {
    font-size: 14px;
}

.catalog__drop-block li {
    margin-left:10px;
}

.catalog__drop-block ul {
    min-height: 140px;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99999;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.popup {
    background-color: #fff;
    border: 3px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 15px;
    width: 300px;
    height: 70px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 999999;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
    border-radius: 11px;
}
.popup .close_window {
    width: 6px;
    height: 17px;
    position: absolute;
    padding: 1px 9px 4px 9px;
    top: -15px;
    right: -15px;
    cursor: pointer;
    color: #fff;
    font-family: 'tahoma', sans-serif;
    background: -webkit-gradient(linear, left top, right top, from(#3d51c8), to(#051fb8));
    background: -webkit-linear-gradient(top, #3d51c8, #051fb8);
    background: -moz-linear-gradient(top, #3d51c8, #051fb8);
    background: -o-linear-gradient(top, #3d51c8, #051fb8);
    background: -ms-linear-gradient(top, #3d51c8, #051fb8);
    background: linear-gradient(top, #3d51c8, #051fb8);
    background-color: #3d51c8;
    border: 1px solid #061fb8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.5);
}
.popup .close_window:hover {
    background: -webkit-gradient(linear, left top, right top, from(#051fb8), to(#3d51c8));
    background: -webkit-linear-gradient(top, #051fb8, #3d51c8);
    background: -moz-linear-gradient(top, #ff5f07, #3d51c8);
    background: -o-linear-gradient(top, #051fb8, #3d51c8);
    background: -ms-linear-gradient(top, #051fb8, #3d51c8);
    background: linear-gradient(top, #051fb8, #3d51c8);
    background-color: #051fb8;
    border: 1px solid #00385E;
}
.popup .close_window:active {
    background: #8f9be0;
}

#resume_work:hover {
    border: none;
    cursor: pointer;
}

.popup h3 {
    font-size: 18px;
}

.add_to_cart{
    white-space:nowrap;
}

.add_to_cart:after {
    content: url(../images/buy64.png);
    width:16px;
    height: 16px;
    margin-left:3px;
}

#main_content h2 {
    font-size: 24px;
    padding-bottom: 20px;
    padding-top: 20px;
}

#main_content ul {
    margin-bottom: 20px;
}

#main_content ul li {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 140%;
}

#MD_current_official_prices_aluminium {
    font-weight: normal;
    color: #31657F;
}

#MD_current_official_prices_aluminium td:nth-child(2) {
    max-width: 150px;
    overflow: hidden;
}

.menu ul li ul {
    display: none;
    position: absolute;
    top: 62px;
    min-width: 300px;
    background: #034c41;
    border-bottom:2px solid #f6c60a;
    border-left:2px solid #f6c60a;
    border-right:2px solid #f6c60a;
    z-index: 100;
}

.menu ul li ul li {
    display: block;
    float: none;
    padding-left: 20px;
    padding-right: 10px;
    margin-bottom: 10px;
    line-height: normal;
}

.menu ul li:hover ul, .menu ul li ul:hover {
    display: block;
}

#main p {
    /*text-align: justify;*/
}

.content h3 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom:10px;
}
.footer__block_title {font-size: 24px;}
.sidebar ul ul li.active {
    border-radius: 10px;
    background: #146f60;
    color: #fff;
}

.content ul, .content ol {
    margin-left: 20px;
   /* margin-bottom: 20px;*/
}

.content ul {
    list-style: disc;
}

.content ol {
    list-style: decimal;
}

#dubl1 {
    display: none
}

@media (max-width: 1030px) {
    #dubl1 {
        display: block
    }
}

@font-face {
font-family: 'Roboto Light';
src: url('netcat_template/template/116/fonts/roboto-light.ttf');
font-style: normal;
font-weight: normal;
}

	.like_table {
		width: 100%;
		border: 1px solid black !important;
	}

	.like_table table {
		width: 100% !important;
		border: 1px solid black !important;
	}

	.like_table table td, .like_table table th {
		border: 1px solid black;
		font-family: 'Roboto Light', sans-serif !important;
	}

	.like_table td, .like_table th {
		vertical-align: top;
		padding: 10px 5px;
		border: 1px solid black !important;
		font-family: 'Roboto Light', sans-serif !important;
	}

	.like_table th {
		font-size: 18px;
		font-weight: bold;
	}

	.like_table table p {
		padding: 0;
	}

	.content .like_table tr {
		background: white;
		color: black;
	}

	.content .like_table tr th {
		/*background: #f2f2f2;*/
		background: #034c41;
	}

	.content .like_table tr:hover {

		background: white;
		color: black;

	}

	.content .like_table table tr:nth-child(2n+1) {
		background: white;
		color: black;

	}


	.like_table th {
		color: gold;
		text-shadow: 1px 1px 2px black, 0 0 1em #034c41;
	}

@media (min-width: 992px) {
	.pageimg {max-width:200px;float:left;margin-right:10px;}
}


.nc_text p, .nc_text ul li, .nc_text ol li {font-weight: 300 !important;}
@media (max-width: 320px) {
	.burger__btn, .catalog__btn {padding: 0 10px !important;}
}

@media (max-width: 1030px) {
.myagk table th, .myagk table td {padding: 3px 3px; font-size: 13px;}

}
.myagk table td, .myagk table th {font-size: 13px; padding: 3px;}

.myagk tr:hover {color: unset !important;}

@media (min-width: 691px) {
	.top00 {display:block;float:left;}
	a#toggleButton {display:none;}
}
@media (max-width: 690px) {
	.top02, .top00 {display:flex;width:100%;align-items:center;justify-content:space-between;}
	.top02 .header__phone, .top00 .header__logo {margin-left:10px;}
	.top02 .callback__btn, .top00 .header__lang {margin-right:10px;}
	.nav__btn {display:none;}
	.hidden {display: none;}
}



a#toggleButton {
	color: #f6c60a;
	text-decoration: underline;
	text-decoration-style: dotted;
}

.nc_text p b, ol b, ul b {font-weight:700;}
.content h4 {margin-top:15px;}
.politiki {margin-left:auto;}
.politiki a {
	color:#eeeeee;
	text-decoration:none;
	font-size:0.8em;
}
.footer .wrapper {
	display:flex;
	flex-wrap:wrap;
	align-items:top;
	
}
@media (max-width: 600px) {
	.footer .wrapper .copyright,
	.footer .wrapper .politiki {
		width:100%;
	}
	.footer .wrapper {
		justify-content:center;
	}
	.footer {text-align: center;}
}
.cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(3, 76, 65, 0.7);
            color: #fff;
            padding: 10px;
            text-align: center;
            display: none;
            z-index: 9999;
        }
        .cookie-banner a {
            color: #fff;
            text-decoration: underline;
        }
		
.cookie-button {
	border: 2px solid #f6c60a;
	
    background-color: #000;
	padding:5px;
	color:#f6c60a;
	}
	
.flexppp {
	display:flex;
	grid-column: span 2;
	}
#feedback-form .flexppp {align-items:flex-start;}
.flexppp_item1 {margin-right:15px;}
.flexppp_item1 input {height:unset;}
.flexppp_item2 {text-align:left;color:#888888;font-weight:300;font-size:0.8em;}
.flexppp_item2 a {color:#000;font-weight:300;text-decoration:underline;font-size:1em;}

.nc-form .flexppp {align-items:center;margin-bottom:20px;}
.nc-form .flexppp_item1 {margin-right:7px;}
.zvez {display:inline-block;}
@media (min-width: 1200px) {
.menu__box .wrapper {width: 1100px;}
.menu__box .wrapper .menu {float:unset!important;}
}
@media (min-width: 1031px) and (max-width: 1200px) {
.menu__box .wrapper {width: 1024px;}
.menu li {padding: 0 0 0 9px;}	
.menu__box .wrapper .menu {float:unset!important;}
}
@media (max-width: 1100px) {
.footer__block .footer__static > div {max-width:240px!important;}
}
sup {
    vertical-align: super;
    font-size: smaller;
}


.opispos {
        
        max-width: 1200px;
        margin: 0 auto;
        line-height: 1.6;
    }
    .price-anchor {
        display: inline-block;
        background: linear-gradient(135deg, #146f60, #0e5247);
        color: white;
        text-decoration: none;
        padding: 12px 24px;
        border-radius: 25px;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        margin: 10px 0 20px 0;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(20, 111, 96, 0.3);
        border: 2px solid transparent;
    }
    .price-anchor:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(20, 111, 96, 0.4);
        background: linear-gradient(135deg, #0e5247, #146f60);
    }
    .price-anchor:active {
        transform: translateY(0);
    }
    .anchor-wrapper {
        text-align: center;
        margin-bottom: 10px;
    }
	.anchor-wrapper a {color:#fff;}
    
    /* Плавная прокрутка для всех якорных ссылок */
    html {
        scroll-behavior: smooth;
    }
    
    .opispos h2 {
        color: #146f60;
        margin-top: 25px;
        margin-bottom: 15px;
        font-size: 22px;
        border-left: 3px solid #146f60;
        padding-left: 10px;
    }
    .opispos h3 {
        color: #146f60;
        margin-top: 25px;
        margin-bottom: 15px;
        font-size: 19px;
        border-left: 3px solid #146f60;
        padding-left: 10px;
    }
    .opispos p {
        margin-bottom: 15px;
        text-align: justify;
    }
    
    .opispos .advantages {
        background-color: #f0f7f5;
        padding: 20px;
        border-radius: 8px;
        border: 1px solid #146f60;
        margin: 20px 0;
    }
    
    .opispos .price-highlight {
        background-color: #e8f5f2;
        padding: 15px;
        border-radius: 6px;
        text-align: center;
        font-weight: bold;
        margin: 20px 0;
        border: 2px solid #146f60;
        box-shadow: 0 2px 4px rgba(20, 111, 96, 0.1);
    }
    
    .opispos ul {
        margin: 15px 0;
        padding-left: 25px;
		list-style: none;
    }
    
    .opispos li {
        margin-bottom: 8px;
        position: relative;
    }
	
    .opispos ul > li:before {
        content: "•";
        color: #146f60;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }

ul.ul-galki {
  list-style-type: none;
  padding-left: 0em;
  margin-left: 5px;
}

ul.ul-galki > li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 0.5em;
  line-height: 1.4;
}

ul.ul-galki > li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #28a745;
  font-weight: bold;
  margin-left: unset!important;
}

    .table__box {
        position: relative;
        overflow-x: auto;
        margin: 20px 0;
    }

    #poss {
        width: 100%;
        border-collapse: collapse;
        min-width: 600px;
    }

    #poss th,
    #poss td {
        padding: 12px 15px;
        text-align: left;
    }

    #poss th {
        background-color: #146f60;
        color: white;
        font-weight: bold;
    }

    /* Кастомный скроллбар для таблицы */
    .table__box::-webkit-scrollbar {
        height: 10px;
    }

    .table__box::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
        margin: 0 4px;
    }

    .table__box::-webkit-scrollbar-thumb {
        background: #146f60;
        border-radius: 4px;
        border: 2px solid #f1f1f1;
    }

    .table__box::-webkit-scrollbar-thumb:hover {
        background: #0e5247;
    }

    /* Для Firefox */
    .table__box {
        scrollbar-color: #146f60 #f1f1f1;
        scrollbar-width: thin;
    }

    /* Индикатор скролла для мобильных устройств с пальцами */
    .scroll-indicator {
        display: none;
        text-align: center;
        margin-bottom: 15px;
        font-size: 24px;
        color: #146f60;
        background: #f0f7f5;
        padding: 12px;
        border-radius: 8px;
        
    }

    .scroll-indicator .fingers {
        font-size: 28px;
        margin: 0 10px;
    }

    .scroll-indicator .text {
        display: block;
        font-size: 14px;
        margin-top: 5px;
        color: inherit;
    }

    /* Анимация для пальцев */
    @keyframes slideFingers {
        0%, 100% {
            transform: translateX(0);
        }
        25% {
            transform: translateX(-5px);
        }
        75% {
            transform: translateX(5px);
        }
    }
    .pageimg {
        float: none !important;
        display: block;
        margin: 0 auto 20px auto;
    }

    @media (max-width: 768px) {
        .opispos {
            padding: 0 15px;
        }
        
        .scroll-indicator {
            display: block;
        }
        
        .scroll-indicator .fingers {
            animation: slideFingers 2s ease-in-out infinite;
        }
        
        .price-anchor {
            padding: 10px 20px;
            font-size: 15px;
        }
    }

    @media (max-width: 480px) {
        .opispos {
            padding: 0 10px;
        }
        
        .opispos h2 {
            font-size: 20px;
        }
        
        #poss th,
        #poss td {
            padding: 8px 10px;
            font-size: 14px;
        }
        
        .opispos .advantages,
        .opispos .price-highlight {
            padding: 15px;
        }
        
        .scroll-indicator {
            font-size: 20px;
            padding: 10px;
        }
        
        .scroll-indicator .fingers {
            font-size: 24px;
        }
        
        .price-anchor {
            padding: 8px 16px;
            font-size: 14px;
        }
    }

		.imgsld {
			float: unset;
			max-width: 100%;
			display:block;
			text-align: center;
		}
		.imgsld .bx-wrapper {margin:0 auto;}

h2.h2block {clear:both;font-size: clamp(20px, 2vw + 10px, 36px);display:block;}

.psr {
  --bg: #f7f8fb;
  --card-bg: #ffffff;
  --accent: #034c41; /* фирменный цвет */
  --muted: #4e5758;
  --text: #0f1724;
  --radius: 14px;
  --max-width: 920px;
  --shadow: 0 6px 22px rgba(0,0,0,0.06);
  --accent-grad: linear-gradient(90deg, rgba(3,76,65,0.12), rgba(3,76,65,0.04));
  --fz-lead: clamp(1rem, 1.8vw, 1.15rem);
}

/* Контейнер секции */
.psr.intro {
/*  background: var(--bg);
  padding: 38px 20px;*/
  display: flex;
  justify-content: center;
  margin-bottom:25px;
}

/* Внутренний блок */
.psr.intro__inner {
  width: 100%;
  max-width: var(--max-width);
  background: var(--card-bg);
  background-image: var(--accent-grad);
  border-radius: var(--radius);
  padding: 28px 32px;
  /*box-shadow: var(--shadow);*/
  border: 1px solid rgba(0,0,0,0.05);
  position: relative;
  overflow: hidden;
}

/* Акцентная полоска слева */
.psr.intro__inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: var(--accent);
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

/* Вводный текст */
.psr.intro__lead {
  margin: 0;
  color: var(--muted);
  font-size: var(--fz-lead);
  line-height: 1.7;
  max-width: 86ch;
  padding-left: 18px;
  /*text-wrap: balance;*/
}

/* Анимация */
@media (prefers-reduced-motion: no-preference) {
  .psr.intro__inner {
    transform: translateY(6px);
    opacity: 0;
    animation: psrIntroFade 450ms ease-out forwards;
  }
  @keyframes psrIntroFade {
    to { transform: translateY(0); opacity: 1; }
  }
}

/* Адаптив */
@media (max-width: 720px) {
  .psr.intro__inner { padding: 20px 22px; }
  .psr.intro__lead { padding-left: 12px; }
}

/* Тёмная тема */
@media (prefers-color-scheme: dark) {
  .psr {
    --bg: #0b1312;
    --card-bg: #14201d;
    --muted: #c7d1d0;
    --text: #e5ecec;
    --accent-grad: linear-gradient(90deg, rgba(3,76,65,0.25), rgba(3,76,65,0.08));
    --shadow: 0 8px 26px rgba(0,0,0,0.45);
  }
  .psr.intro__inner {
    border: 1px solid rgba(255,255,255,0.06);
  }
}
.header__top2 {
    position: relative;
    background-image: url("/images/eli.jpg");
    background-repeat: repeat;
    background-position: top left;
}

/* Полупрозрачный чёрный слой */
.header__top2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5); /* регулируйте прозрачность */
    z-index: 1;
}

/* Контент поверх затемнения */
.header__top2 > * {
    position: relative;
    z-index: 2;
}