@font-face { font-family: 'helveticaneuecyrbold'; src: url('/assets/fonts/helveticaneuecyr-bold-webfont.eot') format('eot'); src: url('/assets/fonts/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaneuecyr-bold-webfont.woff2') format('woff2'), url('/assets/fonts/helveticaneuecyr-bold-webfont.woff') format('woff'), url('/assets/fonts/helveticaneuecyr-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'helveticaneuecyrlight'; src: url('/assets/fonts/helveticaneuecyr-light-webfont.eot') format('eot'); src: url('/assets/fonts/helveticaneuecyr-light-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaneuecyr-light-webfont.woff2') format('woff2'), url('/assets/fonts/helveticaneuecyr-light-webfont.woff') format('woff'), url('/assets/fonts/helveticaneuecyr-light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'helveticaneuecyrlight_italic'; src: url('/assets/fonts/helveticaneuecyr-lightitalic-webfont.eot') format('eot'); src: url('/assets/fonts/helveticaneuecyr-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaneuecyr-lightitalic-webfont.woff2') format('woff2'), url('/assets/fonts/helveticaneuecyr-lightitalic-webfont.woff') format('woff'), url('/assets/fonts/helveticaneuecyr-lightitalic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'helveticaneuecyrroman'; src: url('/assets/fonts/helveticaneuecyr-roman-webfont.eot') format('eot'); src: url('/assets/fonts/helveticaneuecyr-roman-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaneuecyr-roman-webfont.woff2') format('woff2'), url('/assets/fonts/helveticaneuecyr-roman-webfont.woff') format('woff'), url('/assets/fonts/helveticaneuecyr-roman-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeueCyr'; src: url('/assets/fonts/HelveticaNeueCyr-Medium.eot') format('eot'); src: url('/assets/fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/HelveticaNeueCyr-Medium.woff2') format('woff2'), url('/assets/fonts/HelveticaNeueCyr-Medium.woff') format('woff'), url('/assets/fonts/HelveticaNeueCyr-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }

h1, h2, h3, h4, h5, h6, body { font-family: 'HelveticaNeueCyr', 'Helvetica', 'Arial' }
p, li { font-family: 'helveticaneuecyrlight', 'Helvetica', 'Arial'; }

/* TEMPLATE */
@media (max-width: 1200px) {
	.container { max-width:100%; }
}
.nav-container { min-height:90px; padding: 1.8em 0; }
.nav-container .logo { padding: 5px 0px; }
@media (min-width: 768px) {
	.nav-container-wrapper.sticky { height:97px; }
	.sticky .nav-container { position: fixed; background: #FFF; z-index:100; width: 100%; }
}

.btn { border-color: transparent; text-transform: uppercase; font-size:13px; font-weight:700; line-height:26px; letter-spacing:1px; padding:6px 40px; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); transition: all 0.3s cubic-bezier(.25,.8,.25,1); font-family: 'helveticaneuecyrroman', 'Helvetica', 'Arial', sans-serif; }
.btn-sm { padding: 0.25rem 0.5rem; line-height: 1.5; font-size: 10px;}
.btn-block { padding-left:0px; padding-right:0px; }
.btn:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.15); transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); }
.btn-primary { background: #d9534f; }
.btn-primary:hover { background: #F55F5A; border-color: transparent; }
.btn-secondary { background: #c6d6eb; color:#2e435c; }
.btn-secondary:hover { background: #cde3ff; border-color:#d5e7ff !important; color:#2e435c; }
.btn.disabled, .btn:disabled { opacity: 0.65; background-color: #6c757d; border-color: #6c757d; }
.btn:disabled:hover { transform: none; box-shadow: none; }

.highlight { color:#d9534f; font-weight: bold; }
.lowlight { font-size:14px; color:#666; }

.adBanner { height:400px; overflow: hidden; position: relative; }
.adBanner .background-wrapper { position: absolute; background: url(/assets/img/carbargains/cta-section.jpg) no-repeat right; background-position: 50% 50%; width: 100%; height:400px; background-size: cover; animation: kenBurns 15s ease alternate infinite; z-index: 0;}
.adBanner .container { z-index: 1; position: relative; margin-top:100px; color:#fff; }
.adBanner .container p { font-weight: 500; font-size:18px; margin: 20px 0 30px 0; }

footer { padding: 60px 0; background-color: #262626; color: #fff; }
footer h6 { color: #fff; font-size: 14px !important; font-family: 'HelveticaNeueCyr'; }
footer ul { margin-left: 0px; padding: 0px; }
footer ul li { list-style: none; }
footer ul li a { color: #fff; font-family: 'helveticaneuecyrlight'; font-size: 14px; letter-spacing: 1px; line-height: 2em; }
footer ul li a:hover { color:#fff; }
footer .copyrights { font-size:12px; margin-top:20px; }

.bgGradient { background: linear-gradient(#f2f6f9 24%, #ffffff 100%); }
.bgBlue { background: #f2f6f9; }


/* Homepage */
@keyframes kenBurns {
	0% { transform: scale(1); }
	100% { transform: scale(1.1); }
}
.cover { position:relative; overflow: hidden;  padding: 210px 0px 30px 0px; margin-bottom:80px;}
.cover .background-wrapper { position: absolute; top: 0; left: 0; z-index: 0; background:url(/assets/img/carbargains/hero.jpg); background-size: cover; height: 100%; width:100%; opacity: 1; animation: kenBurns 15s ease alternate infinite; }
.cover .heroText h2 {  color:#fff; margin:10px 0 30px 0; }
.cover.secondary { padding: 100px 0px; }
.cover.secondary::before { opacity: 0.8; position: absolute; content: ''; background: #6E829B; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.cover.secondary .background-wrapper { background-position: 50% 50% !important; }
.cover.secondary h2 { position: relative; z-index: 10; color: #FFF; text-align: center; font-size: 42px; }

@media (max-width: 576px) {
	.cover { padding-top:50px; }
	.cover h2 { font-size:1.5rem; }
}
@media (min-width: 576px) and (max-width: 768px) {
	.cover { padding-top:80px; }
}

.howitworks .container > div.row { margin: 25px 0px; }
.howitworks .adText { margin-bottom:60px; }
.howitworks .adText h3 { text-align: center; color: #063773; font-size: 22px; }
.howitworks .adReasons { text-align: center; background-color: #f8f8f8; padding: 30px 0;}
.howitworks .adReasons .col-md-6.first:after { content: ' '; position: absolute; right: 0; top: 0; border-right: 1px solid #E2DFE0; height: 100%; width: 1px; }
.howitworks .adReasons .col-md-6 { padding: 0px 30px;  }
.howitworks .adReasons img { margin-bottom:20px; }
.howitworks .adReasons h4 { margin-bottom:20px; }
.howitworks .adReasons p { font-size:14px }

@media (max-width: 768px) {
	.howitworks .adReasons .col-md-6 { margin-bottom: 30px; }
	.howitworks .adReasons .col-md-6.first:after { border-right: none;  }
}

.howitworks .steps .step { margin-bottom:25px; overflow: hidden; vertical-align: middle; display: table; padding-right: 15px; }
.howitworks .steps .step img { width:120px; float:left; margin-right:10px; }
.howitworks .steps .step p { display: table-cell; vertical-align: middle; font-weight: 500; font-size: 1.2rem; }
.howitworks .moneyBack { background-color: #f8f8f8; padding: 30px 10px; border-radius: 20px; font-size:14px; text-align: center; line-height: 2em; }

.video { text-align: center; background-color: #f8f8f8; padding: 30px 0;}
@media (max-width: 768px) {
	.video iframe{ width: 90vw; height: calc(90vw/1.77);}
}

.trueCarComparison { margin: 60px 0 15px 0; }
.trueCarComparison .col { margin: 0px 15px; }
.trueCarComparison h2 { margin-bottom:0px; }

.slider .carousel-cell { padding:10px; text-align: center; height: 330px;}
.slider .carousel-cell > div { padding:20px; border-radius:20px; background: linear-gradient(#f2f6f9 24%, #ffffff 100%) }
.slider .carousel-cell h5 { font-size: 14px; margin-bottom:15px; }
.slider .carousel-cell img { width: 220px; margin: 10px 0; }
.slider .carousel-cell h3 { font-size: 42px; font-weight: 700; color: #063773; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1); }
.slider .carousel-cell p { margin: 15px 0px; }
.slider .flickity-page-dots { display: none; }

.testimonials { margin: 70px 0 30px 0px; }
.testimonials .testimonial { width: 100%; padding: 0 65px; text-align: center; }
.testimonials .testimonial blockquote { font-size: 23px; text-align: left; margin-left:40px;  }
.testimonials .testimonial h5 { font-size:16px; font-weight: 700; text-align: right; }

blockquote::before { content: "\201C"; font-family: Georgia, serif; font-size: 70px; font-weight: bold; color: #999; line-height:1em; position: absolute; left: 55px; top: 0px; }
blockquote::after {  content: "\201D"; font-family: Georgia, serif; font-size: 70px; font-weight: bold; color: #999; line-height:1em; position: absolute; right: 55px; bottom: 0px; }

.pressCoverage { text-align: center; margin: 20px 0px 80px 0px; }
.pressCoverage li { margin-bottom: 20px; }
.pressCoverage img { margin: 0px 20px; }

.resources {  background-color: #f8f8f8;  padding: 30px 0; }
.resources a:hover { opacity: 0.8; }
.resources h2 { margin-bottom:50px; }
.resources img { max-width: 100%; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04); border: 5px solid #FFFFFF; border-radius:6px;}
.resources h4 { font-size:20px; color:#333; margin: 5px 0px 40px 0px; }

.expertHelp { margin: 40px 0px; }
.expertHelp .expert-wrapper { border:5px solid #f9f9f9; padding: 40px; }
.expertHelp .expert-wrapper p { line-height:2em; margin-bottom: 0; }

/* Customers */
.customers .testimonial { border-radius: 6px; background: #f2f6f9; padding: 20px 60px; margin-bottom:30px; position: relative; font-family: 'helveticaneuecyrlight', 'Helvetica', 'Arial'; }
.customers .testimonial blockquote { margin: 0; }
.customers .testimonial blockquote::before { left:10px; top:10px; }
.customers .testimonial blockquote::after { right:10px; bottom:-20px; }

/* FAQ */
.faq { margin: -80px 0 60px 0; padding-top:80px; }
.faq img { border-radius: 6px; box-shadow: 0 23px 40px rgba(0, 0, 0, 0.1); max-width: 100%; }
.accordion > div { border: 1px solid #ececec; border-radius: 6px; margin-bottom: 15px; padding: 26px; background: #FFF;}
.accordion h4 { font-size:20px; color: #063773; margin: 0; }
.accordion .accordion-title { cursor: pointer; }
.accordion .accordion-title:hover { opacity: 0.7; }
.accordion .accordion-content { font-size: 15px; color: #666; display: none; }
.accordion h5 { font-size:16px; }
.accordion ul, .accordion ol { padding-left: 15px; }
.accordion p, .accordion h5, .accordion ul, .accordion ol { margin-bottom: 0px; margin-top: 16px; }
.accordion li ul, li ol { margin-top: 0px; }

/* terminology page, leasing potholes, diy */
.terminology { margin-bottom: 80px; }
.terminology h3 { margin-bottom: 20px;  color: #063773;}
.terminology h4 { margin-bottom: 20px; margin-top: 30px; }
.terminology p { font-size:14px; color:#666;  }
.terminology p.lead { font-size:18px; font-family: 'helveticaneuecyrbold'; line-height: 1.2em; opacity: 0.8; font-weight: 400; color: #063773; }
.terminology hr { margin: 30px 0px; }

/* Order modal */
#getStartedModal .modal-dialog { width: auto; max-width: 1160px; }
#getStartedModal .background-wrapper { overflow: hidden; background:url(/assets/img/carbargains/hero.jpg) 50%; background-size: auto 100%; height: 100%; width:100%; border-top-left-radius:0.3rem; border-bottom-left-radius:0.3rem; }
#getStartedModal .modalForm .modalFormWrapper { padding: 55px 30px 55px 0px;}
#getStartedModal .modalForm .chosenCar { text-transform: capitalize; }
#getStartedModal .modalForm h2 { font-size: 30px; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1); margin-bottom: 0; }
#getStartedModal .modalForm img { margin-bottom: 45px; }
#getStartedModal .modalForm p { font-size: 14px; color:#666; line-height: 1.3em; }
#getStartedModal .modalForm p.lead { font-size:18px; color:#333; }
#getStartedModal .modalForm p.smaller { font-size:13px; margin-top: 5px; }
#getStartedModal .input-checkbox { margin-bottom: 10px; display: block; }
#getStartedModal #modal_step3 .btn { white-space: normal; }

@media (max-width: 992px) {
	#getStartedModal .modalForm .modalFormWrapper { padding: 55px 30px 55px 30px; }
}
@media (max-width: 576px) {
	#getStartedModal .modalForm .modalFormWrapper { padding: 45px 20px 45px 20px; }
}

/* Order page */
.order { padding-top: 80px; padding-bottom:80px; }
.order h4 { font-size:16px; }
.order h3 { font-size:26px; }
.order h5 { font-size: 22px; color: #063773; margin-bottom: 20px; }
.order .selectedOptions strong.highlight:last-child { display: none; }
.order p, .order li { font-size: 14px; }
.order p:last-child { margin-bottom: 0; }
.order hr { border-top: 1px solid rgba(0, 0, 0, 0.3); }
.order .input-radio label span { font-size: 14px !important; }
.order .leaseOptions .input-checkbox label span { font-size: 14px !important; }

.order .differentZipCheck { margin-top: 32px; }

.order .card {  border: 1px solid #ececec; border-radius: 6px; font-size: 14px; font-family: 'helveticaneuecyrlight', 'arial'; font-weight: normal; }
.order .card.highlight { border-color: #4a90e2; color: #666; }
.order .card.transparent { background: none; }
.order img { max-width: 170px; }

.order span.error { color:red; font-weight: normal; font-size: 14px; text-transform: none; font-family: 'HelveticaNeueCyr', 'arial'; }
.order input.error, .order select.error { border-color:red; }

.order .input-checkbox label span { font-size: 14px; line-height: 1em; }

#tradeInForm { display: none; }
#tradeInForm .col-md-12, #tradeInForm .col-md-6 { margin-bottom:15px; }

#cart {  position: -webkit-sticky; position: sticky; top: 20px; }
.cart-total { background: #ffffff; margin-bottom: 30px; }
.cart-total .item { font-weight: bold; color: #063773; line-height: 1.8em; }
.cart-total .price { text-align: right; color: #666;  line-height: 1.8em; }
.cart-total .total { font-size: 19px; font-weight: bold; }
#cart img { max-width: 80px; }

.order .modal-content { padding:20px; }



/* Receipt */
.receipt #printButton, .receipt #returnMember, .receipt #receiptCheckbookAddress { display: none; }

/* Forms */
input[type], select, .input-select, textarea { display: block; width: 100%; }
input, [class*="input-"] label, select, textarea { transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; font-family: 'helveticaneuecyrlight', 'arial', 'sans serif'}
input[type]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder,
input[type]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder { color: #b3b3b3; font-size: 16px; }
input[type]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { color: #b3b3b3; font-size: 16px; }
label { margin: 0; font-size: 14px; text-transform: uppercase; color: #666; }
input[type], select, textarea { background: #fcfcfc; padding: 0.46428571em; border-radius: 6px; border: 1px solid #ececec; }
.input-select { position: relative; }
.input-select::after { position: absolute; right: 0; height: 100%; top: 0; font-size: 18px; content: '\2263'; pointer-events: none; padding: 0 8px; border-left: none; line-height: 35px; } /* adding the 3 lines as arrow down on select items */
.input-select select { -moz-appearance: none; -webkit-appearance: none;   cursor: pointer; } /* removing the arrow down from select */
.input-select select::-ms-expand { display: none; }  /* removing the arrow down from select */

.input-checkbox, .input-radio, .input-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; position: relative; }
.input-checkbox input, .input-radio input, .input-select input { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; }
.input-checkbox input:disabled + label, .input-radio input:disabled + label { opacity: 0.5;  cursor: not-allowed; }
.input-checkbox label:hover, .input-radio label:hover, .input-select select:hover  { border-color: #4a90e2; }
.input-checkbox label span, .input-radio label span { margin-left:40px; margin-top:13px; display: inline-block;position: relative;bottom: 10px;  font-weight: normal; font-size: 12px; color:#666}
.input-checkbox label, .input-radio label { position: relative; background: none; cursor: pointer; text-transform: none !important;}

.input-checkbox label::before {  content: ''; left: 0; border-radius: 6px; position: absolute; width: 26px; height: 26px; border: 1px solid #d3d3d3; }
.input-checkbox input:checked + label::before { border-color: #4a90e2; background: #4a90e2; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; }
.input-checkbox input:checked + label::after { content: 'L'; transform: rotateY(180deg) rotateZ(-45deg); color: #fff; position: absolute; width: 10px; left: 8px; font-weight: 700; font-family: 'arial'; }

.input-radio label::before { content: '';position: absolute; border: 1px solid #d3d3d3; width: 26px;height: 26px;border-radius: 50%; left: 0; }
.input-radio input:checked + label::before { border-color: #d9534f; background-color: #d9534f; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; }
.input-radio input:checked + label::after { content: ''; position: absolute; width: 10px; height: 10px; left: 8px; top: 8px; background-color: #fff; border-radius: 50%; }


/* Checkbook login modal (from V2) */
#loginModal .modal-dialog { width:520px; }
#loginModal .modal-dialog .modal-content { padding: 16px; }
#loginModal .modal-dialog hr.subscribe { margin: 26px 0px; }
#loginModal .modal-dialog h3 { float: left; margin:0px 0px 15px 0px; color:#666; font-size: 16px; }
#loginModal .modal-dialog #rememberMe { width: auto; float:left; margin-right: 10px; }
#loginModal .modal-dialog .signInButton { display: block; margin-top: 20px; width: 100%; }
#loginModal .error { color:red; text-transform: none; }

/* General styles */
.marginTop { margin-top:20px !important; }
.marginTop2x { margin-top:40px !important; }
.marginTop3x { margin-top:60px !important; }
.marginBottom { margin-bottom:20px !important; }
.marginBottom2x { margin-bottom:40px !important; }
.marginBottom3x { margin-bottom:60px !important; }
.marginRight { margin-right:20px !important; }
.marginLeft { margin-left:20px !important; }
.marginLeft2x { margin-left:40px !important; }
.noMargin { margin:0px !important;}
.noMarginTop { margin-top:0px !important; }
.noMarginBottom { margin-bottom:0px !important; }
.noMarginLeft { margin-left:0px !important; }
.noMarginRight { margin-right:0px !important; }

.paddingLeft { padding-left:20px !important; }
.noPaddingLeft { padding-left:0px !important; }
.noPaddingRight { padding-right:0px !important; }

.smaller { font-size: 0.9em; }
.smaller2x { font-size:0.7em; }
.smaller3x { font-size:0.5em; }
.bigger { font-size: 1.2em; }
.bigger2x { font-size:1.5em; }
.underline { text-decoration: underline;  }