.footer {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.footer__top {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
color: #f7f4f6;
background-color: #2b2b2b;
padding-top: 6rem;
padding-bottom: 3.75rem;
}
.footer__top-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 0;
grid-row-gap: 0;
-webkit-align-items: flex-start;
align-items: flex-start;
gap: clamp(1.25rem, -.7543103448rem + 3.2327586207vw, 3.125rem);
width: 100%;
}
.footer__top-col {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.footer__top-col > h6 {
font-size: 1rem;
font-weight: normal;
margin-top: 0;
padding-bottom: .625rem;
margin-bottom: 1.25rem;
border-bottom: 1px solid rgba(247, 244, 246, .3);
}
.footer__top-col > ul {
font-size: 1rem;
list-style: none;
margin: 0;
padding: 0;
}
.footer__top-col > ul > li {}
.footer__top-col > ul > li + li {
margin-top: 1.875rem;
}
.footer__top-col > ul > li > a:hover {
color: #F8DC3E;
}
.footer__bottom {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
padding: 2.375rem 0;
}
.footer__bottom > .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
gap: 1.25rem;
}
.footer__bottom-info {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 0 15.9375rem;
flex: 0 0 15.9375rem;
}
.footer__logo {
width: fit-content;
}
.footer__logo > img {
max-width: 100%;
height: auto;
}
.footer__trade {
margin-top: 20px;
color: rgba(247, 244, 246, .7);
font-size: .75rem;
line-height: 1.5;
}
.footer__bottom-copy {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.875rem;
font-size: .75rem;
}
.footer__bottom-copy > p {
color: rgba(247, 244, 246, .7);
margin-top: 0;
margin-bottom: 0;
}
.footer__bottom-copy > p + * {
position: relative;
}
.footer__bottom-copy > p + *::before {
content: '';
position: absolute;
width: .0625rem;
height: 1.0625rem;
top: 50%;
left: -.875rem;
translate: 0 -50%;
background: #636262;
}
.footer__bottom-copy > a:hover {
color: #F8DC3E;
}
.footer__bottom-social {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
}
.footer__bottom-social > a {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1.875rem;
height: 1.875rem;
background-color: #f7f4f6;
font-size: .875rem;
color: #010101;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.footer__bottom-social > a:hover {
background-color: #F8DC3E;
}
._icon-inst::before {
content: "\e908";
}
._icon-fb::before {
content: "\e900";
}
._icon-x::before {
content: "\e902";
}
._icon-in::before {
content: "\e901";
}
._icon-yout::before {
content: "\e903";
}
._icon-wp::before {
content: "\e909";
}
._icon-tg::before {
content: "\e90b";
}