/*reset*/
@charset "UTF-8"; html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, #mf-content img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } /* change colours to suit your needs */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } ul { list-style: none; }
/*fonts*/
@font-face{
	font-family:'BMWType';
	src: url('BMWTypeNextLatinTT-Regular.eot');
	src: url('BMWTypeNextLatinTT-Regular.eot?#iefix') format('embedded-opentype'),
		url('BMWTypeNextLatinTT-Regular.woff') format('woff'),
		url('BMWTypeNextLatinTT-Regular.svg#BMWTypeNextLatin-Regular') format('svg');
		font-weight: normal;
}
@font-face{
	font-family:'BMWType';
	src: url('BMWTypeNextLatinTT-Bold.eot');
	src: url('BMWTypeNextLatinTT-Bold.eot?#iefix') format('embedded-opentype'),
		url('BMWTypeNextLatinTT-Bold.woff') format('woff'),
		url('BMWTypeNextLatinTT-Bold.svg#BMWTypeNextLatinTT-Bold') format('svg');
		font-weight: bold;
}
/*root*/
:root {
	--font: "BMWType", sans-serif;
	--break-s:560px;
	--break-m:768px;
	--break-l:1100px;
	--break-xl:1600px;
	--white:#fff;
	--black:#000000;
	--color-font:#000000;
	--grey-border:#cccccc;
	--grey-bg: #f9f9f9;
	--primary-color:#1c69d4;
	--primary-color-txt:#FFFFFF;
	--primary-color-hover:#0653b6;
	--primary-color-txt-hover:#FFFFFF;
	--secondary-color:#262626;
	--secondary-color-txt:#262626;
	--secondary-color-hover:#222222;
	--secondary-color-txt-hover:#ffffff;
}
/*personalizacion*/
.calculadoraMotorflash{background-color:#F7F7F7;border:0;border-radius:0;max-width: 100%;margin:0 auto;padding:20px;width:1300px;}
.calculadoraMotorflash .ttl{line-height: 1.4;font-weight: normal;}
.calculadoraMotorflash form{background-color: #E6E6E6;padding:10px 20px;}
.calculadoraMotorflash select, .calculadoraMotorflash input[type="text"]{border-radius:0;font-size: 18px;height:48px;}
.calculadoraMotorflash .gridResults{background-color: #E6E6E6;margin-top: 0;padding:20px 20px 10px;border-radius:0;position: relative;}
.calculadoraMotorflash .gridResults::before{background-color: #b2b2b2;content: '';display: block;height: 1px;width: calc(100% - 40px);position: absolute;top: 0;left: 20px;}
.calculadoraMotorflash .gridResults > div, .calculadoraMotorflash .gridResults > div + div{margin-left:0;width:100%;}
.calculadoraMotorflash .diffBox b, .calculadoraMotorflash .diffBox b span{color:var(--primary-color);font-weight:normal;}
.calculadoraMotorflash .diffBox > div:nth-child(1){width: 100%;}
.calculadoraMotorflash .diffBox > div.discount{order:-1;width:100%;}
.calculadoraMotorflash .diffBox > div.discount span{background: #f9f9f9;padding: 8px 10px;color: rgb(51, 51, 51);display:inline-block;}
.calculadoraMotorflash .deadlines li {margin:10px 10px 10px 0;max-width:none;width: calc(100% - 10px);}
.calculadoraMotorflash .deadlines input[type="radio"] {display:inline-block;margin:0 10px 0 0;-webkit-appearance:none;-moz-appearance:none;cursor: pointer;width: 20px;height: 20px;-webkit-transition:all .2s ease;transition:all .2s ease;background-color:var(--white);border:1px solid var(--secondary-color);border-radius:50%;overflow:hidden;vertical-align: middle;}
.calculadoraMotorflash .deadlines input[type="radio"]:checked{background-color: var(--secondary-color);}
.calculadoraMotorflash .deadlines input[type="radio"]:checked + label{background-color:transparent;color: var(--secondary-color);}
.calculadoraMotorflash .gridConfig .deadlines label{border:none;display: inline-block;height: auto;width: auto;background-color: transparent;border-radius:0;font-size: 18px;color: var(--secondary-color);margin:0;}
.calculadoraMotorflash .deadlines label span {display: inherit;}
.calculadoraMotorflash .cuota{color: var(--secondary-color);}
.calculadoraMotorflash .gridResults > div .primaryBtn{text-decoration: none;}
.calculadoraMotorflash .gridResults > div .secondaryBtn{border-color: var(--secondary-color);color: var(--secondary-color);text-decoration: none;}
.calculadoraMotorflash .gridConfig > div{margin:6px 0 12px 0;}
.calculadoraMotorflash .gridConfig label{font-weight: normal;margin:10px 0 20px 0;}
.calculadoraMotorflash .legal{border:none;font-size: 13px;line-height: 1.4;padding:10px 0 0 0;}
.calculadoraMotorflash .primaryBtn{border-radius:0;}
.calculadoraMotorflash .secondaryBtn{background-color:transparent;border-radius:0;}
@media screen and (min-width:620px){
	.calculadoraMotorflash .gridConfig > div{order:0;width:calc(50% - 15px)}
	.calculadoraMotorflash .gridConfig > div:nth-child(3){order:2;width:100%;margin-left:0;}
	.calculadoraMotorflash .gridResults > div + div{display: flex;}
	.calculadoraMotorflash .gridResults > div .secondaryBtn{margin-left: 20px;}
	.calculadoraMotorflash .diffBox > div:nth-child(1){width: 100%;}
	.calculadoraMotorflash .diffBox > div.discount{order:inherit}
	.calculadoraMotorflash .diffBox > div.discount + div{margin-left: 0;padding-left:0;border-left:none;}
}
@media screen and (min-width:768px){
	.calculadoraMotorflash .gridConfig > div{margin:20px 40px 20px 0;width: calc(25% - 40px);}
	.calculadoraMotorflash .gridConfig > div:nth-child(2){order:2;}
	.calculadoraMotorflash .gridConfig > div:nth-child(3){margin:20px 20px 20px 0;order:1;width: calc(25% - 20px);}
	.calculadoraMotorflash .gridResults > div{width: calc(100% - 280px);}
	.calculadoraMotorflash .gridResults > div + div{width: 240px;margin-left: 40px;flex-flow:column nowrap;}
	.calculadoraMotorflash .gridResults > div .primaryBtn, .calculadoraMotorflash .gridResults > div .secondaryBtn{margin:6px 0;}
	.calculadoraMotorflash .gridResults > div .secondaryBtn:hover{background-color: transparent;-webkit-box-shadow:inset 0 0 0 1px var(--secondary-color);box-shadow: inset 0 0 0 1px var(--secondary-color);color: var(--secondary-color);}

}