header.computer .menu {
	background: #000; 
    position: relative;
    z-index: 99;
}

header.computer .menu ul.level1 > li > a {
    color: #fff;	
}

header {
    background: #000;
}

header.main .f_212 {
	background: #000;
}



.main_slider li {
    min-height: 700px;
    background-size: cover;
	background-position: top center;
} 
 
.m4_f {
    color: #fff;
    position: absolute;
    top: 340px;
    left: 0;
    line-height: 50px;
}

.m5_f {
    color: #fff;
    position: absolute;
    top: 195px;
    left: 0;
    font-size: 46px;
    font-weight: 600;
    background-color: rgba(000, 000, 000, 0.4);
    padding: 8px;
}

.main_slider .cont_upd .more_e1 {
    position: relative;
    background: transparent;
    border-style: none;
    border-radius: 5px;
	
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0px;
	text-decoration: none;
    padding: 16px 19px 16px 16px;
    border: 1px solid #fff;
    overflow: hidden; /* Скрываем содержимое, выходящее за пределы кнопки */
    transition: color 0.3s ease; /* Плавное изменение цвета текста */
    color: #fff; /* Цвет текста по умолчанию */
}

.main_slider .cont_upd .more_e1::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scaleY(0); /* Начальное состояние — фон скрыт */
    transform-origin: bottom; /* Трансформация начинается снизу */
    transition: transform 0.3s ease; /* Плавное изменение трансформации */
    z-index: -1; /* Помещаем псевдоэлемент под текст */
}

.main_slider .cont_upd .more_e1:hover {
    color: #000; /* Изменяем цвет текста при наведении */
}

.main_slider .cont_upd .more_e1:hover::before {
    transform: scaleY(1); /* Заполняем кнопку белым фоном снизу вверх */
}

.cont_upd {
	min-height: 700px;
}

.products .product .thumb img {
	width: 100%;
}


header.computer .menu ul.level1 {
	width: inherit;
}

header.computer .menu {
	float: left;
	margin-top: 4px;
}

header.computer .right_info {
	width: inherit;
    margin-left: 0; 
    padding-left: 0; 
}

header.computer .zip {
	background: #fff;
	color: #000 !important;
}

header.computer .logo {
    margin-right: 35px;
}

@media (max-width: 767px){ 	
	.bx-has-pager {
		display: none;
	}
	
	.cont_upd {
		min-height: 510px;
	}	
	
	.main_slider li {
		background-size: 480%;
        min-height: 510px;
	}	
	.main_slider {
		margin-top: 0px;
	}
	
	
	
    .m4_f {
        left: 10px;
        bottom: 19px;
        top: inherit;
    }
	
	.m5_f {
		top: 8px;
		font-size: 26px;
	}
	
	.main_slider .cont_upd .more_e1 {
		padding: 10px;
	}
	
}