/* -- header phone icons -- */
.phone-icon,
.fa-map-marker-alt,
.fa-phone-alt,
.fa-mobile-alt {
    font-size: .7em;
    color: #9F3E84;
    padding-right: .5em;
    vertical-align: center;
    text-align: left;
}

.phone-icon .fa-viber {    
    font-size: .8em;
    color: #574E92;
    padding-left: .3em;
    vertical-align: center;
}

.fa-telegram {
    font-size: .8em;
    color: #0088CC;
    padding-left: .3em;
    vertical-align: center;
}

/* -- footer icons -- */
.foo-icon {
    display: flex;
    justify-content: center;
}

.foo-icon li {
    list-style: none;
}

.foo-icon li a {
    width: 2.2rem;
    height: 2.2rem;
    background: #FAAA1E;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .4rem;
    text-decoration: none;
    border-radius: 0.4rem;
    color: white;
}
.foo-icon li a:hover {
    background: #444;
}
.foo-icon li a .fa {
    color: #fff;
    font-size: 1em;
}

.foo-icon li a .fab {
	padding: 0;
	color: #fff;
    font-size: 1em;
}


/* -- Contact icons -- */
.contact-icon {
    display: flex;
    justify-content: flex-start;
}

.contact-icon li {
    list-style: none;
}

.contact-icon li a {
    width: 2.2rem;
    height: 2.2rem;
    background: #FAAA1E;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .4rem 0 0;
    text-decoration: none;
    border-radius: 0.4rem;
    color: white;
}
.contact-icon li a:hover {
    background: #444;

}
.contact-icon li a .fa {
    color: #fff;
    font-size: 1em;
}

.contact-icon li a .fab {
	padding: 0;
	color: #fff;
    font-size: 1em;
}