footer.footer{position: relative; background: #2773b9; border-top: 5px solid #76a1d1;}
footer.footer::before{content: ""; display: block; position: absolute; top: 0; left: 50%; z-index: 10; transform: translateX(-50%); border-radius: 50%; background: url(../../assets/images/layout/icons/icon-cartapagos.svg) no-repeat center #FFF; background-size: 70% auto; box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.15);}

footer.footer .logo-social{max-width: 200px;}

footer.footer .social a{background: url('../../assets/images/layout/icons/icons-social.svg') no-repeat #76a1d1; background-size: auto 100% !important; width: 34px; height: 34px; border-radius: 50px;}
footer.footer .social a.facebook{background-position-x: 0;}
footer.footer .social a.instagram{background-position-x: -34px;}
footer.footer .social a.linkedin{background-position-x: -68px;}

footer.footer .sitemap a{font-size: 14px; line-height: 16px; color: rgba(255, 255, 255, 0.7); text-decoration: underline; padding: .3rem 0;}
footer.footer .sitemap a:hover{color: #FFF;}

footer.footer .contacts{height: 90px; padding-left: 60px; background: url('../../assets/images/layout/icons/contacts.svg') no-repeat left center; background-size: auto 100%;}
footer.footer .contacts a, footer.footer .contacts p{font-size: 14px; line-height: 16px; color: #FFF;}
footer.footer .contacts a small, footer.footer .contacts a span, footer.footer .contacts p small, footer.footer .contacts p span{color: rgba(255, 255, 255, 0.5);}
footer.footer .contacts .email{margin-bottom: 15px;}
footer.footer .contacts .chat a{text-decoration: underline;}

.copyright{background: #eee;}


@media (max-width: 576px){
	footer.footer{margin-top: 4rem;}
	footer.footer::before{top: -2.5rem; width: 90px; height: 90px; border: 8px solid #2773b9;}
}

@media (min-width: 576px) and (max-width: 992px){
	footer.footer{margin-top: 5rem;}
	footer.footer::before{top: -3rem; width: 110px; height: 110px; border: 12px solid #2773b9;}
}

@media (min-width: 992px){
	footer.footer{margin-top: 6rem;}
	footer.footer .social a:hover{transform: scale(1.1);}
	footer.footer::before{top: -4rem; width: 130px; height: 130px; border: 15px solid #2773b9;}
}