.has_wheel_options{
min-height: 164px;
overflow: hidden;	
}
.has_wheel_options .left_c{
position: absolute;
left: -2.5rem;
top:calc(50px - 0.5rem);
font-size: 3rem;
cursor: pointer;
}
.has_wheel_options .right_c{
position: absolute;
right: -2.5rem;
top:calc(50px - 0.5rem);
font-size: 3rem;
cursor: pointer;	
}
.ch_car_label{
font-size: 13px;
height: 2rem;
line-height: 2rem;	
}
select.browser-default{
outline: none;
border-radius: 10px;
height: 2rem;
font-size: 13px;
}
#cons_bg{
width: 884px;
height: 287px;
background-repeat: no-repeat !important;
background-size: cover;
display: inline-block;
position:relative;
transition:all .5s;
}
.selection_block{
height: 50px;
}
.selection_block .size{
padding-top: 15.5px;	
}
.selection_block [type="checkbox"]+label{
height: 20px;
padding-left: 25px;
margin-left: 5px;
}
.selection_block [type="checkbox"].filled-in:not(:checked)+label:after{
border: 1px solid #eee;
}
.selection_block .select{
display: inline-block;	
}
.selection_block .select .chevron{
position: relative;
top: -2px;
border: 1px solid #eee;
color: grey;
font-size: 15px;
height: 26px;
line-height: 26px;
padding: 0 5px;
cursor:pointer;
}
.selection_block .select .chevron.l{
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;	
}
.selection_block .select .chevron.r{
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;	
}
.selection_block .select .number{
display: inline-block;
font-size: 13px;
border: 1px solid #eee;
height: 26px;
line-height: 26px;
padding: 0 5px;
position: relative;
top: -5px;
border-left: none;
border-right: none;
}
.selection_block .info{
display: inline-block;
margin-left: 5px;
cursor:pointer;
}
.select_wheel .wheel_title{
font-size: 18px;	
}
.no_margin{
margin:0;	
}
#step2_btn{
background: #e32223;
box-shadow: none;
border-radius: 10px;
margin-top: 10px;
font-size: 13px;
text-transform: none;
padding: 0 10px;
display: inline-block;
white-space: nowrap;	
}
.label{
font-size:13px;
}
#back{
display:none;	
}
.select_wheel{
border:1px solid transparent;
cursor:pointer;	
padding-top: 5px !important;
width:150px;
display: table-cell;
padding: 1rem;
}
.select_wheel.active{
border:1px solid #eee;	
}
.cons_wheel{
width: 98px;
height: 98px;
position:absolute;
}

.cons_support{
width: 98px;
height: 98px;
position:absolute;
background:url(images/brake.png) center center no-repeat;
border-radius:90px;
display:none;
}

.car{
cursor:pointer;	
}
.order h2{
font-size: 30px;
color: #575757;
margin: 0;
}
#selected_wheels_block{
background:#f3f3f3;
border-radius: 15px;
}
.wheel_item{
min-height: 100px !important;	
}
.wheel_item img.item{
margin-top: 1rem;	
}
.wheel_item img.label{
position: relative;
top: 5px;
margin-right: 5px;
}
.wheel_item h3{
font-size: 20px;
color: #575757;
margin: 1rem 0;
}
.wheel_item .label{
display: inline-block;
line-height: 30px;	
}
.wheel_item select{
width:100px;
display: inline-block;
margin: 0 10px;	
}
.wheel_item i{
position: absolute;
top: 7px;
right: 7px;
cursor: pointer;
}
.relative{
position:relative;	
}
.wheel_item + .wheel_item {
border-left: 1px solid white;
border-image: linear-gradient(to bottom, #f3f3f3, #f3f3f3, white, white, white, white, #f3f3f3, #f3f3f3) 1 100%;
}
#final_form{
background-size: cover;
background-repeat: no-repeat;
}
#final_form h2{
font-size: 28px;
color: #575757;
margin: 0;
background: #f3f3f3;
text-align: center;
padding: 10px 0;
margin-top: 20px;
}
#final_form input{
background: white;
height: initial;
margin: 10px 0;
padding: 10px;
font-size: 13px;
border-radius: 10px;
border: none;	
}
#final_form input:focus{
border: none;
box-shadow:none;
}
#final_form ::-webkit-input-placeholder {color:grey;}
#final_form :-ms-input-placeholder {color:grey;}
#final_form ::-moz-placeholder {opacity: 1;color:grey;}
#final_form :-moz-placeholder {opacity: 1;color:grey;}
#final_form button{
background: #F48723;
font-size: 13px;
margin: 20px;
box-shadow: none;
border-radius: 10px;
padding: 0 25px;
height: 30px;
line-height: 30px;
text-transform: none;	
}
.dropdown-content li{
width: 100% !important;
text-align: left !important;
color: white;
background: #606060;
}
#dropdown1{
width: 100% !important;
left: 0 !important;	
}
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
background: #606060;
}
.parallax-container{
height:600px;	
}
.form h2{
font-size: 32px;
color: white;	
}
.form input{
background: white;
padding: 10px 0px 10px 15px;
height: initial;
border-radius: 5px;
font-size: 14px;
width: calc(100% - 15px);
border: 2px solid lightgrey;
}
.form input:focus{
border-bottom:2px solid lightgrey !important;
box-shadow:none !important;	
}
.form textarea{
outline:none;
background: white;
padding: 10px 0px 10px 15px;
width: 100%;
height: initial;
border-radius: 5px;
font-size: 14px;
border: 2px solid lightgrey;
}
.form .btn,#send_request .btn{
font-size: 22px;
box-shadow: none;
padding: 0px 10px;
height: initial;
border-radius: 5px;
background: #f45e5f !important;
min-width: 150px;
}
#step2_btn:hover{
background:#e10707;
}
.form .btn:hover,#send_request .btn:hover,.footer .btn:hover{
background:#F43636 !important;
}
.final .btn{
background:#e10707;
}
.form ::-webkit-input-placeholder {color:grey;}
.form :-ms-input-placeholder {color:grey;}
.form ::-moz-placeholder {opacity: 1;color:grey;}
.form :-moz-placeholder {opacity: 1;color:grey;}
.ben{
padding: 2rem 0;	
}
.ben h2{
font-size: 32px;
font-weight: bold;
color: #4a4a4a;	
}
.benefit{
position:absolute;
font-size:22px;	
width: 25%;
}
.benefit.x1{
top: 0;	
}
.benefit.x2{
top: calc(50% - 30px);	
}
.benefit.x3{
bottom: 0;
}
.benefit.y1{
top: 0;
}
.benefit.y2{
top: calc(50% - 30px);
}
.benefit.y3{
bottom: 0;
}
.ben_block{
position:relative;	
}
.ben .btn{
box-shadow: none;
padding: 5px 17px;
height: initial;
border-radius: 5px;
background: #f45e5f !important;
font-size: 26px;
}
h2.why{
font-size: 26px;
text-align: center;	
}
.row.line2{
margin:0;	
}
.row.line2 .col:not(.empty){
cursor:pointer;	
}
.row.line2 h3{
font-size: 20px;	
}
.row.line2 .col.active{
border-top: 1px solid #a7a7a7;
border-left: 1px solid #a7a7a7;
border-right: 1px solid #a7a7a7;	
}
.row.line2 .col{
padding-bottom: 10px;	
}
.row.line2_after .col.line{
border-top: 1px solid #a7a7a7;
}
.row.line .col.s5{
border-top: 1px solid #a7a7a7;
}
.row.line .col.s2{
border-left: 1px solid #a7a7a7;
border-bottom: 1px solid #a7a7a7;
border-right: 1px solid #a7a7a7;
}
#more_cars,#more_wheels{
color: inherit;
padding: 15px 0;
display: inline-block;
font-size: 15px;	
}
.title {
position: relative;
background: #f2f2f2;
display: inline-block;
padding: 5px;
min-width: 200px;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 10px;
}
.title:after, .title:before {
top: 75%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.title:after {
border-top-color: #f2f2f2;
border-width: 20px;
margin-left: -20px;
}
.title:before {
border-width: 30px;
margin-left: -20px;
}
.about{
background-position: 50% 50%;
background-repeat: no-repeat;
margin: 0;
min-height: 500px;
}
.about .text{
padding-left: 10%;
background: rgba(255,255,255,.8);
min-height: 500px;
padding-top: 2rem;
}
.about .text h2{
font-size: 30px;
font-weight: bold;
color: #4a4a4a;	
}
.about .text p{
font-size: 20px;
color: #4a4a4a;	
}
#scroll{
width: 50px;
height: 50px;
position: fixed;
bottom: 95px;
right: 20px;
cursor: pointer;
display:none;
-webkit-transition: background .2s ease-out;
-moz-transition: background .2s ease-out;
-o-transition: background .2s ease-out;
transition: background .2s ease-out;	
}
#scroll:hover{
background-position: 0 -50px;
-webkit-transition: background .2s ease-in;
-moz-transition: background .2s ease-in;
-o-transition: background .2s ease-in;
transition: background .2s ease-in;	
}
footer{
font-size: 17px;
font-weight: 500;
line-height: 1.7;	
}
footer .row{
margin:0;	
}
footer .row.margin{
margin-bottom: 10px;	
}
footer h4{
margin: 0;
font-size: 20px;
font-weight: bold;	
}
footer h5{
margin:0;
font-size: 15px;
font-weight: 300;	
}
footer input{
background-repeat: no-repeat;
height: 30px !important;
margin: 0 !important;
padding: 5px 10px !important;
padding-left: 50px !important;
background-color: #898e94 !important;
width: initial !important;
background-position: 12px 12px;
font-size: 14px !important;
width: 100% !important;
font-weight: 300;
color: white !important;
}
footer input:focus{
border-bottom:1px solid transparent !important;
box-shadow:none !important;	
}
footer button{
font-size: 14px;
box-shadow: none !important;
padding: 0px 10px !important;
background: #f45e5f !important;
font-weight: 300;
height: 41px !important;
line-height: 41px !important;
}
.modal h2{
color: #575757;
font-size: 30px;	
}
.modal p{
color: #797979;
font-size: 16px;
font-weight: 300;	
}
.modal .btn{
background-color: #A5DC86;
box-shadow: none;	
}
.modal .btn:hover{
background-color:#91C175;
}

.learnMore {
	background:url(images/learnMoreBg.png) center center no-repeat;
	margin:20px 0 0;
	width:110px;
	height:42px;
	line-height:50px;
	text-transform:uppercase;
	font-size:12px;
	transition: margin 0.5s;
}

.learnMore a {
	color:#000;	
}

.learnMore:hover {
	margin-top:10px;
}

header {
    width: 100%;
    height: 68px;
    background: #303030;
}

.container {
    width: 1150px;
    margin: 0 auto;
    position: relative;
}

header a.logo {
    display: inline-block;
    margin-top: 11px;
    float: left;
}

header span.sep {
    height: 20px;
    display: inline-block;
    float: left;
    border-left: 1px solid #fff;
    margin: 25px 20px 0 20px;
}

header a.contacts {
    width: 150px;
    height: 42px;
    line-height: 42px;
    float: left;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background: #575757;
    margin-top: 13px;
    border-radius: 8px;
}

header a.project {
    width: 210px;
    height: 68px;
    line-height: 60px;
    float: right;
    display: inline-block;
    padding-left: 100px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-family: HelveticaO;
    text-decoration: none;
    background: url(/images/project.png) no-repeat left 0 #575757;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

header a.project span {
    font-family: HelveticaB;
}

.logo img {
	margin:7px 0px 0;
}

#cons_bg:hover .cons_wheel {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.cons_wheel {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.copyrights {
	font-size:10px;
}

.show_on_mob{display:none;}
.container{
width:80%;	
}
nav ul{
height: 64px;	
}
nav .dev{
margin: 0 15px;
}
nav .email{
font-size: 15px;
}
nav .email.hide_on_mob{
font-size: 14px;
}
.no-shadow{
box-shadow: none;	
}
.col.car .img{
width: 547px;
height: 179px;
display: inline-block;	
}
.contact{
background-color: rgba(0,0,0,0.05);
border-radius: 5px;
text-transform: none;	
}
.logo img{
margin: 14.5px 0;
cursor:pointer;
}
._tabs{
font-weight: 500;
}
._tabs ._tab{
position:relative;
display: inline-block;
width: 33%;
line-height: 30px;
height: 30px;
text-transform: uppercase;
padding-left: 10px;
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
}
._tabs ._tab a{
color: inherit;
display: inline-block;
padding-right: 40px;
white-space:nowrap;
}
._tabs ._tab.active,._tabs ._tab.is_active{
color: white;
background: #606060;	
}
._tabs ._tab.active a,._tabs ._tab.is_active a{
background: #606060;
}
._tabs ._tab span{
display: inline-block;
background: #606060;
width: 30px;
text-align: center;
color: white;	
margin-right:15px;
}
._tabs ._tab.l{
text-align: left;	
}
._tabs ._tab.c{
text-align:center;	
}
._tabs ._tab.r{
text-align:right;	
}
._tab2{
background:#dddddd;
height: 35px;
line-height: 35px;
text-align: center;
}
._tab2 a{
color:inherit;	
}
._tab2.active{
background: #f2f2f2;
}
._tabs ._tab.active i, ._tabs ._tab.is_active i{
position: absolute;
right: 10px;
top: 2px;
}
.wheel_nav{
width:calc(142px * 4) !important;	
}
.step2_btn_mob{
display:none;	
}
@media screen and (max-width: 1024px) {
.container{width:95%}
.col.car .img{
width: 100%;
background-size: cover !important;
background-position: 50% 50% !important;	
}
.benefit{
font-size: 1.3rem !important;	
}
.to-1-1024{
width: 8.3333333333% !important;	
}
.to-3-1024{
width: 25% !important;	
}
}
@media screen and (max-width: 960px) {
.col.car .img{
width: 100%;
background-size: 100% !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
}
.about .text{
min-height:700px !important;	
}
.about{
min-height:700px !important;	
}
footer {
font-size: 14px !important;
}
footer .row.margin > .col{
padding:0 !important;	
}
.col.wheel_item{
width:50% !important;	
}
.benefit{
font-size: 1.1rem !important;	
}
}
@media screen and (max-width: 800px) {
#cons_bg{
width: 750px !important;
background-position: 50% 50% !important;
background-size: 100% !important;
height: 243px !important;
}
#more_wheels_block .car_ste2 > .col.s3{
width:5%;	
}
#more_wheels_block .car_ste2 > .col.s6{
width:65%;	
}
#more_wheels_block .car_ste2 > .col.s1{
width:5%;	
}
#more_wheels_block .car_ste2 > .col.s2{
width:25%;	
}
.cons_wheel {
width: 85px !important;
height: 85px !important;
background-size: 100% !important;
}

.cons_support {
width: 85px !important;
height: 85px !important;
background-size: 100% !important;
}
.hide-on-800{
display:none !important;	
}
}
@media screen and (max-width: 414px) {
.benefit{
font-size: 1.4rem !important;
width:100%;
}
.hide_on_mob{
display:none !important;	
}
.show_on_mob{
display:initial !important;	
}
.mob_contact{
position: relative;
top: 5px;	
}
._tabs ._tab{
cursor:pointer;
}
._tabs ._tab.active, ._tabs ._tab.is_active{
width: calc(100% + 1.5rem);
padding: 0;
margin-left: -0.75rem;
margin-right: -0.75rem;	
}
._tabs ._tab.active a, ._tabs ._tab.is_active a{
width: 100%;
padding: 0;	
}
.col.car{
width:100% !important;	
}
.row.line .col.s5{
width:15% !important;
}
.row.line .col.s2{
width:70% !important;
}
.ben{
padding:0 !important;
}
.benefit{
position:relative !important;	
}
.about{
background: #9E9E9E !important;	
min-height: initial !important;
}
.about .text{
width: 100% !important;
padding: 0 0.75rem;
padding-left: 0.75rem !important;	
min-height: initial !important;
}
.row.form{
background:#898e94 !important;	
}
.row.form .col.s3{
width:5% !important;	
}
.row.form .col.s6{
width:90% !important;
}
footer .col.s1{
display:none;	
}
footer .col.s3{
width: 100% !important;
text-align: center;
}
footer {
font-size: 17px !important;
}
.car_step2.has_select .col.s2{
width: 50%;	
}
#cons_bg {
width: 300px !important;
height: 97px !important;
}
#more_wheels_block .car_ste2 > .col.s3 {
/*display:none;*/
}
#more_wheels_block .car_ste2 > .col.s6 {
width:100%;
}
#more_wheels_block .car_ste2 > .col.s1 {
width:25%;
}
#more_wheels_block .car_ste2 > .col.s2 {
width:50%;
}
.select_wheel img{
width: 50px;
}
#more_wheels_block .car_ste2 > .col.s6 .row.no_margin{
margin-bottom: 20px;
}
.cons_wheel {
width:33px !important;
height:33px !important;
}

.cons_support {
width:33px !important;
height:33px !important;
}
.col.wheel_item {
width: 100% !important;
margin-bottom: 5px;
background: #f3f3f3;
}
#selected_wheels_block{
border-radius: 0 !important;
background: white !important;
}
#final_form .has_form{
width: calc(90% - 20px);
}
#final_form .col.s4:not(.has_form) {
width: 5%;
}
.wheel_nav{
width: calc(85px * 4) !important;	
height: 100px;
}
#more_wheels_block .car_ste2 > .col.s6 .row.no_margin{
height: 100px;
}
.select_wheel{
padding:5px 5px 5px !important;	
width: 70px !important;
}
.has_step2_btn{
display:none;
}
.step2_btn_mob{
display:inherit;	
}
.has_wheel_options .right_c {
right: 1rem !important;	
}
}
@media screen and (max-width: 320px) {
.select_wheel {
padding: 3px 3px 3px !important;
width: 60px !important;
}
.has_wheel_options .right_c {
right: 0rem !important;
}
}

.material-icons {
	display:none;
}