/* Quantum Style */

@font-face {
	font-family: 'OpelSansW01';
	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('../fonts/OpelSansW01-Condensed.svg#OpelSansW01-Condensed') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpelSansW01BoldCondensed';
	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('../fonts/OpelSansW01-BoldCondensed.svg#OpelSansW01-BoldCondensed') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpelSansW01ExtraBoldCondensed';
	src: url('../fonts/OpelSansW01-XBdCondensed.eot'); /* IE9 Compat Modes */
	src: url('../fonts/OpelSansW01-XBdCondensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/OpelSansW01-XBdCondensed.woff') format('woff'), /* Modern Browsers */
	url('../fonts/OpelSansW01-XBdCondensed.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/OpelSansW01-XBdCondensed.svg#OpelSansW01-XBdCondensed') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'icon';
	src: url('../fonts/icon.eot?hg0h3v');
	src: url('../fonts/icon.eot?hg0h3v#iefix') format('embedded-opentype'),
	url('../fonts/icon.ttf?hg0h3v') format('truetype'),
	url('../fonts/icon.woff?hg0h3v') format('woff'),
	url('../fonts/icon.svg?hg0h3v#icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	background-color: #f3f3f3;
}

body {
	font-family: 'Arial';
}

/* heading */
h1, .hl {
	font-family: 'OpelSansW01ExtraBoldCondensed';
	line-height: 1;
	font-size: 40px;
	background: none;
	display: inline-block;
	padding: 0;
	margin-bottom: 16px;
	text-transform: none;
}

/* legend */
legend.gt>span,
#mds-ffe-ri_rb .contactform > legend > span {
	font-weight: 100;
	border: none;
	border-bottom: solid 4px #f7d900;
	padding: 0;
	line-height: 42px;
	background-color: #f3f3f3;
	background-image: none;
	margin-right: 0;
	filter: none;
	font-family: 'OpelSansW01BoldCondensed';
	font-size: 18px;
}
legend.gt>span {
	margin: auto 0;
}

/* fieldset */
.modCnt_groupbox_1,
#mds-ffe-ri_rb .contactform{
	border: none;
	background: #fff;
}

	/* icons */
.btn_prim span:before,
.btn_prim_1 span:before,
.btn_prim_1 button:before,
.btn_sec_1 span:before,
.btn_sec_1 button:before,
.btn_nba_1 span:before,
.btn_nba_1 button:before,
.btn_nba button:before,
.btn_sec span:before,
.btn_nba span:before,
[type=checkbox]+label:before,
[type=radio]+label:before,
.ln_nav:before {
	font-family: 'icon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.btn_prim span:before,
.btn_sec span:before,
.btn_nba span:before,
.btn_prim_1 span:before,
.btn_prim_1 button:before,
.btn_sec_1 span:before,
.btn_sec_1 button:before,
.btn_nba_1 span:before,
.btn_nba_1 button:before,
.ln_nav:before {
	content: "\e90a";
	font-size: 11px;
	margin-left: 6px;
}

/* buttons */
.btn_prim_1 span,
.btn_prim_1 button,
.btn_sec_1 span,
.btn_sec_1 button,
.btn_nba_1>span,
.btn_nba_1 button,
.ln_nav {
	background: rgba(0, 0, 0, .15);
	color: #000;
}
.btn_prim_1 span input,
.btn_prim_1 span a,
.btn_prim_1 span a:link,
.btn_prim_1 span a:visited,
.btn_prim_1 button span,
.btn_sec_1 span input,
.btn_sec_1 span a,
.btn_sec_1 span a:link,
.btn_sec_1 span a:visited,
.btn_sec_1 button span,
.btn_nba_1 span input,
.btn_nba_1 span a,
.btn_nba_1 span a:link,
.btn_nba_1 span a:visited,
.btn_nba_1 button span {
	padding: 5px 16px 3px 4px;
	font-weight: 700;
	border: none;
	background: none;
	font-family: Arial;
	font-size: 14px;
	text-transform: uppercase;
	color: currentColor !important;
}
.btn_prim_1 span:hover,
.btn_prim_1 button:hover,
.btn_sec_1 span:hover,
.btn_sec_1 button:hover,
.btn_nba_1>span:hover,
.btn_nba_1 button:hover,
.ln_nav:hover {
	color: #606060;
}

.ln_nav {
	padding: 2px 16px 1px 4px;
	font-weight: 700;
	font-family: Arial;
	font-size: 14px;
	text-transform: uppercase;
}

.btn_prim,
.btn_sec,
.btn_nba {
	background: #000;
	filter: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	font-family: Arial;
	cursor: pointer;
}
.btn_prim span,
.btn_sec span,
.btn_nba span {
	padding: 4px 16px 4px 0;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
}
.btn_prim:hover,
.btn_sec:hover,
.btn_nba:hover,
div[id^="mds-ffe"] .btn_prim.ui-state-disabled:hover {
	background: #000;
}
.btn_prim:not(.ui-state-disabled):hover span,
.btn_sec:not(.ui-state-disabled):hover span,
.btn_nba:not(.ui-state-disabled):hover span {
	color: #909090;
}
.ui-state-disabled {
	cursor: pointer;
}
div[id^="mds-ffe"] .btn_prim.ui-state-disabled {
	opacity: 1;
}
[class^="btn_"].ui-state-disabled {
	background: #f9f9f9 !important;
}
[class^="btn_"].ui-state-disabled span {
	color: #ccc !important;
}

/* tooltips */
.mod .ffe-error-msg,
.mod .txt {
	padding: 10px;
	-webkit-filter: drop-shadow(12px 12px 12px rgba(0,0,0,.1));
	filter: drop-shadow(12px 12px 12px rgba(0,0,0,.1));
	min-height: 20px;
}
.mod .txt {
	background: rgba(50,50,50,.95);
	border: none;
	color: #fff;
}
.mod .ffe-error-msg:before,
.mod .ffe-error-msg:after,
.mod .txt:after {
	top: 100%;
	left: 50%;
	content: " ";
	position: absolute;
	pointer-events: none;
	margin-left: -12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12px 0 12px;
}
.mod .txt:after {
	border-color: rgba(50,50,50,.95) transparent transparent transparent;
}
.mod .ffe-error-msg:after {
	border-color: #fff transparent transparent transparent;
}
.mod .ffe-error-msg:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #C20000;
	border-width: 13px;
	margin-left: -13px;
}


/* error */
.mod .ffe-error-msg,
.mod.ui-state-error .txt {
	border-color: #C20000;
	color: #C20000;
}






/* dialog */
.ui-dialog {
	padding: 46px 10px 20px 20px;
	color: #fff;
	background: rgba(50,50,50,.95);
	filter: none;
	font-size: 14px;
}
.ui-dialog .ui-dialog-titlebar-close {
	right: -10px;
	top: -46px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border: 2px solid #eeeeee;
	background: #fff;
	color: #909090;
	text-indent: 0;
	text-align: center;
	padding: 0;
	font-family: 'OpelSansW01BoldCondensed';
	font-size: 30px;
}
.ui-dialog .ui-dialog-titlebar-close:before {
	content: "x";
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
	display: none;
}
.ui-dialog .ui-dialog-content,
.ui-dialog[aria-labelledby=ui-dialog-title-mds-vc-cmp-360flash-zoom] {
	background: none;
}
.ui-dialog .mod {
	margin-top: 0;
	margin-left: 0;
}
.ui-dialog .mod .fck_authorsinput strong {
	font-family: 'OpelSansW01BoldCondensed';
	font-size: 24px;
	text-transform: uppercase;
}


/* form elements */
input, select, textarea {
	border: 1px solid #ccc;
	padding: 11px 8px 12px 8px;
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
select {
	padding-left: 5px;
	padding-right: 5px;
}
select {
	background: url(../img/form_elements_sprite.png) right 16px center no-repeat;
	background-size: 16px 16px;

	/* reset */
	-webkit-appearance: none;
	-moz-appearance: none;
}
select::-ms-expand {
	display: none;
}

[type=checkbox]+label:before,
[type=radio]+label:before {
	content: "";
	border: 1px solid #000;
	background: none;
	width: 14px;
	height: 14px;
	vertical-align: bottom;
	font-size: 14px;
}
[type=radio]+label:before {
	border-radius: 50%;
}
[type=checkbox]+label:hover:before,
[type=radio]+label:hover:before {
	border-color: #f7d900;
}
.ui-state-error input+label:before,
.ui-state-error.label-alternative input+label:after,

.ui-state-error input+label:hover:before,
.ui-state-error.label-alternative input+label:hover:after{
	border-color: #CE0000;
}
input:checked+label:before,
.label-alternative input:checked+label:after {
	content: "\e902";
}

[type=radio]:checked+label:before {
	background-color: #f7d900;
	border-color: #f7d900;
}


/* font */
[id*="mds-ffe"] {
	font-size: 14px;
	line-height: 1.5em;
}

/* label + input */
.pf3a .gmffe .lbl, .pf3b .gmffe .lbl, .pf3c .gmffe .lbl,
.pf3a .gmffe .inpt, .pf3b .gmffe .inpt, .pf3c .gmffe .inpt,
form div fieldset .gmffe .mod.inpt_length-auto > .inpt, form div fieldset .gmffe .mod.inpt_length-auto > fieldset > .inpt,

.pf3ab .gmffe .lbl, .pf3bc .gmffe .lbl, .pn1 .gmffe .lbl,
.pf3ab .gmffe .inpt, .pf3bc .gmffe .inpt, .pn1 .gmffe .inpt,

.pf1 .gmffe .lbl,
.pf1 .gmffe .inpt {
	width: 100% !important;
}

.pf3a .gmffe .align-horizontal .lbl,
.pf3a .gmffe .align-horizontal .inpt {
	width: auto !important;
}
.pf3a .gmffe .align-horizontal .inpt {
	margin-top: 3px;
}

/* spacing */
.gmffe .lbl {
	padding: 3px 8px 10px 0;
}
.modCnt_groupbox_1 {
	padding-bottom: 16px;
}
.modApp_dealer_2.rework .btnSearch {
	margin-top: 9px;
}
[class*="modFf_"], [class*="modApp_"],
[id*="mds-ffe"] div[class*="mds-cmp"] {
	margin-top: 16px;
}
ol.inpt li {
	margin-bottom: 16px;
}

/*
.gmffe div.inpt {
	padding-right: 16px;
}*/


div[id*="mds-ffe"] div.mds-area-pf3 > div.pf3ab, div[id*="mds-ffe"] div.mds-area-pf3 > div.pf3bc,
[class*="mds-area-pf"] {
	width: 100%;
}

div#mds-ffe-rq_rt1b div.mds-area-pf3 > div.pf3ab, div[id*="mds-ffe"] div.mds-area-pf3 > div.pf3bc {
	width: 66.6667%;
}

/* visualLayer */
.visualLayer .car_container {
	margin: -16px -8px 8px -8px;
}
.modApp_vehicle_1 #car_container_img_id {
	height: auto;
	width: 100%;
}
.skinApp_vehicle_1Selected div.visualLayer {
	background-size: cover;
}

/* brochurelist */
#mds-ffe-ri_rb .brochurelist .text-box {
	padding: 7px 8px 4px 8px;
	width: 128px;
	font-size: 12px;
}

/* close button */
.modApp_dealer_2.rework .dlwView .btnClose {
	background-image: url(../img/sprite.png);
	background-position: 0 0;
}
.modApp_dealer_2.rework .dlwView .btnClose:hover {
	background-position: 0 -100px;
}

/* mq's */
div[id*="mds-ffe"] div.mds-area-pf3 > div {
	width: 33.3334%;
}

@media only screen and (max-width: 480px) {
	div[id*="mds-ffe"] div[class*="mds-area-p"], div[id*="mds-ffe"] div[class*="mds-area-p"] > div[class^="pf"] {
		float: none;
		width: 100%;
	}

	.modApp_vehicle_1 .car_container,
	.modApp_vehicle_2 .car_container {
		display: block;
	}
}

@media only screen and (max-width: 940px) and (min-width: 481px) {
	div[id*="mds-ffe"] div[class*="mds-area-p"], div[id*="mds-ffe"] div[class*="mds-area-p"] > div[class^="pf"] {
		float: none;
		width: 100%;
	}
}