<?$APPLICATION->IncludeComponent("bitrix:main.include","",Array(
        "AREA_FILE_SHOW" => "file",
        "PATH" => "/include/seo_texts.php",
        "AREA_FILE_RECURSIVE" => "Y",
    )
);?>


<div class="footer-container">
    <div class="footer">
        <div class="footer-top">
            <a href="#" class="back-to-top">
                <em class="fa fa-arrow-up"></em>Наверх </a>
            <div class="copyright">
                <?
                $APPLICATION->IncludeComponent("bitrix:main.include", "", Array(
                    "AREA_FILE_SHOW" => "file",
                    "PATH" => SITE_DIR . '/include/footer/logo.php'
                ));
                ?>
                <?
                $APPLICATION->IncludeComponent("bitrix:main.include", "", Array(
                    "AREA_FILE_SHOW" => "file",
                    "PATH" => SITE_DIR . '/include/footer/button_menu.php'
                ));
                ?>
                <?
                $APPLICATION->IncludeComponent("bitrix:main.include", "", Array(
                    "AREA_FILE_SHOW" => "file",
                    "PATH" => SITE_DIR . '/include/footer/brand.php'
                ));
                ?>
            </div>
        </div>
        <div class="footer-middle">
        </div>
        <div class="footer-bottom">
            <ul>
                <?
                $APPLICATION->IncludeComponent("bitrix:main.include", "", Array(
                    "AREA_FILE_SHOW" => "file",
                    "PATH" => SITE_DIR . '/include/footer/low_sign.php'
                ));
                ?>

            </ul>
        </div>
    </div>
</div>
</body>

<style>
    @media only screen and (min-width: 768px) {
        .footer-container {
            padding-top: 0px;
            padding-bottom: 0;
        }

        .footer-top ul li {
            display: inline-block;
            vertical-align: top;
            text-align: center;
            margin: 0 26px;
        }

        .footer-top ul {
            vertical-align: top;
            display: inline-block;
        }

        .footer-container {
            padding-top: 0px;
            padding-bottom: 0;
        }

        .footer-top ul li {
            display: inline-block;
            vertical-align: top;
            text-align: center;
            margin: 0 26px;
        }

        .footer-top ul {
            vertical-align: top;
            display: inline-block;
        }

        .footer .footer-bottom {
            font-size: 12px;
            border-top: 1px solid #333;
            width: 100%;
            margin: auto;
            margin-top: 15px;
        }

        .footer .footer-bottom ul li {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            border-right: 1px solid #222;
            margin: 5px 0;
            padding: 0 13px;
        }

        .footer .footer-bottom ul li:last-child {
            border: 0;
        }

        .footer .footer-middle {
            margin-top: 0;
        }
    }

    @media only screen and (max-width: 470px) {
        .footer-top ul {
            vertical-align: top;
            display: block;
            margin: 0 6px;
        }

        .footer .footer-middle {
            display: none
        }

        .footer .footer-bottom {
            display: block
        }

        .footer-top ul li {
            display: block;
            vertical-align: top;
            text-align: center;
            margin: 10px;
            border-bottom: 1px solid #333;
            padding: 0px 0 11px;
        }

        .footer-top ul li:last-child {
            border-bottom: 0;
        }

        .footer .footer-bottom {
            font-size: 12px;
            border-top: 1px solid #333;
            margin: auto;
            margin-top: 15px;
            padding: 5px;
        }

        .footer .copyright address {
            margin-top: 0;
            vertical-align: top;
            margin-left: 20px;
        }
    }

    .item-with-links .item-title:hover, .item-with-links p:hover, .megamenu li:not(.item-with-links):hover .item-title {
        text-decoration: underline
    }

    .menu-active .megamenu {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .megamenu {
        display: none
    }

    .nav-primary li.level0 .megamenu {
        background-color: #fff;
        position: absolute;
        width: 1200px;
        z-index: 200
    }

    .nav-primary li.level0 .megamenu > a {
        width: 25%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .nav-primary li.level0 .megamenu > ul {
        position: relative;
        width: 75%;
        top: 0;
        padding: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        box-shadow: none
    }

    .nav-primary li.level0 .megamenu > ul > li:nth-child(3n+2) {
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6
    }

    .nav-primary li.level0 .megamenu > ul > li {
        width: 33.33%;
        height: 120px;
        padding: 10px;
        border-bottom: 1px solid #e6e6e6
    }

    .nav-primary li.level0 .megamenu > ul > li > a {
        padding: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .nav-primary li.level0 .megamenu > ul > li > a > .info {
        color: #000;
        width: 100%
    }

    .nav-primary li.level0 .megamenu > ul > li > a > .info .item-title {
        margin: 0 0 5px;
        font-weight: 700;
        line-height: 18px;
        font-size: 14px
    }

    .nav-primary li.level0 .megamenu > ul > li > a > .info p {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        margin: 0
    }

    .allh .info, .allh a img {
        margin: 0 auto
    }

    .nav-primary li.level0 .megamenu > .menu-bottom {
        height: 60px;
        width: 100%;
        color: #000;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: inset 0 3px 10px gray
    }

    .nav-primary li.level0 .megamenu > .menu-bottom > a {
        color: gray;
        text-transform: uppercase;
        text-decoration: underline
    }

    .nav-primary li.level0 .megamenu > .menu-bottom > * {
        font-size: 120%
    }

    .allh {
        height: 240px !important
    }

    .allh .item-title, .allh p {
        text-align: center
    }

    .item-with-links .item-title, .item-with-links p {
        padding-left: 30px;
        text-align: left;
        font-weight: 700
    }

    .allh a {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .allh a img {
        width: 50%
    }

    .nav-primary li.level0 .megamenu > ul {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 240px
    }

    .item-with-links {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .item-with-links .item-title {
        color: #357e00
    }

    .green .item-title, .green p {
        color: #357e00 !important
    }

    @media only screen and (max-width: 1260px) {
        .nav-primary li.level0 .megamenu {
            width: calc(100vw - 60px)
        }
    }

    @media only screen and (max-width: 1024px) {
        .nav-primary li.level0 .megamenu {
            width: 100%;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            height: auto;
            position: relative;
            left: 0 !important
        }

        .nav-primary li.level0 .megamenu > a {
            width: 100%;
            display: none
        }

        .nav-primary li.level0 .megamenu > ul {
            width: 100%;
            height: auto
        }

        .nav-primary li.level0 .megamenu > ul > li:nth-child(3n+2) {
            border-right: 0;
            border-left: 0
        }

        .nav-primary li.level0 .megamenu > ul > li:nth-child(odd) {
            border-right: 1px solid #e6e6e6
        }

        .nav-primary li.level0 .megamenu > ul > li {
            width: 50%
        }

        .nav-primary li.level0 .megamenu > .menu-bottom {
            display: none
        }
    }

    @media only screen and (max-width: 480px) {
        .nav-primary li.level0 .megamenu > ul > li {
            width: 100%
        }
    }

    @media only screen and (min-width: 1025px) {
        .nav-primary li.level0 a.level0.icon-our-choices:after {
            background: url(/ru/media/wysiwyg/menuimages/nav-icon-ccp-31.png) top no-repeat
        }

        .nav-primary li.level0:hover a.level0.icon-our-choices:after {
            background-position: center -32px
        }

        .nav-primary li.level0 a.level0.icon-new-service:after {
            background: url(/ecom/medias/sys_master/public/10184262877214/nav-icon-7-benef.png) top no-repeat!important;
        }

        .nav-primary li.level0:hover a.level0.icon-new-service:after {
            background-position: center -32px
        }
    }

    .nav-primary li.level0:hover a.level0.color-browngrey:before {
        background: #9c8c76
    }

    .nav-primary li.level0:hover a.level0.color-yellow:before {
        background: #c87f00
    }

    #our-choices > ul > li > a > img {
        width: auto !important
    }
</style>
</html>