@CHARSET "UTF-8"; html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; } body { margin: 0; height: 100%; overflow-x: hidden; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } [type="search"]::-ms-clear { display: none; width:0; height:0; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } html, body { font-family: Verdana,sans-serif; font-size: 15px; line-height: 1.5; } button,input,select,textarea{ font: inherit; } h1{ font-size: 2.4em; } h2{ font-size: 2em; } h3{ font-size: 1.6em; } h4{ font-size: 1.3em; } h5{ font-size: 1.2em; } h6{ font-size: 1em; } h1,h2,h3,h4,h5,h6{ font-family:"Segoe UI",Arial,sans-serif; font-weight:400; margin:0 0 } .wrapper { min-height: 100%; height: auto !important; margin: 0 auto -4.5em; } .link-local { color: rgba(51, 85, 170, 0.91); text-decoration-skip-ink: none; } .link-local:hover { text-decoration: none; } .radio:hover { cursor: pointer; } .radio-label:hover { cursor: pointer; font-weight: bold; } .radio-label--checked { font-weight: bold; } .radio-block { width: 6.5em; display: inline-block; } .checkbox_label { height: 1.1em; } .checkbox_label:hover { cursor: pointer; font-weight: bold; } .text { color: #5f302f; } .label { color: #354c5f; } .label--smaller { font-size: 0.8rem; } .title { color: #3e73ab; } .error { color: #e60000; } .float{ float: left; } .clear { clear: both; } .highlight { font-weight: bold; } .button { -moz-appearance: none; -moz-user-select: none; background: #eee linear-gradient(#fcfcfc, #eee) repeat scroll 0 0; border: 1px solid #d5d5d5; border-radius: 3px; color: #5f5f5f; cursor: pointer; display: inline-block; font-size: 0.8rem; font-weight: 600; line-height: 20px; margin: 0; overflow: visible; padding: 0.25rem 0.7rem; position: relative; text-transform: none; vertical-align: middle; white-space: nowrap; } .button:hover { background: #ddd linear-gradient(#eee, #ddd); border-color: #ccc; text-decoration: none; } .button:active { background: #dcdcdc none; border-color: #b5b5b5; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset; } .button:focus { border-color: #538cc1; box-shadow: 0 0 5px rgba(88, 181, 237, 0.5); outline: none; text-decoration: none; } .button:disabled { cursor: default; pointer-events: none; color: #c0c0c0; background-color: #ffffff; } .input-label { color: #1f564c; display: inline-block; font-size: 1rem; margin-right: 0.3rem; text-align: right; width: 11em; } .input-note { display: inline-block; margin-left: 0.3rem; font-size: 0.85em; } .input-note--important { color: #d90000; } .input-button { margin-top: 1.5em; } .input { height: 1.3rem; border: 1px solid #afafaf; padding: 3px 5px; border-radius: 4px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } .input-checkbox { position: relative; top: 2px; } .checkbox-label:hover { cursor: pointer; text-decoration: underline; } .input:focus, .input--selected { border: 2px solid #538cc1; padding: 2px 4px; } .input:disabled { border: 1px solid #afafaf; padding: 3px 5px; } .input--error { border: 2px solid #e10000; padding: 2px 4px; } .textarea { width: 20em; height: 10em; overflow: auto; border: 1px solid #cccccc; padding: 2px 4px; } .textarea:focus { border: 2px solid #538cc1; padding: 1px 3px; } .input::-webkit-input-placeholder { color: #9b9b9b; font-style: italic; font-size: 0.95em; } .input:-moz-placeholder { color: #9b9b9b; font-style: italic; font-size: 0.95em; opacity: 0.8; } .input::-moz-placeholder { color: #9b9b9b; font-style: italic; font-size: 0.95em; opacity: 0.8; } .input:-ms-input-placeholder { color: #9b9b9b; font-style: italic; font-size: 0.95em; } .textarea-placeholder::-webkit-input-placeholder { color: #878787; font-style: italic; } .textarea-placeholder:-moz-placeholder { color: #878787; font-style: italic; opacity: 0.8; } .textarea-placeholder::-moz-placeholder { color: #878787; font-style: italic; opacity: 0.8; } .textarea-placeholder:-ms-input-placeholder { color: #878787; font-style: italic; } .input:focus::-webkit-input-placeholder { opacity: 0; } .input:focus:-moz-placeholder { opacity: 0; } .input:focus::-moz-placeholder { opacity: 0; } .input:focus:-ms-input-placeholder { opacity: 0; } .not-for-user { display: none; } .checkbox__container { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox__container input { position: absolute; opacity: 0; z-index: -1; width: 0; height: 0; } .checkbox__checkmark { position: absolute; top: 0; left: 0; height: 1.1em; width: 1.1em; background-color: #f6f6f6; border: 1px solid #bfbfbf; } .checkbox__container:hover input ~ .checkbox__checkmark { background-color: #d8d8d8; } .checkbox__container input:checked ~ .checkbox__checkmark { background-color: #5299aa; } .checkbox__checkmark:after { content: ""; position: absolute; display: none; } .checkbox__container input:checked ~ .checkbox__checkmark:after { display: block; } .checkbox__container .checkbox__checkmark:after { left: 0.33em; top: 0.09em; width: 0.3em; height: 0.5em; border: solid #f5f5f5; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .checkbox__container input:disabled ~ .checkbox__checkmark { pointer-events: none; opacity: .6; background: #d2d2d2; }.log-in-wrapper { background-color: #f8f8f8; } .log-in-wrapper .log-in__message { box-sizing: border-box; max-width: 100%; margin: 0 0 24px; padding: 16px 18px; border: 1px solid #bbd9cc; border-left: 4px solid #2c7660; border-radius: 8px; background-color: #edf7f1; color: #205743; font-size: 0.95rem; line-height: 1.6; overflow-wrap: anywhere; } .log-in-wrapper .log-in__message:empty { display: none; } .header-logo { float: left; margin: 0 1em; } .carfinder-logo { display: inline; } .carfinder-logo a { background: url("/images/logo/caricon32.png") no-repeat; background-size:contain; display: inline-block; width: 20px; height: 20px; image-rendering: -webkit-optimize-contrast; } .logo-img { width: 32px; fill: rgb(11, 128, 11); } .carfinder-logo-text { color: rgb(11, 128, 11); font-size: 1.2em; font-weight: bold; position: relative; top: -3px; } .header { border-bottom: 1px solid #e0e0e0; padding: 0.3em 1em 0.3em; background-color: #fefefe; } .header__left { float: left; list-style: none; padding-inline-start: 0; } .header__right { float: right; list-style: none; margin-right: 1em; } .header-nav__item { float: left; font-size: 1.15em; text-align: center; font-family: sans-serif; } .header-nav__item--features { width: 7em; } .header-nav__item--plans { width: 5em; } .header-nav__item--sign-up { width: 12em; margin-left: 0; margin-right: 0; } .header-nav__item--home { width: 6em; } .header-nav__item--home--cp { font-size: 1.3em; margin-left: -4em; } .header-nav__item--contact { width: 8em; } .header-nav__item--user-name { font-size: 0.9em; margin-right: 1em; color: #6b6776; font-weight: bold; margin-top: 0.55em; font-style: italic; } .header-nav__item--login { width: 6em; } .header-nav__item--logout-btn { margin-top: 0.1em; } .header-nav__link { color: #426c95; display: block; text-decoration: none; outline: none; margin-left: 0.3em; margin-right: 0.3em; text-decoration-skip-ink: none; } .header-nav__link:hover { text-decoration: underline; } .header-nav__login-link { color: #138498; font-weight: bold; } .header-nav__sign-up-link { color: #64ae56; font-weight: bold; } .header-nav__link--active { color: #f3f3f3; background-color: #0f8ba0; cursor: default; border-radius: 5px; font-weight: normal; } .header-nav__link--active:hover { text-decoration: none; } .home-link a { color: #0f8ba0; font-weight: bold; } @media all and (max-width: 1300px) { .header-nav { clear: both; } } @media all and (max-width: 975px) { .header__right { display: none; } } @media all and (max-width: 750px) { .header__left-break { clear: both; } .header-nav__item { float: none; text-align: left } .header-nav__item--sign-up{ margin-top: 0; } .header-logo { margin-left: 0; } .header-nav__item--logout-btn { text-align: center; } .header-nav__item--user-name { margin-right: 0; } } h1 { font-family: Verdana,sans-serif; } .log-in__message { color: green; } .log-in-title { font-size: 1.9em; text-align: center; margin-top: 0.5em; margin-bottom: 1.5em; } .log-in-form { border: 1px solid #cccccc; border-radius: 10px; margin: 3em auto 8em; padding: 3em 2em 4em; width: 40em; background-color: #fcfcfc; } .log-in-form__row { height: 5.5em; margin: 0.75em auto 0; width: 28.5em; } .log-in-form__more-row { height: 2em; } .log-in-form__label { display: block; font-size: 0.85em; color: #787882; font-weight: 600; padding-bottom: 0.5em; } .log-in-form__input { color: #373737; font-size: 1.1em; padding: 8px 5px; width: 25em; } .log-in-form__input:focus { padding: 7px 4px; } .log-in-form__remember { margin-left: 2.5em; display: inline-block; } .remember-me-checkbox__checkmark { top: 0.1em; left: -1.6em; } .log-in-form__remember-label:hover { cursor: pointer; text-decoration: underline; } .log-in-form__forgot-password { display: none; margin-left: 10em; font-size: 0.9em; } .log-in-form__submit { text-align: center; } .log-in-form__submit-button { font-size: 1em; padding: 0.75em 1em; color: #516c79; width: 10em; } .log-in__input-error { display: inline-block; padding-left: 0.3em; } .log-in-errors { margin-top: 0.75em; text-align: center; height: 3em; } @media all and (max-width: 700px) { .log-in-form { width: 30em; } } @media all and (max-width: 550px) { .log-in-form { width: 18em; } .log-in-form__input { width: 15em; } .log-in-form__more-row { height: auto; } .log-in-form__remember { display: block; } .log-in-form__forgot-password { display: none; margin-left: 0.75em; margin-top: 1.25em; } .log-in__input-error { display: block; } } .site-footer, .push { height: 4.5em; } .site-footer { background: #424a54 none repeat scroll 0 0; } .page-footer { border-top: 1px solid #bcbcbc; text-align: center; padding: 1.5em; font-size: 0.9em; } .page-footer__item { display: inline-block; margin-left: 1em; margin-right: 1em; } .page-footer__item a { text-decoration: none; color: #efefef; } .page-footer__item a:hover { text-decoration: underline; cursor: pointer; } .copyright { color: #c4cbd2; } @media all and (max-width: 650px) { .page-footer { width: 100%; padding: 1em; font-size: 0.85em; } } @media all and (max-width: 400px) { .page-footer { width: 100%; padding: 0.5em; font-size: 0.8em; } }