.footer
{
    font-size: 14px;
   
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            -moz-box-orient: horizontal;
            -moz-box-direction: normal;
         flex-flow: row wrap;
    font-family: "Philosopher";

}
.footer > .footer__wrap
{
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            -moz-box-pack: end;
         justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            -moz-box-align: center;
         align-items: center;
}
.footer-container
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
         flex-direction: column;
    background: #ffffff;
    background: -webkit-linear-gradient(top, #ffffff 0%,#cfcfcf 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#cfcfcf));
    background: -o-linear-gradient(top, #ffffff 0%,#cfcfcf 100%);
    background: -moz-linear-gradient(top, #ffffff 0%,#cfcfcf 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#cfcfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfcfcf',GradientType=0 );
}
.footer__wrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    width: 100%; 
    padding: 15px 55px 0 55px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
            -moz-box-pack: justify;
         justify-content: space-between;
}
.footer__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
         flex-flow: column nowrap;
}

.footer__left span,
.footer__middle a {
    padding: 5px 0;
}

.footer__middle{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
        -webkit-flex-direction: column;
                -moz-box-orient: vertical;
                -moz-box-direction: normal;
             flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    padding-left: 5px;
}
.footer__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
        -webkit-flex-direction: column;
                -moz-box-orient: vertical;
                -moz-box-direction: normal;
             flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            -moz-box-pack: justify;
         justify-content: space-between;
}

.footer__right a {
    display: block;
    text-align: center;
}

.footer__right-portaluser img {
    width: 90px;
    height: auto;
}
@media (max-width: 769px)
{
    .footer__right
    {
        display: none;
    }
}
@media (max-width: 590px)
{
    .footer__wrap
    {
        -webkit-flex-direction: column;
                -moz-box-orient: vertical;
                -moz-box-direction: normal;
             flex-direction: column;
        padding: 0;
        text-align: center; 
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .footer__left
    {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-order: 2;
                -moz-box-ordinal-group: 3;
             order: 2;
    }
    .footer__left noindex,
    .footer__left-brand,
    .footer__left-tel {
        display: none;
    }
    .footer__right
    {
        -webkit-flex-direction: row;
                -moz-box-orient: horizontal;
                -moz-box-direction: normal;
             flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
                justify-content: space-around;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
                -moz-box-ordinal-group: 2;
             order: 1;
    }
    .footer__left-portaluser-img,
    .footer__right-bitrix
    {
        display: none;
    }
}

@media (max-width: 480px) {
    .footer__wrap {
        font-size: 18px;
    }

    .payments {
        width: 100%;
    }

    .payments__title {
        text-align: left;
        padding-left: 20px;
    }

    .tel {
        width: 100%;
        border-top: 1px solid lightgrey;
        border-bottom: 1px solid lightgrey;
    }

    .tel__title {
        margin: 15px 0;
        text-align: left;
        padding-left: 20px;
    }

    .tel__item {
        font-size: 24px;
    }

    .payments__item {
        width: 30%;
    }

    .footer__left {
        margin-top: 10px;
    }
}