@import url(//fonts.googleapis.com/css?family=Open+Sans:400&display=swap);
    @import url(//fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
    @import url(//fonts.googleapis.com/css?family=Open+Sans:700&display=swap);
    @import url(//fonts.googleapis.com/css?family=Open+Sans:600&display=swap);
    @import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:700&display=swap);
    @import url(reset.css);
    @import url(grid.css);
    @import url(menu.css);
    @import url(font-awesome.css);
    input {
        outline:  none !important;
        border-radius: 0 !important;     
    }
    
    html {
        width: 100%;
    }
    
     a[href^="tel:"] {
    color: inherit;
    text-decoration:none;
    }
    
    * {
        -webkit-text-size-adjust: none;
    }
    
    body {
        font: 14px/20px 'Open Sans', sans-serif;
        color:#525252;
        background-color: #fff;
        display: flex;
        /* position:relative; */
        /* min-width:960px; */
        min-height: 100vh;
        max-width: 100%;
    }
    
    .wrapper {
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .ic {
        border:0;
        float:right;
        background:#fff;
        color:#f00;
        width:50%;
        line-height:10px;
        font-size:10px;
        margin:-220% 0 0 0;
        overflow:hidden;
        padding:0
    }
    
    body.pt0 {
        padding-top: 0;
    
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
        color: #009fb3;
    }
    
    h1 {
        font-size: 30px;
        line-height: 30px;
        color: #585858;
        font-weight: bold;
        margin-bottom: 0px!important;
        padding-top: 33px;
    }
    
    h2{
        font: bold 18px/18px 'Open Sans Condensed', sans-serif;
        color: #585858;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    
    h3 {
        font: bold 16px/16px 'Open Sans Condensed', sans-serif;
        color: #585858;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    
    p {
        margin-bottom: 15px;
    }
    
    img {
        max-width: 100%;
    }
    
    address {
        font-style: normal;
    }
    table{
        margin-bottom: 10px;
    }
    
    table tr td{
        border: 1px solid #777777;
        padding: 5px;
    }
    
    table tr:first-child td{
        background: #777777;
        color: #ffffff;
    }
    
    ul, ol{
        margin: 10px 30px;
        list-style: inherit;
        list-style-type:disc;
    }
    
    ol{
        list-style: decimal!important;
    }
    .lg_img {
        width: 700px !important;
        margin: 0 auto;
        padding-left: 210px;
        padding-bottom: 150px;
    }
    
    .content {
        /* min-height: 100vh;
        */
        flex: 1;
         margin-bottom: 100px;

    }
    .gray_block {
        padding-bottom: 10px;
        background-color: #ffffff!important;
        padding-top: 220px;
        margin: 0 auto;
    }
    
    footer {
        position: fixed;
        bottom: -100px;
        width: 100%;
        /* margin-top: -50px!important; */
        z-index: 11;
        transition: bottom 0.3s ease;
    }
    footer.show {
      bottom: 0; /* Показываем футер при прокрутке */
    }
    /* catalog_item */
    .grid_4 {
        padding-bottom:240px;
        padding-top: 37px!important;
    }
    h1 {
        font-size: 30px;
        line-height: 30px;
        color: #585858;
        font-weight: bold;
        margin-bottom: 33px!important;
        padding-top: 50px!important;
    }
    form {
        padding-top: 6px!important;
    }
    .param {
        background: #2e7800!important;
    }
    .social-likes__button, .social-likes__counter {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-family: "Helvetica Neue",Arial,sans-serif;
        vertical-align: baseline;
        color: #000!important;
    }
    .social-likes__widget_facebook {
        background: #fff!important;
    }
    .social-likes__widget_plusone {
        background: #fff!important;
    }
    .social-likes__widget_twitter {
        background: #fff!important;
    }.social-likes__widget_vkontakte {
        background: #fff!important;
    }
    
    @media screen and (max-width: 1024px) {
        .header_burger {
            display: block;
            position: relative;
            width: 64px;
            height: 30px;
            left: 863px;
            top: -47px;
            cursor: pointer;
        }
        
        .header_burger span,
        .header_burger:before,
        .header_burger:after {
            content: '';
            background-color: #000;
            position: absolute;
            width: 100%;
            height: 4px;
            top: 50%;
            transition: transform 0.3s ease;
        }
        
        .header_burger span {
            /* transform: translateY(-50%); */
        }
        
        .header_burger:before {
            transform: translateY(-10px);
        }
        
        .header_burger:after {
            transform: translateY(10px);
        }
        .header_burger.active {
            z-index: 2;
        }
        .header_burger.active span {
            transform: rotate(-45deg) translateY(0);
        }
        
        .header_burger.active:before {
            transform: rotate(45deg) translateY(0);
        }
        
        .header_burger.active:after {
            display: none;
        }

        
        .slogan {
            display: none;
        }
        .logo {
            display:none;
        }
        .logo-2 {
            display: inline-block!important;
        }
        .header_menu {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
        }
        .header_menu.active {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            z-index: 1;
        }
        .d-icon {
            display: block!important;
            font-weight: bold;
            margin: 0 auto;
        }
        .pos-menu-2 {
            display: none;
        }
        
        .main_header {
            width: 100%;
            height: 61px!important;
            background: #F8F8F8;
            position: fixed;
            margin-bottom: 20px;
        }
                        
        .bt-menu>ul>li {
            display: none!important;
            max-width: 33%!important;
            height: 100%;
            display: inline-block;
            margin-bottom: 22px;
        }
        .bt-menu>ul>li.active {
            display: block!important;
            max-width: 33%!important;
            height: 100%;
            display: inline-block;
            margin-bottom: 22px;
        }
        
        .bt-menu>ul>li>a {
            text-transform: uppercase;
            font-size: 21px!important;
            line-height: 25px!important;
        }
        
        .bt-menu ul li ul li a {
            font-size: 23px!important;
            line-height: 33px!important;
            font-style: normal!important;
            color: #18685B!important;
            padding-right: 5px!important;
        }
        .bt-menu ul li ul li a+span {
            font-size: 22px!important;
            padding-top: 6px!important;
            line-height: 36px!important;
        }
        .bt-menu ul li ul {
            position: absolute;
            z-index: 9999;
            text-align: left;
            margin-left: 0px;
            background: #FFF;
            padding: 10px;
            border: 2px solid #A2CAC2;
            display: none;
            margin-top: 0px;
            width: 914px;
            left: -11px!important;
            top: 466px!important;
        }
        
        .socials {
            display: none;
            position: relative;
            top: 60px!important;
            left: 738px!important;
            width: 33%!important;
            min-height: 82px;
            margin-left: 32px!important;
        }
        .socials.active {
            display: block;
            position: relative;
            top: 60px!important;
            left: 738px!important;
            width: 33%!important;
            min-height: 82px;
            margin-left: 32px!important;
        }
        
        .socials a {
            width: 36px;
            height: 36px;
            font-size: 38px!important;
            line-height: 36px;
            text-align: center;
            margin-bottom: 5px;
            padding: 20px;
        }
        
        .phones {
            display: none;
            font-weight: bold;
            left: 113px!important;
            position: relative;
            top: -129px!important;
            width: 33%!important;
        }
        .phones.active {
            display: block;
            font-weight: bold;
            left: 113px!important;
            position: relative;
            top: -110px!important;
            width: 33%!important;
        }
        .phones p {
            display: block!important;
            font-size: 18px!important;
        }
        
        .phones p span {
            display: inline-block;
            font-size: 18px!important;
            padding-bottom: 15px;
            height: 17px;
            border-bottom: 1px dashed #8C8989;
            cursor: pointer;
        }
        .page1 .content {
            padding-top: 112px!important;
            padding-bottom: 20px!important;
        }
        
        .content {
            padding-right: 25px;
            padding-left: 25px;
        }
        p {
            margin-bottom: 15px!important;
            font-size: 1.6rem!important;
            line-height: 2rem!important;
        }
        h3 {
            font: bold 35px/16px 'Open Sans Condensed', sans-serif!important;
            color: #585858;
            padding-top: 59px!important;
            padding-bottom: 40px!important;
        }
        h2 {
            font: bold 41px/48px 'Open Sans Condensed', sans-serif!important;
            color: #585858;
            padding-top: 51px!important;
            padding-bottom: 30px!important;
        }
        ul, ol {
            margin: 10px 30px!important;
            list-style: inherit!important;
            list-style-type: disc!important;
            font-size: 1.6rem!important;
            line-height: 2rem!important;
            padding: 15px 0 20px 0!important;
        }
        .lg_img {
            width: 700px !important;
            margin: 0 auto;
            padding-left: 210px;
            padding-bottom: 80px;
        }
        .mmix p {
            display: inline-block;
            vertical-align: bottom;
            position: relative;
            vertical-align: middle;
            text-align: left;
            left: 7px;
            margin: 0;
            line-height: 15px!important;
            font-size: 17px!important;
        }
        .copy {
            padding-top: 12px;
            font-size: 19px;
            line-height: 26px;
        }
        /* catalog_item */
        .gray_block {
            margin: 0 auto!important;
            padding-bottom: 250px!important;
            background-color: #ffffff;
            padding-top: 85px!important;
        }
        .grid_4 {
            padding-bottom:240px;   
        }
        .grid_8 {
            margin-left: 20px!important;
        }
        ul.list>li>a {
            padding-bottom: 0px!important;
        }
        h1 {
            margin-bottom: 22px!important;
        }
        .param {
            background: #2e7800!important;
            color: #ffffff;
            padding: 5px 10px;
            display: inline-block;
            margin-bottom: 20px;
        }
        .liqpay input[type="submit"] {
            padding: 10px 10px!important;
            margin-top: 3px;
            text-align: center;
            width: 120px;
            border: 1px solid #A2CAC2;
            z-index: 100;
            position: relative;
            background: none;
            font: bold 22px 'Open Sans', sans-serif;
            color: #525252;
            display: inline-block;
            cursor: pointer;
        }
        .order_link {
            padding: 10px 10px!important;
            text-align: center;
            display: inline-block;
            width: 150px;
            border: 1px solid #a2cac2;
            z-index: 100;
            position: relative;
            margin-bottom: 17px;
            margin-left: 5px;
        }
        ul.list>li>a {
            font-size: 19px!important;
            display: inline-block;
            padding-bottom: 10px;
        }
        a {
            font-size: 19px!important;
        }
        .text1 {
            margin-top: 4px!important;
            margin-bottom: 35px!important;
            font-size: 23px!important;
            line-height: 0px!important;
            font-weight: 600;
        }
        h1 {
            font-size: 38px;
            line-height: 40px;
            color: #585858;
            font-weight: bold;
            margin-bottom: 0px!important;
            padding-top: 33px;
            padding-bottom: 20px;
        }
        h3 {
            font: bold 35px/36px 'Open Sans Condensed', sans-serif!important;
            padding-top: 25px!important;
            padding-bottom: 11px!important;
        }
                
    }
    @media screen and (min-width: 960px) {

        
        .phone_header {
            display: none;
        }
        .content {
            padding-right: 25px;
            padding-left: 25px;
        }
    }
    @media screen and (max-width: 1024px) {
        ul.list {
            list-style-type: none!important;
            margin: 0!important;
            padding: 5px 0!important;
        }
    }

body.nazad-blog .grid_8 { padding-bottom: 60px; }
body.nazad-blog { height: auto !important; min-height: 100vh; }
body.nazad-blog .gray_block { padding-bottom: 160px; }
body.nazad-blog .grid_8 h1, body.nazad-blog #main h2.title { margin-bottom: 20px !important; }
body.nazad-blog #main h2.title a { color: #585858; text-decoration: none; }
body.nazad-blog #main h2.title { font: bold 30px/36px 'Open Sans', sans-serif; padding-top: 33px; }
body.nazad-blog .post-info { color: #8a8a8a; margin: 0 0 20px; overflow: hidden; }
body.nazad-blog .entry p, body.nazad-blog .grid_8 p { line-height: 22px; }
body.nazad-blog .entry hr, body.nazad-blog #main > hr { border: 0; border-top: 1px solid #e3ecea; margin: 20px 0; }
body.nazad-blog .grid_4 ul, body.nazad-blog .sidemenu ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
body.nazad-blog .grid_4 li { margin: 0 0 12px; line-height: 20px; }
body.nazad-blog .grid_4 li a { color: #18685B; }
body.nazad-blog .grid_4 h3, body.nazad-blog .text1 h3 { padding-top: 0; }
@media screen and (max-width: 1024px) {
    body.nazad-blog .gray_block { padding-top: 24px !important; padding-bottom: 60px !important; }
    body.nazad-blog .grid_8 { margin-left: 0 !important; }
    body.nazad-blog h1, body.nazad-blog #main h2.title { font-size: 28px !important; line-height: 34px !important; padding-top: 16px !important; }
    body.nazad-blog #main h2.title a { font-size: inherit !important; }
    body.nazad-blog .grid_8 p, body.nazad-blog .grid_8 li { font-size: 17px !important; line-height: 27px !important; }
    body.nazad-blog .grid_8 h2 { font-size: 26px !important; line-height: 32px !important; padding-top: 24px !important; padding-bottom: 12px !important; }
    body.nazad-blog .grid_8 h3 { font-size: 22px !important; line-height: 28px !important; padding-top: 20px !important; padding-bottom: 10px !important; }
    body.nazad-blog .grid_8 ul, body.nazad-blog .grid_8 ol { font-size: 17px !important; line-height: 27px !important; margin: 10px 0 10px 22px !important; padding: 0 !important; }
    body.nazad-blog a { font-size: inherit !important; }
    body.nazad-blog .grid_4 { padding-top: 0 !important; padding-bottom: 60px !important; }
    body.nazad-blog .grid_4 h3 { font-size: 24px !important; line-height: 30px !important; padding: 10px 0 !important; }
    body.nazad-blog .grid_4 li a { font-size: 17px !important; line-height: 24px; }
}
