/* Подчерк ссылок */


@media screen and (min-width: 981px){
    
.Lineup a{
	position: relative;
	/*color: #000000; /*задаём цвет ссылки*/
	cursor: pointer;
	/*line-height: 1; /*задаём высоту строки*/
	text-decoration: none; /*убираем подчёркивание*/
}

.Lineup a:after {
	display: block;
	position: absolute;
	left: 0; /*изменить на right:0;, чтобы изменить направление подчёркивания */
	/*left: 50%; /* от центра*/
	/*transform: translateX(-50%); /* от центра*/
	width: 0%;/*задаём длину линии до наведения курсора , без аниммации 100%*/ 
	height: 1px; /*задаём ширину линии*/
	background-color: #ffffff; /*задаём цвет линии*/
	content: "";
	transition: width 0.3s ease-out; /*задаём время анимации*/
}

.Lineup a:hover:after {
	width: 100%; /*устанавливаем значение 100% чтобы ссылка подчёркивалась полностью*/
}
    
.Gray a:after {
    background-color: #808285;  
}

.Orange a:after {
    background-color: #ff7700;  
}

.No a:after {
    background-color: transparent;
}
    
}
