.newsletter {position: relative;width: 100%;overflow: hidden;text-align: center;background-color: #ffffff;}
.newsletter::before {content: '';position: absolute;bottom: -1px;left: -1px;width: calc(100% + 2px);height: 65px;z-index: 1;background: url(../img/footer/footer-line.svg) 50% 50% no-repeat;-webkit-background-size: cover;background-size: cover;}
.newsletter__inner {position: relative;width: calc(100% - 40px);max-width: 420px;margin: 0 auto;z-index: 2;}
.newsletter__block {position: relative;width: 100%;}
.newsletter__heading {color: #262626;font: 500 max(22px, min(2.5vw, 40px)) pan;text-transform: uppercase;}
.newsletter__text {color: #262626;font: 400 18px pan;}
.newsletter__heading, .newsletter__text {padding-bottom: 20px;}
.newsletter__form {position: relative;width: 100%;display: inline-flex;display: -webkit-inline-flex;justify-content: center;align-items: center;background-color: #ffffff;border: 1px solid #b7b7b7;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;padding: 5px;}
.newsletter__input {display: inline-block;width: 100%;padding: 15px;background-color: #ffffff;border-top-left-radius: 50px;border-bottom-left-radius: 50px;color: #262626;font: 400 max(16px, min(1.2vw, 18px)) pan;border: 0;outline: none;}
.newsletter__submit {min-width: 50px;width: 50px;height: 50px;display: inline-flex;display: -webkit-inline-flex;justify-content: center;align-items: center;margin: 0;padding: 0;background-color: #384635;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: none;outline: none;font-size: 0}
.newsletter__submit > svg {display: block;width: 25px;height: 25px;}
#footer {position: relative;background-color: #262626;padding: 0;text-align: center;width: 100%;margin: 0 0 0 auto;}
.footer__inner {position: relative;display: block;width: 100%;max-width: 1370px;margin: 0 auto;padding: 25px 20px 0;}
.footer__logoContainer {position: relative;width: 150px;height: 120px;margin: 0 auto 25px;overflow: hidden;}
.footer__logo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.footer__contact {position: relative;width: 100%;text-align: center;}
.footer__heading {color: #ffffff;text-transform: uppercase;font: 400 14px pan;}
.footer__block {position: relative;width: 100%;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.footer__info, .footer__separator {color: #ffffff;font: 400 18px pan;display: inline-block;}
.footer__separator {margin: 0 5px;}
.footer__menu {position: relative;margin: 0;padding: 0 0 15px;list-style: none;display: flex;display: -webkit-flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.footer__menu::before {content: '';position: absolute;display: block;top: 0;left: 0;width: 100%;height: 1px;background-color: #515151;}
.footer__li {position: relative;display: inline-block;padding: 0;margin: 0 10px 10px;text-align: left;}
.footer__link {position: relative;color: #ffffff;font: 400 18px pan;text-transform: capitalize;}
.footer__link.selected {color: #4f5f4c;}
.footer__cards {position: relative;display: flex;display: -webkit-flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.espa-footer{display: inline-block;margin-left: 10px}
.card {position: relative;display: inline-block;margin: 0 5px;max-width: 600px;}
.card img {max-width: 100%;height: auto}
.footer__socials {position: relative;width: 100%;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.footer__social {position: relative;display: inline-flex;display: -webkit-inline-flex;justify-content: center;align-items: center;margin: 0 5px;color: #ffffff;}
.footer__social span {display: inline-block;font: 400 16px pan;position: relative;top: 2px;}
.footer__social svg {display: inline-block;width: 22px;height: 22px;margin-right: 5px;}
.footer__contact, .footer__cards, .footer__socials {padding-bottom: 25px;}
.footer__menu {padding-top: 25px;}
.footer__bottom {position: relative;width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;background-color: #000000;padding: 20px;}
.copyright {display: inline-block;color: #ffffff;text-transform: uppercase;font: 400 14px pan;}
.footer__scroll {position: absolute;right: 40px;top: 30%;}
.footer__scrollTop {position: relative;display: inline-flex;display: -webkit-inline-flex;justify-content: center;align-items: center;width: 40px;height: 40px;background-color: #384635;}
.footer__scrollTop > svg {display: block;width: 25px;height: 25px;}
.footer__scroll span {text-transform: uppercase;color: #ffffff;font: 700 16px pan;padding: 5px 0 0;}
@media only screen and (min-width: 1251px) {
    .newsletter__submit:hover {cursor: pointer;}
    .footer__link:hover, .footer__info:hover, .footer__social:hover {cursor: pointer;color: #4f5f4c;}
    .footer__link:hover path, .footer__social:hover path {fill: #4f5f4c}
    .footer__scroll:hover {cursor: pointer}
}
@media print, screen and (max-width: 999px) {
    .espa-footer{display: inline-block;margin-left: 10px;margin-top: 10px}
}
@media print, screen and (max-width: 764px) {
    .newsletter {padding-bottom: 20px;}
    .newsletter__inner{width: calc(100% - 20px)}
    .newsletter::before {display: none;}
    .footer__logoContainer {width: 130px;height: 95px;}
    .footer__info, .footer__separator {font-size: 15px;}
    .footer__socials {flex-wrap: wrap;gap:10px;display: inline-flex;max-width: 200px;margin: 0 auto;}
    .footer__social {width: calc(50% - 5px);margin: 0;}
    .footer__socials .footer__social:first-of-type {width: 100%;}
    .footer__menu {display: block;text-align: center}
    .footer__li {display: block;width: 100%;text-align: center;margin: 0 0 10px}
    .footer__link {display: inline-block;}
    .footer__bottom {display: block;text-align: center;}
    .copyright {margin-bottom: 10px}
    .footer__scroll {position: relative;top: initial;right: initial;display: inline-block;margin-bottom: 30px;}
}