html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
body, html { -webkit-tap-highlight-color:transparent; overflow-x:hidden; }
body { font-family:'Open Sans',sans-serif; font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased; }
body.lock { overflow:hidden; }
a { text-decoration:none; color:#64b5f6; }
img { max-width:100%; }
h1, h2, h3, h4, h5, h6 { padding:0.75rem 0; }
h1 { font-size:2.5em; }
h2 { font-size:2.25em; }
h3 { font-size:1.5em; }
h4 { font-size:1.25rem; }

input, textarea, select { display:inline-block; width:calc(100% - 1rem); margin:0; padding:0.5rem; border:none; border-bottom:#ccc solid 1px; font-size:1em; line-height:1.5; background-color:transparent; font-family:'Open Sans',sans-serif; }
input:focus, select:focus, textarea:focus { outline:0; border-bottom-color:#8f0c2c; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin:0; }
input:-webkit-autofill { -webkit-text-fill-color:rgb(0,0,0); -webkit-box-shadow:0 0 0 1000px rgb(255,255,255) inset; }


.btn { display:inline-block; padding:0.5rem 0.75rem; cursor:pointer; background-color:#8f0c2c; color:rgb(255,255,255); text-align:center; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; font-family:'Open Sans Condensed',sans-serif; text-transform:uppercase; font-size:0.92em; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-user-select:none; }
.btn.hidden { display:none; }
.btn.disabled { background-color:rgb(75,75,75); color:rgb(180,180,180); cursor:default; }
.btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover { background-color:rgb(75,75,75); }


.section.view { min-height:100vh; padding-top:0; }
.hidden { display:none; }
.clear { clear:both; }
.flex { display:flex; }
.ns { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.tso { -webkit-transition:opacity 0.30s ease-in-out; -moz-transition:opacity 0.30s ease-in-out; -o-transition:opacity 0.30s ease-in-out; transition:opacity 0.30s ease-in-out; }
.tsc { -webkit-transition:color 0.30s ease-in-out; -moz-transition:color 0.30s ease-in-out; -o-transition:color 0.30s ease-in-out; transition:color 0.30s ease-in-out; }
.tsb { -webkit-transition:background-color 0.30s ease-in-out; -moz-transition:background-color 0.30s ease-in-out; -o-transition:background-color 0.30s ease-in-out; transition:background-color 0.30s ease-in-out; }
.tsa { -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; transition:all 0.30s ease-in-out; }
.t0 { opacity:0; }
.ib { display:inline-block; }
.cond { font-family:'Open Sans Condensed',sans-serif; }

.meta { background:#8f0c2c; color:#fff; position:relative; z-index:1; white-space:nowrap; font-size:0; -webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 3vw),0 100%); clip-path:polygon(0 0,100% 0,100% calc(100% - 3vw),0 100%); min-height:calc(30px + 3vw);  }
.meta .pod {/* margin:0 auto 1rem auto; max-width:800px; padding-bottom:1rem;*/
    margin:0 auto; padding:0 0.75rem 0.75rem 0.75rem; max-width:800px; }
.meta .ib { min-width:100px; font-size:initial; font-weight:600; cursor:pointer; color:rgba(255,255,255,0.7); }
.meta .ib.on { color:#fff; cursor:default; }
.meta .ib div { padding:1.25rem 0.75rem 0.75rem 0.75rem; }
.meta .logo { max-width:60px; padding:0.7rem 0; margin-bottom:-2.5rem; }


.btns { margin-left:-0.375rem; margin-right:-0.375rem; }
.btns .btn { margin:0.375rem; }

.page { display:none; margin:0 auto; padding:0.75rem; max-width:800px; }
.page.on { display:block; }
.page .pod { padding-top:2rem; padding-bottom:2rem; }
.page .pod h4 { margin:0; padding:1rem 0.75rem; border-bottom:rgba(0,0,0,0.075) solid 1px; cursor:pointer; }
.page .pod.on h4 { border:none; }
.page .pod.on { border-bottom:rgba(0,0,0,0.075) solid 1px; }
.desktop .pod h4:hover { background-color:rgba(0,0,0,0.05); }
.page .pod h4 span { display:block; }
.page .pod h4 .dash { display:none; }


.vin-lookup p { padding-bottom:1.5rem; }
.vin-lookup input { margin-bottom:1rem; }
/*.vin-lookup .btn.vin { margin-top:1rem; }*/
.vin-lookup .results { display:none; }
.vin-lookup .results.on { display:block; margin-top:2.75rem; }
.vin-lookup .results>* { margin-bottom:1.5rem; }
.vin-lookup .results h3 { padding-top:0; padding-bottom:0; border-bottom:rgba(0,0,0,0.075) solid 1px; }
.vin-lookup .results h4 { padding:0 0 0.25rem 0; border:none; }
.vin-lookup .results pre { font-size:0.8em; font-family:monospace; overflow-y:auto; }
.vin-lookup .results .pekidi { padding:0.75rem; background-color:rgba(0,0,0,0.075); }



.omyv .form { font-size:0; margin-left:-0.375rem; margin-right:-0.375rem; }
.omyv .form select { margin-left:0.375rem; margin-right:0.375rem; }
.omyv .form .inbound { width:50%; display:inline-block; font-size:initial; }
.omyv .results { display:none; margin-top:1rem; }
.omyv .results.on { display:block; }

/*--- spinner ---*/
	.spinner { display:block; margin:-19px auto 0 auto; width:38px; height:38px; position:relative; text-align:center; -webkit-animation:sk-rotate 2.0s infinite linear; animation:sk-rotate 2.0s infinite linear; }
	.spinner .dot1,
	.spinner .dot2 { width:60%; height:60%; display:inline-block; position:absolute; top:0; background-color:#fff; border-radius:100%; -webkit-animation:sk-bounce 2.0s infinite ease-in-out; animation:sk-bounce 2.0s infinite ease-in-out; }
	.spinner .dot2 { top:auto; bottom:0; -webkit-animation-delay:-1.0s; animation-delay:-1.0s; }
	@-webkit-keyframes sk-rotate { 100% { -webkit-transform:rotate(360deg) }}
	@keyframes sk-rotate { 100% { transform:rotate(360deg); -webkit-transform:rotate(360deg) }}
	@-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform:scale(0.0) } 50% { -webkit-transform:scale(1.0) } }
	@keyframes sk-bounce { 0%, 100% { transform:scale(0.0); -webkit-transform:scale(0.0); } 50% { transform:scale(1.0); -webkit-transform:scale(1.0); } }
	.spinner.hidden { display:none; }
/*--- spinner ---*/