img { height: auto; max-width: 100%; } .footer { position: relative; background: #f8f8f8; flex: 0 0 auto; } .feedback-wrap { height: 150px; } .feedback { /*position: absolute;*/ /*top: -150px;*/ /*left: 35px;*/ } .fb-container { position: relative; /*left: 0;*/ /*top: -150px;*/ width: 100%; max-width: 1600px; display: flex; margin: 0 auto; padding-left: 10px; } .fb-aside { width: 25%; max-width: 360px; } .fb-inner { width: 75%; position: relative; padding-left: 30px; } /*@media (max-width: 1660px) {*/ /* .fb-inner {*/ /* width: 550px;*/ /* flex-shrink: 0;*/ /* }*/ /* .fb-aside {*/ /* width: calc(25% - 42px);*/ /* }*/ /*}*/ @media (min-width: 1471px) and (max-width: 1660px) { .fb-container { position: absolute; } .fb-aside { width: 360px; } } @media (max-width: 1470px) { .fb-aside { width: calc(25% - 15px); } } @media screen and (max-width: 760px) { .feedback { left: 0; } .fb-container { padding-left: 0; } .fb-aside { width: 0; } .fb-inner { width: 100%; padding-left: 0; } } .footer-container { max-width: 1660px; margin: auto; padding: 0 20px; } .footer-mobile { display: none; padding: 20px; padding-bottom: 0; } .footer-list { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin: 0; padding: 0; list-style: none; border-bottom: none; padding: 12px 0; } .footer-list .footer-item:first-child { margin-right: 20px; } .footer-item:last-child { margin-left: 1.2rem; } .footer-line-copy { color: rgb(156, 156, 156); opacity: 1 !important; width: auto; } .footer-copy { opacity: 1 !important; } @media (max-width: 768px) { .footer-list { border-bottom: 1px solid #e1e1e1; } .footer-list .footer-item:first-child { margin-right: auto; } .footer-list .footer-item:last-child { display: none; } .footer-list .footer-item a { display: inline-block; width: 24px; height: 24px; } } .footer-list .footer-item:first-child a { color: #0d4a75; display: flex; align-items: center; text-decoration: none; } .footer-list .footer-item:first-child a img { margin-right: 4px; } .footer__inner, .footer__copy-inner { margin: 0 auto; max-width: 1660px; padding: 0 17px; } .footer__inner { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: 38px; } .footer-link { display: flex; align-items: flex-end !important; } .footer-img { padding-top: 3px; } .footer__nav { list-style: none; margin: 0; padding: 0; } .footer__nav li { display: inline-block; } .footer__nav li + li { margin-left: 30px; } .footer__nav a { font-size: 17px; line-height: 21px; color: #fafafa; text-decoration: none; } .footer__nav a:hover { text-decoration: underline; } .footer__copy { background: #101010; padding-top: 20px; padding-bottom: 25px; } .footer-top { display: none; align-items: center; justify-content: space-between; padding: 12px 0; } @media (max-width: 768px) { .footer-top { display: flex; } } .footer-line { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 768px) { .footer-line-copy { display: none; } .footer-list { flex-grow: 1; } } .footer-flex-b { display: flex; flex-direction: column-reverse; width: 100%; } @media (max-width: 900px) { .footer__nav { display: flex; flex-direction: column; } .footer__nav li + li { margin-left: 0; } .footer-mobile { display: flex; } .footer-mobile__list { list-style: none; display: flex; flex-direction: column; align-items: baseline; padding: 0; margin: 0 0 32px; } .footer-mobile__list a { font-size: 14px; line-height: 30px; color: #367eb2; text-decoration: none !important; } .footer-mobile__list a:hover { text-decoration: underline; } } .footer-flex { display: flex; align-items: center; justify-content: space-between; width: 100%; } .mobile-question-popup { display: none; } .question-xs { display: none; } @media (max-width: 900px) { .mobile-question-popup { display: block; cursor: pointer; font-weight: 600; font-size: 17px; line-height: 42px; color: #0d4a75; margin-bottom: 15px; } } @media (max-width: 750px) { .footer__inner { align-items: flex-start; } .footer-wrap { display: block; border-top: 1px solid #e1e1e1; padding-top: 12px; position: relative; } .question__popup.question-xs { position: absolute; } .question__popup { top: -310px; left: 0; height: 290px; width: 100%; cursor: default; background: white; border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); z-index: 22; } .question__popup .question-wrap .close { position: absolute; top: 22px; right: 15px; cursor: pointer; width: 11px; height: 11px; } .question__popup .close::after { content: ""; height: 2px; width: 13px; background: #c6c6c6; transform: rotate(45deg); display: block; position: absolute; } .question__popup .close::before { content: ""; height: 2px; width: 13px; background: #c6c6c6; transform: rotate(-45deg); display: block; position: absolute; } .question-wrap { display: flex; flex-direction: column; align-items: flex-start; padding: 22px 25px; } .question-wrap .title { font-weight: 600; font-size: 16px; line-height: 19px; color: #3a4149; margin-bottom: 15px; } .question-wrap textarea { background: #ffffff; border: 1px solid #e2e2e2; border-radius: 3px; width: 100%; height: 164px; resize: none; margin-bottom: 14px; } .question-wrap input[type="submit"] { background: #367eb2; color: #ffffff; font-weight: 500; font-size: 14px; line-height: 17px; display: block; border: none; padding: 8px 21px; cursor: pointer; } } @media (max-width: 550px) { .footer__copy-inner { font-size: 12px; line-height: 120%; color: #a5adb2; padding-left: 17px; padding-right: 17px; } .footer__nav { width: 50%; } .footer__nav li { margin-bottom: 10px; } } @media (max-width: 330px) { .footer__inner { flex-direction: column; } .footer__nav { margin-bottom: 40px; } } @media (min-width: 900px) { .footer-list { margin-left: 1.8rem; /* padding-top: 1.5rem; */ } .footer-container { padding: 0 !important; } } @media (max-width: 1470px) { .header__logo { min-width: unset; max-width: 300px; } } @media (max-width: 1100px) { .hero__search-form { display: none; } } @media (max-width: 900px) { .sidebar__wrapper { position: static !important; } } .footer-img { padding-top: 0; } .social-footer-img { padding-top: 0 !important; } .footer-item { padding-top: 0px; } .footer-list { padding-top: 16px; padding-bottom: 16px; height: 66.2px; } .sk-footer-img { padding-top: 5px; margin-left: 20px !important; } .footer-img-elma-url { padding-bottom: 1px; }