/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

.slicknav_menu {
	display:none;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {margin: 0; padding: 0; background: #222; border-top: 0.5em solid #f5f5f5;}
img {width: 100%; height: auto;}

/* Container */

.container {margin: 0 auto; padding: 0;}
.container h1 {display: none;}

.white {background: #fff;}
.grey {background: #eee;}
.lightgrey {background: #f5f5f5;}
.darkgrey {background: #222;}
.lightblue {background: #e6f0f7;}
.blue {background: #0067b1;}
.skyblue {background: #f5f5f5;}
.darkred {background: #5f0000;}
.red {background: #d2172a;}
.green {background: #94c11f;}
.navy {background: #1b3665;}
.yellow {background: #FFCB04;}

.fade, .containerbanner {animation-name: main; animation-delay: 0.5s; animation-duration: 1s; animation-fill-mode: both;}


@keyframes main {
    0%   {transform: translate(0,0); opacity: 0;}
    100% {transform: translate(0,0); opacity: 1;}
}


/* Container Center */

.containercenter {
	margin: 0 auto;
	padding: 0;
}

.containerheader {
	margin: 0 auto;
	padding: 0;
}

.containerbanner {
	margin: 0 auto;
	padding: 0;
}


.contentleft {
	margin: 0 1.666666666666667% 0 1.666666666666667%;
	padding: 0;
	width: 63.333333333333334%;
	float: left;
}

.sidebar {
	margin: 0 1.666666666666667% 0 1.666666666666667%;
	width: 30%;
	float: right;
}



/* ==========================================================================
   Header
   ========================================================================== */

.header {margin: 0 auto; padding: 0; font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 300; width: 96.66666666666667%;}
.headerarea {margin: 0 auto; width: 96.66666666666667%;}

.headerTop {margin: 0; padding: 0 0 1.5em 0; display: flex; justify-content: space-between; align-items: center;}

.headerleft {margin: 0; padding: 0; width: 20%; align-self: flex-start; text-align: center;}
.headerleft.ssauto {padding: 0 0 0.25em 0; background: #fff;}
.headerleft.wbauto {padding: 0 0 0.25em 0;}
.headerleft img {margin: 0; padding: 0; width: 100%;}

.headerright {margin: 0; padding: 2em 0 1em 10%; width: 70%; text-align: right; display: flex; justify-content: flex-end; align-items: center;}

.headercontact {margin: 0 3% 0 0; color: #231f20; width: 72%; text-align: right;}
.headercontact h2.subheader {margin: 0; padding: 0 0 0 0; font-style: normal; font-size: 1.3em; font-family: "myriad-pro-semi-condensed-n4","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 400;}
.headercontact i.email {margin: 0; padding: 0; color: #231f20; font-style: normal; font-size: 1.4em; font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 300;}
.headercontact i.email a {color: #231f20; text-decoration: none; font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 300;}
.headercontact i.email a:hover {text-decoration: underline;}
.headercontact strong.number {margin: 0; padding: 0 0 0 0; color: #231f20; font-size: 1.4em; font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 300; display: block;}
.headercontact strong.number span {color: #231f20; font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 300;}
.headercontact a {color: #231f20; text-decoration: none;}
.headercontact span.link {margin: 0; padding: 0; font-size: 1em;}
.headercontact span.link strong a {padding: 0.5em 2% 0.5em 2%; color: #282972; text-decoration: none; font-weight: normal; background: #fff;}

.headerQuote {margin: 0; padding: 0; text-align: right; width: 25%;}
.headerQuote ul {margin: 0; padding: 0; }
.headerQuote ul li {margin: 0; list-style: none;}
.headerQuote ul li i {font-style: normal;}
.headerQuote ul li a {margin: 0; padding: 0 30px; font-size: 1.5em; color: #ffffff; font-family: "myriad-pro-semi-condensed-n1","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 100; background: #009ee3; text-transform: uppercase; text-decoration: none; display: inline-block; line-height: 55px; transition: all 0.3s ease;}
.headerQuote ul li a:before {padding: 0 10px 0 0; content: '\f044'; font-size: 0.9em; font-family: "FontAwesome"; line-height: 55px; display: inline-block;}
.headerQuote ul li a:hover {color: #ffffff; background: #231f20;}

@media screen and (max-width: 1350px) {
	.headerright {padding: 2em 0 1em 5%; width: 75%;}
	.headercontact {width: 62%;}
	.headerQuote {width: 33%;}
}

@media screen and (max-width: 1350px) {
	.headercontact {font-size: 90%;}
}

@media screen and (max-width: 950px) {
	.headerright {padding: 2em 0 1em 3%; width: 77%;}
	.headercontact {width: 60%;}
	.headerQuote {width: 35%;}
}

@media screen and (max-width: 900px) {
	body {border-top: none;}
	.headerarea {margin: 0 auto; width: 100%;}
	.headerTop {margin: 0 auto; padding: 0 0 1.5em 0; width: 100%; flex-direction: column; text-align: center;}
	.headerright {margin: 0; padding: 1em 0 0 0; width: 100%;}
	.headerleft {margin: 0 auto; padding: 0; width: 60%; align-self: flex-start;}
	.headerleft img {margin: 0; padding: 0; max-height: 100px; width: auto;}
	.headerQuote {position: absolute; top: 0; left: 0; width: 60px; text-align: center;}
	.headerQuote ul li i {display: none;}
	.headerQuote ul li a {margin: 0; padding: 0 0; font-size: 2em; color: #231f20; line-height: 60px; width: 60px; background: none; text-align: center;}
	.headerQuote ul li a:before {padding: 0 0 0 0;}
	.headercontact {margin: 0 auto; font-size: 75%; text-align: center; width: 90%;}
	.headercontact i.email {display: none;}
}


/* ==========================================================================
   Nav
   ========================================================================== */

.nav {margin: 0 auto; padding: 0; width: 100%; display: block; font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 300; text-transform: uppercase; background: #231f20;}
.nav ul {margin: 0; padding: 0; display: flex; flex-flow: row wrap; justify-content: center; overflow: hidden; line-height: 1; width: 100%;}
.nav ul > li {flex: 1 auto;}
.nav li {margin: 0; padding: 0; overflow: hidden;}
.nav li a {margin: 0; padding: 0.75em 0 0.75em 0; text-decoration: none; color: #fff; display: inline-block; font-size: 1.5em; transition: all 0.3s ease; text-align: center; width: 100%;}
.nav li a:hover {color: #231f20; background: #fff;}
.nav li.selected a {color: #231f20; display: inline-block; background: #fff;}

@media screen and (max-width: 900px) {
	.nav {display: none;}
}

/* ==========================================================================
   Mobile Nav
   ========================================================================== */

.mobileMenu {display: none;}

@media screen and (max-width: 900px) {
	.mobileMenu {display: block;}
}

body.menuOpen .mobileMenu {display: block;}
   
.wrapper {right: 0; transition: 0.5s ease-in-out; width: 100%; position: relative; margin: 0; padding: 0; overflow-x: hidden;}
body.menuOpen .wrapper {transform:translateX(-300px);}

#mobileNav {position: fixed; height: 100%; right: 0; z-index: 0; transform:translateX(0); transition: opacity 0.25s ease-in-out 0.15s; background: #231f20; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.5); opacity: 0;}
body.menuOpen #mobileNav {display: block; overflow: auto; width: 300px; opacity: 1;}

#bodyCover {position: fixed; display: none; top:0; left: 0; bottom: 0; z-index: 300; opacity: 0;}
body.menuOpen #bodyCover {display: block; cursor: pointer; right: 300px;}


/* Mobile Nav Button */

#openMenuButton {display: block; position: fixed; width: 60px; height: 60px; right: 0; z-index: 1001; transition: 0.5s ease-in-out; cursor: pointer;}
#openMenuButton.background {background: rgba(255,255,255,0.9);}
#openMenuButton:hover {background: rgba(255,255,255,0.9);}
body.menuOpen #openMenuButton {background: rgba(255,255,255,0.9); transform:translateX(-300px);}

.menuIcon {display: block; position: relative; overflow: hidden; margin: 15px auto; padding: 0; width: 40px; height: 30px; font-size: 0; text-indent: -9999px; background: none; border: none; cursor: pointer;}
.menuIcon:focus {outline: none;}
.menuIcon span {display: block; position: absolute; top: 12px; left: 5px; right: 5px; height: 3px; background: #231f20;}
.menuIcon span::before,
.menuIcon span::after {position: absolute; display: block; left: 0; width: 100%; height: 3px; background: #231f20; content: "";}
.menuIcon span::before {top: -9px;}
.menuIcon span::after {bottom: -9px;}
.menuIconX span {transition: background 0s 0.3s;}
.menuIconX span::before,
.menuIconX span::after {transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s;}
.menuIconX span::before {transition-property: top, transform;}
.menuIconX span::after {transition-property: bottom, transform;}

.menuOpen .menuIconX {}
.menuOpen .menuIconX span {background: none;}
.menuOpen .menuIconX span::before {top: 0; transform: rotate(45deg);}
.menuOpen .menuIconX span::after {bottom: 0; transform: rotate(-45deg);}
.menuOpen .menuIconX span::before,
.menuOpen .menuIconX span::after {transition-delay: 0s, 0.3s;}

/* Mobile Navigation */

#mobileNavigation {width: 300px; height: auto; overflow: auto;}
#mobileNavigation ul {margin: 0; padding: 0 0 1em 0;}
#mobileNavigation ul li {margin: 0; padding: 0; list-style: none; font-size: 1.2em; letter-spacing: 0.1em; text-transform: uppercase; font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 300;}
#mobileNavigation ul li a {display: block; position: relative; height: 60px; padding: 0 2em; background: transparent; background-position: 0 10px!important; line-height: 60px; color: white; transition: all 500ms; text-decoration: none;}
#mobileNavigation ul li a:hover {color: #191c1f; text-decoration: none; background: #ffffff;}
#mobileNavigation ul li a:hover span {color: #191c1f;}
#mobileNavigation ul li.selected a {color: #191c1f; background: #ffffff;}
#mobileNavigation ul li.selected a span {color: #191c1f;}
#mobileNavigation ul li ul li a {padding-left: 30px; font-size: 12px;}
#mobileNavigation ul li.open > a {background: #191c1f;}
#mobileNavigation ul li.open ul {max-height: 2000px;}

#mobileNavigation ul li.item7 {margin: 20px 20px; padding: 0;}
#mobileNavigation ul li.item7 a {padding: 0; background: rgba(255,255,255,1); text-align: center; color: #1b3766; transition: all 500ms;}
#mobileNavigation ul li.item7 a span {color: #1b3766; margin: 0; padding: 0 0 0 1.75em; font-weight: 300; transition: all 500ms;}
#mobileNavigation ul li.item7 a:before {padding-top: 2px; content: '\f044'; font-family: 'FontAwesome'; width: 1em; position: absolute;}
#mobileNavigation ul li.item7 a:hover {color: #ffffff; background: rgba(0,103,177,1);}
#mobileNavigation ul li.item7 a:hover span {color: #ffffff;}
#mobileNavigation ul li.item7.selected a {background: rgba(0,103,177,1); color: #ffffff;}
#mobileNavigation ul li.item7.selected a span {color: #ffffff;}


@media screen and (max-width: 370px) {
	body.menuOpen .wrapper {transform:translateX(-240px);}
	body.menuOpen #mobileNav {width: 240px;}
	body.menuOpen #bodyCover {display: block; cursor: pointer; right: 240px;}
	body.menuOpen #openMenuButton {transform:translateX(-240px);}
	#mobileNavigation {width: 240px; height: auto; overflow: auto;}
}

/* ==========================================================================
   Top Nav
   ========================================================================== */

.topNav {margin: 0 auto; padding: 0; width: 100%; background: #ffffff;}
.topNav ul {margin: 0; padding: 0.75em 0 0.6em 0; line-height: 1; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; text-transform: uppercase; text-align: center; width: 100%; border: none;}
.topNav li {margin: 0; padding: 0; display: inline-block; list-style: none; overflow: hidden; line-height: 1;}
.topNav li a {margin: 0; padding: 1em 1.25em 1em 1.25em; text-decoration: none; color: #fff; display: inline-block; font-size: 0.95em; transition: all 0.3s ease; line-height: 1; text-align: center; border-radius: 0.2em; cursor: pointer; background: #009fe3;}
.topNav li a:hover {color: #fff; background: #231f20;}
.topNav li.selected a {color: #fff; background: #231f20;}


/* ==========================================================================
   Banner
   ========================================================================== */

/*
.banner {margin: 0 auto; padding: 0 0 2em 0; text-align: center; width: 100%;}
.banner img {width: 100%;}
.bannermain {margin: 0 auto; padding: 0; width: 96.66666666666667%;}
.bannerarea {margin: 0; padding: 0; width: 100%;}

.bannercontent {margin: -28em 0 0 2.5em; padding: 0; position: absolute; text-align: left; color: #fff; width: 30%;}
.bannercontent h2 {margin: 0; padding: 0; font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 4em; line-height: 1;}
.bannercontent h3.deposit {margin: 0 0 -1.25em 0; padding: 0; font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 2em; display: block; color: #fff;}
.bannercontent h3.deposit strong {font-size: 2em;}
.bannercontent h3.month {margin: 0 0 0 0; padding: 0; font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 2em; display: block; color: #ffdf01; line-height: 1;}
.bannercontent h3.month strong {font-size: 2.5em;}
.bannercontent i {margin: 0 0 0 0; padding: 0; font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 300; text-transform: uppercase; font-size: 1.5em; display: block;}
.bannercontent p {margin: -0.25em 0 2em 0; padding: 0; font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 300; font-size: 1em;}
.bannercontent strong.link {margin: -0.25em 0 -0.5em 0; padding: 0; font-family: "myriad-pro-condensed-n4","myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 1.4em;}
.bannercontent strong.link a {padding: 0.4em 0.9em 0.4em 0.9em; color: #fff; text-transform: uppercase; background: #0067b1; text-decoration: none; transition: all 0.3s ease;}
.bannercontent strong.link a:hover {color: #0067b1; background: #fff;}
*/


/* ==========================================================================
   Banner
   ========================================================================== */
   
.banner {margin: 0; padding: 0 0 2em 0;}
.bannerArea {margin: 0 auto; padding: 0; width: 96.66666666666667%;}
.banner .item {margin: 0; padding: 0; width: 100%; display: inline-block; vertical-align: top; position: relative; overflow: hidden;}
.banner .item a {text-decoration: none;}
.banner .item.middle {margin: 0 3.5% 3em 3.5%;}

.banner .item.offer .detail {position: absolute; top: 50px; left: -30px; text-align: left;}
.banner .item.offer .detail .car {position: relative; background: #94c11f; padding: 10px 40px 15px 55px; transform: skewX(-20deg); display: inline-block;}
.banner .item.offer .detail .car .center {transform: skewX(20deg);}
.banner .item.offer .detail .car h2 {margin: 0; padding: 0; font-family: "myriad-pro-condensed-n6", "myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 600; font-size: 3.5em; line-height: 1; color: #ffffff;}
.banner .item.offer .detail .model {position: relative; background: #231f20; padding: 8px 40px 8px 55px; transform: skewX(-20deg); display: block;}
.banner .item.offer .detail .model .center {transform: skewX(20deg);}
.banner .item.offer .detail .model p {margin: 0; font-family: "myriad-pro-condensed-n1", "myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 100; font-size: 1.5em; line-height: 1; color: #ffffff; padding: 0; display: block;}
.banner .item.offer .detail .deposit {position: relative; background: #e5e5e5; padding: 5px 40px 5px 55px; transform: skewX(-20deg); display: inline-block;}
.banner .item.offer .detail .deposit .center {transform: skewX(20deg);}
.banner .item.offer .detail .deposit h3 {margin: 0; font-family: "myriad-pro-condensed-n3", "myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 300; font-size: 1.5em; line-height: 1; color: #231f20; padding: 0; display: inline-block;}

.banner .item.offer .price {text-align: left; display: inline-block; position: absolute; bottom: 30px; left: -30px; background: #231f20; padding: 10px 40px 15px 55px; transform: skewX(-20deg);}
.banner .item.offer .price .center {transform: skewX(20deg);}
.banner .item.offer .price h4 {margin: 0; font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 700; font-size: 3.5em; line-height: 1; color: #ffffff; padding: 0 0 5px 0; display: inline-block; text-align: right;}
.banner .item.offer .price p {margin: 0; position: relative; font-family: "myriad-pro-condensed-n7", "myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 700; font-size: 1em; line-height: 1; color: #ffffff; padding: 0; display: block;}

.banner .item.offer .link {position: absolute; bottom: 30px; right: 30px;}
.banner .item.offer .link span {margin: 0; color: #ffffff; padding: 15px 20px; font-family: "myriad-pro-condensed-n3", "myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 300; font-size: 1.5em; line-height: 1; background: #0067b1; display: block; text-transform: uppercase;}
.banner .item.offer .link span i {padding-left: 5px;}
.banner .item.offer a .link span {transition: all .3s linear; background: #009fe3;}
.banner .item.offer a:hover .link span {background: #231f20;}   

@media screen and (max-width: 1024px) {
	.banner {font-size: 90%;}
}

@media screen and (max-width: 1000px) {
	.banner {font-size: 80%;}
	.banner .item.offer .car {font-size: 80%;}
	.banner .item.offer .price {font-size: 80%;}
	
	.banner .item.offer .detail {top: 20px;}
}

@media screen and (max-width: 900px) {
	.banner {padding: 0 0 0 0;}
	.banner .item {border-top: none;}
	.banner .item.offer .detail .car {padding: 5px 20px 5px 40px;}
	.banner .item.offer .detail .model {padding: 5px 20px 5px 40px;}
	.banner .item.offer .detail .deposit {padding: 5px 20px 5px 40px;}
	.banner .item.offer .price {padding: 5px 20px 5px 40px;}
	.bannerArea {margin: 0 auto; padding: 0; width: 100%;}
}

@media screen and (max-width: 640px) {
	.banner {font-size: 80%;}
	.banner .item.offer .detail {top: 10px;}
	.banner .item.offer .price {bottom: 10px;}
	.banner .item.offer .detail .deposit {display: none;}
	.banner .item.offer .link {bottom: 10px; right: 10px;}
	.banner .item.offer .link span {padding: 10px 15px;}
}

@media screen and (max-width: 480px) {
	.banner {font-size: 60%;}
}


/* Banner

.banner {
	margin: 0 auto;
	padding: 0 0 2em 0;
	text-align: center;
	width: 100%;
}

.banner img {
	width: 100%;
}

.bannermain {	
	margin: 0 auto;
	padding: 0;
	width: 96.66666666666667%;
}

.bannerarea {
	margin: 0;
	padding: 0;
	width: 100%;
}

/* Banner Content

.bannercontent {
	margin: -28em 0 0 2.5em;
	padding: 0;
	position: absolute;
	text-align: left;
	color: #fff;
	width: 30%;
}

.bannercontent h2 {
	margin: 0;
	padding: 0;
	font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 4em;
	line-height: 1;
}

.bannercontent h3.deposit {
	margin: 0 0 -1.25em 0;
	padding: 0;
	font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2em;
	display: block;
	color: #fff;
}

.bannercontent h3.deposit strong {
	font-size: 2em;
}

.bannercontent h3.month {
	margin: 0 0 0 0;
	padding: 0;
	font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2em;
	display: block;
	color: #ffdf01;
	line-height: 1;
}

.bannercontent h3.month strong {
	font-size: 2.5em;
}

.bannercontent i {
	margin: 0 0 0 0;
	padding: 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.5em;
	display: block;
}

.bannercontent p {
	margin: -0.25em 0 2em 0;
	padding: 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1em;
}

.bannercontent strong.link {
	margin: -0.25em 0 -0.5em 0;
	padding: 0;
	font-family: "myriad-pro-condensed-n4","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.4em;
}

.bannercontent strong.link a {
	padding: 0.4em 0.9em 0.4em 0.9em;
	color: #fff;
	text-transform: uppercase;
	background: #0067b1;
	text-decoration: none;
	transition: all 0.3s ease;
}

.bannercontent strong.link a:hover {
	color: #0067b1;
	background: #fff;
}
*/


/* Service */

.services {
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: center;
	width: 100%;
}

.services .service {
	margin: 0 1.666666666666667% 2em 1.666666666666667%;
	padding: 0;
	background: #fff;
	width: 30%;
	float: left;
	display: inline-block;
}

.sidebar .service {
	margin: 0 0 2em 0;
	background: #fff;
	border: 1px solid #d5d5d5;
}

.service.last {
	margin: 0 0 0 0;
}

.serviceleft {
	width: 39%;
	float: left;
}

.serviceleft img {
	width: 100%;
}

.serviceright {
	padding: 1em 5% 0 5%;
	width: 51%;
	float: left;
	text-align: left;
}

.serviceright h3 {
	margin: 0;
	padding: 0 0 0.1em 0;
	font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.9em;
	color: #222;
	line-height: 1;
}

.serviceright p {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1em;
	color: #222;
	line-height: 1;
}

.serviceright strong a {
	padding: 0.3em 0.8em 0.3em 0.8em;
	color: #fff;
	font-family: "myriad-pro-condensed-n3","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	background: #009fe3;
	text-decoration: none;
	font-size: 1.2em;
	transition: all 0.3s ease;
	display: inline-block;
}

.serviceright strong a:hover {
	background: #231f20;
}


/* ==========================================================================
   Car Offers
   ========================================================================== */

.caroffers {margin: 0 auto; padding: 2em 0 1em 0; text-align: center; width: 100%;}

.offerlisting {margin: 0; padding: 0; text-align: center;}
.offerlistingitemarea {margin: 0 auto; width: 96.66666666666667%; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
.offerlistingheader {margin: 0 1.666666666666667% 1em 1.666666666666667%;}
.offerlistingheader h2 {margin: 0; padding: 0; font-size: 2.5em; font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 300; color: #0067b1; line-height: 1.25; text-align: left;}

.caroffer {margin: 0 0 2.5em 0; padding: 0; width: 31%; vertical-align: top;}
.caroffer a {text-decoration: none;}
.caroffer.middle {margin: 0 3.5% 2.5em 3.5%;}
.carofferMain {box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);}

.carimage {margin: 0; padding: 0; position: relative; min-height: 250px; max-height: 250px; overflow: hidden;}
.carimage > figure {margin: 0; padding: 0; backface-visibility: hidden;  background-size: cover; background-position: top center; background-repeat: no-repeat; max-height: 250px; min-height: 250px; left: 0px; opacity: 1; position: absolute; top: 0px; width: 100%; z-index: 0; animation-name: headerContainer; animation-delay: 0.5s; animation-duration: 3s; display: block; animation-fill-mode: both;}
.carimage img {display: none;}

.cardetail {margin: 0; padding: 0; display: block; background: #f1f1f1; width: 100%;}
.cardetailTop {margin: 0; padding: 1em 1.5em 1em 1.5em; text-align: left; color: #231f20; display: block; background: #f1f1f1; min-height: 70px;}
.cardetailTop h3 {margin: 0; padding: 0; font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 700; color: #231f20; text-transform: uppercase; font-size: 1.8em; line-height: 1;}
.cardetailTop p {margin: 0; padding: 0; font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 300; text-transform: uppercase; font-size: 1.2em; color: #231f20; line-height: 1;}
.cardetailleft {margin: 0; padding: 1em 0 1.5em 0; float: left; width: 60%; text-align: left; background: url('../img/price-main.png') top right no-repeat #f1f1f1; display: inline-block;}
.cardetailleft h4 {margin: 0 0 0 0; padding: 0 0 0 1.5em; font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 1em; color: #ffffff; line-height: 1;}
.cardetailleft h4 strong {font-size: 3em;}
.cardetailright {margin: 0; padding: 1.25em 0 0 0; float: right; width: 39%; text-align: right; color: #1b3766; display: inline-block;}
.cardetailright h4 {margin: 0 0 0 0; padding: 0 1.5em 0 0; font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 1.3em; color: #231f20; line-height: 1;}
.cardetailright h4 strong {font-size: 2em;}
.cardetailright h4 i {font-size: 1em; font-family: "myriad-pro-condensed-n3","myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 300;}

.carLink {margin: 0; padding: 0; text-align: right;}
a .carLink span {margin: 0 auto; padding: 0.6em 1.2em 0.6em 1.2em; font-size: 1.25em; font-family: "myriad-pro-condensed-n3","myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 300; color: #fff; background: #009fe3; line-height: 1.2; display: inline-block; transition: all .3s linear; text-transform: uppercase; text-align: center; box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);}
a:hover .carLink span {background: #231f20;}

@media screen and (max-width: 1100px) {
	.caroffer {width: 48.25%;}
	.caroffer.middle {margin: 0 0 2.5em 0;}
	.caroffer.even {margin: 0 0 2.5em 3.5%;}
	.caroffers.home .caroffer.right {display: none;}
}

@media screen and (max-width: 800px) {
	.carimage {min-height: 220px; max-height: 220px;}
	.carimage > figure {max-height: 220px; min-height: 220px;}
}

@media screen and (max-width: 640px) {
	.caroffer {width: 100%;}
	.caroffer.middle {margin: 0 0 2em 0;}
	.caroffer.even {margin: 0 0 2em 0;}
	.caroffers.home .caroffer.right {display: block;}
	.cardetailTop {min-height: inherit;}
	.carimage {min-height: 300px; max-height: 300px;}
	.carimage > figure {max-height: 300px; min-height: 300px;}
}

@media screen and (max-width: 550px) {
	.carimage {min-height: 250px; max-height: 250px;}
	.carimage > figure {max-height: 250px; min-height: 250px;}
}

@media screen and (max-width: 440px) {
	.carimage {min-height: 220px; max-height: 220px;}
	.carimage > figure {max-height: 220px; min-height: 220px;}
}

@media screen and (max-width: 380px) {
	.carimage {min-height: 200px; max-height: 200px;}
	.carimage > figure {max-height: 200px; min-height: 200px;}
}

/* ==========================================================================
   Car Offers
   ========================================================================== */

.servicing {margin: 0 auto; padding: 2em 0 1em 0; text-align: center; width: 100%;}
.containerServicing {margin: 0 auto; width: 96.66666666666667%;}
.servicingArea {margin: 0; padding: 0;}
.servicingArea .item {margin: 0 0 2em 0; padding: 0;}


/* Offer */

.offer {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

.offerimage {
	margin: 0;
	padding: 0;
}

.offerimage img {
	width: 100%;
}

.offerheader {
	margin: 0 0 2em 0;
	padding: 0;
	display: block;
	width: 100%;
}

.offerdetail {
	margin: 0;
	padding: 0;
	display: block;
	background: #f1f1f1;
	width: 100%;
}

.offerdetailTop {
	margin: 0;
	padding: 1em 1.5em 1em 1.5em;
	text-align: left;
	color: #1b3766;
	display: block;
	background: #f1f1f1;
}

.offerdetailTop h1 {
	margin: 0;
	padding: 0;
	font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #231f20;
	text-transform: uppercase;
	font-size: 3em;
	line-height: 1;
}

.offerdetailTop h2 {
	margin: 0;
	padding: 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 2em;
	color: #231f20;
	line-height: 1;
}

.offerdetailleft {
	margin: 0;
	padding: 1em 0 1.5em 0;
	float: left;
	width: 50%;
	text-align: left;
	background: url('../img/price-main.png') top right no-repeat #f1f1f1;
	display: inline-block;
}

.offerdetailleft h3 {
	margin: 0 0 0 0;
	padding: 0 0 0 1.5em;
	font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1em;
	color: #ffffff;
	line-height: 1;
}

.offerdetailleft h3 strong {
	font-size: 3em;
}

.offerdetailright {
	margin: 0;
	padding: 1.25em 0 0 0;
	float: right;
	width: 49%;
	text-align: right;
	color: #231f20;
	display: inline-block;
}

.offerdetailright h4 {
	margin: 0 0 0 0;
	padding: 0 1.5em 0 0;
	font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.3em;
	color: #231f20;
	line-height: 1;
}

.offerdetailright h4 strong {
	font-size: 2em;
}

.offerdetailright h4 i {
	font-size: 1.25em;
	font-family: "myriad-pro-condensed-n3","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
}

.offeradditional {
	margin: 0;
	padding: 1em 1.5em 1em 1.5em;
	background: #009fe3;
}

.offeradditional p {
	margin: 0;
	padding: 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.5em;
	color: #fff;
	line-height: 1.2;
}

.offercontact {
	margin: 0;
	padding: 1em 1.5em 1em 1.5em;
	background: #94c11f;
}

.offercontact ul {
	margin: 0;
	padding: 0;
	line-height: 1;
}

.offercontact li {
	margin: 0;
	padding: 0 0.5em 0 0.5em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.4em;
	color: #ffffff;
	line-height: 1.5;
	list-style: none;
	display: inline-block;
}

.offercontact li strong {
	font-family: "myriad-pro-semi-condensed-n7","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
}

.offercontact li a {
	color: #ffffff;
	text-decoration: none;
}

.offercontact li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.offerCategories {
	margin: 0;
	padding: 0;
}

.dateCar {
	display: none;
}

/* Offer Content */

.offercontent {
	margin: 0 0 2em 0;
	padding: 1.5em 2em 1.5em 2em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-align: justify;
	background: #f5f5f5;
}

.contentarea {
	margin: 0;
	padding: 0 0 2em 0;
}

.offercontent h1 {
	margin: 0;
	padding: 0;
	font-size: 2.25em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1;
}

.offercontent h2 {
	margin: 0;
	padding: 0 0 0.25em 0;
	font-size: 2em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1;
}
	
.offercontent h3 {
    margin: 0;
	padding: 0 0 0.25em 0;
	font-size: 1.5em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}
	
.offercontent h4 {
    margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-size: 1.5em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}
	
.offercontent h5 {
    margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-size: 1.25em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;	
}
	
.offercontent h6 {
    margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-size: 1em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}

.offercontent ul {
	margin: 0;
	padding: 0.5em 0 1em 2em;
	font-size: 1.1em;
}

.offercontent ul li {
	margin: 0;
	padding: 0 0 0 0.5em;
	list-style: square;
	line-height: 1.5;
}

.offercontent ol {
	margin: 0;
	padding: 0.5em 0 1em 2em;
	font-size: 1.1em;
}

.offercontent ol li {
	margin: 0;
	padding: 0 0 0 0.3em;
	list-style: decimal;
	line-height: 1.5;
}

.offercontent img {
	margin: 0 0 0.75em 0;
	padding: 0;
    width: 100%;
}

.offercontent p {
    margin: 0;
	padding: 0 0 1em 0;
	font-size: 1.1em;
	line-height: 1.5;
	color: #111;
}

.offercontent strong {
    font-weight: bold 400;
}

.offercontent blockquote {
    margin: 0.5em 0 1em 0;
	padding: 2em;
	font-family: "myriad-pro-semi-condensed-i3","myriad-pro-semi-condensed",sans-serif;
	font-weight: 300;
	font-style: italic;
	background: #f5f5f5;
}

.offercontent blockquote p {
    margin: 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.2;
	color: #555;
}

.offercontent blockquote br {
    margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	display: block;
}

.offercontent blockquote p em {
    color: #777;
	font-size: 0.9em;
}

.offercontent a {
    color: #000;
}

.offercontent a:hover {
    text-decoration: none;
}


/* Offer Terms */

.offerterms {
	margin: 0 0 2em 0;
	padding: 1.5em 2em 1.5em 2em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-align: justify;
	background: #eee;
}

.offerterms h3 {
    margin: 0;
	padding: 0 0 0.25em 0;
	font-size: 1.5em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}

.offerterms p {
    margin: 0;
	padding: 0 0 1em 0;
	font-size: 1em;
	line-height: 1.5;
	color: #111;
}

/* Video */

.offervideo {
	margin: 0 0 2em 0;
	padding: 0;
	text-align: center;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.offervideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Content Video */

.videoArea {
	margin: 0;
	padding: 2em 0 2em 0;	
	position: relative;
}

.contentvideo {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	width: 96.66666666666667%;
}

.contentvideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.contentvideo .over {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 100;
}


/* ==========================================================================
   Testimonials
   ========================================================================== */

.testimonials {margin: 0 auto; padding: 2em 0 1em 0; text-align: center; width: 100%; display: none;}
.testimonialListing {margin: 0; padding: 0; text-align: center;}

.testimonialListingArea {margin: 0 auto; width: 96.66666666666667%; display: flex; flex-direction: row; flex-wrap: wrap;}
.testimonialListing .testimonialListingArea .paging {display: block; width: 100%;}
.testimonialItem {margin: 0 0 2.5em 0; padding: 0; width: 31%; background: #f1f1f1; box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);}
.testimonialItem.middle {margin: 0 3.5% 2.5em 3.5%;}
.testimonialItemMain {padding: 1em 1em 2em 1em;}
.testimonialImage {margin: 0; padding: 0 0 1em 0;}
.testimonialImage img {width: 100%;}
.testimonialReview {margin: 0; padding: 0; text-align: left; color: #1b3766; display: block; background: #f1f1f1;}
.testimonialReview h3 {margin: 0; padding: 0; font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 700; color: #231f20; text-transform: uppercase; font-size: 1.8em; line-height: 1.2;}
.testimonialReview p {margin: 0; padding: 0; font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 300; font-size: 1.2em; color: #222; line-height: 1.2;}
.testimonialDate {display: none;}


@media screen and (max-width: 1100px) {
	.testimonialItem {width: 48.25%;}
	.testimonialItem.middle {margin: 0 0 2.5em 0;}
	.testimonialItem.even {margin: 0 0 2.5em 3.5%;}
}


/* Content Links */

.contentlink {
	margin: 0;
	padding: 1em 0 2em 0;
}

.contentlink h3 {
	margin: 0;
	padding: 0 0 0.5em 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 2em;
}

.contentlink span {
	margin: 0;
	padding: 0;
}

.contentlink span a {
	margin: 0;
	padding: 0.3em 1em 0.3em 1em;
	color: #fff;
	display: inline-block;
	background: #009fe3;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: "myriad-pro-condensed-n3","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.75em;
}

.contentlink span a:hover {
	color: #fff;
	background: #231f20;
}

/* Main */

.main {
	margin: 0 auto;
	padding: 2em 0 2em 0;
	text-align: center;
	width: 100%;
}


/* News */

.news {
	margin: 0 auto;
	padding: 2em 0 2em 0;
	text-align: center;
	width: 100%;
}

.newslisting {
	margin: 0;
	padding: 0 0 1em 0;
	text-align: left;
	width: 100%;
}

.newslistingheader {
	margin: 0;
	padding: 0 0 0.5em 0;
	text-align: left;
	border-bottom: 1px solid #d5d5d5;
}

.newslistingheader h1 {
	margin: 0;
	padding: 0 0 0.15em 0;
	color: #1a3664;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 3em;
	line-height: 1;
	text-transform: uppercase;
}

.newslistingheader h2 {	
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #0067b1;
	line-height: 1;
}

.newslistingitem {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #d5d5d5;
}

.newslistingitem a {
	margin: 0;
	padding: 1em 0 0.5em 0;
	text-decoration: none;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	display: block;
}

.newslistingitem a h3 {
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	color: #0067b1;
	line-height: 1;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.newslistingitem a span {
	margin: 0;
	padding: 0.25em 0 0.5em 0;
	font-size: 0.9em;
	color: #555;
	line-height: 1;
	display: block;
}

.newslistingitem a p {
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 1em;
	color: #333;
	line-height: 1.5;
	text-align: justify;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.newslistingitem a i {
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 1em;
	color: #777;
	line-height: 1.5;
	font-style: normal;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.newslistingitem a:hover p {
	color: #000;
	text-decoration: underline;
}

.newslistingitem a:hover h3 {
	color: #1b3663;
}

.newslistingfooter {
	margin: 0;
	padding: 1.25em 0 1em 0;
}

.newslistingfooter span a {
	padding: 0.3em 0.8em 0.3em 0.8em;
	color: #fff;
	background: #1b3663;
	font-family: "myriad-pro-condensed-n3","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.2em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.newslistingfooter span a:hover {
	background: #0067b1;
}



/* Archive */

.archive {
	margin: 0 auto;
	padding: 2em 0 2em 0;
	text-align: left;
	width: 100%;
}

.archiveheader {
	margin: 0;
	padding: 0 0 1.5em 0;
	text-align: left;
	border-bottom: 1px solid #d5d5d5;
}

.archiveheader h1 {
	margin: 0;
	padding: 0 0 0 0;
	color: #1b3665;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 2.75em;
	line-height: 1.25;
}

.archiveheader h1 i {
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #222;
}

.Offersarchive {
	margin: 0;
	padding: 1em 0 1em 0;
	border-bottom: 1px solid #d5d5d5;
}

.archiveCar {
	margin: 0 0 1em 0;
}

.archiveCarLeft {
	width: 40%;
	float: left;
}

.archiveCarLeft img {
	width: 100%;
}

.archiveCarRight {
	padding: 0 0 0 5%;
	width: 55%;
	float: left;
}

.Offersarchive a {
	text-decoration: none;
}

.Offersarchive h3 {	
	margin: 0;
	padding: 0;
	font-size: 2.5em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #0067b1;
	line-height: 1;
	text-align: left;
}

.Offersarchive a:hover h3 {
	text-decoration: underline;
}

.Offersarchive p {	
	margin: 0;
	padding: 0 0 0.5em 0;
	font-size: 1.5em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #222;
	line-height: 1.25;
	text-align: left;
}

.Offersarchive a:hover p {
	text-decoration: underline;
}

.Offersarchive h4 {
	margin: 0 0 0 0;
	padding: 0.75em 1em 1em 1em;
	font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1em;
	color: #ffdf01;
	line-height: 1;
	background: #1b3665;
	display: inline-block;
}

.Offersarchive h4 strong {
	font-size: 3em;
}

.Offersarchive footer strong a {
	margin: 0 0.4em 0.6em 0;
	padding: 0.5em 1em 0.5em 1em;
	font-size: 1.15em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	display: inline-block;
	background: #e5e5e5;
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.Offersarchive footer strong a:hover {
	color: #fff;
	background: #222;
}


.Newsarchive {
	margin: 0;
	padding: 1em 0 1em 0;
	border-bottom: 1px solid #d5d5d5;
}

.Newsarchive a {
	margin: 0;
	padding: 1em 0 0.5em 0;
	text-decoration: none;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	display: block;
}

.Newsarchive a h3 {
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	color: #0067b1;
	line-height: 1;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.Newsarchive a span {
	margin: 0;
	padding: 0.25em 0 0.5em 0;
	font-size: 0.9em;
	color: #555;
	line-height: 1;
	display: block;
}

.Newsarchive a p {
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 1em;
	color: #333;
	line-height: 1.5;
	text-align: justify;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.Newsarchive a i {
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 1em;
	color: #777;
	line-height: 1.5;
	font-style: normal;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.Newsarchive a:hover p {
	color: #000;
	text-decoration: underline;
}

.Newsarchive footer strong a {
	margin: 0 0.4em 0.6em 0;
	padding: 0.5em 1em 0.5em 1em;
	font-size: 1.15em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	display: inline-block;
	background: #e5e5e5;
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.Newsarchive footer strong a:hover {
	color: #fff;
	background: #222;
}



/* Twitter */

.twitter {
	margin: 0 0 2em 0;
	padding: 1em 1.5em 1.5em 1.5em;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
}

.twitterheader {
	margin: 0;
	padding: 0 0 1em 0;
	text-align: left;
    border-bottom: 1px solid #d5d5d5;
}

.twitterheader h3 {	
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #0067b1;
	line-height: 1;
}

.tweet {
	margin: 0;
	padding: 0.75em 0 1em 0;
    border-bottom: 1px solid #d5d5d5;
	display: block;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 0.9em;
    color: #222;
	line-height: 1.3;
	text-align: left;
}

.tweet a {
    color: #111;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.tweet a:hover {
	color: #0067b1;
}

.tweet blockquote {
	margin: 0;
	padding: 0 0 0.25em 0;
	line-height: 1;
}

.tweet blockquote p {
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-size: 1.2em;
}

.tweet .timestamp {
	margin: 0;
	padding: 0;
	color: #555;
    font-size: 0.9em;
}

.tweet .intents a {
	margin: 0;
	padding: 0 0.25em 0 0;
    font-size: 0.9em;
	color: #111;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.tweet .intents a:hover {
	color: #0067b1;
}

.twitterfooter {
	display: none;
}


/* Link Listing */

.linklisting {
	margin: 0 0 2em 0;
	padding: 1em 1.5em 1.5em 1.5em;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
	text-align: left;
}

.linklistingheader {
	margin: 0;
	padding: 0 0 1em 0;
	text-align: left;
    border-bottom: 1px solid #d5d5d5;
}

.linklistingheader h3 {	
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #0067b1;
	line-height: 1;
}

.linklisting ul {
	margin: 0.5em 0 0 0;
	padding: 0;
}

.linklisting li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1;
	font-size: 1.2em;
}

.linklisting li a {
	margin: 0;
	padding: 0.5em 0 0.5em 1em;
	color: #555;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.linklisting li a:hover {
	color: #111;
	background: #fff;
}

.linklisting li.selected a {
	color: #fff;
	background: #0067b1;
	font-family: "myriad-pro-semi-condensed-n4","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
}


/* Social */

.social {
	margin: 0 0 2em 0;
	padding: 0;
	background: #e6f0f7;
	border: 1px solid #88c8ec;
}

.socialleft {
	width: 35%;
	float: left;
}

.socialleft img {
	width: 100%;
}

.socialright {
	padding: 0.75em 0 0 0;
	width: 65%;
	float: left;
	text-align: left;
}

.socialright h3 {
	margin: 0;
	padding: 0 0 0.1em 0;
	font-family: "myriad-pro-condensed-n7","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.9em;
	color: #1b3664;
	line-height: 1;
}

.socialright p {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1em;
	color: #222;
	line-height: 1;
}

.socialright strong a {
	padding: 0.3em 0.8em 0.3em 0.8em;
	color: #fff;
	font-family: "myriad-pro-condensed-n3","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	background: #0067b1;
	text-decoration: none;
	font-size: 1.2em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.socialright strong a:hover {
	background: #1b3663;
}



/* Content */

.content {
	margin: 0;
	padding: 0 0 2em 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-align: justify;
}

.contentnav {
	margin: 0;
	padding: 0 0 2em 0;
	text-align: left;
}

.contentnav ul {
	margin: 0;
	padding: 0 0 0 1em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.1em;
}

.contentnav ul li {
	margin: 0;
	padding: 0;
	list-style: square;
}

.contentnav ul li ul li {
	margin: 0;
	padding: 0;
	list-style-type: circle;
}

.contentnav li a {
	margin: 0;
	padding: 0;
	color: #222;
	line-height: 2;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}

.contentnav li a:hover {
	color: #0067b1;
	text-decoration: none;
}

.contentarea {
	margin: 0;
	padding: 0 0 2em 0;
}

.content h1 {
	margin: 0;
	padding: 0;
	font-size: 2.25em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1;
}

.content h2 {
	margin: 0;
	padding: 0 0 0.25em 0;
	font-size: 2em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1;
}
	
.content h3 {
    margin: 0;
	padding: 0 0 0.25em 0;
	font-size: 1.5em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}
	
.content h4 {
    margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-size: 1.5em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}
	
.content h5 {
    margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-size: 1.25em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;	
}
	
.content h6 {
    margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-size: 1em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}

.content ul {
	margin: 0;
	padding: 0.5em 0 1em 2em;
	font-size: 1.1em;
}

.content ul li {
	margin: 0;
	padding: 0 0 0 0.5em;
	list-style: square;
	line-height: 1.5;
}

.content ol {
	margin: 0;
	padding: 0.5em 0 1em 2em;
	font-size: 1.1em;
}

.content ol li {
	margin: 0;
	padding: 0 0 0 0.3em;
	list-style: decimal;
	line-height: 1.5;
}

.content img {
	margin: 0 0 0.75em 0;
	padding: 0;
    width: 100%;
}

.content p {
    margin: 0;
	padding: 0 0 1em 0;
	font-size: 1.1em;
	line-height: 1.5;
	color: #111;
}

.content strong {
    font-weight: bold 400;
}

.content blockquote {
    margin: 0.5em 0 1em 0;
	padding: 2em;
	font-family: "myriad-pro-semi-condensed-i3","myriad-pro-semi-condensed",sans-serif;
	font-weight: 300;
	font-style: italic;
	background: #f5f5f5;
	border: 1px solid #d5d5d5;
}

.content blockquote p {
    margin: 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.2;
	color: #555;
}

.content blockquote p br {
    margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	display: block;
}

.content blockquote p em {
    color: #777;
	font-size: 0.9em;
}

.content a {
    color: #000;
}

.content a:hover {
    text-decoration: none;
}



.contentheader {
	margin: 0;
	padding: 0 0 1.5em 0;
	text-align: left;
}

.contentheader h1 {
	margin: 0;
	padding: 0 0 0 0;
	color: #231f20;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 2.75em;
	line-height: 1.25;
}

.contentheader h2 {	
	margin: 0;
	padding: 0;
	font-size: 1.75em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #009fe3;
	line-height: 1.25;
}

.contentheader span {
	display: none;
}

.contentheader .date {
	margin: 0;
	padding: 0.5em 0 0 0;
}

.contentheader .date i {
	margin: 0;
	padding: 0;
	color: #555;
	line-height: 1;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1;
}

.contentnavheader {
	margin: 0;
	padding: 0;
	text-align: left;
}

.contentnavheader h1 {
	margin: 0;
	padding: 0 0 0 0;
	color: #231f20;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 2.25em;
	line-height: 1.25;
}


.sectionheader {
	margin: 0;
	padding: 0 0 1.5em 0;
	text-align: center;
}

.sectionheader h1 {
	margin: 0;
	padding: 0 0 0.15em 0;
	color: #231f20;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 3em;
	line-height: 1;
	text-transform: uppercase;
}

.sectionheader h2 {	
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #009fe3;
	line-height: 1;
}

.categorySingle {
	margin: 0 auto;
	padding: 0 0 3em 0;
	text-align: center;
	width: 90%;
}

.categorySingle img {
	margin: 0 auto;
	width: 15%;
}

.categorySingle h1 {
	margin: 0;
	padding: 0 0 0.15em 0;
	color: #231f20;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 3em;
	line-height: 1;
	text-transform: uppercase;
}

.categorySingle h1 strong {
	font-family: "myriad-pro-semi-condensed-n7","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
}

.categorySingle h2 {	
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #009fe3;
	line-height: 1;
}




/* Manufacturers */

.manufacturers {
	margin: 0 auto;
	padding: 2em 0 1em 0;
	text-align: center;
	width: 100%;
}

.manufacturer {
	margin: 0 1.666666666666667% 2em 1.666666666666667%;
	text-align: center;
	width: 16.66666666666667%;
	float: left;
}

.manufacturer h3 {
	display: none;
}

.manufacturer img {
	width: 100%;
}

.manufacturermercedes-benz {
	display: none;
}

.manufacturerchevrolet {
	display: none;
}


.manufacturerListing {
	margin: 0;
	padding: 0;
	text-align: center;
}

.manufacturerListingItem {
	margin: 0 1% 1em 1%;
	padding: 0.5em 0 1em 0;
	color: #333;
	display: inline-block;
	float: left;
	width: 14.66666666666667%;
	vertical-align: top;
	text-align: center;
}

a .manufacturerListingItem {
	border-top: 1px solid #aaa;
	transition: all .3s linear;
}

a:hover .manufacturerListingItem {
	border-top: 1px solid #1b3766;
}

.manufacturerListingItem h3 {
	display: none;
}

.manufacturerListingItem img {
	margin: 0 0 0.5em 0;
	width: 80%;
}

.manufacturerListingItemFooter {
	margin: 0;
	padding: 0;
}

a .manufacturerListingItemFooter span {
	margin: 0 auto;
	padding: 0.6em 1.2em 0.6em 1.2em;
	font-size: 1.25em;
	font-family: "myriad-pro-condensed-n3","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #fff;
	background: #009fe3;
	line-height: 1.2;
	display: inline-block;
	transition: all .3s linear;
	text-transform: uppercase;
	text-align: center;
}

a:hover .manufacturerListingItemFooter span {
	background: #231f20;
}


/* Car Type */

.cartype {
	margin: 0 auto;
	padding: 2em 0 1em 0;
	text-align: center;
	width: 100%;
}

a.carTypevan {
	display: none;
}

.cartypeListing {
	margin: 0;
	padding: 0;
	text-align: center;
}

.cartypeListingItem {
	margin: 0 1% 1em 1%;
	padding: 0.75em 0 1em 0;
	color: #333;
	display: inline-block;
	float: left;
	width: 14.66666666666667%;
	vertical-align: top;
	text-align: center;
}

a .cartypeListingItem {
	border-top: 1px solid #aaa;
	transition: all .3s linear;
}

a:hover .cartypeListingItem {
	border-top: 1px solid #231f20;
}

.cartypeListingItem h3 {	
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #231f20;
	line-height: 1.2;
}

.cartypeListingItem img {
	width: 100%;
}

.cartypeListingItemFooter {
	margin: 0;
	padding: 0;
}

a .cartypeListingItemFooter span {
	margin: 0 auto;
	padding: 0.6em 1.2em 0.6em 1.2em;
	font-size: 1.25em;
	font-family: "myriad-pro-condensed-n3","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #fff;
	background: #009fe3;
	line-height: 1.2;
	display: inline-block;
	transition: all .3s linear;
	text-transform: uppercase;
	text-align: center;
}

a:hover .cartypeListingItemFooter span {
	background: #231f20;
}


/* ==========================================================================
   Forms
   ========================================================================== */

.contactForm {margin: 0 0 3em 0; padding: 2.5em 0 3em 0; text-align: left; font-family: "myriad-pro-semi-condensed-n1", "myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 100; border-top: 5px solid #009fe3;}
.contactForm  h2 {margin: 0 0 0.25em 0; padding: 0; font-size: 2em; font-family: "myriad-pro-semi-condensed-n7","myriad-pro-semi-condensed",sans-serif; font-style: normal;	font-weight: 700; text-transform: uppercase; text-align: left; color: #222; line-height: 1; display: block; vertical-align: middle;}
.contactForm  h3 {margin: 0 0 0.75em 0; padding: 0; font-size: 1.5em; font-family: "myriad-pro-semi-condensed-n7","myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; text-align: left; color: #009fe3; line-height: 1; display: block; vertical-align: middle;}
.contactForm  p {margin: 0; padding: 0; font-size: 1em; line-height: 1.2; font-family: "myriad-pro-semi-condensed-n1", "myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 100; color: #777; display: block;}
.contactForm .input label {padding: 0 0 0.25em 0; color: #555; display: block; line-height: 1.2; font-size: 1.1em; font-family: "myriad-pro-semi-condensed-n1", "myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 100;}	
.contactForm .input label i {padding: 0 0 0.25em 0; color: #555; font-size: 0.9em; font-family: "myriad-pro-semi-condensed-n1", "myriad-pro-semi-condensed",sans-serif; font-style: italic; font-weight: 100;}	
.contactForm .input input {margin: 0 0 1.25em 0; padding: 0 3%; height: 60px; width: 94%; border: none; border-bottom: 3px solid #e5e5e5; display: block; line-height: 1; font-size: 1em; font-family: "myriad-pro-semi-condensed-n1", "myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 100; color: #000000; background: #ffffff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; box-shadow: none;}	
.contactForm .input.address {display: none;}	
.contactForm .input input:hover {border-bottom: 3px solid #231f20; color: #000;}	
.contactForm .input input:focus {border-bottom: 3px solid #231f20; color: #000;}
.contactForm .select label {padding: 0 0 0.25em 0; color: #555; display: block; line-height: 1.2; font-size: 1.1em; font-family: "myriad-pro-semi-condensed-n1", "myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 100;}	
.contactForm .select label i {padding: 0 0 0.25em 0; color: #555; font-size: 0.9em; font-family: "myriad-pro-semi-condensed-n1", "myriad-pro-semi-condensed",sans-serif; font-style: italic; font-weight: 100;}	
.contactForm .select .dropdown {margin: 0 0 1.25em 0; position: relative; background: #ffffff; overflow: hidden;  border: none; border-bottom: 3px solid #e5e5e5; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear;}
.contactForm .select .dropdown:after {content: '\f078'; font-family: 'FontAwesome'; font-size: 1em; position: absolute; right: 3%; top: 30%; z-index: 1; pointer-events: none;}
.contactForm .select select {margin: 0; padding: 0 3%; height: 60px; width: 100%; border: none; display: block; font-size: 1em; color: #555; background: transparent; box-shadow: none; background-image: none; -webkit-appearance: none; line-height: 1; font-size: 1.1em; font-family: "myriad-pro-semi-condensed-n1", "myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 100;}	
.contactForm .select .dropdown:hover {border-bottom: 3px solid #231f20; color: #000;}
.contactForm .select .dropdown:focus {border-bottom: 3px solid #231f20; color: #000;}
.contactForm .textarea label {padding: 0 0 0.25em 0; color: #555; display: block; line-height: 1.2; font-size: 1.1em; font-family: "myriad-pro-semi-condensed-n1", "myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 100;}	
.contactForm .textarea textarea {margin: 0 0 1.25em 0; padding: 2%; width: 96%; border: none; border-bottom: 3px solid #e5e5e5; display: block; font-size: 1em; color: #000; background: #ffffff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear;}	
.contactForm .textarea textarea:hover {border-bottom: 3px solid #231f20; color: #000;}	
.contactForm .textarea textarea:focus {border-bottom: 3px solid #231f20; color: #000;}
.contactForm .checkbox {margin: 0 0 1em 0;}
.contactForm .checkbox label {padding: 0 0 0 0.5em; color: #555; font-size: 1em; font-family: "myriad-pro-semi-condensed-n1", "myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 100;}	
.contactForm .details {margin: 0 0 2em 0;}
.contactForm .submit input {margin: 0 0 0 0; padding: 0.75em 1.5em 0.75em 1.5em; border-radius: 0.2em; display: block; font-size: 1.25em; color: #fff; background: #009fe3; text-transform: uppercase;  font-family: "myriad-pro-semi-condensed-n1", "myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 100; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; border: none;}	
.contactForm .submit input:hover {color: #fff; background: #231f20;}	
.contactForm .submit input:focus {color: #fff; background: #231f20;}

.contactForm .contactFormFields {margin-bottom: 2em; padding: 2em; background: #f5f5f5; border-bottom: 5px solid #d5d5d5;}
.contactForm .contactFormFields .center {width: 100%; background: #f5f5f5;}
.contactForm .contactFormFields .left {width: 47.5%; display: inline-block; vertical-align: top;}
.contactForm .contactFormFields .right {margin-left: 5%; width: 47.5%; display: inline-block; vertical-align: top;}


.contactForm .contactFormHeader .content {margin: 0.25em 0 1em 0; padding-left: 1em; display: inline-block; width: 80%;}
.contactForm .contactFormSuccess .content {margin: 0.25em 0 1em 0; padding-left: 1em; display: inline-block; width: 80%;}
.contactForm .contactFormHeader i.fa {color: #009fe3; vertical-align: top; display: inline-block;}
.contactForm .contactFormSuccess i.fa {color: #009fe3; vertical-align: top; display: inline-block;}

@media screen and (max-width: 900px) {
	.contactForm {padding: 1.5em 0 2em 0;}
	.contactForm .input input {padding: 0 5%; width: 90%; height: 50px;}
	.contactForm .select select {padding: 0 5%; height: 50px;}
}

@media screen and (max-width: 640px) {
	.contactForm {margin: 0 auto 3em auto; width: 100%;}
	.contactForm .contactFormFields .left {width: 100%; display: block;}
	.contactForm .contactFormFields .right {margin-left: 0; width: 100%; display: block;}
	.contactForm .input input {padding: 0 4%; width: 92%;}
}

@media screen and (max-width: 480px) {
	.contactForm .contactFormHeader .content {font-size: 80%;}
	.contactForm .contactFormSuccess .content {font-size: 80%;}
	.contactForm .contactFormHeader i.fa-3x {font-size: 2em;}
	.contactForm .contactFormSuccess i.fa-3x {font-size: 2em;}
}

.contactform .submit input {
	margin: 0 0 0 0;
	padding: 0.5em 1.25em 0.5em 1.25em;
	display: block;
	font-size: 1.25em;
	color: #fff;
	background: #009fe3;
	text-transform: uppercase;
	font-family: "myriad-pro-semi-condensed-n4","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	border: none;
}	

.contactform .submit input:hover {
	color: #fff;
	background: #231f20;
}	

.contactform .submit input:focus {
	color: #fff;
	background: #231f20;
}



/* Steps */

.steps {
	margin: 0;
	padding: 0;
}

.stepItem {
	margin: 0 0 1em 0;
	padding: 0;
	border: 1px solid #f15d22;
}

.stepItemCenter {
	margin: 0;
	padding: 1.5em;
	text-align: left;
}

.stepItemCenter h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 2em;
	line-height: normal;
	color: #f15d22;
	text-transform: uppercase;
	line-height: 1;
}

.stepItemCenter h3 {
	margin: 0 0 0 0;
	padding: 0 0 0.5em 0;
	font-family: "myriad-pro-semi-condensed-n4","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.75em;
	line-height: normal;
	color: #222;
	text-transform: uppercase;
	line-height: 1;
}

.stepItemCenter p {
	margin: 0 0 0 0;
	padding: 0 0 0.25em 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.2em;
	line-height: normal;
	color: #222;
	line-height: 1.3;
}

.stepItemCenter a {
	color: #222;
}


/* Contact Sidebar */

.contactsidebar {
	margin: 0 0 2em 0;
	padding: 1.5em 1.5em 1.5em 1.5em;
	font-family: "myriad-pro-n3","myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 300;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
	text-align: left;
}

.contactsidebar h3 {
	margin: 0 0 0 0;
	padding: 0 0 0.25em 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.3em;
	line-height: normal;
	color: #009fe3;
	text-transform: uppercase;
	line-height: 1;
}

.contactsidebar .adr {
	margin: 0;
	padding: 0 0 0.75em 0;
}

.contactsidebar .adr h4 {
	margin: 0;
	padding: 0 0 0.25em 0;
	font-size: 1.25em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #111;
}

.contactsidebar .adr span {
	margin: 0;
	padding: 0;
	color: #404041;
	font-size: 0.9em;
	display: block;
	line-height: 
}

.contactsidebar .adr span a {
	padding: 0 0.3em 0 0.3em;
	color: #404041;
	transition: all 0.3s ease;
	text-decoration: underline;
}

.contactsidebar .adr  span a:hover {
	color: #706f73;
	text-decoration: underline;
}

.contactsidebar .contact {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	color: #404041;
}

.contactsidebar .contact i {
	font-style: normal;
}

.contactsidebar .contact ul {
	margin: 0;
	padding: 0;
}

.contactsidebar .contact li {
	margin: 0;
	padding: 0 0 0.25em 0;
	list-style: none;
	line-height: 1.2;
}

.contactsidebar .contact li a {
	padding: 0 0.3em 0 0.3em;
	color: #404041;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: underline;
}

.contactsidebar .contact li a:hover {
	color: #706f73;
	text-decoration: none;
}


/* Paging */

.paging {
	margin: 0 0 1em 0;
	padding: 1em 0 1em 0;
	font-size: 1em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #555;
}

.paging span {
	padding: 0 0.5em 0 0;
}

.paging a {
	margin: 0 0.25em 0 0;
	padding: 0.5em 1em 0.5em 1em;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	background: #0067b1;
	text-transform: uppercase;
	font-family: "myriad-pro-semi-condensed-n4","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	position: relative;
	transition: all 0.3s ease;
}

.paging a:hover {
	color: #fff;
	background: #1b3665;
}


/* Meta */

.meta {
	margin: 2em 0 1em 0;
	padding: 0;
	text-align: left;
}

.cats {
	margin: 0;
	padding: 0;
}

.sections {
	margin: 0 0 1em 0;
	padding: 0;
}

.tags {
	margin: 0 0 1em 0;
	padding: 0;
}

.meta h3 {
    margin: 0;
	padding: 0 0 0.5em 0;
	font-size: 1.5em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}

.meta ul {
	margin: 0;
	padding: 0 0 1em 0;
}

.meta li {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}

.meta li a {
	margin: 0 0.4em 0.6em 0;
	padding: 0.5em 1em 0.5em 1em;
	font-size: 1.15em;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	display: inline-block;
	background: #009fe3;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.meta li a:hover {
	color: #fff;
	background: #231f20;
}


/* Footer Link */

.footerlink {
	margin: 2em 0 1em 0;
	padding: 0;
	border: 1px solid #d5d5d5;
}

.footerlink p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	color: #555;
	font-size: 1.5em;
}

.footerlink p a {
	margin: 0 0 0 0;
	padding: 1.25em 0.75em 1.25em 0.75em;
	display: block;
	color: #555;
	text-decoration: none;
}

.footerlink p a span {
	margin: 0 0 0 1em;
	padding: 0.3em 0.75em 0.3em 0.75em;
	color: #fff;
	background: #282972;
	text-decoration: none;
	text-transform: uppercase;
}



/* Footer */

.footer {
	margin: 0 0 0 0;
	padding: 2em 0 2em 0;
	border-top: 1px solid #c5c5c5;
}

.footerarea {
	margin: 0 auto;
	width: 96.66666666666667%;
}

.footernav {
	margin: 0;
	padding: 0;
}

.footernav ul {
	margin: 0;
	padding: 0;
}

.footernav li {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.footernav li a {
	margin: 0;
	padding: 0 1em 0 0;
	color: #eee;
	text-decoration: none;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	display: inline-block;
}

.footernav li a:hover {
	text-decoration: underline;
}

.footercontact {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #fff;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
}

.footercontact h3 {
	margin: 0;
	padding: 1em 0 0.25em 0;
	font-size: 1.5em;
	color: #fff;
	line-height: 1;
	font-family: "myriad-pro-semi-condensed-n4","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
}

.footercontact ul {
	margin: 0;
	padding: 0 0 0.25em 0;
}

.footercontact li {
	margin: 0;
	padding: 0 0.25em 0 0;
	list-style: none;
	display: inline;
	font-size: 1em;
	color: #eee;
}

.footercontact li i {
	font-style: normal;
	color: #aaa;
}

.footercontact li a {
	padding: 0 0.25em 0 0.25em;
	color: #eee;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}

.footercontact li a:hover {
	text-decoration: underline;
	color: #fff;
}

.footercontact p {
	margin: 0 0 0 0;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 1em;
	color: #555;
}

.footercontact p a {
	transition: all 0.3s ease;
	text-decoration: none;
	color: #555;
}

.footercontact .copyright {
	margin: 0;
	padding: 1em 0 1em 0;
}

.footercontact .copyright small {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1em;
	color: #eee;
	line-height: 1;
}

.footercontact .copyright small a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	color: #ccc;
}

.footercontact .copyright small a:hover {
	color: #fff;
}

/* ==========================================================================
   Back to top button
   ========================================================================== */

#back-top a {padding: 0; position: fixed; right: 0; bottom: -60px; color: #ffffff; z-index: 300; width: 60px; height: 60px; line-height: 60px; display: block; background: rgba(35,31,32,0.95); /* rounded corners *//* background color transition */ transition: 0.3s; text-transform: uppercase; text-align: center; font-size: 2.5em; opacity: 0;}
#back-top a:hover {color: #ffffff; background: rgba(35,31,32,1);}

body.reveal #back-top a {bottom: 0; opacity: 1;}


/* Media Queries */


@media screen and (min-width: 1400px) {

	.containercenter {
		font-size: 100%;
		width: 1400px;
	}
	
	.containerheader {
		font-size: 100%;
		width: 1400px;
	}
	
	.containerbanner {
		font-size: 100%;
		width: 1400px;
	}
	
}

@media screen and (max-width: 1400px) {
	
	.containercenter {
		width: 95%;
		font-size: 100%;
	}
	
	.containerheader {
		width: 95%;
		font-size: 100%;
	}
	
	.containerbanner{
		width: 95%;
		font-size: 100%;
	}
	
}

@media screen and (max-width: 1250px) {
	
	.service {
		font-size: 90%;
	}

	.serviceright {
		padding-top: 0.85em;
	}
	
}


@media screen and (max-width: 1210px) {

	.nav {
		font-size: 90%;
	}
	
}


@media screen and (max-width: 1150px) {
	
	.social {
		font-size: 95%;
	}
	
	.socialleft {
		padding: 0.5em 0 0 0;
	}
	
	.socialright {
		padding: 0.75em 0 1em 0;
	}
	
}


@media screen and (max-width: 1100px) {
	
	.services .service {
		font-size: 80%;
	}
	
	.serviceright p {
		margin: 0 0 0.5em 0;
	}
	
}



@media screen and (max-width: 1075px) {

	.nav {
		font-size: 80%;
	}

	.serviceright {
		padding-top: 0.75em;
	}
	
	.sidebar .serviceright {
		padding-top: 0.75em;
	}

	
	.sidebar .serviceright h3 {
		font-size: 130%;
	}
	
	.sidebar .serviceright p {
		font-size: 80%;
	}
	
	
	
}

@media screen and (max-width: 1025px) {
	
	.offerdetailleft {
		width: 40%;
	}

	.offerdetailright {
		width: 59%;
	}
	
	.social {
		font-size: 90%;
	}
	
	.socialleft {
		width: 30%;
	}

	.socialright {
		width: 70%;
	}
	
	.contentleft {
		width: 60.333333333333334%;
	}

	.sidebar {
		width: 33%;
	}
	
	.cardetail {
		font-size: 90%;
	}
	
}

@media screen and (max-width: 980px) {

	.nav {
		font-size: 70%;
	}
	
	.offerlisting {
		text-align: left;
	}
	
	.categorySingle img {
		width: 30%;
	}
	
	.manufacturerListingItem {
		width: 23%;
	}
	
	.cartypeListingItem {
		width: 23%;
	}
	
	.footernav {
		text-align: center;
	}
	
	.footernav li a {
		padding: 0.15em 0.25em 0.15em 0.25em;
	}
	
}


@media screen and (max-width: 950px) {
	
	.services .service {
		font-size: 70%;
	}
	
	
}

@media screen and (max-width: 930px) {
	
	
}

@media screen and (max-width: 900px) {
	
	.containerheader {width: 100%;}
	.containerbanner {width: 100%;}
	
	.social {
		font-size: 85%;
	}
	
	.content {
		margin: 0;
		padding: 0 0 0 0;
	}

	.contentleft {
		margin: 0 1.666666666666667% 0 1.666666666666667%;
		padding: 0;
		width: 96.66666666666667%;
		float: none;
	}

	.sidebar {
		margin: 0 1.666666666666667% 0 1.666666666666667%;
		width: 96.66666666666667%;
		float: none;
	}
	
	.services .service {
		display: none;
	}
	
	.sidebar .service {
		margin: 0 0 1.5em 0;
		float: left;
		width: 48%;
		font-size: 100%;
		display: inline-block;
	}
	
	.sidebar .service.odd {
		float: right;
		margin: 0 0 1.5em 3%;
	}
	
	.social {
		margin: 0 0 1.5em 0;
		float: left;
		width: 48%;
		font-size: 95%;
		display: inline-block;
	}
	
	.social.odd {
		margin: 0 0 1.5em 3%;
		float: right;
	}
	
	.socialleft {
		width: 35%;
	}

	.socialright {
		width: 65%;
	}
	
	
}

@media screen and (max-width: 860px) {
	
	.services .service {
		font-size: 70%;
	}
	
	
}

@media screen and (max-width: 845px) {
	
	.linklisting {
		font-size: 95%;
	}
	
}




@media screen and (max-width: 800px) {

	body {
		border-top: 0;
	}
	
	.containerheader {
		width: 100%;
	}
	
	.manufacturerListingItem {
		width: 31%;
	}
	
	.cartypeListingItem {
		width: 31%;
	}

}


@media screen and (max-width: 775px) {
	
	a .carLink span {
		padding: 0.5em 1em 0.5em 1em;
		font-size: 1.15em;
	}

}

@media screen and (max-width: 700px) {
	
	.sidebar .service {
		margin: 0 20% 1.5em 20%;
		float: none;
		width: 60%;
		font-size: 120%;
	}
	
	.sidebar .service.odd {
		margin: 0 20% 1.5em 20%;
		float: none;
		width: 60%;
		font-size: 120%;
	}
	
	.social {
		margin: 0 20% 1.5em 20%;
		float: none;
		width: 60%;
		font-size: 120%;
	}
	
	.social.odd {
		margin: 0 20% 1.5em 20%;
		float: none;
		width: 60%;
		font-size: 120%;
	}
	
}

@media screen and (max-width: 650px) {
	
	.categorySingle img {
		width: 40%;
	}
	
	.offerheader {
		font-size: 90%;
	}
	
	.offerlisting {
		text-align: center;
	}
	
	.sectionheader {
		font-size: 80%;
	}
	
	.categorySingle {
		font-size: 70%;
	}
	
	.categorySingle img {
		margin: 0 auto;
		width: 50%;
	}
	
	.contentlink {
		font-size: 80%;
	}
	
	.description h2 {
		font-size: 150%;
	}
	
	.description blockquote {
		font-size: 90%;
	}
	
	.newslistingheader {
		font-size: 80%;
	}
	
	.archiveheader {
		font-size: 80%;
	}
	
	.sidebar .service {
		margin: 0 15% 1.5em 15%;
		width: 70%;
	}
	
	.sidebar .service.odd {
		margin: 0 15% 1.5em 15%;
		width: 70%;
	}
	
	.social {
		margin: 0 15% 1.5em 15%;
		width: 70%;
	}
	
	.social.odd {
		margin: 0 15% 1.5em 15%;
		width: 70%;
	}
	
	.steps {
		font-size: 90%;
	}
	
}

@media screen and (max-width: 600px) {
	
	.bannercontent {
		margin: -26em 0 0 2em;
	}	

}

@media screen and (max-width: 550px) {
	
	.manufacturerListingItem {
		width: 48%;
	}
	
	.cartypeListingItem {
		width: 48%;
	}

}
	
@media screen and (max-width: 540px) {

	.offerheader {
		font-size: 70%;
	}
	
	.offercontent {
		padding: 0.75em 1.25em 0.75em 1.25em;
		text-align: left;
		background: #f1f1f1;
	}

	.sidebar .service {
		margin: 0 0 1.5em 0;
		width: 100%;
	}
	
	.sidebar .service.odd {
		margin: 0 0 1.5em 0;
		width: 100%;
	}
	
	.social {
		margin: 0 0 1.5em 0;
		width: 100%;
	}
	
	.social.odd {
		margin: 0 0 1.5em 0;
		width: 100%;
	}
	
	.archiveCar {
		margin: 0 0 1.5em 0;
		font-size: 90%;
	}

	.archiveCarLeft {
		margin: 0 0 1em 0;
		width: 100%;
		float: none;
	}
	
	.archiveCarLeft img {
		width: 70%;
	}
	
	.archiveCarRight {
		padding: 0 0 0 0;
		float: none;
		width: 100%;
	}
	
}


@media screen and (max-width: 520px) {
	
	.manufacturer {
		margin: 0 1.666666666666667% 1em 1.666666666666667%;
		text-align: center;
		width: 21.66666666666667%;
		float: left;
	}
	
}

@media screen and (max-width: 480px) {
	
	.sidebar .service {
		margin: 0 0 1.5em 0;
		width: 100%;
	}
	
	.social {
		margin: 0 0 1.5em 0;
		width: 100%;
	}
	
}

@media screen and (max-width: 450px) {	
	
	
	
}

@media screen and (max-width: 430px) {
	
	.contactform { 
		padding: 1.25em 1.5em 1.5em 1.5em;
	}
	
	.archiveCarLeft img {
		width: 100%;
	}
	
}


@media screen and (max-width: 400px) {
	
	.services .service {
		display: none;
	}
	
	.sidebar .service {
		font-size: 100%;
	}
	
	.sidebar .service.odd {
		font-size: 100%;
	}
	
	.social {
		font-size: 100%;
	}
	
	.social.odd {
		font-size: 100%;
	}
	
	.manufacturer {
		margin: 0 1.666666666666667% 1em 1.666666666666667%;
		text-align: center;
		width: 30%;
		float: left;
	}
	
}















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}