html, body { 
    width: 100%; 
    height: 100%;
}

body { 
	min-width: 320px;
	background: #fff;
    overflow-x: hidden; 
    overflow-y: scroll;
	font: 400 16px / 24px 'redhat'; 
    color: #1e2329;
    line-height: 180%;
    font-variant-numeric: lining-nums;
    -webkit-font-feature-settings: "lnum" on; 
    -moz-font-feature-settings: "lnum" on; 
    font-feature-settings: "lnum" on; 
}

h1, h2, h3, h4, h5, h6 { 
    color: #000;
}

a { 
    color: #fff; 
}

/* PAGE 
--------------------------- */
.center__contain {
    padding: 0 20px;
	max-width: 1340px;
	margin: 0 auto;
	position: relative;
}

.center__contain.header {
	max-width: 1344px;
	padding-right: 50px;
    z-index: 1000;
}

.information .center__contain {
	padding-right: 20px;
	max-width: 1264px;
}

/* NOTIFICATION
--------------------------- */

.notification__background {
	width: 100%;
	height: 100%;
	background: rgba(0, 48, 91, .3);
	position: fixed;	
	top: 0;
	left: 0;
	z-index: 99999;
}

.notification__contain {
	width: calc(100% - 40px);
	max-width: 514px;
	height: 230px;
	margin: auto;
	padding: 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	font-size: 0;
	-webkit-border-radius: 10px;
}

.notification__contain_image {
	width: 100px;
	height: 100px;
	display: inline-block;
	vertical-align: middle;
	object-fit: contain;
}

.notification__contain_content {
	width: calc(100% - 120px);
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
}	

.notification__contain_title {
	width: 100%;
	display: inline-block;
	font: 700 20px / 28px 'redhat'; 
}

.notification__contain_specifications {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
	font: 400 16px / 24px 'redhat'; 
}

.notification__contain_text {
	width: 100%;
	display: inline-block;
	font: 400 16px / 24px 'redhat'; 
}

.notification__contain_actions {
	width: 100%;
	margin-top: 30px;
	display: inline-block;
}

.notification__contain_action {
	display: inline-block;
	vertical-align: middle;
}

.notification__contain_action[data-action=continue] {
    margin: 0 25px 0 0;
    padding: 10px 25px;
    text-align: center;
	color: #fff;
    background: #94c840 no-repeat calc(100% - 10px) center / 32px;
    cursor: pointer;
    font: 700 18px / 18px 'redhat';
    -webkit-transition: all ease 100ms;
    -webkit-border-radius: 300px; 
}

.notification__contain_action[data-action=continue]:hover {
	background-color: #a1da46;
}

.notification__contain_action[data-action=close] {
	padding-left: 20px;
	font: 400 18px / 18px 'redhat';
	cursor: pointer;
	background: #fff url('../img/icons/icon-close.svg') no-repeat left center / 10px; 
}

.notification__contain_action[data-action=close]:hover {
	text-decoration: underline;
}

/* NAVIGATION 
--------------------------- */	
.main {
    width: 100%;
	padding: 20px 0 0;
	position: relative;
	z-index: 10;
	font-size: 0;
	background: rgb(89,173,109);
	background: linear-gradient(270deg, rgba(89,173,109,1) 0%, rgba(75,147,92,1) 100%);
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .055);
}

.main .logo {
    width: 100%;
	max-width: 110px;
    height: 44px;
	margin-right: 30px;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    background: url('../img/logo.png') no-repeat left center / contain; 
    -webkit-transition: opacity .4s ease, transform .05s ease;
    transition: opacity .4s ease, transform .05s ease;
    -webkit-animation: fadeIn 1s ease-out 0s 1 forwards;
}

@keyframes fadeIn {
    
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
  
}

/*
 * CATEGORIES
 */

.categories {
	width: 100%;
	margin-top: 20px;
	background: #5eb472;
}

.categories__contain {
	padding: 10px 20px;
	max-width: 1340px;
	margin: 0 auto;
	position: relative;
}

.categories__category {
    margin-right: 20px;
    padding-right: 25px;
    display: inline-block;
	vertical-align: middle;
    position: relative;
    background: url(../img/icons/icon-arrow-down-white.svg) no-repeat calc(100% - 5px) center / 12px;
}

.categories__category > a {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font: 700 18px / 28px 'redhat';
    letter-spacing: -.025em;
}

.categories__category > a:hover {
	text-decoration: underline;
}

.categories__category:hover .category__children {
    visibility: visible; 
    opacity: 1;
}

.category__children {
    width: 180px;
    margin: auto;
    padding: 10px 0 0;
    position: absolute;
    top: 28px;	
    left: 0;
    right: 0;
    z-index: 1002;
    visibility: hidden; 
    opacity: 0;
    background: #5eb472;
    font-size: 0;
    -webkit-transition: linear all 100ms;		
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
}

.category__children > a {
    width: 100%;
    padding: 10px 20px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font: 400 15px / 24px 'redhat';
    border-bottom: 1px solid #55a367;
}

.category__children > a:hover {
    background-color: #a1da46;
}

.category__children > a:last-of-type {
    border-bottom: 0;
}

.categories__contain .customer__service {
	padding-left: 40px;
	font: 700 16px / 30px 'redhat';
	color: #fff;
	background: url(../img/icons/icon-service.svg) no-repeat 10px center / 22px;
	position: absolute;
	right: 40px;
}

.block__banner {
	margin: 20px 0 0 0;
}

.block__banner a {
	width: calc(25% - 33px);
	margin: 20px 40px 0 0;
	display: inline-block;
	vertical-align: top;
	color: #000;
    background: #fff;
	overflow: hidden;
    -webkit-transition: ease 100ms all;
}

.block__banner a:nth-of-type(-n+4) {
	margin-top: 0;
}

.block__banner a:nth-of-type(4n+4) {
	margin-right: 0;
}

.block__banner a:hover {
    background: #fff;
}

.block__banner img {
	width: 100%;
	height: 200px;
	display: block;
	vertical-align: top;
	object-fit: cover;
    -webkit-border-radius: 3px;
}

.block__banner div {
	padding: 20px 15px;
}

.block__banner div div {
	padding: 20px 25px;
}


.block__banner div .spec__title {
    min-height: 50px;
	font: 700 18px / 24px 'redhat';
	color: #262e44;
}

.block__banner div .spec__price {
	font: 700 24px / 32px 'redhat';
    color: #5eb472;
}

.block__banner div .spec__weight {
	font: 400 14px / 24px 'redhat';
    color: #262e44;
}

.block__banner div .spec__weight strong {
    font-weight: 700;
}

.block__banner div .spec__cart.presentation__cart {
    margin-top: 30px;
    
}

.block__banner div .spec__cta {
	margin-top: 15px;
    text-align: center;
	font: 400 14px / 22px 'redhat';
}	

[data-block="categories"].block__banner div .spec__cta {
    text-align: left;
    font-weight: 700;
}

.block__banner div .spec__cta:hover {
    text-decoration: underline;
}

.block__banner div .spec__description {
    min-height: 240px;
}

.block__title {
    width: 100%;
    margin-bottom: 20px;
    display: inline-block;
    color: #262e44;
    font: 700 30px / 34px 'redhat';
    letter-spacing: .05em;
}

/*
 * MAIN
 */

.main ul.nav li { 
	margin-right: 25px;
    display: inline-block; 
	vertical-align: middle;
	position: relative;
}

.main ul.nav li:last-of-type {
	margin-right: 0;
}

.main ul.nav li a.active,
.main ul.nav li a:hover {
	color: #94c840;
}

.main ul.nav li a {
    width: 100%;
	padding: 5px 0;
	display: inline-block; 
	vertical-align: middle;
    color: #000;
	font: 400 16px / 26px 'redhat'; 
    -webkit-transition: color ease 200ms;
    transition: color ease 200ms;
}	

.main ul.submenu {
	display: none;
	padding: 0;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .055);
	-webkit-border-radius: 3px;
}

.main ul li:hover ul.submenu {
	display: inline-block;
}

.main ul.submenu {
	margin: 0;
}

.main ul.submenu li {
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #eee;
}

.main ul.submenu li:last-of-type {
	border: 0;
}

.main ul.submenu li a {
	min-width: 150px;
	margin: 0;
	padding: 10px 25px 10px 20px;
	text-align: left;
}

.main .nav-mobile {
	width: 48px;
	height: 48px;
	display: none;
	vertical-align: middle;
	background: #f6f6f6 url('../img/icons/icon-menu.svg') no-repeat center / 24px;
	font: 400 18px / 24px 'redhat';
	-webkit-border-radius: 300px;
}

.main .cta {
    width: 100%;
	max-width: 160px;
	height: 48px;
	margin: auto;
	padding: 15px;
	position: absolute;
	right: 100px;
	top: 0;
	bottom: 0;
    color: #202020;
	text-align: center;
	background: #00305C;
	font: 400 18px / 18px 'redhat';
    -webkit-transition: color ease 200ms, transform ease 100ms;
	-webkit-border-radius: 300px;
}

.main.cloned {
	position: fixed;
	top: -200px;
	left: 0;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition-property: top, padding;
	transition-duration: 0.2s, 0.2s;
	transition-timing-function: ease, ease;
	transition-delay: 0s, 0.4s;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

/* LANGUAGE
--------------------------------------------- */ 

.language {
	width: 50px;
	height: 28px;
	margin: auto;
	padding: 0 20px 0 0;
	display: inline-block;
	vertical-align: middle;
	z-index: 9000;
	font-size: 0;
	overflow: hidden;
	text-align: center;
    cursor: pointer;
	background: url('../img/icons/icon-arrow-down-white.svg') no-repeat right center / 16px;
	-webkit-transition: ease 100ms all;	
}

.language:hover:not(.hover) .language__flag {
    background-color: #94c840;
}

.language.hover .language__contain {
    width: 30px;
	height: 88px;
	position: absolute;
	top: 10px;
    z-index: 1000;
    background-color: #163e1c;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .1);
}

.language__flag {
	width: 30px;
	height: 28px;
    padding: 3px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
    z-index: 9001;
	font: 700 15px / 24px 'redhat', sans-serif;
	-webkit-border-radius: 3px;
}

.language.hover .language__flag {
    border-bottom: 1px solid #194620;
    background-color: transparent;
    -webkit-border-radius: 0;
}

.language.hover .language__flag:last-of-type {
    border-bottom: 0;
}

.language.hover .language__flag:hover {
    text-decoration: underline;
}

.language__flag:last-of-type {
	margin-right: 0;
}

/*
 * SEARCH / LOGIN / CART
 */

.search {
	width: 100%;
	max-width: 414px;
	margin-left: 30px;
	display: inline-block;
	vertical-align: middle;
}

.search input {
	background: #fff url(../img/icons/icon-search-dark.svg) no-repeat calc(100% - 20px) center / 16px;
}

.quick__buttons {
	float: right;
	margin-left: 30px;
	display: inline-block;
	text-align: right;
}

.quick__button {
	padding: 10px 20px 10px 50px;
	display: inline-block;
	vertical-align: middle;
	background: #5eb472 no-repeat 20px center / 20px;
	font: 700 16px / 26px 'redhat'; 
	color: #fff;
	-webkit-border-radius: 30px;
}

.quick__button:hover {
    background-color: #75c587;
}

.quick__button[data-button="account"] {
	background-image: url('../img/icons/icon-account.svg');
}

.quick__button[data-button="cart"] {
	margin-left: 10px;
	position: relative;
	background-image: url('../img/icons/icon-cart-white.svg');
}

.quick__button[data-button="cart"] .cart__amount {
	width: 26px;
	height: 26px;
	position: absolute;
	right: -35px;
	text-align: center;
	color: #fff;
	font: 400 16px / 26px 'redhat'; 
	background: #a1da46;
	-webkit-border-radius: 30px;
}

/* FRONT PAGE - INTRODUCTION
--------------------------------------------- */ 
.introduction {
	width: 100%;
    padding: 0 15px;
	position: relative;
	font-size: 0;
    text-align: center;
}

.introduction__image {
	width: 100%;
    max-width: 1310px;
	height: 300px;
    margin: 30px auto 0;
	object-fit: cover;
	object-position: center;
    -webkit-border-radius: 3px;
	
}

.introduction__contain {
	width: 100%;
	max-width: 1240px;
	height: 160px;
	margin: auto;
	padding: 0 30% 0 40px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0; 
	right: 0;
    text-align: left;
}

.introduction__slogan {
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
}

.introduction__slogan h1 { 
	width: 100%;
	margin: 0 0 10px;
	color: #fff;
	font: 700 36px / 44px 'redhat', sans-serif;
}

.introduction__slogan p { 
	width: 100%;
	margin: 0;
	color: #fff;
	font: 400 16px / 24px 'redhat', sans-serif;
}

/* FRONTPAGE - FILTERS
--------------------------------------------- */ 	
.filters {
	padding: 0 20px;
}

.filters .center__contain {
	width: 100%;
	max-width: 1240px;
	margin: -120px auto 40px;
	padding: 30px 40px 20px;
	position: relative;
	z-index: 101;
	background: #fff;
	border-bottom: 2px solid #eee;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 3px 25px 0 rgba(0, 0, 0, .1);
}

.filters h3 {
	width: 100%;
	padding: 10px;
	display: inline-block;
	z-index: 1000;
	font: 700 30px / 38px 'redhat', sans-serif;
	text-align: center;
}

.filters__contain {
	width: 100%;
	padding: 20px 0 30px;
	font-size: 0;
}

.filter__row {
	width: 100%;
	margin-top: 20px;
}

.filter__row:first-of-type {
	margin: 0;
}
		
.filter__contain {
	width: 100%;
	margin-bottom: 15px;
	display: inline-block;
	position: relative;
}

.filter__row.auto .filter__contain {
	width: 20%;
	max-width: 177px;
}
		
.filter__contain:last-of-type {
	margin-right: 0;
}

.filter__contain_submit {
	width: 100%;
	margin: 10px 25px 0 0;
}

.filter__contain label {
	margin: 0 0 0 13px;
	font: 700 18px / 26px 'redhat', sans-serif;
}

.filter > select:not([disabled]):hover,
.filter > select.active {
	border-color: #94c840;
	-webkit-box-shadow: 0 0 2px 1px #94c840;
}
	
.filter__select_button {
	width: 40px;
	height: 38px;
	position: absolute;
	right: 2px;
	bottom: 2px;
	background: url(../img/icons/icon-select-down.svg) no-repeat center / 16px;
	pointer-events: none;
}

.filter__submit {
	width: 100%;
	padding-left: 25px;
	text-align: right;
	background: #57a96a url(../img/icons/icon-search.svg) no-repeat 20px center / 16px;
	color: #fff;
	font-weight: 700;
	border: 1px solid transparent;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 300px;
	-webkit-transition-duration: 0ms;
}

.filter__submit.loading {
	background-image: url(../img/icons/icon-loading.svg);
	background-position: center;
	background-size: 22px;
}

.filter__submit:hover {
	background-color: #94c840;
}

.filter__reset {
	width: 100%;
	margin: 10px 0 0 5px;
	display: inline-block;
	padding-left: 24px;
	font: 400 14px / 24px 'redhat', sans-serif;
	text-align: left;
	cursor: pointer;
	background: url('../img/icons/icon-reset.svg') no-repeat left center / 16px;
}

.filter__reset:hover {
	text-decoration: underline;
}

/* BANNER
--------------------------- */
.banner {
	margin-bottom: 80px;
}

.banner__contain {
	max-width: 1340px;
	margin: 0 auto;
	padding: 50px 20px;
	position: relative;
}

.banner__contain img {
	max-width: 90%;
	vertical-align: top;
	-webkit-border-radius: 10px;
}

.banner__block {
	width: 100%;
	max-width: 50%;
	padding: 30px;
	position: absolute;
	top: 100px;
	right: 40px;	
	background: #fff;
	border: 10px solid #fff;
	-webkit-border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
}

.banner__block h2 {
	width: 100%;
	margin: 0 0 20px;
	font: 700 30px / 38px 'redhat', sans-serif;
}

.banner__block p {
	width: 100%;
	margin: 0 0 20px;
	font: 400 15px / 23px 'redhat', sans-serif;
}

.banner__block_actions {
	margin-top: 30px;
}

.banner__block_actions a {
	width: calc(40% - 7px);
	margin-right: 10px;
	padding: 10px;
	display: inline-block;
	font: 700 16px / 28px 'redhat', sans-serif;
    background: #55a568;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 300px;
    -webkit-transition-duration: 0ms;
}

.banner__block a:last-of-type {
	width: calc(60% - 7px);
	border: 2px solid #55a568;
	margin-right: 0;
	color: #000;
	background: transparent;
}

/* USP
--------------------------- */
.usp h4 {
	font: 700 30px / 38px 'redhat', sans-serif;
	text-align: center;
}

.usp__contain {
	max-width: 1340px;
	margin: 0 auto;
	padding: 30px 20px 70px;
	position: relative;
}

.usp__block {
	width: calc(33.333333333% - 20px);
	margin-right: 26px;
	padding: 30px 30px 30px 130px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	background: #fff no-repeat 20px center / 80px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
}

.usp__block[data-icon=star] {
	 background-image: url('../img/icons/icon-usp-star.svg');
}

.usp__block[data-icon=marker] {
	 background-image: url('../img/icons/icon-usp-marker.svg');
}

.usp__block[data-icon=product] {
	 background-image: url('../img/icons/icon-usp-product.svg');
}

.usp__block:last-of-type {
	margin-right: 0;
}

.usp__block p {
	font: 400 15px / 24px 'redhat', sans-serif;
}

.usp__block p strong {
	font-weight: 700;
}

.usp__block_title {
	max-width: 250px;
	margin-bottom: 5px;
	display: inline-block;
	font: 700 20px / 28px 'redhat', sans-serif;
}

/* CONTENT 
--------------------------- */
.content {
	background: #f8f7f2;
}

.content__header_contain {
    position: relative;
}

.content__header_image {
	width: 100%;
	height: 300px;
	object-fit: cover;
	vertical-align: top;
	
}

.content__header_category {
    max-width: 1300px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 100px;
    right: 0;
    margin: auto;
}

.content__header_category_block {
    padding: 0;
    max-width: 740px;
    -webkit-border-radius: 3px;
}

.content__header_category h1 {
    margin-bottom: 15px;
    color: #fff;
    font: 700 34px / 24px 'redhat'; 
}

.content__header_category p {
    color: #fff;
    font: 400 15px / 24px 'redhat'; 
}

.content__contain {
	max-width: 1340px;
	margin: 0 auto;
	padding: 20px;
	font-size: 0;
}

.content__sub {
	padding: 40px 20px 80px;
}

.content__sub p {
	margin-bottom: 20px;
}

.content__contain h1 {
	margin-bottom: 20px;
	font: 400 38px / 46px 'redhat'; 
}

.products .content__sub h1 {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
    text-align: center;
    letter-spacing: 4px;
}

.content__contain h2 {
	margin: 30px 0 10px;
	font: 400 26px / 34px 'redhat'; 
}

.content__contain p {
	font: 400 16px / 24px 'redhat'; 
}

.content__contain a {
	color: #94c840;
}

.content__contain a:hover {
	text-decoration: underline;
}

.content__contain strong {
	font-weight: 700;
}

.content__contain ul {
	margin-left: 20px;
}

.content__contain ul li {
	list-style-type: disc;
	font: 400 16px / 28px 'redhat'; 
}

/* CONTENT - PRICELIST
--------------------------- */
.content__pricelist {
	max-width: 100%;
	padding: 40px 0;
}

.content__pricelist h1 { 
	width: 100%;
	max-width: 1164px;
	margin: 0 auto;
	padding: 50px 20px;
}

.content__pricelist h1 {
	padding-top: 0;
}

.pricelist__block:nth-child(even) {
	background: #f6f6f6;
}

.pricelist__block_contain {
	width: 100%;
	max-width: 1164px;
	margin: 0 auto;
	padding: 80px 20px;
}

.pricelist__block_contain[data-padding="0"] {
	padding: 0 20px 80px;
}

.pricelist__block_contain h1 {
	padding: 0;
}

.pricelist__block_contain h2 {
	font-size: 24px;
}

.pricelist__block_row {
	width: calc(100% + 10px);
	display: flex;
	margin: 0 0 10px -10px;
	padding: 6px 10px;
	position: relative;
	-webkit-border-radius: 3px;
}

.pricelist__block_row:after {
	content: "";
	width: calc(100% - 10px);
	height: 1px;
	position: absolute;
	left: 10px;
	bottom: -5px;
	background: #ddd;
}

.pricelist__block_row:hover {
	background: #fff;
}

.pricelist__block:nth-child(odd) .pricelist__block_row:hover {
	background: #f6f6f6;
}

.pricelist__block_row span {
	width: 15%;
	flex: 1 1 auto;
	font: 400 15px / 23px 'redhat';
}

.pricelist__block_row span:first-of-type {
	width: 100%;
	max-width: 360px;
}

.carwash .pricelist__block_row span:first-of-type {
	max-width: 500px;
}

.pricelist__block_row span.hidden {
	display: none;
}

.pricelist__block_row.header span {
	font-weight: 700;
}

/* CONTENT - CONTACT
--------------------------- */
.content__left {
	width: 40%;
	display: inline-block;
	vertical-align: top;
	background: #fff;
    -webkit-border-radius: 30px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
}

.content__left img {
	width: 100%;
	height: auto;
	vertical-align: top;
	-webkit-border-radius: 30px 30px 0 0 ;
}

.content__left_content {
	padding: 30px;
}

.content__left_content p {
	font: 400 16px / 24px 'redhat'; 
}

.content__left_content p.spacer {
	margin-top: 10px;
}

.content__right {
	width: calc(60% - 50px);
	margin-left: 50px;
	display: inline-block;
	vertical-align: top;
}

.content__right iframe {
	width: 100%;
	height: 600px;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	-webkit-border-radius: 30px;
}

form#cta-form {
	margin-top: 80px;
	font-size: 0;
	background: #fff;
	padding: 50px;
	-webkit-border-radius: 30px;
}

form#cta-form h2 {
	margin-top: 0;
}

.cta-form__form_contain {
	width: calc(50% - 10px);
	margin: 20px 20px 0 0;
	display: inline-block;
	font-size: 0;
}

.cta-form__form_contain:nth-of-type(2n+2) {
	margin-right: 0;
}

.cta-form__form_contain.textarea {
	width: 100%;
	margin: 15px 0 0 0;
}

.cta-form__form_contain > label {
	margin: 0 0 5px 15px;
}

.cta-form__form_error {
	color: #c43030;
	float: right;
	margin-right: 15px;
	font: 400 14px / 18px 'redhat';
}

.cta-form__form_actions {
	margin-top: 30px;
}

.cta-form__form_actions_continue {
    width: 100%;
	max-width: 230px;
	height: 42px;
	margin: auto;
	padding: 12px 15px;
	display: inline-block;
    color: #fff;
	text-align: center;
	background: #94c840 no-repeat calc(100% - 20px) center / 30px;
	cursor: pointer;
	font: 700 18px / 18px 'redhat';
    -webkit-transition: all ease 100ms;
	-webkit-border-radius: 300px;
}

.cta-form__form_actions_continue:hover {
	background-color: #a1da46;
}

.cta-form__form_actions_continue.loading {
	max-width: 185px;
	padding-right: 40px;
	pointer-events: none;
	background-image: url('/assets/img/icons/icon-loading.svg?v=2');
}

.cta-form__form_notice {
	padding: 15px;
	margin-left: 20px;
	display: inline-block;
	font: 400 18px / 18px 'redhat';
	color: #91cf57;
}

.cta-form__form_notice.error {
	color: #ffdde0;
}

/*	CONTENT - PRESENTATIONS - LISTING
	--------------------------------------------- */	
.listing__nothing {
	margin: 0;
	padding: 100px 0 0 0;
	text-align: center;
	font: 400 24px / 36px redhat, sans-serif !important;
}

.listing__reset {
	cursor: pointer;
	font-weight: 700;
}

.listing__reset:hover {
	text-decoration: underline;
}

.presentation {
	width: calc(25% - 15px);
	margin: 20px 20px 0 0;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	border: 0 solid #f9f9f9 ;
	cursor: pointer;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-webkit-transition: linear 50ms box-shadow, linear 50ms border;
	-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .02);
}

.presentation:nth-of-type(-n+4) {
	margin-top: 0;
}

.presentation:nth-of-type(4n+4) {
	margin-right: 0;
}

.presentation:hover {
	border-color: #163e1c;
	text-decoration: none !important;
	-webkit-box-shadow: 0 0 0 2px #163e1c;
}

.presentation__thumbnail {
	width: 100%;
	height: 240px;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	background: #fff no-repeat center / contain;
}

.presentation__thumbnail img {
	width: 100%;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	object-fit: cover;
}

.presentation__contain {
	width: 100%;
	padding: 30px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.presentation__title {
	width: 100%;
	height: 62px;
	margin: 0 0 10px 0;
	display: inline-block;
	vertical-align: top;
	color: #105640;
	text-align: center;
	font: 700 24px / 32px redhat, sans-serif;
	-webkit-border-radius: 300px;
}

.presentation__title.loading {
	-webkit-animation-name: animation;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;    
	-webkit-animation-play-state: running;
}

@-webkit-keyframes animation {
	0%     { background-color: #f9f9f9; }
	50.0%  { background-color: #eee; }
	100.0% { background-color: #f9f9f9; }
}

.presentation__prices {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	color: #000;
	font-size: 0;
    text-align: center;
}

.presentation__prices .presentation__prices_label {
	width: 40%;
	min-width: 100px;
	display: inline-block;
	font: 400 16px / 24px redhat, sans-serif;
}

.presentation__prices .presentation__prices_value {
	width: 100%;
	min-width: 100px;
    margin: 20px 0 10px;
	display: inline-block;
	font: 700 24px / 32px redhat, sans-serif;
}

.presentation__prices .presentation__prices_store_amount {
	font: 500 16px / 24px redhat, sans-serif;
}

.presentation__prices_minus {
	width: 24px;
	height: 24px;
	margin-right: 3px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #ddd;
	cursor: pointer;
	background: url(../img/icons/icon-cart-minus.svg) no-repeat center / 12px;
	-webkit-border-radius: 30px;
	-webkit-transition: ease 100ms border;
}

.presentation__prices_plus {
	width: 24px;
	height: 24px;
	margin-left: 3px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #ddd;
	cursor: pointer;
	background: url(../img/icons/icon-cart-plus.svg) no-repeat center / 12px;
	-webkit-border-radius: 30px;
	-webkit-transition: ease 100ms border;
}

.presentation__prices_minus:hover,
.presentation__prices_plus:hover {
	border-color: #94c840;
}

.presentation__prices_item_total {
	min-width: 25px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font: 700 24px / 24px redhat, sans-serif;
}

.presentation__logo {
	width: 150px;
	height: 50px;
	position: absolute;
	top: 15px;
	right: 30px;
}

.stock__list__presentations .contain .category {
	width: 100%;
	margin: 0 0 5px;
	display: inline-block;
	font: 400 16px / 24px redhat, sans-serif;
}

.presentation__price {
	width: 100%;
	height: 28px;
	margin-top: 10px;
	display: inline-block;
	color: #000;
	text-align: left;
	font: 700 20px / 28px redhat, sans-serif;
	position: relative;
}

.presentation__cta {
	width: 100%;
	padding-top: 20px;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

.presentation__position_label {
	padding: 8px 18px;
	float: left;
	color: #000;
	background: #eee;
	font: 500 15px / 24px redhat, sans-serif;
	-webkit-border-radius: 6px;
}

.presentation__position_label.green {
	background: rgb(55,253,148);
	background: linear-gradient(270deg, rgba(55,253,148,1) 0%, rgba(137,255,192,1) 100%);
}

.presentation__position_label.orange {
	background: rgb(255,182,72);
	background: linear-gradient(270deg, rgba(255,182,72,1) 0%, rgba(236,195,72,1) 100%);
}

.presentation__more {
	width: 100%;
	margin-top: 15px;
	display: inline-block;
	vertical-align: middle;
	color: #000;
	text-align: center;
	font: 700 16px / 24px redhat, sans-serif;
}

.presentation__more:hover {
	text-decoration: underline;
}

.presentation__cart {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	padding: 0 40px 0 20px;
	background: #94c840 url(../img/icons/icon-cart-white.svg) no-repeat calc(100% - 20px) center / 20px;
	border: 0;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font: 700 16px / 40px redhat, sans-serif;
	-webkit-border-radius: 300px;
	-webkit-transition: ease 100ms background-color, ease 100ms background-size;
}

.presentation__cart.cart__added  {
	background: #d3b370 url(../img/icons/icon-cart-remove.svg) no-repeat calc(100% - 20px) center / 20px;
}

.presentation__cart:hover {
	background-color: #94c840;
	background-size: 18px;
	background-position: calc(100% - 21px);
}

/*	CONTENT - PRESENTATIONS - COLUMN
--------------------------------------------- */
.stock__list__presentations.column a {
	width: calc(33.33333333333% - 14px);
	margin: 20px 20px 0 0;
}

.stock__list__presentations.column a:nth-of-type(-n+3) {
	margin-top: 0;
}

.stock__list__presentations.column a:nth-of-type(3n+3) {
	margin-right: 0;
}

.stock__list__presentations.column .thumbnail {
	max-width: 100%;
	height: 264px;
}

.stock__list__presentations.column a .thumbnail img {
	width: 100%;
	max-width: 100%;
	min-width: 250px;
	height: 264px;
}

.stock__list__presentations.column a .contain {
	width: 100%;
	min-height: 290px;
	padding: 75px 30px 35px;
	vertical-align: top;
	border-top: 1px solid #eee;
}

.stock__list__presentations.column a .presentation__title {
	width: 100%;
	height: 56px;
	white-space: normal;
	-webkit-border-radius: 10px;
}

.stock__list__presentations.column a .presentation__specifications {
	width: 100%;
	height: 50px;
}

.stock__list__presentations.column a .presentation__logo {
	width: 100%;
	max-width: 100%;
	height: 60px;
	padding: 10px 10px 10px 30px;
	top: 0;
	left: 0;
	object-fit: contain;
	object-position: left;
	background: #fff;
}

.stock__list__presentations.column a .title {
	width: 100%;
	padding: 0;
	min-height: 60px;
}

.stock__list__presentations.column a .price {
	width: calc(100% - 60px);
	position: absolute;
	bottom: 30px;
	left: 30px;
}	

.stock__list__presentations.column .presentation__price {
	height: 89px;
	font-size: 0;
}

.stock__list__presentations.column .presentation__price_value {
	width: 100%;
	height: 28px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	font: 700 20px / 28px redhat, sans-serif;
}

.stock__list__presentations.column .presentation__cta,	
.stock__list__presentations.column .presentation__tradein {
	width: 50%;
	min-width: auto;
	max-width: 100%;
	position: static;
	display: inline-block;
	vertical-align: top;
}

.stock__list__presentations.column .presentation__cta {
	width: calc(50% - 20px);
}

.stock__list__presentations.column .presentation__tradein {
	margin-right: 20px;
}

.stock__list__presentations.column .presentation__favorite {
	top: -3px !important;
	right: 10px !important;
}
	
/* CONTENT - PRESENTATIONS - NAVIGATION
--------------------------- */
.stock__list_wrapper {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.stock__filters {
	max-width: 320px;
	padding: 20px 30px 10px;
	display: inline-block;
	vertical-align: top;
	background: #fff;
    border-bottom: 2px solid #eee;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 3px 25px 0 rgba(0, 0, 0, .1);
}

.stock__found {
	margin: 0;
	padding: 0 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	font: 400 16px / 40px redhat, sans-serif;	
}

.stock__navigation {
	width: 100%;
	font-size: 0;
}

.stock__navigation.top {
    margin-bottom: 20px;
}

.stock__navigation.bottom {
	margin-top: 20px;
}

.stock__navigation div.contain {
	display: inline-block;
	vertical-align: middle;
}

.stock__button {
	min-width: 40px;
	height: 30px;
	padding: 0 10px;
	display: inline-block;
	vertical-align: middle;
	color: #475166;
	font: 400 16px / 24px redhat, sans-serif;
	text-align: center;
	cursor: pointer;
	background: #fff no-repeat center / 14px;
	border: 1px solid transparent;
	border-bottom: 1px solid #DBD6C5;
	-webkit-border-radius: 3px;
	-webkit-transition: ease opacity 100ms;
	-webkit-user-select: none;
}

.stock__button.previous {
	margin-right: 3px;
	padding-left: 0;
	background-image: url('../img/icons/icon-arrow-left.svg');
}

.stock__button.next {
	margin-left: 3px;
	padding-right: 0;
	background-image: url('../img/icons/icon-arrow-right.svg');
}

.stock__button.disabled {
	opacity: .4;
	pointer-events: none;
}

.stock__button:hover:not(.disabled) {
	border-color: #1b8fcf;
	-webkit-box-shadow: 0 0 1px 2px #1b8fcf;
}

.stock__pagination {
	display: inline-block;
	vertical-align: middle;
}

.stock__pagination .stock__item {
	min-width: 40px;
	height: 30px;
	margin: 5px 3px;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	background: #fff;
	border: 1px solid transparent;
	border-bottom: 1px solid #DBD6C5;
	color: #000;
	font: 400 16px / 30px redhat, sans-serif;	
	-webkit-user-select: none;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .025);
}

.stock__pagination .stock__item:hover:not(.active) {
	border-color: #1b8fcf;
	-webkit-box-shadow: 0 0 1px 2px #1b8fcf;
}

.stock__pagination .stock__item.active {
	color: #000;
	font-weight: 700;
	border-color: #ffcc04;
	background-color: #ffcc04;
}

.stock__pagination .stock__seperator {
	margin: 0 3px;
	display: inline-block;
	vertical-align: middle;
	font: 400 14px / 24px redhat, sans-serif;	
}

.stock__settings {
	position: relative;
	margin: 0 20px 0 0;
    display: inline-block;
	vertical-align: middle;
}

.stock__setting {
	width: 100%;
	max-width: 220px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.stock__setting_layout {
	width: auto;
	margin-right: 20px;
	background-color: #fff;
	overflow: hidden;
	-webkit-border-radius: 30px;
	-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .05);
}

.stock__setting_layout:hover {
	border-color: #94c840;
}

.stock__setting_layout_mode {
	width: 52px;
	height: 42px;
	display: inline-block;
	vertical-align: top;
	background: no-repeat center / 16px;
	cursor: pointer;
	-webkit-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

.stock__setting_layout_mode:nth-of-type(2) {
	background-position: 15px center;
	background-image: url('../img/icons/icon-layout-block-light.svg');
}

.stock__setting_layout_mode:hover:nth-of-type(2),
.stock__setting_layout_mode.active:nth-of-type(2) {
	background-image: url('../img/icons/icon-layout-block.svg');
}

.stock__setting_layout_mode:nth-of-type(1) {
	background-position: 20px center;
	border-right: 1px solid #DBD6C5;
	background-image: url('../img/icons/icon-layout-row-light.svg');
}

.stock__setting_layout_mode:hover:nth-of-type(1),
.stock__setting_layout_mode.active:nth-of-type(1) {
	background-image: url('../img/icons/icon-layout-row.svg');
}

/* DETAIL
--------------------------- */
.stock__detail {
	max-width: 100%;	
	padding-bottom: 20px;
}

.stock__detail .row {
	width: 100%;
	padding: 5px 0;
	display: inline-block;
	font: 400 14px / 24px 'redhat'; 
}

.stock__detail .row.header {
	font-weight: 700;
}

.stock__detail .row > span {
	min-width: 150px;
	display: inline-block;
}

.stock__detail .presentation__prices .presentation__prices_value {
	width: 50%;
	vertical-align: bottom;
	line-height: 24px;
}

.stock__detail .presentation__tire .presentation__prices {
    max-width: 414px;
	margin: 0;
	padding: 0;
    text-align: left;
}

.presentation__header {
	width: 100%;
	max-width: 1264px;
	margin: 0 auto;
	padding: 0 30px 30px;
}

a.presentation__goback {
	padding-left: 24px;
	background: url('../img/icons/icon-arrow-left-dark.svg') no-repeat center left / 14px;
	font: 400 14px / 24px 'redhat'; 
	color: #000;
}

.presentation__goback > a {
	color: #000;
}

.presentation__goback:hover {
	text-decoration: underline;
}

.presentation__tire {
	background: #fff;
}

.presentation__tire_contain {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 50px 20px;
}

.presentation__tire .presentation__top {
	margin-bottom: 50px;
	padding: 0 0 30px;
	
}

.presentation__image {
	width: calc(30% - 50px);
	margin-right: 50px;
	display: inline-block;
	vertical-align: top;
}

.presentation__image > img {
	width: 100%;
	height: auto;
	vertical-align: top;
    -webkit-border-radius: 3px;
}

.presentation__detail {
	width: 70%;
	display: inline-block;
	vertical-align: top;
}

.presentation__detail > h1 {
	margin: 0 0 15px;
	font: 700 28px / 36px 'redhat'; 
}

.presentation__tire_rating {
	margin-top: 20px;
	font: 400 20px / 20px 'redhat'; 
}

.presentation__tire_rating i {
	padding: 5px 7px;
	display: inline-block;
	-webkit-border-radius: 30px;
}

.presentation__tire_rating[data-rate^='1'] .star-1 {
  border-color: #cc8b1f;
  background: #cc8b1f;
}

.presentation__tire_rating[data-rate='1.5'] .star-2 {
  border-left-color: #cc8b1f;
}

.presentation__tire_rating[data-rate^='2'] .star-1, 
.presentation__tire_rating[data-rate^='2'] .star-2 {
  border-color: #dcb228;
  background: #dcb228;
}

.presentation__tire_rating[data-rate='2.5'] .star-3 {
  border-left-color: #dcb228;
}

.presentation__tire_rating[data-rate^='3'] .star-1, 
.presentation__tire_rating[data-rate^='3'] .star-2, 
.presentation__tire_rating[data-rate^='3'] .star-3 {
  border-color: #f0991e;
  background: #f0991e;
}

.presentation__tire_rating[data-rate='3.5'] .star-4 {
  border-left-color: #f0991e;
}

.presentation__tire_rating[data-rate^='4'] .star-1, 
.presentation__tire_rating[data-rate^='4'] .star-2, 
.presentation__tire_rating[data-rate^='4'] .star-3, 
.presentation__tire_rating[data-rate^='4'] .star-4 {
  border-color: #f26a2c;
  background: #f26a2c;
}

.presentation__tire_rating[data-rate='4.5'] .star-5 {
  border-left-color: #f26a2c;
}

.presentation__tire_rating[data-rate='5'] i {
  border-color: #e7c981;
  background: #e7c981;
}

.presentation__tire_specifications {
	font: 400 20px / 24px 'redhat'; 
}

.presentation__tire_information {
	margin-top: 30px;
}

.presentation__tire_information_item {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font: 700 16px / 24px 'redhat'; 
}

.presentation__tire_information_item > span {
	min-width: 100px;
	display: inline-block;
	font-weight: 400;
}

.presentation__tire .presentation__prices {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.presentation__tire .presentation__cart {
	margin-top: 30px;
}

.presentation__calculator {
	width: 100%;
	max-width: 1224px;
	margin: 0 auto 50px;
	padding: 30px;
	background: #fff;
	-webkit-box-shadow: 0px 9px 32.4px 3.6px rgba(0, 0, 0, 0.025);
	-webkit-border-radius: 10px;
}

.presentation__calculator_block_contain {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.presentation__calculator_block_contain:first-of-type {
	width: 45%;	
	margin-right: 5%;
}

.presentation__calculator_block_contain iframe {
	width: 100%;
	height: 225px;
	padding: 0;
	-webkit-border-radius: 3px;
	
}

.presentation__calculator h2 {
	margin: 0 0 30px;
}

.presentation__calculator_blocks {
	
}

.presentation__calculator_block {
	width: calc(50% - 15px);
	margin: 10px 15px 0 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	-webkit-border-radius: 10px;
	-webkit-transition: ease 200ms all;
}

.presentation__calculator_block:first-of-type {
	width: 100%;
	max-width: 100%;
	margin: 0 0 10px;
}

.presentation__calculator_block:nth-of-type(-n+3) {
	margin-top: 0;
}

.presentation__calculator_block:nth-of-type(5) {
	margin-right: 0;
}

.presentation__calculator_block img {
	margin-top: 0;
	height: 54px;
	vertical-align: top;
}

.presentation__calculator_block label {
	font: 400 14px / 22px 'redhat'; 
}

.presentation__calculator_block input,
.presentation__calculator_block select {
	padding: 12px 15px;
	-webkit-border-radius: 6px;
}

.presentation__calculator_block input:disabled {
	background: #fafafa;
	cursor: default;
}

.presentation__calculator_block select {
	background: #f5f5f5 url('../img/icons/icon-arrow-down.svg') no-repeat calc(100% - 15px) center / 16px;
}

.presentation__similar {
	background: #fff;
}

.presentation__similar_contain {
	width: 100%;
	max-width: 1264px;
	margin: 0 auto 70px;
	padding: 0 20px 50px;
	text-align: center;
}

.presentation__similar_contain h2 {
	width: 100%;
	margin: 50px 0 25px;
	text-align: center;
	display: inline-block;
}

a.presentation__similar_block {
	width: calc(33.333333% - 25px);
	margin: 0 37px 0 0;
	padding: 30px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #000;
	-webkit-border-radius: 10px;
	-webkit-transition: ease 200ms all;
}

a.presentation__similar_block:nth-of-type(3) {
	margin-right: 0;
}

a.presentation__similar_block:hover {
	background: #f9f9f9;
	text-decoration: none;
}

.presentation__similar_block > img {
	width: 140px;
	height: 140px;
	margin: 0 0 30px;
	padding: 10px;
	display: inline-block;
	vertical-align: middle;
	object-fit: contain;
	background: #fff;
	-webkit-border-radius: 300px;
}

.presentation__similar_title {
	width: 100%;
	min-height: 50px;
	margin: 0 0 15px;
	display: inline-block;
	vertical-align: top;
	color: #000;
	font: 700 20px / 24px 'redhat'; 
}

.presentation__similar_price {
	width: 100%;
	display: inline-block;
	margin-top: 20px;
	color: #94c840;
	font: 700 20px / 22px 'redhat'; 
}

.presentation__similar_tire_specifications {
	color: #000;
	font: 400 14px / 22px 'redhat'; 
}

.presentation__similar_tire_cta {
	width: 100%;
	min-width: 160px;
	margin-top: 15px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px 0 20px;
	background: #33ccbf no-repeat calc(100% - 20px) center / 20px;
	border: 0;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font: 700 16px / 40px redhat, sans-serif;
	-webkit-border-radius: 300px;
	-webkit-transition: ease 100ms background-color, ease 100ms background-size;
}

.presentation__similar_tire_cta:hover { 
	background-color: #38e1d3;
}

.presentation__facts {
	width: 100%;
	max-width: 1264px;
	margin: 0 auto;
	padding: 0 20px;
}

.presentation__facts_block {
	width: calc(33.333333% - 25px);
	margin: 0 37px 0 0;
	padding: 30px;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	text-align: center;
	-webkit-box-shadow: 0px 9px 32.4px 3.6px rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 10px;
}

.presentation__facts_block:nth-of-type(3) {
	margin-right: 0;
}

.presentation__facts_block > img {
	width: 80px;
	height: 80px;
	margin: 0 0 30px;
	display: inline-block;
	vertical-align: middle;
}

.presentation__facts_text {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
}

.presentation__facts_title {
	margin: 0 0 15px;
	display: inline-block;
	vertical-align: top;
	font: 700 20px / 24px 'redhat'; 
}

.presentation__facts_text > p {
	min-height: 156px;
	font: 400 14px / 22px 'redhat'; 
}

/* CART
--------------------------- */
.cart__empty {
	width: 100%;
	max-width: 640px;
	margin: 50px auto 0;
	padding: 30px;
	background: #fff;
	text-align: center;
	-webkit-border-radius: 10px;
}

.cart__empty p {
	font: 400 16px / 24px 'redhat'; 
}

.cart__empty a {
	margin-top: 35px;
	padding: 10px 15px;
	display: inline-block;
	vertical-align: top;
	background: #94c840;
	color: #fff;
	font: 400 16px / 24px 'redhat'; 
	-webkit-border-radius: 6px;
	-webkit-transition: ease 100ms all;
}

.cart__empty a:hover {
	background: #c43030;
}

.cart__breadcrumb {
	width: 100%;
	margin-bottom: 0;
	background: #fff;
    border-bottom: 1px solid #f8f7f2;
	-webkit-border-radius: 3px 3px 0 0;
}

.cart__breadcrumb_step {
	width: 25%;
	padding: 10px 0;
	display: inline-block;
	vertical-align: middle;
	border-right: 1px solid #eee;
	border-bottom: 2px solid transparent;
	position: relative;
	text-align: center;
	font: 700 16px / 24px 'redhat'; 
}

.cart__breadcrumb_step.active {
	border-bottom: 2px solid #94c840;
}

.cart__breadcrumb_step:before {
	width: 20px;
	height: 20px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	z-index: 1;
	background: #94c840;
	color: #fff;
	font: 700 12px / 20px 'redhat';
	-webkit-border-radius: 30px;
}

.cart__breadcrumb_step:last-of-type {
	border-right: 0;
}

.cart__breadcrumb_step[data-step="products"]:before {
	content: "1";	
}

.cart__breadcrumb_step[data-step="delivery"]:before {
	content: "2";	
}

.cart__breadcrumb_step[data-step="information"]:before {
	content: "3";	
}

.cart__breadcrumb_step[data-step="payment"]:before {
	content: "4";	
}

.cart__step {
    min-height: 300px;
    padding: 30px;
    background: #fff;
    position: relative;
    -webkit-border-radius: 3px;
}

.cart__step.loading:after {
    content: "";
    width: 50px;
    height: 50px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #5eb472 url(../img/icons/icon-loading.svg) no-repeat center / 30px;
    -webkit-border-radius: 30px;
}

.cart__step_title {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
	font: 400 22px / 30px 'redhat'; 
}

.cart__block {
	width: 60%;
	display: inline-block;
	vertical-align: top;
}

.cart__list.cart__block {
	width: calc(40% - 30px);
	margin-left: 30px;
}

.cart__block_choice {
	width: 100%;
	margin-top: 10px;
	padding: 20px 20px 20px 80px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	background: #f9f9f9;
	position: relative;
	-webkit-border-radius: 3px;
	-webkit-transition: linear 50ms box-shadow, linear 50ms border;
}

.cart__block_choice a {
	font-size: 14px;
}

.cart__block_choice:before {
	content: "";
	width: 20px;
	height: 20px;
	background: #eee;
	position: absolute;
	top: 28px;
	left: 25px;
	-webkit-border-radius: 3px;
}

.cart__block_choice.selected:before {
	background: #5eb472;
}

.cart__block_choice:first-of-type {
	margin-top: 0;
}

.cart__block_choice:hover,
.cart__block_choice.selected {
	-webkit-box-shadow: 0 0 0 2px rgba(94, 180, 114, 1);
}

.cart__block_choice > span {
	width: 100%;
	display: inline-block;
	font: 700 20px / 30px 'redhat';
}

.cart__block_choice p a {
	color: #94c840;
}

.cart__block_choice p a:hover {
	text-decoration: underline;	
}

.cart__block .form__contain {
	width: calc(50% - 20px);
	margin: 0 20px 20px 0;
	display: inline-block;
	font: 400 14px / 22px 'redhat';
}

.cart__block .form__contain.full {
	width: calc(100% - 20px);
	margin: 0 0 0 0;
}

.cart__block .form__contain:nth-of-type(2n+2) {
	margin-right: 0;
}


.cart__block .form__contain.delivery:nth-of-type(2n+4) {

}

.cart__block .form__contain label {
	display: inline-block;
    margin: 0 0 5px 0;
    font: 700 15px / 22px 'redhat';
}

.cart__block .form__contain.radio {
	width: 100%;
	margin: 20px 0;
}

.cart__block .form__contain.radio label {
	line-height: 26px;
	cursor: pointer;
}

.cart__block .form__contain.radio label:first-of-type {
	margin: 0 20px 0 0;
}

.cart__block .form__contain input,
.cart__block .form__contain textarea {
	background: #fff;
	border: 1px solid #eee;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .055);
	-webkit-border-radius: 6px;
}

.cart__block .form__contain textarea {
	height: 150px;
	-webkit-border-radius: 6px;
}

.cart__block .form__contain input.error {
	border-color: #c43030;
}

.cart__block .form__contain input[type="radio"] {
	width: 24px;
    height: 24px;
	padding: 0;
    margin: 0 15px 0 0;
}

.cart__block .form__contain input[type="radio"]:checked {
	background: #94c840;
}

.cart__block .form__contain.checkbox {
	width: 100%;
	margin: 30px 0 0 0;
}

.cart__block .form__contain input[type="checkbox"] {
	width: 24px;
    height: 24px;
	padding: 0;
    margin: -2px 15px 0 0;
	-webkit-border-radius: 6px;
}

.cart__block .form__contain input[type="checkbox"]:checked {
	background: #94c840;
}

.cart__block .form__contain.checkbox label {
	cursor: pointer;
}

.cart__block .form__contain.checkbox label a {
	color: #94c840;
}

.cart__block .form__contain.checkbox label a:hover {
	text-decoration: underline;
}

.cart__list_presentation {
	width: 100%;
	margin-top: 10px;
	padding: 0;
	display: inline-block;
	position: relative;
}

.cart__list_presentation:first-of-type {
	margin-top: 0;
}

.cart__list_presentation img {
	width: 50px;
	height: 50px;
	margin-right: 20px;
	object-fit: contain;
	display: inline-block;
	vertical-align: middle;
    -webkit-border-radius: 3px;
}

.cart__list_presentation_contain {
    width: calc(100% - 70px);
	display: inline-block;
	vertical-align: middle;
}

.cart__list_presentation_title {
	display: inline-block;
	vertical-align: middle;
	font: 400 18px / 26px 'redhat';
}

.cart__block .cart__list_presentation_title {
	vertical-align: top;
}

.cart__list_presentation_info {
	height: 38px;
	margin: auto;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
}

.cart__block .cart__list_presentation_info {
	position: static;
	margin-left: -15px;
}

.cart__list_presentation .cart__added {
	width: 30px;
	height: 30px;
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	background: url(../img/icons/icon-cart-remove-dark.svg) no-repeat center / 20px;
	-webkit-transition: ease 100ms all;
}

.cart__list_presentation .cart__added:hover {
	transform: scale(.90);
}

.cart__list_presentation .cart__price {
	padding: 8px 15px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	font: 700 16px / 20px 'redhat';
}

.cart__list_presentation .cart__amount {
	padding: 5px 15px;
	display: inline-block;
	vertical-align: middle;
	font: 400 16px / 20px 'redhat';
}

.cart__list_presentation .cart__amount > span {
	margin: 0 0 0 10px;
	display: inline-block;
	font: 700 16px / 24px 'redhat';
}

.cart__contain .cart__continue {
	width: 100%;
	max-width: 220px;
	margin-top: 20px;
	padding: 10px 25px;
	display: inline-block;
	background: #94c840;
	color: #fff;
	font: 700 16px / 24px 'redhat';
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 300px;
	-webkit-transition: ease 100ms all;
}

.cart__contain .cart__continue.disabled {
	background: #eee;
	color: #000;
	pointer-events: none;
}

.cart__contain .cart__continue:hover {
	background-color: #a1da46;
}

.cart__contain .cart__goback {
	margin-top: 20px;
	padding: 10px 25px;
	display: inline-block;
	font: 700 16px / 24px 'redhat';
	cursor: pointer;
	text-align: center;
	-webkit-transition: ease 100ms all;
}

.cart__contain .cart__goback:hover {
	text-decoration: underline;
}

.cart__list_totals {
	width: 100%;
	min-height: 150px;
	margin-top: 30px;
	text-align: right;
}

.cart__list_totals_contain {
	width: 100%;
	max-width: 300px;	
	padding-top: 20px;
	display: inline-block;	
	border-top: 2px solid #eee;
}

.cart__list_totals_contain > span {
	width: 100%;
	display: inline-block;
	font: 700 16px / 24px 'redhat';
	text-align: left;
}

.cart__list_totals_contain > span > span {
	width: 100%;
	max-width: 200px;
	display: inline-block;
	font-weight: 400;
}

.cart__confirmed {
	padding: 40px;
	background: #fff;
	-webkit-border-radius: 10px;
}

.cart__confirmed h1 {
	font: 700 24px / 32px 'redhat';
}

.paymentmethods_method {
	width: calc(33.3333333% - 7px);
	margin: 5px 10px 0 0;
	padding: 6px 15px;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	cursor: pointer;
	border: 1px solid #eee;
	-webkit-border-radius: 6px;
	-webkit-transition: ease 100ms all;
}

.paymentmethods_method:nth-of-type(-n+3) {
	margin-top: 0;
}

.paymentmethods_method:nth-of-type(3n+3) {
	margin-right: 0;
}

.paymentmethods_method:hover {
	border-color: #94c840;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
}

.paymentmethods_method input[type=radio] {
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	background: #eee;
	border: 0;
	outline: 0;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 300px;
}

.paymentmethods_method input[type=radio]:checked {
	background-color: #94c840;
}

.paymentmethods_method_logo {
	width: 100px;
	height: 50px;
	margin-left: 30px;
	display: inline-block;
	vertical-align: middle;
	object-fit: contain;
}

.paymentmethods_method_description {
	margin: 10px 0;
	padding: 20px;
	display: none;
	background: #f9f9f9;
	font: 400 16px / 24px 'redhat';
	-webkit-border-radius: 6px;
}

/* TIRE CHANGE
-------------------------------- */		
.tire__change {
	font-size: 0;
}

.tire_change__buttons {
	margin: 30px 0 20px;
}

a.tire_change__button {
	width: 100%;
    padding: 7px 40px 7px 20px;
    text-align: right;
    background: #94c840 url(../img/icons/icon-arrow-right.svg) no-repeat calc(100% - 10px) center / 16px;
    color: #fff;
	font: 400 15px / 24px 'redhat'; 
    border: 1px solid transparent;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 300px;
    -webkit-transition-duration: 0ms;
}

.tire_change__button:hover:not(.disabled) {
	background-color: #a1da46;
	text-decoration: none;
}

.tire_change__button.disabled {
	pointer-events: none;
	opacity: .5;
	background-color: #eee;
	background-image: url(../img/icons/icon-arrow-right-dark.svg);
	color: #000;
}

.tire_change__button.disabled:first-of-type {
	background-image: url(../img/icons/icon-arrow-left-dark.svg);
	background-position: 10px center;
}

.tire_change__button:first-of-type {
	padding: 7px 20px 7px 40px;
	margin-right: 15px;
	background-image: url(../img/icons/icon-arrow-left.svg);
	background-position: 10px center;
}

.tire__change_table {
	width: 65%;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	background: #fff;
	overflow: hidden;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
}

.cart__block .tire__change_table {
	width: 100%;
}

.tire__change_table table {
	width: 100%;
}

.tire__change_table table td {
	padding: 3px 10px;
	border-bottom: 1px solid #eee;
}

.tire__change_sidebar {
	width: calc(35% - 20px);
	margin-left: 20px;
	display: inline-block;
	vertical-align: top;
}

.tire__change_sidebar_block {
	width: 100%;
    padding: 25px;
	display: inline-block;
	vertical-align: top;
    text-align: left;
    background: #fff;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
}

.tire__change_sidebar_block:first-of-type {
	margin-bottom: 30px;
}

.tire__change_sidebar_block h3 { 
	margin-bottom: 10px;
	font: 700 20px / 28px 'redhat'; 
}

.tire__change_sidebar_block p {
	margin-bottom: 10px;
	font: 400 14px / 22px 'redhat'; 
}

.tire__change_sidebar_block p:last-of-type {
	margin-bottom: 0;
}

.tire__change_sidebar_block a {
	color: #94c840;
}

.tire__change_sidebar_block a:hover {
	text-decoration: underline;
}

.tire__change_sidebar_block .required {
	margin: 1px 8px 0 0;
	color: #94c840;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
}

.tire__change_sidebar_block #valitud_aeg {
	margin-bottom: 15px;
	color: #94c840;
	font: 400 14px / 18px 'redhat'; 
}

.tire__change_sidebar_block label {
	width: 100%;
	position: relative;
}

.tire__change_sidebar_block label .notice {
	position: absolute;
	top: 0;
	right: 10px;
	color: #94c840;
    font: 400 14px / 18px 'redhat';
}

.tire__change_sidebar_block button {
	width: 100%;
	margin-top: 20px;
    padding: 7px 20px;
    text-align: right;
    background: #94c840;
    color: #fff;
	font: 400 15px / 24px 'redhat'; 
    border: 1px solid transparent;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 300px;
    -webkit-transition-duration: 0ms;
}

.tire__change_sidebar_block button:hover {
	background-color: #a1da46;
}

#form__reservation_message {
	color: #336600;
	font: 400 14px / 20px 'redhat';
}

/* SCROLL TOP 
-------------------------------- */		
#scroll__top {
	display: inline-block;
}

#scroll__top span {
	padding-right: 26px;
	display: inline-block;
    background: url('../img/icons/icon-arrow-up.svg') no-repeat right center / 14px;
    cursor: pointer;    
	font: 400 15px / 23px 'redhat'; 
}

#scroll__top span:hover {
	text-decoration: underline;
}

/* FOOTER 
--------------------------- */
footer {
    width: 100%;
	padding-top: 50px;
	background: rgba(228, 198, 126, .2);
	font-size: 0;
}

.footer__about {
	width: 100%;
	padding: 20px 0;
	margin-bottom: 30px;
}

.footer__about_company {
	width: calc(100% - 53px);
	display: inline-block;
	vertical-align: middle;
}

.footer__about_company img {
	max-width: 154px;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
}

.footer__about_company span {
	margin-left: 30px;
	display: inline-block;
	vertical-align: middle;
	font: italic 700 16px / 28px 'redhat'; 
}

.footer__blocks {
	margin-bottom: 30px;
}

.footer__block {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	font: 400 14px / 24px 'redhat'; 
}

.footer__block > span {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
	font: 700 18px / 26px 'redhat'; 
}

.footer__block a {
	color: #000;
}

.footer__block a:hover {
	text-decoration: underline;
}

.footer__block_icon {
	padding-left: 34px;
	display: inline-block;
	vertical-align: middle;
	background: no-repeat left center / contain; 
	color: #94c840;
	font: 400 14px / 22px 'redhat'; 
}

.footer__block_icon:hover {
	text-decoration: underline;
}

.footer__block_icon.email {
	background-image: url('../img/icons/icon-contact-email.svg');
}

.footer__block_icon.phone { 
	background-image: url('../img/icons/icon-contact-phone.svg');
}

.footer__copyright {
	width: 100%;
	margin-top: 30px;
	display: inline-block;
    padding: 10px 0;
	background: rgba(228, 198, 126, .2);
	font-size: 0;
	
}

.footer__copyright p {
	width: 50%;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	color: #000;
	font: 400 14px / 24px 'redhat'; 
}

.footer__copyright p:last-of-type {
	text-align: right;
}

.footer__copyright a:hover {
	text-decoration: underline;
}

/* FORM
--------------------------- */

form { 
    width: 100%;
    position: relative;
}

form label {
    margin: 8px 0 5px 0;
    padding: 0;
    display: inline-block;
	font: 400 14px / 18px 'redhat';
}

input,
textarea,
select {
    width: 100%;
	margin: 0;
    padding: 13px 15px;
    display: inline-block;
	vertical-align: top;
    background: #f5f5f5;
	border: 0;
	font: 400 16px / 16px 'redhat';
    color: #000;
	cursor: pointer;
    -webkit-border-radius: 300px;
	-webkit-appearance: none; 
}

form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus,
form select:hover,
form select:focus { 
    outline: none;
	-webkit-box-shadow:  0 0 15px 0 rgba(255, 255, 255, .2);
}

form input.error,
form textarea.error,
form select.error { 
   
}

/*form input[type='submit'] {
    margin: 10px 0 0;
    padding: 8px 20px 10px;
    display: inline-block;
    vertical-align: top;
    background: #39b54a;
    border: 0;
    color: #fff;
	font: 400 20px / 30px 'redhat';
    -webkit-border-radius: 4px;
    -webkit-transition: all 300ms ease-in-out;
}

form input[type='submit']:hover,
form input[type='submit']:focus,
form input[type='submit']:active {
    background: #70da93;
    cursor: pointer;
    outline: none;
}*/

select[name=presentation_sort] {
    min-width: 200px;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .05);
}

form textarea {
	height: 100px;
	-webkit-border-radius: 20px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #9d9d9d;
    font-weight: 500;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #9d9d9d;
    opacity: 1;
    font-weight: 500;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #9d9d9d;
    opacity: 1;
    font-weight: 500;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #9d9d9d;
    font-weight: 500;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #9d9d9d;
    font-weight: 500;
}

/*
 * Autocomplete
 */ 

.ui-widget.ui-widget-content {
    border: 0;
    margin-top: 8px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
}

.ui-menu .ui-menu-item-wrapper { 
    margin: 0;
    padding: 10px;
    font: 400 16px / 24px 'redhat';
}

.ui-menu .ui-menu-item-wrapper > img {
    max-width: 80px;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 10px;
}

.ui-menu .ui-menu-item-wrapper > span {
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 0 solid #94c840;
	background: #afe459;
	font-weight: normal;
	color: #ffffff;
}

/*  MEDIA QUERIES
--------------------------- */

@media (any-hover: hover) {
	
	
}

@media screen 
and (min-width: 0) 
and (max-width: 1440px) 
{
	


}

@media screen 
and (min-width: 0) 
and (max-width: 1280px) 
{
	
	.main ul.nav li {
		margin-right: 15px;
	}

	.main ul.nav li a {
		font-size: 14px;
	}
	
	.block__banner a:nth-of-type(n) {
		width: calc(33% - 13px);
		margin: 20px 20px 0 0;
	}
	
	.block__banner a:nth-of-type(-n+3) {
		margin-top: 0;
	}

	.block__banner a:nth-of-type(3n+3) {
		margin-right: 0;
	}
	
}

@media screen 
and (min-width: 0) 
and (max-width: 1024px) 
{
	
	.usp__block {
		width: 100%;
		margin: 5px 0;
	}

    
}

@media screen 
and (min-width: 0) 
and (max-width: 960px) 
{
	
	.main .logo {
		margin-right: 10px;
	}
	
	.center__contain.header {
		padding: 0 20px;
	}
	
	.search {
		width: 100%;
		max-width: unset;
		margin: 20px 0 0 0;
		padding: 0;
	}
	
	.quick__buttons {
		position: absolute;
		top: 0;
		right: 20px;
	}
	
	.quick__button:last-of-type .cart__amount {
		right: auto;
		left: -35px;
	}
	
	.quick__button > .button__text {
		display: none;		
	}
	
	.quick__button {
		width: 46px;
		height: 46px;
		padding-left: 40px;
	}
	
	.block__banner a:nth-of-type(n) {
		width: calc(50% - 12px);
		margin: 20px 20px 0 0;
	}
	
	.block__banner a:nth-of-type(-n+2) {
		margin-top: 0;
	}

	.block__banner a:nth-of-type(2n+2) {
		margin-right: 0;
	}

}

@media screen 
and (min-width: 0) 
and (max-width: 768px) 
{
	
	.introduction__contain {
		height: 270px;
		padding: 40px;
	}
	
	.introduction__slogan h1 { 
		font: 700 22px / 26px 'redhat', sans-serif;
	}

	.introduction__slogan p { 
		font: 400 15px / 23px 'redhat', sans-serif;
	}
	
	.banner__contain img {
		width: 100%;
		max-width: 100%;
	}
	
	.banner__block {
		width: 100%;
		max-width: unset;
		margin-top: 20px;
		position: static;
	}
	
}


@media screen 
and (min-width: 0) 
and (max-width: 540px) 
{
	
	.block__banner a:nth-of-type(n) {
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	.banner__block_actions a:nth-of-type(n) {
		width: 100%;
		max-width: 100%;
	}	
	
	.banner__block_actions a:first-of-type {
		margin-bottom: 10px;
	}
	
}

@media screen 
and (min-width: 0) 
and (max-width: 414px) 
{

}