@charset "UTF-8";
.cat_st_line{
	position: relative;
	min-height: 40px;
	height:auto;
	/*background: #b7b7b7;*/
	background-color:#b1b1b1;
	color:white;
	text-align:center;
	z-index: 995;
}

.comparison .cat_st_line{
	 position: absolute;
	 width:100%;
	 top:-27px;
	 z-index:1;
	 background-color:#b1b1b1;
	 /*
	 background: #b7b7b7;
	 background: #b7b7b7f0;
	 */
} 




.ex_box{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    justify-content: space-between;
    width:90%;
    text-align: center;
    margin:0 auto;
}

.ex_item{
	display: inline-block;
	padding:7px 10px 2px;
	background: none;
	margin:0 5px;
	line-height: 1.2;
	border:none;
	border-bottom:2px solid #b1b1b1;
}


.ex_item:hover{
	cursor: pointer;	
	background-color: #8c8c8c;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    border-bottom:2px solid #dc0000;
    
}



.ex_item:after{
	display: block;
	content: "expert";
	font-size: 12px;
	letter-spacing: 3px;
	color: #c90000;
	text-transform: uppercase;
	
}

.ex_item img{
	height:28px;
	width:auto;
}




/* olw-carousel css */

	.cat_st_line .owl-nav{
		display: block;
		position: absolute;
		width:100%;
		background: none;
		color:white;
	}
	
	
	.cat_st_line .owl-loaded:before{
		display: block;
		position:relative;
		width: 100%;
		text-align: center;
		padding:2px 0px;
		content: "КЛЮЧЕВЫЕ ПОСТАВКИ";
		color:white;
		font-size: 16px;
		background:black;
		
	}
	
	
	.ex_prev{
		position: relative;
		top:44px;
		float: left;
		background: none;
		border:none;
		left:12%;
		zoom: 1.2;
		color:inherit;
	}
	
	.ex_next{
		position: relative;
		top:44px;
		float: right;
		background: none;
		border:none;
		right:12%;
		zoom: 1.2;
		color:inherit;
	
	}
	
	
	.owl-item .ex_item{
		line-height: inherit !important;
		padding-top: 12px;
	}
	
	
	.ex_item img {
       height: 28px;
       width: auto !important;
    }

/* olw-carousel css end */





    
@media (max-width: 768px){
	 
	   .ex_box{
		   width:100%;		   
	   }	
				
}


@media (max-width: 670px){
	 
	   .ex_box{
		   width:100%;
		   zoom:.9;		   
	   }	
				
}



@media (max-width: 600px){
	 
	   .ex_box{
		   flex-direction: column;   
	   }	
				
}






/*

 @media (min-width: 240px){
	 
	    .comparison .cat_st_line{
		    top:-74px;
	    }	
     
    }
    
    
    
 @media (min-width: 768px){
	 
	    .comparison .cat_st_line{
		    top:-27px;
	    }		
				
    }

*/