.mainFooter.content {
    --contentGap: 20px;
    display: grid;
    padding-inline: var(--contentPadding, 40px);
    justify-items: start;
    grid-template-columns: 1fr minmax(auto, 1174px) 1fr;
    column-gap: var(--contentGap)
}
.mainFooter.content .logo {

 background-color: unset;
 padding: initial;
 width: inherit;
 height: inherit;
box-sizing: initial;

}
.mainFooter.content img {
height: initial;
margin-bottom: initial;
    border-radius: initial;
}

@media (min-width: 1300px) {
.mainFooter.content:where(.withAsideBanners .mainFooter.content) {
    grid-template-columns: auto minmax(auto, 1174px) minmax(313px, auto)
}
}

.mainFooter.content > * {
grid-column: 2
}

@media (max-width: 1400px) {
.mainFooter.content {
    --contentPadding: 48px
}
}

@media (max-width: 1299px) {
.mainFooter.content {
    --contentGap: 0px;
    grid-template-columns: var(--contentPadding) minmax(auto, 1299px) var(--contentPadding);
    padding-inline: 0px
}
}

@media (max-width: 767px) {
.mainFooter.content {
    --contentPadding: 16px
}
}

.mainFooter {
margin-block-start: auto;
background-color: #f5f6f8;
color: #0f1015;
padding-block: 80px
}

@media (max-width: 1400px) {
.mainFooter {
    padding-block: 48px
}
}

@media (max-width: 767px) {
.mainFooter {
    padding-block: 32px
}
}

.mainFooter > * {
width: 100%
}

.mainFooter .information {
display: grid;
grid-template-columns: 270px 1fr 237px;
column-gap: 80px
}

@media (max-width: 1400px) {
.mainFooter .information {
    column-gap: 60px;
    grid-template-columns: 205px 1fr
}
}

@media (max-width: 1300px) {
.mainFooter .information {
    column-gap: 40px
}
}

@media (max-width: 767px) {
.mainFooter .information {
    grid-template-columns: 1fr;
    gap: 40px 20px
}
}

.mainFooter .logo-address {
display: flex;
flex-direction: column;
gap: 40px;
font: 16px/1.2 Open Sans
}

.mainFooter .logo-address img {
width: 100%
}

@media (max-width: 1400px) {
.mainFooter .logo-address {
    font-size: 14px
}
}

@media (max-width: 767px) {
.mainFooter .logo-address {
    font-size: 12px;
    flex-direction: row
}

.mainFooter .logo-address img {
    width: 123px
}
}

.mainFooter nav {
display: flex;
gap: 60px;
font: 600 18px/1.2 Open Sans
}

@media (max-width: 1400px) {
.mainFooter nav {
    font-size: 16px;
    gap: 24px
}
}

@media (max-width: 767px) {
.mainFooter nav {
    gap: 40px;
    font-size: 14px
}
}

.mainFooter nav .col {
display: flex;
flex-direction: column;
gap: 12px
}

@media (max-width: 1400px) {
.mainFooter nav .col {
    min-width: 192px
}
}

@media (max-width: 767px) {
.mainFooter nav .col {
    min-width: 144px
}
}

.mainFooter nav a:hover {
color: #ff0834
}

.mainFooter .contacts {
display: flex;
flex-direction: column;
gap: 8px;
font: 16px/1.2 Open Sans
}

@media (max-width: 1400px) {
.mainFooter .contacts {
    grid-column: 2;
    display: grid;
    grid-template-columns: 192px 192px;
    justify-content: start;
    column-gap: 24px;
    font-size: 14px
}
}

@media (max-width: 767px) {
.mainFooter .contacts {
    grid-column: 1;
    font-size: 12px;
    grid-template-columns: 1fr 144px
}
}

.mainFooter .contacts .mainPhone {
font-weight: 600;
font-size: 24px
}

@media (max-width: 1400px) {
.mainFooter .contacts .mainPhone {
    font-size: 20px
}
}

@media (max-width: 767px) {
.mainFooter .contacts .mainPhone {
    font-size: 18px
}
}

.mainFooter .contacts .remark {
margin-block-start: 8px
}

@media (max-width: 1400px) {
.mainFooter .contacts .remark {
    max-width: 135px
}
}

.mainFooter .contacts .socials {
margin-block-start: 24px;
display: flex;
gap: 16px;
flex-wrap: wrap;
align-self: start
}

@media (max-width: 1400px) {
.mainFooter .contacts .socials {
    grid-row: 1/span 3;
    grid-column: 2;
    margin-block-start: 0px
}
}

.mainFooter .contacts .socials a:hover svg rect, .mainFooter .contacts .socials a:active svg rect {
stroke: #ff0834
}

.mainFooter .contacts .socials a:hover svg path, .mainFooter .contacts .socials a:active svg path {
fill: #ff0834
}

.mainFooter .contacts .socials a:hover svg.ostrich path:last-child, .mainFooter .contacts .socials a:active svg.ostrich path:last-child {
fill: #fff
}

.mainFooter .links {
margin-block-start: 40px;
display: flex;
justify-content: space-between;
row-gap: 24px;
font: 600 18px/1.2 Open Sans
}

@media (max-width: 1400px) {
.mainFooter .links {
    margin-block-start: 70px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 40px;
    font-size: 16px
}
}

@media (max-width: 767px) {
.mainFooter .links {
    margin-block-start: 60px;
    grid-template-columns: 1fr;
    font-size: 14px;
    gap: 12px
}
}

.mainFooter .links .link:before {
width: 24px;
height: 24px;
content: url(/assets/inform.svg);
display: inline-block;
margin-inline-end: 8px;
vertical-align: middle
}

@media (max-width: 767px) {
.mainFooter .links .link:before {
    transform: scale(.833)
}
}

.mainFooter .links .link:hover {
color: #ff0834
}

.mainFooter .links .link:hover:before {
content: url(/assets/inform-hover.svg)
}

.mainFooter .infoline {
margin-block-start: 60px;
display: grid;
grid-template-columns: 221px 1fr auto;
gap: 49px;
color: #86858f;
font-size: 14px;
line-height: 1.3
}

@media (max-width: 1400px) {
.mainFooter .infoline {
    margin-block-start: 80px;
    grid-template-columns: 1fr;
    gap: 24px
}
}

@media (max-width: 767px) {
.mainFooter .infoline {
    font-size: 10px;
    margin-block-start: 60px
}
}

.mainFooter .multiline {
display: flex;
flex-direction: column
}

.mainFooter .multiline a:hover {
color: #0f1015
}

.mainFooter .images-credits {
display: flex;
flex-direction: column;
gap: 46px
}

@media (max-width: 1400px) {
.mainFooter .images-credits {
    gap: 144px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}
}

@media (max-width: 767px) {
.mainFooter .images-credits {
    gap: 24px;
    flex-direction: column;
    align-items: flex-start
}
}

.mainFooter .images {
display: flex;
gap: 10px
}

@media (max-width: 1400px) {
.mainFooter .images {
    margin-block-start: 16px
}
}

@media (max-width: 767px) {
.mainFooter .images {
    margin-block-start: 0px;
    display: grid;
    grid-template-columns: repeat(3, minmax(auto, 105px));
    justify-items: start
}
}

.mainFooter .images a {
filter: grayscale(1)
}

.mainFooter .images a:hover {
filter: none
}

.mainFooter .images img {
height: 39px;
max-width: 100%
}

.mainFooter .images img:last-child {
height: 40px
}

.mainFooter .credits {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 14px;
font: 12px/1 Open Sans;
color: #86858f
}

.mainFooter .credits svg {
flex-shrink: 0
}



span.madein__logo_madein__logo_inf {
    background-image: url(../img/inf1.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 15px;
    vertical-align: middle;
}

span.madein__logo_madein__logo_inf:hover {
    background-image: url(../img/inf2.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 15px;
    vertical-align: middle;
}