/*Табы*/
.tabs{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		width:100%;
    	margin:0 auto;
		padding:0;
		}
.tabs input{
	  	display:none;
		}
.tabs-content{
		display:none;
		width:100%;
		padding:60px 0 0 0;
		}
.tabs label{
		position:relative;
		display:block;
		background:#B8BFD1;
		color:#FFF;
		font-size:16px;
		font-weight:400;
		line-height:1;
		text-decoration:none;
		text-align:center;
		text-decoration:none;
		
		}
.tabs label:hover{
		cursor:pointer;
		background:#E9EAEB;
		color:#1D2437;
		text-decoration:none;
		}
.tabs input:checked + label{
		background:#121B2C;
		color:#FFF;
		cursor:default;
		text-decoration:none;
		}	
.tabs .label_ok{
		width:auto;
		padding:20px 30px 20px 30px;
		margin:0 10px 0 0;
		}
.tabs .label_ok a{
		color:#FFF;
		}
.tabs .label_ok a:hover{
		color:#E3151B;
		}
.tabs input:checked + .label_ok{
		padding:20px 30px 20px 30px;
		}
@media only screen and (max-width:1824px){
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:960px){
.tabs label{
		padding:20px 30px 20px 30px;
		}
.tabs label:before{
		margin:0;
		}
.tabs .label_ok{
		padding:20px 30px 20px 30px;
		margin:0 auto;
		width:100%;
		}
.tabs input:checked + .label_ok{
		width:100%;
		}	
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:680px){
}
@media only screen and (max-width:600px){	

}
@media only screen and (max-width:480px){
.tabs label, 
.tabs label:hover, 
.tabs input:checked + label{
		width:auto;
		}
}