/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

.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;
	}
}