.box_foot{
background: url("../images/footer.webp") 50% 50% no-repeat;
background-size: cover;
color: #FFFFFF;
}
.box_foot a{
color: #FFFFFF;
}
.div_foot{
width: 1430px;
max-width: 100%;
box-sizing: border-box;
margin: 0 auto;
padding: 75px 15px 55px 15px;
}
.div_stopka{
width: 1430px;
max-width: 100%;
box-sizing: border-box;
margin: 0 auto;
padding: 30px 15px;
border-top:1px solid rgba(255,255,255,0.18);
display: flex;
align-items: center;
justify-content: space-between;

}

.div_foot .contact{
display: flex;
justify-content: space-between;
}
.div_foot .contact .content>div{
margin-bottom: 8px;
}

.div_foot .contact>div.boxOffer ul{
list-style: none;
}
.div_foot .contact>div.boxOffer ul li{
display: block;
margin-bottom: 8px;
}
.div_foot .contact>div.boxOffer ul li a{
font-size: 16px;
font-weight: 300;
}
.div_foot .contact>div.boxLogo{
max-width: 290px;
}
.div_foot .contact>div.boxLogo img{
display: block;
margin-bottom: 40px;
filter: brightness(0) invert(100%);
}
.div_foot .contact>div.boxLogo .text{
font-size: 16px;
font-weight: 300;
}


.div_foot .contact>div .title{
font-size: 18px;
font-weight: 400;
margin-bottom: 35px;
}
.div_foot .contact>div .content{

}
.div_foot .contact>div .content .address{

}
.div_foot .contact>div .content .address:before{
content: "home_pin";
font-family: "Material Symbols Rounded", serif;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
color: #E3E3E3;
font-size: 28px;
width: 28px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.div_foot .contact>div .content .phone:before{
content: "phone";
font-family: "Material Symbols Rounded", serif;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
color: #E3E3E3;
font-size: 28px;
width: 28px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.div_foot .contact>div .content .email:before{
content: "mail";
font-family: "Material Symbols Rounded", serif;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
color: #E3E3E3;
font-size: 28px;
width: 28px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

.div_foot .social{
padding: 55px 0 0 0;
}
.div_foot .social a{
display: inline-block;
width: 32px;
height: 32px;
background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iZmFjZWJvb2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPg0KICA8cGF0aCBpZD0iUGF0aF8yOCIgZGF0YS1uYW1lPSJQYXRoIDI4IiBkPSJNMTMuODkyLDI0LjEyM2gzLjM1N1YxNmgyLjIzOWwuMy0yLjhIMTcuMjQ5bDAtMS40YzAtLjczLjA3LTEuMTIxLDEuMTE3LTEuMTIxaDEuNHYtMi44aC0yLjI0Yy0yLjY5LDAtMy42MzcsMS4zNTgtMy42MzcsMy42NDJWMTMuMkgxMi4yMTVWMTZoMS42NzdaIiBmaWxsPSIjZmZmIi8+DQogIDxnIGlkPSJHcm91cF8zOCIgZGF0YS1uYW1lPSJHcm91cCAzOCI+DQogICAgPGcgaWQ9IlNob3BwaW5nXzEwXzEyMl8iPg0KICAgICAgPGcgaWQ9Ikdyb3VwXzM3IiBkYXRhLW5hbWU9Ikdyb3VwIDM3Ij4NCiAgICAgICAgPGcgaWQ9Ikdyb3VwXzM2IiBkYXRhLW5hbWU9Ikdyb3VwIDM2Ij4NCiAgICAgICAgICA8ZyBpZD0iR3JvdXBfMzUiIGRhdGEtbmFtZT0iR3JvdXAgMzUiPg0KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzM0IiBkYXRhLW5hbWU9Ikdyb3VwIDM0Ij4NCiAgICAgICAgICAgICAgPHBhdGggaWQ9IlBhdGhfMjkiIGRhdGEtbmFtZT0iUGF0aCAyOSIgZD0iTTE2LDFBMTUsMTUsMCwxLDEsMSwxNiwxNS4wMTcsMTUuMDE3LDAsMCwxLDE2LDFtMC0xQTE2LDE2LDAsMSwwLDMyLDE2LDE2LDE2LDAsMCwwLDE2LDBaIiBmaWxsPSIjZmZmIi8+DQogICAgICAgICAgICA8L2c+DQogICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==') 50% 50%;
}

.div_stopka .menuStopka{

}
.div_stopka .menuStopka ul{
display: flex;
gap:50px;
list-style: none;
}
.div_stopka .menuStopka ul li a{
font-weight: 300;
}
.stopka{
display: flex;
gap:50px;
}

@media screen and (max-width:1220px){
.div_foot .contact{flex-wrap: wrap}
.div_foot .contact>div{width: 50%;margin-bottom: 30px}
.div_foot .social{padding: 0}

}

@media screen and (max-width:1000px){
.div_stopka{flex-direction: column}
.stopka{margin-top:30px}
}
@media screen and (max-width:610px){
.stopka{flex-direction: column;gap: 30px}
.stopka>div{text-align: center}
}

@media screen and (max-width:770px){
.div_foot .contact>div{width: 100%;}
}