﻿@font-face {
	font-family: "latobold";
	src: url("fonts/lato-bold-webfont.eot");
	src: url("fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"),
			url("fonts/lato-bold-webfont.woff2") format("woff2"),
			url("fonts/lato-bold-webfont.woff") format("woff"),
			url("fonts/lato-bold-webfont.ttf") format("truetype"),
			url("fonts/lato-bold-webfont.svg#latobold") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "latosemibold";
	src: url("fonts/lato-semibold-webfont.eot");
	src: url("fonts/lato-semibold-webfont.eot?#iefix") format("embedded-opentype"),
			url("fonts/lato-semibold-webfont.woff2") format("woff2"),
			url("fonts/lato-semibold-webfont.woff") format("woff"),
			url("fonts/lato-semibold-webfont.ttf") format("truetype"),
			url("fonts/lato-semibold-webfont.svg#latosemibold") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "latosemibold_italic";
	src: url("fonts/lato-semibolditalic-webfont.eot");
	src: url("fonts/lato-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"),
			url("fonts/lato-semibolditalic-webfont.woff2") format("woff2"),
			url("fonts/lato-semibolditalic-webfont.woff") format("woff"),
			url("fonts/lato-semibolditalic-webfont.ttf") format("truetype"),
			url("fonts/lato-semibolditalic-webfont.svg#latosemibold_italic") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "latoheavy";
	src: url("fonts/lato-heavy-webfont.eot");
	src: url("fonts/lato-heavy-webfont.eot?#iefix") format("embedded-opentype"),
			url("fonts/lato-heavy-webfont.woff2") format("woff2"),
			url("fonts/lato-heavy-webfont.woff") format("woff"),
			url("fonts/lato-heavy-webfont.ttf") format("truetype"),
			url("fonts/lato-heavy-webfont.svg#latoheavy") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "latoregular";
	src: url("fonts/lato-regular-webfont.eot");
	src: url("fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"),
			url("fonts/lato-regular-webfont.woff2") format("woff2"),
			url("fonts/lato-regular-webfont.woff") format("woff"),
			url("fonts/lato-regular-webfont.ttf") format("truetype"),
			url("fonts/lato-regular-webfont.svg#latoregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "latoitalic";
	src: url("fonts/lato-italic-webfont.eot");
	src: url("fonts/lato-italic-webfont.eot?#iefix") format("embedded-opentype"),
			url("fonts/lato-italic-webfont.woff2") format("woff2"),
			url("fonts/lato-italic-webfont.woff") format("woff"),
			url("fonts/lato-italic-webfont.ttf") format("truetype"),
			url("fonts/lato-italic-webfont.svg#latoitalic") format("svg");
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: "latolight";
	src: url("fonts/lato-light-webfont.eot");
	src: url("fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"),
			url("fonts/lato-light-webfont.woff2") format("woff2"),
			url("fonts/lato-light-webfont.woff") format("woff"),
			url("fonts/lato-light-webfont.ttf") format("truetype"),
			url("fonts/lato-light-webfont.svg#latolight") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "latolight_italic";
	src: url("fonts/lato-lightitalic-webfont.eot");
	src: url("fonts/lato-lightitalic-webfont.eot?#iefix") format("embedded-opentype"),
			url("fonts/lato-lightitalic-webfont.woff2") format("woff2"),
			url("fonts/lato-lightitalic-webfont.woff") format("woff"),
			url("fonts/lato-lightitalic-webfont.ttf") format("truetype"),
			url("fonts/lato-lightitalic-webfont.svg#latolight_italic") format("svg");
	font-weight: normal;
	font-style: normal;
}
 
@font-face {
	font-family: "latomedium";
	src: url("fonts/lato-medium-webfont.eot");
	src: url("fonts/lato-medium-webfont.eot?#iefix") format("embedded-opentype"),
		 url("fonts/lato-medium-webfont.woff2") format("woff2"),
		 url("fonts/lato-medium-webfont.woff") format("woff"),
		 url("fonts/lato-medium-webfont.ttf") format("truetype"),
		 url("fonts/lato-medium-webfont.svg#latomedium") format("svg");
	font-weight: normal;
	font-style: normal;
}


html, body { background-color: #ffffff; }

.dealer-drive { font-size: 18px; font-family: "latoregular", sans-serif; color: #000000; background-color: #ffffff; }

/* general styles */
.dealer-drive h1 { font-size: 44px; line-height: 52px; font-family: "latolight", sans-serif; color: #030000; margin-top: 0px; margin-bottom: 30px; } 
@media (min-width: 768px)
{
	.dealer-drive h1 { font-size: 50px; line-height: 62px; }
}
.dealer-drive p { font-size: 17px; margin-bottom: 30px; line-height: 27px; }

.dealer-drive a, 
.dealer-drive a:visited, 
.dealer-drive a:active { color: #00b7e3; }
.dealer-drive a:focus,
.dealer-drive a:hover { text-decoration: none; }
.dealer-drive div.form-group { margin-bottom: 0px; padding-bottom: 20px; }
.dealer-drive .form-control { border-radius: 4px; height: 55px; color: #000000; border: 1px solid #e1e1e1; font-size: 18px; }
.dealer-drive textarea.form-control { height: 110px; }
.dealer-drive .form-group label { font-family: "latoregular", sans-serif; font-weight: normal; }
.dealer-drive .alert { border-radius: 4px; }

.dealer-drive .text-light { font-family: "latolight", sans-serif; }

/* button styles */
.dealer-drive a.btn.btn-primary { color: #ffffff; }
.dealer-drive .btn.btn-primary { font-family: "latomedium", sans-serif; font-size: 17px; background-color: #76bd22; border: none; color: #ffffff; padding-left: 40px; padding-right: 40px; padding-top: 18px; padding-bottom: 18px; text-transform: uppercase; border-radius: 3px; }
.dealer-drive .btn.btn-primary:focus,
.dealer-drive .btn.btn-primary:hover { background-color: #5d8f22; border-color: #5d8f22; color: #ffffff; }
.dealer-drive .btn.btn-primary.disabled, .dealer-drive .btn.btn-primary[disabled] { background-color: #8d837d; border-color: #8d837d; opacity: 1.0; }
.dealer-drive .btn.btn-primary.loading { padding-top: 14px; padding-bottom: 14px; }
.dealer-drive .btn.btn-primary img { vertical-align: top; }

/* header styles */
.dealer-drive div.header { background-color: #030000; }
.dealer-drive div.header { color: #ffffff; position: relative; padding-top: 15px; padding-bottom: 15px; }
.dealer-drive div.header a.logo { display: block; float: left; margin-bottom: 25px; vertical-align: middle; margin-right: 10px; }
@media (min-width: 768px)
{
	.dealer-drive div.header a.logo { margin-bottom: 15px; }
}
.dealer-drive div.header a.logo img { max-height: 39px; max-width: 150px; }
.dealer-drive div.header a.logo:focus,
.dealer-drive div.header a.logo:hover { border-bottom: none; text-decoration: none; }
@media (min-width: 350px)
{
	.dealer-drive div.header a.logo img { max-width: none; }
}

.dealer-drive div.header div.login-links-container { float: right; margin-left: 10px; margin-bottom: 25px; margin-top: 3px; }
@media (min-width: 768px)
{
	.dealer-drive div.header div.login-links-container { margin-bottom: 15px; margin-top: 13px; }
}
.dealer-drive div.header div.login-links-container a.signup-link { font-size: 15px; font-family: "latobold", sans-serif; color: #ffffff; text-transform: uppercase; padding-top: 9px; padding-bottom: 9px; display: none; padding-left: 25px; padding-right: 25px; }
@media (min-width: 768px)
{
	.dealer-drive div.header div.login-links-container a.signup-link { display: inline; }
}

/* footer styles */
.dealer-drive div.footer { padding-top: 40px; padding-bottom: 40px; color: #ffffff; font-size: 14px; background-color: #030000; } 
.dealer-drive div.footer p { font-size: 14px; color: #ffffff; }
.dealer-drive div.footer a { color: #ffffff; }
.dealer-drive div.footer a:focus,
.dealer-drive div.footer a:hover { color: #00b7e3; }
.dealer-drive div.footer a.logo img { max-height: 31px; }
.dealer-drive div.footer div.footer-logo-container { padding-bottom: 20px; }
.dealer-drive div.footer div.copyright-container { text-align: left;}
@media (min-width: 768px)
{
	.dealer-drive div.footer div.copyright-container { text-align: right; }
}

/* content styles */
.dealer-drive div.content-container { background-color: #ffffff; }

/* dealer drive login form styles */
.dealer-drive div.dealer-drive-login-form { padding-bottom: 180px; padding-top: 80px; }
.dealer-drive div.dealer-drive-login-form h1 { font-size: 54px; text-align: center; }
.dealer-drive div.dealer-drive-login-form div.dealer-drive-login-form-box { border: 1px solid #e1e1e1; background-color: #f7f8fc; border-radius: 4px; }
.dealer-drive div.dealer-drive-login-form div.dealer-drive-login-form-box-inner { border-radius: 4px; padding-left: 30px; padding-right: 30px; padding-top: 40px; padding-bottom: 10px; }
.dealer-drive div.dealer-drive-login-form .form-group.buttons { padding-top: 10px; }
.dealer-drive div.dealer-drive-login-form .btn.btn-primary { font-size: 33px; width: 100%; margin-bottom: 10px; padding-top: 7px; padding-bottom: 6px; }
.dealer-drive div.dealer-drive-login-form .btn.btn-primary.loading { padding-top: 14px; padding-bottom: 14px; font-size: 17px; }

.dealer-drive .region-part {
	text-align: center;
	font-size: 12px;
}
.dealer-drive .region-part .flag {
	font-size:10px;
	color: #777;
}	