/*! Place your custom styles here */



/* OPEL FONTS */
@font-face {
	font-family: 'OpelSans';
	src: url('../fonts/OpelSansW01-Condensed.eot'); /* IE9 Compat Modes */
	src: url('../fonts/OpelSansW01-Condensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/OpelSansW01-Condensed.woff') format('woff'), /* Modern Browsers */
		url('../fonts/OpelSansW01-Condensed.ttf') format('truetype'), /* Safari, Android, iOS */
		url('http://www.opel.de/microapps/font/OpelSansW01-Condensed.svg#OpelSansW01-Condensed') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'OpelSansBold';
	src: url('../fonts/OpelSansW01-BoldCondensed.eot'); /* IE9 Compat Modes */
	src: url('../fonts/OpelSansW01-BoldCondensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/OpelSansW01-BoldCondensed.woff') format('woff'), /* Modern Browsers */
		url('../fonts/OpelSansW01-BoldCondensed.ttf') format('truetype'), /* Safari, Android, iOS */
		url('http://www.opel.de/microapps/font/OpelSansW01-BoldCondensed.svg#OpelSansW01-BoldCondensed') format('svg'); /* Legacy iOS */
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: uppercase;
	font-family: "OpelSansBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
}
p{
  	font-family: "OpelSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.gray-link{
	color: #222 !important;	
}
.gray-link:hover{
	color: #666 !important;		
}

.lead a{
	color: #222 !important;		
}
.lead a:hover{
	color: #666 !important;		
}

.imagebg{
	font-size: 1.1em;
}
[class*="bg-"]:not(.bg--white):not(.bg--secondary) p, [class*="imagebg"]:not(.image--light) p{
	opacity: 1;
}



/* BUTTONS */
.btn {
  font-family: 'OpelSans', 'Helvetica', 'Arial', sans-serif;
  border-radius: 2px;
}
.btn--opel{
	background-color: #F7D900;	
	color: #000000 !important;
 	border-color: transparent !important;
}
.btn--opel:hover{
  	border-color: transparent !important;
}



/* IMAGES */
.border--round{
	border-radius: 2px;	
}

@media screen and (min-width: 768px) {
.bar .logo{
	max-height: 2.4em;
}
}



/* FORM */
input[type="text"],input[type="email"],input[type="tel"]{
	border: 1px solid #BBB;	
	border-radius: 2px;
	color: #000;
	font-size: 1.2em;
}
input[type="text"]:hover,input[type="email"]:hover,input[type="tel"]:hover{
	border-color: #888 !important;	
}

input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus{
	border-color: #444 !important;	
}
button[type="submit"]{
	font-size: 1em;	
}




/* BOX */
.boxed{
	border-radius: 2px;
}
.bg--secondary{
	background-color: #F8F8F8;
}
.box-shadow-wide{
	box-shadow: 0 16px 60px rgba(0, 0, 0, 0.2);
}

.tabs{
	background-color: #FFF;
	border: none;
}
.tabs li:not(:last-child){
	border-right: 1px solid #FFF;
	background-color: #F8F8F8;
}
.tabs li:last-child{
	border-left: 1px solid #FFF;
	background-color: #F8F8F8;
}
.tabs li:not(.active){
	opacity: 1;
}

.tabs li.active{
	background-color: #F7D900;
	color: #000;
}

.tabs li.active .tab__title span{
	color: #000 !important;
}


/* PADDING */
.pb-2em{	padding-bottom: 2em !important;	}
.pb-4em{	padding-bottom: 4em !important;	}
.pb-6em{	padding-bottom: 6em !important;	}
.pb-8em{	padding-bottom: 8em !important;	}
.pb-10em{	padding-bottom: 10em !important;}




/* FIX */
@media only screen and (max-width: 768px) {
.background-image-holder-mobile{
	min-height: 90vh !important;
	top: -10vh !important;
}
}