.box_foot{
background-image: url('../images/mapa.png'), url('../images/bg_foot.png');
background-repeat: no-repeat,repeat;
background-color: #eceff0;
padding: 90px 0px 0px 0px;
box-sizing: border-box;
}
.div_foot{
box-sizing: border-box;
max-width: 100%;
 text-align: center;
}

.div_foot .logoFoot{
text-align: center;
margin-bottom: 60px;
}
.div_foot .mod_kontakt{
display: table;
width: 100%;
margin-bottom: 100px;
}
.div_foot .mod_kontakt>div{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.div_foot .mod_kontakt>div>div{
text-align: left;
display: inline-block;
position: relative;
font-size: 16px;
color: #000000;
line-height: 1.5em;
}
.div_foot .mod_kontakt>div>div p{
 margin-bottom: 10px;
}

.div_foot .mod_kontakt>div>div a{
color: #000000;
}
.div_foot .menuStopka{
display: inline-block;
vertical-align: middle;

 }
.div_foot .menuStopka ul{
list-style: none;
}
.div_foot .menuStopka ul li{
display:inline-block;
vertical-align: middle;
position: relative;
padding: 0px 10px;
}
.div_foot .menuStopka ul li:after {
content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAJCAYAAADzRkbkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRJREFUeNpiNjY29mViAIH///8zMAK58iCuHoh4CBeDKAEIMADdXAmbb5xxMgAAAABJRU5ErkJggg==');
position: absolute;
left: 0px;
top: 50%;
color: #aaa7a8;
font-size: 14px;
transform: translateY(-50%);
}
.div_foot .menuStopka ul li a{
display: block;
padding: 20px 15px;
position: relative;
transition: all 0.5s ease-out 0s;
font-family: 'Raleway', sans-serif;
font-size: 18px;
color: #333333;
font-weight: 300;
}
.div_foot .menuStopka ul li a:after{
content: "";
width: 0%;
height: 1px;
background-color: #63cbdd;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
transition: all 0.5s ease-out 0s;
position: absolute;
}
.div_foot .menuStopka ul li a:hover:after{
width: 80%;
}


.div_foot .face{
display: inline-block;
vertical-align: middle;
width: 38px;
height: 39px;
background: url('../images/ico_face.png') 50% 50% no-repeat;
margin-left: 50px;
transition: all 0.5s ease-out 0s;
}
.div_foot .face:hover{
opacity:0.6;
}
.div_foot .mod_kontakt>div.adres{

}
.div_foot .mod_kontakt>div.adres>div{
padding-left: 100px;
}
.div_foot .mod_kontakt>div.mail>div{
 padding-left: 100px;
}

.div_foot .mod_kontakt>div>div:before{
 background-repeat: no-repeat;
}

.div_foot .mod_kontakt>div.adres>div:before{
content: "";
width: 80px;
height: 80px;
position: absolute;
top:0px;
bottom: 0px;
left: 0px;
margin: auto;
 background-position: 0 0px;
 background-image: url('../images/world.svg');
 background-size: 80px 80px;
}

.div_foot .mod_kontakt>div.mail>div:before{
 content: "";
 width: 80px;
 height: 80px;
 position: absolute;
 top:0px;
 bottom: 0px;
 left: 0px;
 margin: auto;
 background-position: 0 0px;
 background-image: url('../images/email.svg');
 background-size: 80px 80px;
}

.div_foot .mod_kontakt>div.telefon>div{
padding-left: 100px;
}


.div_foot .mod_kontakt>div.telefon>div:before{
content: "";
width: 80px;
height: 80px;
position: absolute;
top:0px;
bottom: 0px;
left: 0px;
margin: auto;
 background-position: 0 0px;
 background-image: url('../images/smartphone.svg');
 background-size: 80px 80px;
}
.div_foot .mod_kontakt a.mail{
display: inline-block;
background-color: #63cbdd;
border: 1px solid #63cbdd;
color: #FFFFFF;
font-size: 16px;
padding: 15px 35px 15px 65px;
line-height: 1;
position: relative;
transition: all 0.5s ease-out 0s;
}
.div_foot .mod_kontakt a.mail:after,.div_foot .mod_kontakt a.mail:before{
content: "";
width: 28px;
height: 23px;
position: absolute;
top:0px;
bottom: 0px;
left: 19px;
margin: auto;
background-repeat: no-repeat;
background-position: 0px 0px;
transition: all 0.5s ease-out 0s;
}
.div_foot .mod_kontakt a.mail:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXCAYAAAAYyi9XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATZJREFUeNrclj2qwkAURq9BBCvBygWkdQ2KlRuwt7KyFneg2LoAK0HQNTzSavnaZ6O9oCiIIIzflRsZRpM3iXEKLxzI/PidzEQnklKqA/bq88WOTo4viKhEburAQiWNNfj5kKgB/PuVtuRfUGZ/xpQl+15k7PMf8DOU+ZKpooRcO1DLQFaTLBUlvGrXF9B+Q9aWjKdsXTgDY+OGBilkAyNjLNlPwqm0u8Zq56BoISrKXH1VXRmbxgmZJjhqY0tQiZFVZE5YR8kgWyFTBRttfCN9lGKelTD8DQUxd27uRBCxE9ZCpgAmL56N+awnMpfeFYb0Yw7m/j+ffQi9BOfhELTAWes7S9/QNiSf8BBegC0YSbsHVkkC8ilOfhbU0742PHJc3y90/sZ3/p/Gk6/2yYGMHb2bAAMA5j6pK4zbxiMAAAAASUVORK5CYII=');
opacity:1;
}
.div_foot .mod_kontakt a.mail:before{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXCAYAAAAYyi9XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAaRJREFUeNrclr9Lw0AYhs8zFAqC0KlTB+naQZAIXSoOpUPHdq8oTnYN9i+odDWLIOhexw7FQXQR/LF1EtShk5NQEARB8P3gjZwhiUlsO3jwkN7lu+/JJdcvWdi+e9pVSvXAspptmwBHz0mm6OhZhuwRXMxItgmK4rKMwXfQAa9JMh2vrUSe37l/zuFw6fW1ca4EbnglU2mQFZmzFCRUlElAZQqyStACTOEnj3ILzkHrD7IWc+R8uX8Iz4DL3xlwAropZF3OzXDIZe7AFbaJd0X7oA+yMURZ0Oec73zYVO2wFSrjiurgjf0Gd1k+QpZnTINDMrcOmeuP1SE5hqAMxuzb/t1myLzdbXNI5pQhGwYl1hF3aQRWwRX7BXANakZMjWMF9iV2HbJRWFL9y6ORIlAFp+wvgQHYIwOOKcZUIXuJSmjF2HgfYAs8cNcugkNfTAeigzi7WCfY8ZKwyRJolsNmXFncFSrff3XMN4w0B7LbJAmsFIVEBBtpq5BWc27/X2g+Q6kURymKdZww2xRO+JlRnObLN+xDSm6pYxTqWTZxOF8CDABAg2hBnr6M1AAAAABJRU5ErkJggg==');
opacity: 0;
}
.div_foot .mod_kontakt a.mail:hover{
color: #63cbdd;
background-color: #FFFFFF;
}
.div_foot .mod_kontakt a.mail:hover:after{opacity:0;}
.div_foot .mod_kontakt a.mail:hover:before{opacity:1;}

 @media screen and (max-width:1100px){
 .box_foot {padding: 30px 0px 0px 0px;}
 .div_foot .mod_kontakt {margin-bottom: 40px;}
}
@media screen and (max-width:810px){
 .div_foot .logoFoot {display: none}
 .div_foot .mod_kontakt {display: block}
 .div_foot .mod_kontakt > div {display: block;margin-bottom: 30px;text-align: center}
 .div_foot .mod_kontakt > div > div {text-align: center}
 .div_foot .mod_kontakt > div.adres > div {padding: 0px;}
 .div_foot .mod_kontakt > div.adres > div::before {display: none}
 .div_foot .mod_kontakt > div.telefon > div::before {display: none}
 .div_foot .mod_kontakt > div.telefon > div {padding: 0px;}
 .div_foot .menuStopka {display: block;text-align: center;margin-bottom: 20px;}
 .div_foot .face {margin: 0px auto;display: block}
}