.color-main {
color: #d21c17;
}
.hero-video {
position: relative;
width: 100%;
height: 100vh;
}
.hero-video .hero__video {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.hero__video video {
display: block;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.hero-video .hero__video.hero__video--desktop {
display: none;
}
.hero-video .hero__video.hero__video--mobile {
display: block;
}
.hero-video .grid_section {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #fff;
}
.hero-video .grid_section h1,
.hero-video .grid_section h2,
.hero-video .grid_section h3 {
line-height: 0.95;
}
.hero-video .grid_section * {
color: #fff;
}
@media (min-width: 992px) {
.hero-video .hero__video.hero__video--desktop {
display: block;
}
.hero-video .hero__video.hero__video--mobile {
display: none;
}
}
.chiptuning-widget {
position: relative;
}
.chiptuning-widget .ext-select {
margin-bottom: 30px;
padding: 20px;
height: 100%;
background-color: rgba(0, 0, 0, .1);
border: 3px solid #d21c17;
border-radius: 6px;
}
.chiptuning-widget .ext-select.in-active {
background-color: rgba(0, 0, 0, .2);
border-color: #000;
}
.chiptuning-widget .ext-select.in-active select {
pointer-events: none;
opacity: 0.7;
}
.chiptuning-widget .ext-select label {
display: block;
margin-bottom: 10px;
transition: all .2s ease;
}
.chiptuning-widget .ext-select select {
pointer-events: inherit;
display: block;
width: 100%;
padding: 8px 15px;
color: #fff;
background-color: #d21c17;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 20px;
border-radius: 4px;
border: 0;
transition: all .2s ease;
}
.schema-results {
position: relative;
}
.schema-results .schema-results-item {
padding: 15px;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 16px;
background-color: rgba(0, 0, 0, .1);
border: 3px solid rgba(0, 0, 0, .2);
border-radius: 6px;
}
.schema-results .schema-results-title {
margin-bottom: 25px;
}
.schema-results .schema-results-item .col {
padding: 2px 0;
}
.schema-results .schema-results-item .col.border-bottom {
border-bottom: 1px solid #000;
}
.schema-results .schema-results-item .bigger {
font-size: 20px;
font-weight: 500;
}
.schema-results .schema-results-item p.additional {
margin-top: 20px;
font-weight: 400;
}
@media (max-width: 992px) {
.hero-video {
max-height: calc(100vh - 100px);
}
.hero-video .grid_section {
transform: translateY(-50%);
}
.chiptuning-widget .ext-select {
margin-bottom: 15px;
border-width: 2px;
}
.schema-results-item .vc_col-sm-12 + .vc_col-sm-12 {
margin-top: 25px;
}
}
@media (max-width: 575px) {
.hero-video .grid_section h1 {
font-size: 44px !important;
}
.hero-video .grid_section h1 span[style*="font-size: 60px"] {
font-size: 42px !important;
}
.hero-video .grid_section h1 span[style*="font-size: 40px"] {
font-size: 30px !important;
}
.hero-video .section_inner {
width: 340px !important;
}
.schema-results .schema-results-item,
.chiptuning-widget .ext-select {
padding: 10px;
}
}