.direction {
margin: 0 0 130px 0;
}
.title {
font-family: 'Magistral', sans-serif;
font-weight: 700;
font-size: 60px;
line-height: 60px;
color: #F5F5F5;
margin: 0 0 20px 0;
}
.direction__items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.direction__item {
position: relative;
width: 31%;
height: 290px; display: flex;
flex-direction: column;
justify-content: end;
padding: 24px;
margin: 0 0 40px 0;
}
.direction__item:last-child {
flex-grow: 1;
margin: 0;
}
.direction__title {
font-family: 'Magistral', sans-serif;
font-size: 24px;
color: #F5F5F5;
margin: 0 0 10px 0;
font-weight: 700;
line-height: 24px;	
}
.direction__line {
width: 76.51px;
height: 3px;
background-color: #FE0000;
}
.direction__descript {
font-family: 'Magistral';
font-size: 18px;
line-height: 24px;
color: rgba(245, 245, 245, 0.8);
margin: 20px 0 0 0;
}
.direction__hover {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; transition: .3s;
padding: 24px 24px 0;
}
.direction__item:hover .direction__hover{
opacity: 1;
}
.direction__item:hover .direction__title, .direction__item:hover .direction__descript{
opacity: 0;
}
.direction__item:hover .direction__line{
background-color: transparent;
}
.hover__title {
font-size: 24px;
line-height: 24px; 
color: #F5F5F5; 
font-family: 'Magistral', sans-serif;
margin: 0 0 10px 0;
font-weight: 700;
}
.hover__line {
width: 81.6px;
height: 3px;
background-color: #F5F5F5;
margin: 0 0 20px 0;
}
.hover__group {
font-family: 'Magistral';
color: #F5F5F5;
font-size: 20px;
line-height: 24px;
}
.hover__list {
padding: 0;
font-family: 'Magistral';
color: #F5F5F5;
font-size: 20px;
line-height: 24px;
margin: 0 0 1.5em 1em;	
}
.hover__li {
list-style: disc;
color: #F5F5F5;
}  .item__phone:hover,
.item__phone:active {
outline:0;
color: #00feef;
}
.direction__line { background-color: #00feef;
}
.direction__hover {  }
.hover__line { background-color: #00feef;
} @media (min-width: 1800px) { }
@media (max-width: 900px) {
.direction__item {
width: 49%;
}
.direction__item:last-child {
flex-grow: 0;
}
}
@media (max-width: 550px) {
.direction__item {
width: 100%;
}
.title {
font-size: 36px;
line-height: 36px;  
}
}
@media(min-width: 768px) {
.desktop-hidden {
display: none;
}
}
@media(max-width: 1080px) {
.mobile-hidden {
display: none;
}
.hhe {
min-height: 450px;
margin: 0;
}
.direction__item .direction__hover{
opacity: 1;
}
.direction__item .direction__title, .direction__item:hover .direction__descript{
opacity: 0;
}
.direction__item .direction__line{
background-color: transparent;
}
}
@media(max-width: 942px) {
.hhe {
min-height: 475px;
}
}
@media(max-width: 855px) {
.hhe {
min-height: 545px;
}
}
@media(max-width: 790px) {
.hhe {
min-height: 600px;
}
}
@media(max-width: 700px) {
.hhe {
min-height: 370px;
}
}
.direction__link {
width: 35px;
height: 35px;
background: #000;
display: flex;
border-radius: 100%;
margin: 0;
padding: 0;
position: absolute;
bottom: 24px;
}
.avatar__image {
position: relative;
color: #fff;
margin: auto;
}
a.nullstyle {
transition: none;
color: #fe000000;
position:absolute;
height:100%;
width:100%;
}
a.nullstyle:hover, a.nullstyle:focus, a.nullstyle:active {
color: #00feef00;
}
@media(min-width: 1080px) {
.direction__link{
display: none;
}
}
@media(max-width: 1080px) { 
.direction__item {
margin: 0 0 35px 0;
} 
}
@media(max-width: 940px) {  
.direction__item {
margin: 0 0 32px 0;
} 
}
@media(max-width: 900px) {  
.direction__item {
margin: 0 0 18px 0;
} 
}
@media(max-width: 768px) {
.direction__descript {
display: none;
}
.direction {
margin: 0 0 80px 0;
}
}
@media(max-width: 1080px) {
.direction__descript{
display:none;
}
}