.box_foot{
background-color: #4A4A4A;
}
.box_contact{

}
.div_contact{
width: 1560px;
box-sizing: border-box;
max-width: 100%;
margin: 0px auto;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 40px 15px;
}
.div_contact a{
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
}

.div_contact .logoStopka{
flex: 1 0 auto;
}
.div_contact .tel{
display: inline-block;
margin-right: 70px;
position: relative;
}
.div_contact .email{
display: inline-block;
position: relative;
}

.div_contact .tel:before,.div_contact .email:before,.div_contact .tel:after,.div_contact .email:after{
content: "";
width: 60px;
height: 60px;
display: inline-block;
transition: all 0.5s ease-out 0s;
}

.div_contact .tel:before,.div_contact .email:before{
vertical-align: middle;
background-color: var(--g1-color);
margin-right: 20px;
border-radius: 20px 0px;
border: 1px solid var(--g1-color);
}

.div_contact .tel:hover:before,.div_contact .email:hover:before{
background-color: #FFFFFF;
}

.div_contact .tel:after,.div_contact .email:after{
position: absolute;
top:0px;
left: 0px;
filter: brightness(0) invert(100%);
}
.div_contact .tel:hover:after,.div_contact .email:hover:after{
filter: brightness(100%) invert(0%);
}

.div_contact .tel:after{
background: url('data:image/svg+xml;base64,PHN2ZyBpZD0idGVsZXBob25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOC45NzQiIGhlaWdodD0iMjguOTc0IiB2aWV3Qm94PSIwIDAgMjguOTc0IDI4Ljk3NCI+DQogIDxnIGlkPSJHcm91cF8zMiIgZGF0YS1uYW1lPSJHcm91cCAzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+DQogICAgPHBhdGggaWQ9IlBhdGhfMjAiIGRhdGEtbmFtZT0iUGF0aCAyMCIgZD0iTTI3LjcsMTkuNTA2bC0zLjE0Mi0yLjI0NGEzLjAyNywzLjAyNywwLDAsMC0zLjkxMS4zMjRMMTguODEsMTkuNDI2YTU4Ljk3NCw1OC45NzQsMCwwLDEtOS4yNjEtOS4yNjFMMTEuMzksOC4zMjRhMy4wMjYsMy4wMjYsMCwwLDAsLjMyNC0zLjkxMUw5LjQ2OSwxLjI3MUEzLjAzNiwzLjAzNiwwLDAsMCw0Ljg1Mi44ODlsLTIuOSwyLjljLTIuNjA1LDIuNi0yLjYsNi4xMy4wMDYsOS42NzJBNTguOTE4LDU4LjkxOCwwLDAsMCwxNS41MTUsMjcuMDE2YzMuMjc2LDIuNDEzLDYuODc4LDIuOCw5LjY3Mi4wMDZsMi45LTIuOUEzLjAzNiwzLjAzNiwwLDAsMCwyNy43LDE5LjUwNlptLTEuMjE4LDMuMDE3LTIuOSwyLjljLTIuMDEsMi4wMS00LjQ0OSwxLjQ1Mi02LjczLS4yMjhBNTYuODMxLDU2LjgzMSwwLDAsMSwzLjc4MiwxMi4xMThDMi4xLDkuODM4LDEuNTQzLDcuNCwzLjU1NCw1LjM4OGwyLjktMi45YS43NzIuNzcyLDAsMCwxLDEuMTc1LjFMOS44NzIsNS43MjhhLjc3Ljc3LDAsMCwxLS4wODIsMWwtMi40NSwyLjQ1YTEuMTMyLDEuMTMyLDAsMCwwLS4yNjYsMS4xNzljLjc4LDIuMiw5LjM1MywxMC43NywxMS41NSwxMS41NDlhMS4xMzEsMS4xMzEsMCwwLDAsMS4xNzktLjI2NmwyLjQ1LTIuNDVhLjc3Ljc3LDAsMCwxLDEtLjA4MmwzLjE0MiwyLjI0NEEuNzcyLjc3MiwwLDAsMSwyNi40ODYsMjIuNTIyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDAxIDApIiBmaWxsPSIjZDRhMzczIi8+DQogIDwvZz4NCjwvc3ZnPg0K') 50% 50% no-repeat;
}
.div_contact .email:after{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAVCAYAAAC+NTVfAAAABHNCSVQICAgIfAhkiAAAAfZJREFUSEvtVk1OwlAQnmkxMWIinkBcqpB4A/EEsjUKwgmooGvLWiH1BKCNcYsnEG9Agj9L8Qa40JjQdpxX8mpTIUUsceNbvd/55uebN4PPDS3xpionBFBAxATMcBBRHwFacds5XC0afXwwKwYDl2aIOUp0O5WrbWPXrAhtlgI32gRYjUIhBCqwnIOgrLhlL+O9WWHD3XHBk6xPkQ4qSnFj77QzjRJP11rSttQGv81474luAHFHrNm4bQ9cLGIxq2cPFENecB8RGRyjqojRpEp0zbLO0kuSQxzrO0VVNcehBHvidiR4OnfWFgePZiVrAzQ9LxD1CJWiPB+nxMPV8SY5jrB2cwgAr0ikp/J1Q6y75lEmFFxcFFnwHlN1Pxl53lq07GLQCzJj2GOa38XqnKOt7Ro9uTcxeOBBk9crwyhwuiiopfZrF541xNYiJqW1Kqfteq7WCnrox+BfSpR1BDzxCeSMAJEpWbnH8/MFy9bH8WNqcAEgGGwNlCYTaStg1QsTthDGiV+BS8D7y7JGiOwJWCKgajpX18eR0L8fCbgk5Mc8JPyEClMgMvAwoFHn/+DDlAx8r2FsncbVMyHcNIp8i7lXUomaKpD4yWY2bMCs/ILdkvoXzYSocul8PYOygDiijfreVETvBa7pXKILbhsVvfTJJX4CpUJRbVf9jUIAAAAASUVORK5CYII=') 50% 50% no-repeat;
}

.box_stopka{
border-top: 1px solid rgba(178,178,178,0.26);
}
.div_stopka{
width: 1530px;
box-sizing: border-box;
max-width: 100%;
margin: 0px auto;
display: flex;
align-items: center;
justify-content: space-between;
}

.stopka a{
color: #FFFFFF;
}

.stopka{
color: #ffffff;
font-size: 14px;
font-weight: 400;
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: 20px 10px;
font-family: var(--gfont2-family);
}
.stopka .bottomStopkaRight{
margin-left: 50px;
}


@media screen and (max-width:1100px){
.div_contact{flex-direction: column;padding-bottom: 0px}
.div_contact>div,.div_contact a{margin-bottom: 30px}
.div_contact .tel{margin-right: 0px;}
.div_contact .logoStopka img{height: 40px;width: auto}
.div_contact .tel::before, .div_contact .email::before, .div_contact .tel::after, .div_contact .email::after {width: 45px;height: 45px}
.div_contact .tel::after {background-size: 20px auto}
.div_contact .email::after {background-size: 20px auto}

.div_stopka{flex-direction: column}
.menuStopka ul li{padding: 0px 30px}
}

@media screen and (max-width:730px){
.stopka{flex-direction: column;}
.stopka .bottomStopkaRight{margin: 20px 0px 0px 0px}
}