.foo .layout__center {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.foo {
    padding-bottom: 3.75em
}

.foo__cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: .08125em solid rgba(0, 0, 0, .1);
    padding-top: 3.125em
}

.foo__col {
    text-align: left;
}

.foo__col:first-child {
    width: 18.75em
}

.foo__col:nth-child(2) {
    width: 27.1875em
}

.foo__col:nth-child(3) {
    width: 18.75em
}

.foo__lode {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.foo__lode-lo {
    margin-right: 1.0625em;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}

.foo__bottom {
    margin-top: 1.875em;
    text-align: center
}


/* to clear */

.foo__policy a {
    text-decoration: underline;
}

.foo__policy a, .gray {
    color: #9c9c9c
}

.foo {
    position: relative
}

.foo__phones a {
    text-decoration: none;
    outline: 0 none
}

.foo__toagency {
    text-decoration: underline !important;
    color: #ff6240;
    transition: color 0.3s linear;
    display: inline-block;
    margin-top: 5px;
}

.foo__toagency:hover {
    color: #5e4abb;
}