html, body{
    margin: 0;
    padding: 0;
}

h1, h2 {
    margin: 0;
}


body{
    background: #282828;
}

.new_leichtlauf {
    display: block;
    background: url(../img/bg19.jpg) no-repeat center #272727;
    height: 828px;
}

.new_leichtlauf_head {
    display: flex;
    max-width: 970px;
    margin: 0 auto;
    justify-content: space-between;
    padding-top: 60px;
    position: relative;
}

.main_top {
    font-family: 'DINPro-Black', sans-serif;
    font-size: 61px;
    color: #fff;
    line-height: 44px;
    padding-left: 55px;
}

.main_top span {
    font-family: 'DINPro-Light', sans-serif;
    font-size: 44px;
    line-height: 66px;
}

.about_leichtlauf {
    display: block;
    max-width: 970px;
    margin: 0 auto;
    padding-top: 60px;
    position: relative;
}

.about_leichtlauf li {
    font-family: 'Open-sens', sans-serif;
    font-size: 24px;
    line-height: 23px;
    color: #32a4f6;
    max-width: 414px;
    padding-bottom: 30px;
}

.about_leichtlauf li span{
    color: #fff;
    font-size: 18px;
}

.shops {
    width: 1000px;
    max-width: 100%;
    border-bottom:solid 1px #d6d6d6;
}

.shops_images {
    display: flex;
    width: 935px;
    max-width: 100%;
    justify-content: space-between;
    margin: 0 auto;
    padding: 90px 0 80px 0;
}

.main_image {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
}

.main_image img {
    width: 100%;
    margin-top: -205px;
}

.leichtlauf_oils {
    display: block;
    background: url(/upload/medialibrary/420/420731b6da9fc665db5115a17f4f2796.jpg) no-repeat center #272727;
    height: 986px;
    position: relative;
}

.leichtlauf_oils_container {
    max-width: 1000px;
    margin: 0 auto;
}

.oils_line {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #a6bddb;
    padding-bottom: 20px;
}

.line_0w30 h2 {
    font-family: 'DINPro-Black', sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    padding-top: 60px;
}

.line_0w30 img {
    margin-left: -97px;
}

.line_0w40 img {
    margin-left: -50px;
}

.line_0w40 h2 {
    font-family: 'DINPro-Black', sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    padding-top: 60px;
}

.leichtlauf_links1 {
    display: flex;
    justify-content: space-around;
    margin-top: -15px;
    max-width: 480px;
    
}

.leichtlauf_links1 a {
    color: #fff;
    font-family: 'DINPro-Light', sans-serif;
    font-size: 14px;
}

.line_0w30 p  {
    font-family: 'Open-sens', sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    padding-top: 16px;
}

.line_0w40 p  {
    font-family: 'Open-sens', sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    max-width: 475px;
    padding-top: 16px;
}

.oils_text {
    text-align: center;
}

.oils_text p {
    font-family: 'Open-sens', sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}

.oils_text p span{
    font-family: 'Open-sens', sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #a6bddb;
}

.cat_button {
    text-decoration: none;
    color: #fff;
    border: solid 2px;
    padding: 20px 60px;
    border-radius: 5px;
    transition: .4s;
    font-family: 'DINPro-Black', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    cursor: pointer;
    text-transform: uppercase;
}

.cat_button:hover {
    color: #ed1e24;
    transition: .4s;
}

.for_button {
    padding-top: 55px;
}

.leichtlauf_facts {
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
}

.leichtlauf_facts_line1 {
    display: flex;
}

.leichtlauf_facts_line2 {
    display: flex;
}

.first_fact {
background: url(/upload/medialibrary/d4d/d4d1a2c476b1aa5a0fa890842f4c0da9.jpg) no-repeat;
height: 345px !important;
max-width: 963px;
width: 100%;
display: block;
background-size: cover;
}

.second_fact {
    background: url(/upload/medialibrary/b12/b1290168adf012e92d5960d716f441c6.jpg) no-repeat;
    height: 345px !important;
    max-width: 958px;
    width: 100%;
    display: block;
    background-size: cover;
    }

.third_fact {
        background: url(/upload/medialibrary/ba5/ba5e08d803d8d18970b7001e4d231140.jpg) no-repeat;
        height: 345px !important;
        max-width: 963px;
        width: 100%;
        display: block;
        background-size: cover;
        }
        
.fourth_fact {
            background: url(/upload/medialibrary/f14/f14c29ae82116f8a02912d0e00852817.jpg) no-repeat;
            height: 345px !important;
            max-width: 958px;
            width: 100%;
            display: block;
            background-size: cover;
            }

.first_fact p {
    font-family: 'Open-sens', sans-serif;
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    max-width: 400px;
    float: right;
    padding-right: 90px;
    padding-top: 120px;
}

.second_fact p {
    font-family: 'Open-sens', sans-serif;
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    max-width: 444px;
    padding-top: 120px;
    padding-left: 30px;
}

.third_fact p {
    font-family: 'Open-sens', sans-serif;
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    max-width: 440px;
    float: right;
    padding-right: 50px;
    padding-top: 120px;
}

.fourth_fact p {
    font-family: 'Open-sens', sans-serif;
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    max-width: 355px;
    padding-top: 120px;
    padding-left: 30px;
}

.action {
    display: block;
    background: #f1af09;
    background-size: auto 100%;
    margin: 0 auto;
    max-width: 1920px;
}

.action_container {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.img_line {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 60px;
}

.img_line img {
    height: 100%;
    width: auto;
}

.for_margin {
    margin-bottom: -44px;
}

.action_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 33px;
    padding-bottom: 30px;
}

.action_info p {
    font-family: 'Open-sens', sans-serif;
    font-size: 18px;
    line-height: 23px;
    color: #000;
    font-weight: bold;
    max-width: 700px;
}

.cat_button4 {
    text-decoration: none;
    color: #fff;
    background-color: #ce0000;
    padding: 20px 60px;
    border-radius: 5px;
    transition: .4s;
    font-family: 'DINPro-Black', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    cursor: pointer;
    text-transform: uppercase;
}

.cat_button4:hover {
    background-color: #dc8080;
    transition: .4s;
}

        .map_new {
            display: block;
            background: #fff;
            background-size: auto 100%;
			margin: 0 auto;
			max-width:1920px;
            position: relative;
        }

        .rt {
            display: block;
            margin: 0 auto;
            max-width: 1000px;
            padding-top: 35px;
            text-align: center;
        }

        .buy {
            font-family: 'DINPro-Black', sans-serif;
            font-size: 36px;
            color: #284c99;
            text-transform: uppercase;
        }

        .btn_blue {
            font-family: 'DINPro-Light', sans-serif;
            font-size: 16px;
            line-height: 18px;
            color: #fff;
            text-transform: uppercase;
            padding: 20px 30px;
            background: #ff6701;
            font-weight: bold;
            max-width: 320px;
            text-align: center;
            border-radius: 5px;
            text-decoration: none;
            transition: .4s;
        }

        .btn_blue:hover {
            background: #e09360;
            transition: .4s;
        }

        .buttons {
            padding-top: 40px;
        }

.map_new_full {
max-width:1920px;
margin:0 auto;
}

.gde_vzyat {
    padding: 50px 0 60px 0;
    font-family: 'DINPro', sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
    text-transform: uppercase;
}

.gde_vzyat a {
    color: #5581b6;
}

footer {
    display: block;
    height: 160px;
    background: #284c99;
    background-size: auto 100%;
    position: relative;
margin-top: -5px;
}

.footer_content {
max-width:1000px;
margin:0 auto;
}

.footer_main_line {
display:flex;
align-items: center;
justify-content: space-between;
padding-top: 35px;

}

.footer_main_line1 {
display:flex;
align-items: center;
}

.footer_main_line1 p {
padding-left:30px;
font-family: 'Open-sens', sans-serif;
font-size: 14px;
line-height: 21px;
color: #fff;
}

.footer_main_line2 p {
font-family: 'Open-sens', sans-serif;
font-size: 14px;
line-height: 21px;
color: #fff;
}

.footer_soc {
padding-left:30px;
}


.footer_main_line1 img {
    width: auto;
    height: 65px;
}

.footer_main_line2 {
display:flex;
align-items: center;
}

.footer_main_line2 p {
    max-width: 164px;
}

        /*map*/
        .map_input {
            width: 100%;
            padding-top: 10px;
            padding-bottom: 10px;
            background: #f4f4f4;
        }
    
        .map_input div {
            display: inline-block;
            margin-right: 6px;
            vertical-align: bottom;
    
        }
    
        .map_input input {
            width: 100%;
            height: 40px;
            border: 1px #7a7a7a solid;
            font-size: 16px;
            color: #555555;
        }
    
    
        .opt {
            text-align: center;
            padding-left: 8px;
            color:#8e8e8e;
        }
    
        .roz {
            text-align: left;
            padding-left: 9px;
            color: #8e8e8e;
            margin-bottom: 12px;
        }
    
        .map_input input[type="text"] {
            padding-left: 10px;
        }
    
        #d_input {
            padding-top: 10px;
            width: 90%;
            max-width: 100%;
            margin-right: 5px;
            padding-left: 10px;
        }
    
        .m_btn {
            height: 40px;
            width: 90px;
            background: #0563ba; /* Old browsers */
            background: -moz-linear-gradient(top, #0563ba 0%, #00529e 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #0563ba 0%, #00529e 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #0563ba 0%, #00529e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0563ba', endColorstr='#00529e', GradientType=0); /* IE6-9 */
            border: 1px solid #6e7c9d;
            text-align: center;
            line-height: 40px;
            color: #FFFFFF;
        }
    
        .m_btn a {
            text-decoration: none;
        }
    
        .ch_box_item {
            width: 20px;
            height: 20px;
            text-align: center;
            background: #005aab;
            line-height: 14px;
        }
    
        #ch_parent {
            margin-left: 5px;
            font-size: 14px;
        }
    
        .ch_box {
            display: block;
            margin-right: 0 !important;
            float: left;
            padding-top: 10px;
        }
    
        .type_f {
            background-image: url("/map/lm150.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            width: 23px !important;
            height: 23px !important;
        }
        .type_f_color{
            background: #0e4779;
        }
    
        .type_r {
            background: #ed4543;
        }
    
        .type_rf {
            background: url(star.png);
        }
    
        .type_o {
            background: #1bad03;
        }
    
        .type_i {
            background: #595959;
        }
    
        .type_d {
            background: #b51eff;
        }
    
        .type_a {
            background: #82cdff;
        }
    
        .type_fl {
            background: url(flagship_off.png);
        }
        .type_or{
            background: orange;
        }
    
        .banner {
            width: 375px;
            height: 400px;
            display: inline-block;
            float: right;
            margin-top: 35px;
            background: #fff;
        }
    
        .points {
            width: 100%;
            height: 295px;
            display: inline-block;
            border: 1px solid #C0C0C0;
            float: right;
            margin-top: 45px;
            overflow-y: auto;
            background: #f4f4f4 none repeat scroll 0 0
        }
    
        .map_area {
            width: 100%;
            max-width: 1920px;
            display: inline-block;
        }
    
        #map_label {
            margin-left: 10px;
            margin-right: 10px;
        }
    
        #map {
            min-height: 450px;
            margin-bottom: 0;
        }
    
        .items_map_info {
            margin-bottom: 5px;
        }
    
        .items_t td {
            padding: 0;
            margin: 0;
            vertical-align: top;
        }
        .items_t{
            min-height: 65px;
        }
    
        .i_icon {
            width: 35px;
            text-align: center;
        }
    
        .i_icon div {
            display: inline-block;
            margin-top: 5px;
        }
    
        .i_name {
            font-size: 16px;
            font-weight: 600;
            border-bottom: 1px dashed #000000;
            display: inline;
        }
    
        .i_addr {
            margin-top: 5px;
        }
    
        .i_addr, .i_phone, .i_site, .i_email {
            color: #666;
            font-size: 12px;
        }
    
        .i_name_a, .filter_a {
            text-decoration: none !important;
        }
    
        .flagman {
            width: 100%;
            background: url(star.png) no-repeat;
            background-position-x:6px;
            background-position-y:35px;
            background-size: 6%;
            background-color: #FFF2B5;
        }
        #flagman, label {
            cursor: pointer;
        }
    
        #ch_parent .ch:nth-child(even) {
            /*padding-left: 4px;*/
            margin-left: 30px;
            padding-right: 3px;
            margin-right: 3px;
    
        }
    
        #ch_parent_opt {
            border-left: 1px lightgray solid;
            padding-left: 10px;
        }
    
        #ch_parent_roz {
            padding-right: 20px;
        }
    
        #ch_parent_moto {
            border-left: 1px lightgray solid;
            padding-left: 25px;
        }
    
        .ch .ch_box:nth-child(even) {
            clear: both;
        }
    
        #ch_parent {
            margin-left: 0 !important;
            line-height: 1.1;
        }
    
        .ch {
            margin-left: 2px;
        }
    
        .points_lmshop {
            width: 100%;
            height: 110px;
            display: inline-block;
            border: 1px solid #C0C0C0;
            float: right;
            overflow-y: none;
            background: #f4f4f4 none repeat scroll 0 0
        }
    
        .lmshop-button {
            width: 150px;
            margin-left: 35px;
            line-height: 35px;
            display: inline-block;
            vertical-align: middle;
            height: 35px;
            font-weight: bold;
        }
    
        .lmshop-button a {
            display: block;
            height: 100%;
            width: 100%;
            color: #fff !important;
            vertical-align: middle;
        }
    
        .lmshop-i_site {
            margin-top: 5px;
        }
    
        /* задаем относительное позиционирование контейнеру */
        .block {
            position: relative;
            margin-left: 3px;
        }
    
        /* Оформление скрытого элемента по умолчанию */
        .hidden {
            display: none;
            position: absolute;
            bottom: 100%;
            left: 0px;
            background-color: #e9e7e7;
            color: blue;
            padding: 5px;
            text-align: left;
            width: 600px;
            -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
            box-shadow: 0 0 1px rgba(0, 0, 0, .16);
            font-size: 13px;
        }
    
        /* Дополнительное оформление скрытого элемента(необязательно) */
        .hover + .hidden:before {
            content: " ";
            position: absolute;
            top: 98%;
            left: 10%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            height: 0;
            width: 0;
            border: 7px solid transparent;
            border-right: 7px solid #fff;
            border-color: #fff transparent transparent transparent;
            z-index: 2;
        }
    
        /* Дополнительное оформление скрытого элемента(необязательно) */
        .hover + .hidden:after {
            content: " ";
            position: absolute;
            top: 100%;
            left: 10%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            height: 0;
            width: 0;
            border: 7px solid transparent;
            border-right: 7px solid #fff;
            border-color: rgba(0, 0, 0, .16) transparent transparent transparent;
            z-index: 1;
        }
    
        /* Появление скрытого элемента при наведении */
        .hover:hover + .hidden {
            display: block;
        }
    
        .block:after {
            text-decoration: underline;
        }
    
        .hover span {
            background-color: #FFF2B5;
        }
    
        @media screen and (max-width: 1260px) {
            .banner {
                display: block;
                float: none;
                width: 100%;
                margin-top: 10px;
            }
    
            .ch .ch_box:nth-child(even) {
                clear: none;
            }
    
            .ch_box {
                margin-right: 15px !important;
            }
    
            .ch {
                border-left: none;
                padding-left: auto;
                margin-left: auto;
                width: 100%;
            }
    
            #ch_parent .ch:nth-child(even) {
                border-left: none;
                padding-left: 0;
                margin-left: 0;
            }
    
            #ch_parent {
                text-align: left;
                padding-left: 25px;
                padding-right: 25px;
                margin-left: 0;
                margin-top: 15px !important;
            }
    
            #ch_parent .ch:not(:last-child) {
    
            }
    
            .map_input div {
                vertical-align: baseline;
            }
        }
    
        @media screen and (max-width: 800px) {
            .hidden {
                width: 250px;
            }
        }
    
        @media screen and (max-width: 641px) {
            .points_lmshop {
                height: 125px;
            }
    
            #map_label {
                display: block;
            }
    
            #d_input {
                display: block;
                margin: 10px auto 0 auto;
                width: 100%;
                padding-left: 25px;
                padding-right: 25px;
                box-sizing: border-box;
                max-width: none;
                min-width: 375px;
            }
    
            #address {
                width: 100%;
                box-sizing: border-box;
            }
        }
    
        @media screen and (max-width: 410px) {
            #d_input {
                min-width: 0;
                padding-bottom: 20px;
            }
    
            #ch_parent_opt {
                border-left: none;
                padding-left: 0;
                margin-left: 0;
            }
    
            #ch_parent_moto {
                border-left: none;
                padding-left: 0;
                margin-top: 20px;
            }
        }
    
        @media screen and (min-width: 411px) {
            #d_input {
                min-width: 250px;
            }

        }