.change_tire_type {width:100%;display:flex;justify-content: center;flex-wrap: nowrap;/*background:rgba(24,50,84, .8);*/
background:#DFEBF2;}
.change_tire_type div {width:20%;height: 130px;font-size:14px;font-weight:600;text-align:center;border-left:1px solid #fff;color:#005387;cursor:pointer;}

.change_tire_type .car {background:url('images/car_l2r.svg') 40px 20px no-repeat;background-size:27%;padding-top:70px;transition: all 0.5s;}
.change_tire_type .car:hover {background:url('images/car_l2r_w.svg') 40px 20px no-repeat;background-color:#35ABA7;color:#fff;background-size:27%;padding-top:70px;transition: all 0.5s;}
.change_tire_type .car.active {background:url('images/car_l2r_w.svg') 40px 20px no-repeat;background-position: 70px 20px;background-size:47%;padding-top:95px;font-size:16px;letter-spacing:0.05em;background-color:#35ABA7;}

.change_tire_type .truck {background:url('images/truck_l2r.svg') 40px 20px no-repeat;background-size:30%;padding-top:70px;transition: all 0.5s;}
.change_tire_type .truck:hover {background:url('images/truck_l2r_wt.svg') 40px 20px no-repeat;background-color:#35ABA7;color:#fff;background-size:30%;padding-top:70px;transition: all 0.5s;}
.change_tire_type .truck.active {background:url('images/truck_l2r_wt.svg') 40px 20px no-repeat;background-position: 70px 20px;background-size:47%;padding-top:95px;font-size:16px;letter-spacing:0.05em;background-color:#35ABA7;}

.change_tire_type .business {background:url('images/business_l2r.svg') 40px 20px no-repeat;background-size:20%;padding-top:70px;transition: all 0.5s;}
.change_tire_type .business:hover {background:url('images/business_l2r_wt.svg') 40px 20px no-repeat;background-color:#35ABA7;color:#fff;background-size:20%;padding-top:70px;transition: all 0.5s;}
.change_tire_type .business.active {background:url('images/business_l2r_wt.svg') 40px 20px no-repeat;background-position: 70px 20px;background-size:40%;padding-top:95px;font-size:16px;letter-spacing:0.05em;background-color:#35ABA7;}
.change_tire_type .active:hover {background-color:#35ABA7;}
.change_tire_type .business {border-right:1px solid #fff;}
.change_tire_type .active {background-color:#35ABA7;color:#fff;/*transition: all 0.3s;*/}
.block_car {width:100%;position:relative;overflow:hidden;}
.block_truck {width:100%;position:relative;overflow:hidden;}
.block_business {width:100%;position:relative;overflow:hidden;}

@media screen and (max-width: 1280px) {
	.change_tire_type div {width:33.3%;}
	.change_tire_type .business {border-right:0px solid #fff;}
	.change_tire_type .car {border-left:0px solid #fff;}
	.change_tire_type .car.active {background-size:100%;}
	.change_tire_type .truck.active {background-size:100%;}
	.change_tire_type .business.active {background-size:100%;}
}

@media screen and (max-width: 900px) {
	.change_tire_type div {width:33.3%;}
}

@media screen and (max-width: 767px) {
	.change_tire_type div {width:33.3%;padding-top:75px;font-size:0.8em;}
	.change_tire_type .car {background-size:37%;border-left:0px solid #fff;background-position: 10px 20px;}
	.change_tire_type .car:hover {background-size:57%;border-left:0px solid #fff;background-position: 10px 20px;}
	.change_tire_type .car.active {background-size:57%;background-position: 30px 20px;padding-top:85px;font-size:0.8em;}
	.change_tire_type .truck {background-size:50%;background-position: 10px 20px;}
	.change_tire_type .truck:hover {background-size:50%;background-position: 10px 20px;}
	.change_tire_type .truck.active {background-size:70%;background-position: 20px 20px;padding-top:85px;font-size:0.8em;}
	.change_tire_type .business {background-size:40%;background-position: 10px 20px;}
	.change_tire_type .business:hover {background-size:40%;background-position: 10px 20px;}
	.change_tire_type .business.active {background-size:60%;background-position: 30px 20px;padding-top:75px;font-size:0.8em;}
}