@import url("https://use.typekit.net/cuj8ojr.css");

.mr-eaves-xl-modern-book {
	font-family: "mr-eaves-xl-modern", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
.mr-eaves-xl-modern-book-it {
	font-family: "mr-eaves-xl-modern", sans-serif;
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
.mr-eaves-xl-modern {
	font-family: "mr-eaves-xl-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
.mr-eaves-xl-modern-bold {
	font-family: "mr-eaves-xl-modern", sans-serif;
	font-weight: 400;
	font-style: bold;
	font-display: swap;
}
.mr-eaves-xl-modern-ultra {
	font-family: "mr-eaves-xl-modern", sans-serif;
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
.container {
	width: 100%;
	max-width: 100%;
}
#tires-hero {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../../images/tires/back.jpg);
	background-image: -webkit-image-set(url("../../images/tires/back.jpg") 1x, url("../../images/tires/back@2x.jpg") 2x);
	font-size: 0;
	margin-top: 0;
}
#tires-hero .container {
	width: 100%;
	max-width: 100%;
}
#tires-hero .th-left {
	padding-top: 52px;
	padding-bottom: 52px;
	margin-right: 97px;
}
#tires-hero form {
	width: 384px;
	max-width: 100%;
	max-width: none;
	margin-top: 28px;
}
#tires-hero form input:nth-child(1),
#tires-hero form input:nth-child(2),
#tires-hero form input:nth-child(3),
#tires-hero form input:nth-child(4),
#tires-hero form input:nth-child(5),
#tires-hero form input:nth-child(6) {
	width: calc(50% - 7.5px);
	height: 50px;
	background-color: #ffffff;
	border: none;
	line-height: 50px;
	text-indent: 16px;
	font-size: 17px;
	margin-bottom: 15px;
	color: #b7b7b7;
}
#tires-hero form input:not([type="submit"]):first-child,
#tires-hero form input:nth-child(1),
#tires-hero form input:nth-child(3),
#tires-hero form input:nth-child(5) {
	margin-right: 15px;
}
#tires-hero form select::-ms-expand {
	display: none;
}
#tires-hero form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 16px;
	text-overflow: '';
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	border: none;
	line-height: 50px;
	font-size: 17px;
	background-image: url(../../images/tires/down-arrow.png);
	background-image: -webkit-image-set(url("../../images/tires/down-arrow.png") 1x, url("../../images/tires/down-arrow@2x.png") 2x);
	background-size: 11px 7px;
	background-repeat: no-repeat;
	background-position: 95% 50%;
	border-radius: 0;
	margin-bottom: 15px;
	color: #b7b7b7;
}
#tires-hero form ::placeholder,
#tires-hero form select option:disabled {
	color: #b7b7b7;
	opacity: 1;
}
#tires-hero form input[type="submit"] {
	width: 260px;
	height: 62px;
	font-size: 17px;
	border: 0;
	text-transform: uppercase;
	line-height: 62px;
	text-align: center;
}
#logobar {
	padding: 13px 0;
}
#logobar .swiper {
	width:100%;
	height:33px;
}
#logobar .swiper-slide {
	align-items:center;
	justify-content:center;
	display:flex;
}
#tires-banner {
	background-size: cover;
	background-image: url(../../images/tires/back-animation.jpg);
	background-image: -webkit-image-set(url("../../images/tires/back-animation.jpg") 1x, url("../../images/tires/back-animation@2x.jpg") 2x);
}
#tires-banner lottie-player {
    width: auto;
    aspect-ratio: 1 / 0.267148014440433;
}
#works {
	padding:75px 0;
}
#works .container {
	max-width:1060px;
	width: 100% !important;
}
#works .blocktitle {
	width: 455px;
	margin-bottom: 63px;
	padding: 5px 0 0;
}
#works .blocktitle h3 {
	font-size: 57px;
    line-height: 1;
}
#works .blocktitle p {
    font-size: 37px;
    top: -29px;
    line-height: 1;
}
#works .works-items p {
	font-size: 18px;
	line-height: 1.166666666666667;
}
#works .image {
	height: 107px;
	margin-bottom: 23px;
}
#works .text h4 {
	color:#1d3460;
	font-size: 22px;
	line-height: 1.090909090909091;
}
#why {
	padding: 45px 0 0 0;
	background: linear-gradient(to right,  #fafafa 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	margin-bottom: 0;
}
#why .h-title {
	font-size: 40px;
}
#why p {
	font-size: 18px;
	line-height: 1.333;
}
#why li {
	list-style: none;
	color: #1d3460;
	font-size: 18px;
}
#why li {
	background: url(../../images/tires/icon-list.png) no-repeat left top;
	padding-left: 32px;
	margin-top: 7px;
}
#why .col-5 {
	transform: translateX(100px);
	padding-top: 20px;
	padding-bottom: 20px;
}
#why img {
	margin-left: 130px;
}
#tire-benefits {
	padding-top: 54px;
	padding-bottom: 57px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../../images/tires/back-pricing.jpg);
	background-image: -webkit-image-set(url("../../images/tires/back-pricing.jpg") 1x, url("../../images/tires/back-pricing@2x.jpg") 2x);
}
#tire-benefits h3 {
	font-size: 40px;
	line-height: 1;
	margin-bottom: 0;
}
#tire-benefits p {
	font-size: 18px;
}
#tire-benefits ul {
	column-count: 2;
	column-gap: 70px;
	font-size: 18px;
}
#tire-benefits ul li {
	background: url(../../images/tires/checkmark.png) no-repeat left top;
	padding-left: 21px;
	line-height: 1;
	margin-bottom: 14px;
}
#brands {
	padding: 75px 0 50px 0;
}
#brands .container {
	max-width: 1060px;
	width: 100% !important;
}
#brands .blocktitle {
	width: 517px;
	margin-bottom: 20px;
	padding: 5px 0 0;
}
#brands .blocktitle h3 {
	font-size: 57px;
    line-height: 1;
}
#brands .blocktitle p {
    font-size: 37px;
    top: -29px;
    line-height: 1;
}
#brands .h-title {
	font-size: 40px;
}
#brands .blocktitle + p {
	font-size: 16px;
	line-height: 1;
	color:#aaa;
	margin-bottom: 60px;
}
#brands .brand-logos {
    column-gap: 38px;
    row-gap: 47px;
    width: 800px;
}
#brands img {
	padding:0 5px;
	opacity: 0.3;
}
@media only screen and (max-width:1300px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (max-width:1199px) {
	#why .col-5 {
		transform: none;
	}
	#why img {
		margin-left: 32px;
	}
	#why p br {
		display: none;
	}
}
@media only screen and (max-width:991px) {
	#tires-hero form {
		max-width: 100% !important;
	}
	#tires-hero .th-left {
		margin-right: 15px;
	}
	#tires-hero .th-right {
		max-width: 45%;
	}
}
@media only screen and (max-width:767px) {
	#logobar .container {
		padding:0;
	}

	#tires-hero .th-left img {
		max-width: 100%;
	}

	#tires-hero .th-left,
	#tires-hero .th-right {
		width: 50% !important;
		margin: 0 !important;
	}

	#tires-hero .th-right {
		margin-right: 5% !important;
	}
	#works {
		padding: 50px 0;
	}
	#works .works-items {
		width: 210px;
		padding: 0 23px;
	}
	#works .swiper-prev,
	#works .swiper-next{
		width: 23px;
		height: 24px;
		top: 50%;
		margin-top: -12px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(../../images/tires/swiper-arrow.png);
		background-image: -webkit-image-set(url("../../images/tires/swiper-arrow.png") 1x, url("../../images/tires/swiper-arrow@2x.png") 2x);
	}
	#works .swiper-prev {
		transform: scaleX(-1);
		left: 0;
	}
	#works .swiper-next {
		right: 0;
	}
	#why {
		background:#fafafa;
		padding:40px 0;
		text-align: left;
	}
	#why .col-5 {
		width:100%;
		max-width:300px;
	}
	#why .h-title {
		font-size:30px;
	}
	#why p {
		font-size:16px;
	}
	#why li {
		font-size:15px;
		padding-bottom: 3px;
	}
}

@media only screen and (max-width:576px) {
	#tires-hero a {
		display: inline-block !important;
	}
	#tires-hero {
		text-align: center;
		background-image: url(../../images/tires/back-m.jpg);
		background-image: -webkit-image-set(url("../../images/tires/back-m.jpg") 1x, url("../../images/tires/back-m@2x.jpg") 2x);
	}
	#tires-hero .container {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
	} 
	#tires-hero form {
		width: 304px;
	}
	#tires-hero .right img {
		margin-bottom: 15px;
	}
	#tires-hero .th-left, 
	#tires-hero .th-right {
		width: 100% !important;
	}
	#tires-hero .th-left {
		padding-top: 26px;
		padding-bottom: 90px;
	}
	#tires-hero .th-right {
		max-width: 100%;
		margin-right: 0 !important;
	}
	#tires-hero form {
		margin: 17px auto 0 auto;
	}
	#tires-hero form input:nth-child(1), 
	#tires-hero form input:nth-child(2), 
	#tires-hero form input:nth-child(3), 
	#tires-hero form input:nth-child(4), 
	#tires-hero form input:nth-child(5), 
	#tires-hero form input:nth-child(6){
		font-size: 11px;
		height: 33px;
		line-height: 33px;
		padding-top: 2px;
		margin-bottom: 10px;
		width: calc(50% - 5px);
	}
	#tires-hero form input:not([type="submit"]):first-child,
	#tires-hero form input:nth-child(1),
	#tires-hero form input:nth-child(3),
	#tires-hero form input:nth-child(5) {
		margin-right: 10px;
	}
	#tires-hero form select {
		text-indent: 16px;
		height: 33px;
		line-height: 33px;
		font-size: 11px;
		margin-bottom: 15px;
	}
	#tires-hero form input[type="submit"] {
		width: 170px;
		height: 40px;
		font-size: 12px;
		line-height: 40px;
	}
	#tires-banner {
		padding-top: 42px;
		background-size: cover;
		background-image: url(../../images/tires/back-animation-m.jpg);
		background-image: -webkit-image-set(url("../../images/tires/back-animation-m.jpg") 1x, url("../../images/tires/back-animation-m@2x.jpg") 2x);
	}
	#tires-banner lottie-player {
		width: auto;
		aspect-ratio: 1 / 0.749287749287749;
	}
	#works .blocktitle {
		width: 247px;
		margin-bottom: 35px;
		padding: 5px 0 0;
	}
	#works .blocktitle h3 {
		font-size: 29px;
	}
	#works .blocktitle p {
		font-size: 20px;
		top: -16px;
	}
	#works .works-items p {
		font-size: 15px;
	}
	#works .works-items p br {
		display: none;
	}
	#works .image {
		height: 90px;
		margin-bottom: 20px;
	}
	#works .text h4 {
		font-size: 19px;
		line-height: 1.081081081081081;
	}
	#tire-benefits {
		padding-top: 42px;
		padding-bottom: 50px;
		background-image: url(../../images/tires/back-pricing-m.jpg);
		background-image: -webkit-image-set(url("../../images/tires/back-pricing-m.jpg") 1x, url("../../images/tires/back-pricing-m@2x.jpg") 2x);
	}
	#tire-benefits h3 {
		font-size: 30px;
	}
	#tire-benefits p {
		font-size: 16px;
	}
	#tire-benefits ul {
		column-count: 1;
		column-gap: 0;
		font-size: 16px;
	}	
	#brands {
		padding: 42px 0 48px 0;
	}
	#brands .flex {
		column-gap: 18px;
		row-gap: 16px;
	}
	#brands .blocktitle {
		width: 280px;
		margin-bottom: 15px;
	}
	#brands .blocktitle h3 {
		font-size: 29px;
	}
	#brands .blocktitle p {
		font-size: 20px;
		top: -16px;
	}
	#brands .blocktitle + p {
		margin-bottom: 20px;
	}
	#brands img {
		height: 14px;
		width: auto;
	}
}