@font-face {
    font-family:'Ford';
    src: url('../fonts/Ford Antenna Light.eot');
	src: url('../fonts/Ford Antenna Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Ford Antenna Light.woff2') format('woff2'),
		url('../fonts/Ford Antenna Light.woff') format('woff'),
		url('../fonts/Ford Antenna Light.svg#Ford Antenna Comp Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

body, html { width:100%; height:100%; padding:0; margin:0; }
body { float:left; font-family: 'Ford', Arial, Helvetica, Sans-serif; color:#999; font-size:15px; }
.clear { clear:both; float:left; }

/*header*/
.header { float:left; width:98%; padding:4px 1%; margin:0 0 40px 0; background:#fff; }
.header img { float:left; }
.header img:last-of-type { margin:10px 0 0 0; }

/*login box*/
.wrapper { width:100%; margin:0 0 0 0; }
.wrapper .login-box { float:left; background:#fff; padding:0; width: 30%; }
.wrapper .login-box span.header { float:left; width:90%; padding:14px 5%; margin:0 0 30px 0; border-radius:10px 10px 0 0; background:#6c6c6c; color:#fff; font-family: 'latobold'; font-size:14px; text-transform:uppercase; }
.wrapper .login-box p { width: 100%; margin: 50px auto 10px; }
.wrapper .login-box a.forgot { clear:both; float:right; margin:18px 0 8px 0; color:#000; text-decoration:none; font-family:'Ford'; }
.wrapper .login-box .left { float:left; width: 72%; padding: 18% 14% 5% 14%; }
.wrapper .login-box .left img { max-width:100%; }
.wrapper .login-box .right { float:left; width: 72%; padding:0 14% 5% 14%; }

.wrapper .login-box .top { float:left; width:100%; }
.wrapper .login-box .top .mazda { float:left; margin:25px; }
.wrapper .login-box .top .zoomzoom { float:right; margin:25px; }

/*form*/
.wrapper .login-box form { width:100%; margin:0 auto; padding:10px 0 30px; }
input[type=text] { font-family:'Ford'; font-stretch: expanded; margin:0 0 12px 0; color:#222; border-bottom:1px solid #cdcdcd; border-right:0; border-left:0; border-top:0; padding: 5%; width: 90%; font-size:14px; }
input[type=password] { font-family:'Ford'; margin:0 0 12px 0; color:#222; border-bottom:1px solid #cdcdcd; border-right:0; border-left:0; border-top:0;padding: 5%; width: 90%; font-size:14px; }
input[type=submit] { 
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    padding:6px 20px;
    text-decoration: none; 
	text-transform:uppercase;
	border:0;
	background:#1b394e;
	cursor:pointer;
	width:100%;
	font-family:'Ford'; 
	margin-top: 50px;
}

.login-screen em { display:block; margin:40px 0 0 0; font-size:12px; font-style:normal; text-align:center; }

/* image fader */
.fader { float:left; height: 777px; width:70%; max-width:70%; background:#f7f7f8; }
.fader ul { position: relative; margin:0; width: 100%; }

.fader img {
  position: absolute;
  top: -70%;
  left: 0;
  width: 100%;
  max-width:none;
  height:auto;
}