.footer {background-color: var(--black);color: var(--white);font-size: 12px;padding-top: 2.1428571429rem;margin-top: 2.1428571429rem;position: relative;width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto; } .footer::after {content: "";background: url("/static/img/hory_footer.jpg");background-position: bottom;background-size: contain;background-repeat: no-repeat;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1; } @media (max-width: 991.98px) {.footer::after {background-size: unset;} } @media (max-width: 767.98px) {.footer {text-align: center;} } .footer .container {position: relative;z-index: 2; } .footer .container .row {position: relative;z-index: 2; } .footer .container .row .col {padding: 1.0714285714rem; } @media (max-width: 991.98px) {.footer .container .row .col:nth-child(3), .footer .container .row .col:nth-child(4) {display: none;} } .footer .container .row .col .footer-logo {margin-bottom: 2.8571428571rem; } .footer .container .row .col .footer-buttons {display: flex;gap: 1.0714285714rem;margin-bottom: 1.4285714286rem; } .footer .container .row .col .footer-buttons .btn {padding: 0.5714285714rem; } @media (max-width: 767.98px) {.footer .container .row .col .footer-buttons {justify-content: center;} } .footer .container .row .col .contact {margin-bottom: 2.1428571429rem;display: flex;flex-direction: column; } @media (max-width: 767.98px) {.footer .container .row .col .contact {align-items: center;} } .footer .container .row .col .contact a {color: var(--primary);font-weight: 900;display: flex;align-items: center; } .footer .container .row .col .contact .mdi {margin-right: 1.0714285714rem;font-size: 2.1428571429rem;line-height: 1.4; } .footer .container .row .col-links {display: flex;flex-direction: column; } .footer .container .row .col-links .col-list {border-left: 5px solid var(--primary);padding: 1.0714285714rem 0 0 1.4285714286rem; } @media (max-width: 767.98px) {.footer .container .row .col-links .col-list {border: 0;} } .footer .container .row .col-links .col-list ul {list-style: none;padding-left: 0;line-height: 2; } .footer .container .row p, .footer .container .row h3, .footer .container .row li, .footer .container .row a {color: var(--white);font-size: 12px;text-transform: uppercase; } .footer .container .row p span, .footer .container .row h3 span, .footer .container .row li span, .footer .container .row a span {text-transform: none; } .footer .container .row h3 {font-weight: bold; } .footer .container .copyright {text-align: center;font-weight: bold; }