@font-face {
  font-family: 'Exo-Bold';
  src: url('fonts/Exo-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Exo-Bold.woff') format('woff'), url('fonts/Exo-Bold.ttf')  format('truetype'), url('fonts/Exo-Bold.svg#Exo-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Exo-BoldItalic';
  src: url('fonts/Exo-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/Exo-BoldItalic.woff') format('woff'), url('fonts/Exo-BoldItalic.ttf')  format('truetype'), url('fonts/Exo-BoldItalic.svg#Exo-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'),  url('fonts/OpenSans.woff') format('woff'), url('fonts/OpenSans.ttf')  format('truetype'), url('fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-SemiboldItalic';
  src: url('fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/OpenSans-SemiboldItalic.woff') format('woff'), url('fonts/OpenSans-SemiboldItalic.ttf')  format('truetype'), url('fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	font-family: 'OpenSans';
	color:#212322;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration:none;
	color:inherit;
}

img {
	max-width:100%;
}

p,
ul li,
ol li {
	font-size:16px;
	line-height:1.6;
}

p {
	margin-bottom:25px;
}

ul li {
	list-style-type: disc;
}

ol li {
	list-style-type: decimal;
}

ul,
ol {
	margin-left:20px;
	float:left;
	width:90%;
	text-align:left;
}

.align-center {
	text-align:center;
}

.align-left {
	text-align:left;
}

.text-italic {
	font-family: 'OpenSans-SemiboldItalic';
}

.text-center {
	margin-left:auto;
	margin-right:auto;
}

header {
	width:100%;
	height:auto;
	position:fixed;
	z-index:1000;
}

hr {
	background:#BFD730;
	width:55px;
	height:2px;
	border:none;
	margin:0 0 35px;
	display:inline-block;
}

h2,
h3,
h4,
h5,
h6 {
	font-family: 'Exo-BoldItalic';
}

h6 {
	font-size:22px;
	margin:50px 0 25px;
	float:left;
	width:100%;
}

h2 {
	font-size:55px;
	line-height:55px;
	margin-bottom:30px;
	font-weight:normal;
}

.text-acid-green {
	color:#BFD730;
}

.text-green {
	color:#8AC440;
}

.text-white {
	color:#fff;
}

span.sm-text {
	font-size:.3em;
	line-height:1;
}

span.sm-italic {
	display:block;
	font-size:.55em;
	font-family: 'OpenSans-SemiboldItalic';
	text-transform: uppercase;
}

h2 span.sm-italic {
	line-height:45px;
}

.text-light-green {
	color:#BFD730;
}

#header-ground {
	position:fixed;
	width:100%;
	background:#212322;
	background:rgba(20,20,20,.95);
	height:0;
	z-index:0;
}

#header-content {
	width:94%;
	max-width:1200px;
	margin:75px auto 0;
	overflow:visible;
	position:relative;
	z-index:1;
}

a#logo {
	width:240px;
	height:65px;
	float:left;
	background:url('../img/logo.png') no-repeat;
	background-size:100% auto;
}

a#menu-btn {
	width:29px;
	height:20px;
	z-index:1001;
	position:absolute;
	right:3%;
	top:18px;
	display:none;
}

a#menu-btn:hover .burger-line {
	background:#BFD730;
}

.burger-line {
	height:4px;
	background:#fff;
	position:absolute;
	right:0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width:100%;
}

#burger-2 {
	top:50%;
	margin-top:-2px;
}

#burger-3 {
	bottom:0;
}

nav {
	float:right;
	margin-top:32px;
	height:auto;
}

nav>ul{
	display:inline-block;
	margin-left:35px;
	position:relative;
	width:auto;
}

nav>ul>li>a{
	color:#fff;
	font-family: 'Exo-Bold';
	padding-bottom:14px;
}

nav>ul:hover>li>a {
	color:#BFD730;
}

/*nav ul.drop-down>li>a {
	cursor: default;
}*/

nav ul ul {
	display:none;
	position:absolute;
	top:35px;
	margin-left:0px;
	width:160px;
}

nav ul ul li a{
	color:#212322;
	font-family: 'OpenSans-SemiboldItalic';
	width:100%;
	background:#DEDEDE;
	display:block;
	border-bottom:1px solid #ccc;
	padding:10px;
	
}

nav ul ul li {
	font-size:14px;
}

nav ul ul li a:hover{
	background:#BFD730;
}

nav ul li {
	list-style-type: none;
	font-size:18px;
	line-height:16px;
}

#language-select {
	float:right;
	margin-top:27px;
	border:2px solid #8AC440;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	margin-left:5px;
	overflow:hidden;
}

#language-select a {
	font-size:12px;
	float:left;
	padding:6px 10px 6px;
	font-family:'Exo-Bold';
	color:#fff;
}

#language-select a.active {
	background:#8AC440;
	
}

.social-media {
	float:right;
	margin-top:27px;
	 margin-left:35px;
}

footer .social-media {
	float:none;
	margin:10px 0 0 0;
	display:inline-block;
}

.social-media a {
	width:26px;
	height:26px;
	background-color:#8AC440;
	float:left;
	margin-left:5px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:100% auto;
}

.social-media a:hover {
	background-color:#BFD730;
}

footer .social-media a {
	margin:0 2px;
	background-color:#8AC440;
}

footer .social-media a:hover {
	background-color:#BFD730;
}

a.facebook {
	background-image:url(../img/facebook.png);
}

a.twitter {
	background-image:url(../img/twitter.png);
}

a.instagram {
	background-image:url(../img/instagram.png);
}

a.linked-in {
	background-image:url(../img/linked-in.png);
}

.inner-wrapper {
	width:92%;
	max-width:1200px;
	margin:280px auto 180px;
	height:auto;
	overflow:hidden;
	position:relative;
}

#home-intro .inner-wrapper {
	margin:245px auto;
}

.intro {
	width:100%;
	background-color:#121212;
	position:relative;
	height:auto;
	display:inline-block;
	background-position:top center;
	background-size:cover;
	background-attachment: fixed;
}

.intro p a {
	color:#fff;
	font-weight:bold;
}

.intro p a:hover {
	color:#BFD730;
}

#driver-overview-banner {
	background-image:url(../img/driver-overview-banner.jpg);
}

#driver-faq-banner {
	background-image:url(../img/driver-faq-banner.jpg);
}

#driver-contact-banner {
	background-image:url(../img/driver-contact-banner.jpg);
}

#advertiser-faq-banner {
	background-image:url(../img/advertiser-faq-banner.jpg);
}

#advertiser-contact-banner {
	background-image:url(../img/sample-banner-20.jpg);
}

#advertiser-contact-banner {
	background-image:url(../img/advertiser-contact-banner.jpg);
}

#advertiser-overview-banner {
	background-image:url(../img/advertiser-overview-banner.jpg);
}

#decal-packages-banner {
	background-image:url(../img/decal-packages-banner.jpg);
}

#art-of-match-making {
	background-image:url(../img/art-of-match-making-banner.jpg);
}

#backed-by-research {
	background-image:url(../img/backed-by-research.jpg);
}

h1 {
	font-size:60px;
	line-height:60px;
	font-family: 'Exo-Bolditalic';
	margin-bottom:12px;
	padding-left:75px;
	position:relative;
	color:#fff;
}

h1 span.sm-italic {
	line-height:1.3em;
}

.h1-hr {
    position: absolute;
    height: 3px;
    background: #BFD730;
    top: 25px;
    width: 50px;
    left: 0;
}

/*
h1:before {
	content: "";
    position: absolute;
    height: 3px;
    background: #BFD730;
    top: 50%;
    width: 50px;
    left: 0;
    margin-top: -1px;
}
*/

#home-intro {
	height:750px;
	overflow:hidden;
	position:relative;
}

#home-intro::after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);
	top:0;
	left:0;
	z-index:1;
}

#vid1 {
        min-height:100%;
        min-width: 100%;
        position: absolute;
        z-index: 0;
        opacity:1;
        display:flex;
    	align-items:center;
    	z-index:0;
    }

#intro-wrapper {
	position:relative;
	z-index:2;
	height:100%;
	width:100%;
}

#icon-wrapper {
	position:absolute;
	bottom:90px;
	width:auto;
	height:auto;
	z-index:1000;
	left:50%;
	margin-left:-600px;
	padding-left:75px;
}

.icon {
	width:10px;
	height:10px;
	float:left;
	margin-right:10px;
	background:#fff;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity:.15;
    cursor:pointer;
}

.icon.active {
	opacity:.8;
}

.intro-slide {
	/*background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;*/
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	color:#fff;
	opacity:0;
}

.intro-slide:nth-child(1) {
	/*background-image: url(../img/banner-drivertise.jpg);*/
	opacity:1;
}

.intro-slide:nth-child(2) {
	/*background-image: url(../img/banner-get-your-brand-noticed.jpg);*/

}

.intro-slide:nth-child(3) {
	/*background-image: url(../img/banner-life-is-expensive.jpg);*/
	background-position: top center;
}

.intro-slide .inner-wrapper {
	opacity:0;
}

.intro-slide:first-of-type .inner-wrapper {
	opacity:1;
}

.inner-wrapper p {
	font-family: 'OpenSans';
	font-size:24px;
	line-height:32px;
	margin-bottom:25px;
	margin-left:75px;
	color:#fff;
}

.inner-wrapper a.green-btn {
	margin-left:75px;
	float:left;
}

a.green-btn {
	font-family: 'Exo-Bold';
	color:#fff;
	font-size:17px;
	padding:12px 18px;
	border:2px solid #BFD730;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform:uppercase;
	display:inline-block;
}

a.green-btn.dark-text {
	color:#444746;
}

a.green-btn:hover {
	background:#BFD730;
	color:#212322;
}

.btn-margin {
	margin-top:35px;
}

#greenBorder,
#whiteEdge,
.seperator {
	z-index:51;
	height:60px;
	bottom:-1px;
	left:0;
	position:absolute;
	width:100%;
}

.seperator-top {
	top:0;
	bottom:auto;
}

#redBorder {
	height:70px;
}

#whiteEdge {
	z-index:50px;
}

.content-block {
	padding:80px 0;
	position:relative;
}

.content-block.lrg-padding {
	padding:160px 0;
}

.content-seperator {
	clear:both;
	height:120px;
	display:block;
	float:left;
	width:100%;
}

#advertiser-intro {
	padding-bottom:120px;
}

.lrg-bottom-padding {
	padding-bottom:120px;
}

.lrg-top-padding {
	padding-top:120px;
}


.testimonials {
	width:100%;
	height:auto;
	background:#232323;
}

.testimonial {
	position:relative;
	height:auto;
	overflow:hidden;
	text-align:left;
	display:none;
	min-height:475px;
}

.testimonial:first-of-type {
	display:block;
}

.testimonial-image {
	position:absolute;
	width:50%;
	height:100%;
	background-size:cover;
	background-position: center center;
}

.testimonial-author {
	width:100%;
	float:left;
	margin-bottom:35px;
}

.testimonial-author img {
	width:100px;
	float:left;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.testimonial-author h3 {
	color:#fff;
	font-size:30px;
	padding:20px 0;
	margin-left:30px;
	float:left;
}

.testimonial-author h3 span.business-name{
	font-size:.75em;
	color:#bfd730;
	display:block;
	font-family:'OpenSans';
	font-style:italic;
	margin-top:5px;
}

.testimonial-info {
	width:50%;
	margin-left:50%;
	float:left;
	padding:70px;
	box-sizing: border-box;
}

.testimonial p {
	color:#fff;
	font-size:18px;
	margin-bottom:0;
}

.testimonial-icons {
	float:left;
	width:100%;
	text-align:center;
	margin-top:40px;
	margin-bottom:60px;
}

#testimonial-right,
#testimonial-left {
	color:#ccc;
	font-size:22px;
	display:inline-block;
	margin:0 20px;
}

#testimonial-right:hover,
#testimonial-left:hover {
	color: #8AC440;
}

.testimonial-icon {
	width: 15px;
    height: 15px;
    display:inline-block;
    margin: 0 5px;
    background: #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

.testimonial-icon.active {
	background: #8AC440;
}


.content-wrapper {
	margin:0 auto;
	width:94%;
	max-width:1200px;
	height:auto;
	overflow:hidden;
}

.content-wrapper>ul {
	width:100%;
	margin-bottom:25px;
}

.dark-ground {
	background-color:#212322;
	color:#fff;
}

.light-grey {
	background:#f1f1f1;
}

#advertisers-how-it-works {
	/*background-image:url(../img/how-it-works-ground.png);	
	background-repeat:repeat-y;
	background-position:center;
	background-size:150px auto;*/
	background:url(../img/road-ground-5.jpg) center top no-repeat;
	background-attachment: fixed;
	background-size: cover; 
	height:auto;
}

#advertiser-cta {
	background:url(../img/advertiser-cta-ground.jpg) center center no-repeat;	
	background-attachment:fixed;
	background-size: cover;
}

/*#info-graphics img {
	width:46%;
	margin-right:8%;
	float:left;
	margin-bottom:30px;
}

#info-graphics img:nth-child(2n+2) {
	margin-right:0;
}*/

#step-wrapper {
	margin-top:60px;
}

.sub-block {
	height:auto;
	overflow:hidden;
	margin:0 auto 100px;
	position:relative;
	width:auto;
	display:inline-block;
}

.step-block {
	min-height:340px;
	width:100%;
}

.sub-block:last-of-type {
	margin-bottom:0;
}

.step-block p,
.step-block h3 {
	text-align:right;
	margin-right:50%;
	float:right;
	padding-right:105px;
}

.step-block h3 {
	font-size:45px;
	line-height:40px;
	margin-bottom:20px;
}

.step-block p {
	font-size:18px;
	line-height:28px;
	width:35%;
}

.example {
	width:100%;
	max-width:760px;
	margin:35px auto;
}

.example img {
	float:left;
	margin-right:6%;
	width:39%;
}

.example:nth-child(odd) img {
	float:right;
	margin-right:0;
	margin-left:6%;
}

.example h4,
.example p {
	text-align:left;
	float:left;
	width:55%;
}

.example:nth-child(odd) h4,
.example:nth-child(odd) p {
	text-align:right;
	float:right;
}

.example h4 {
	font-size:44px;
	line-height:44px;
	color:#8AC440;
	margin-bottom:20px;
	margin-top:45px;
}

.example h4 span.sm-italic {
	color:#BFD730;
}

.example p {
	font-size: 14px;
	line-height:22px;
}

.disclaimer {
	font-size:14px;
	line-height:20px;
	font-style:italic;
	display:inline-block;
	margin:50px auto 0;
	width:94%;

}

ol.disclaimer li {
	font-size:14px;
	line-height:20px;
	font-style:italic;
	margin-left:20px;

}

.step-number {
	color:#BFD730;
	font-family: 'Exo-BoldItalic';
	font-size:72px;
	line-height:60px;
}

.step-block .step-number {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-77px;
}

.collapse-reason .step-number {
	color:#8AC440;
	float:left;
	margin-right:20px;
	width:50px;
	font-size:34px;
	line-height:31px;
}

.step-image {
	position:absolute;
	left:50%;
	top:35px;
}

.step-block:nth-child(even) .step-number{
	margin-left:-20px;
}

.step-block:nth-child(even) h3,
.step-block:nth-child(even) p {
	float:left;
	text-align:left;
	margin-left:50%;
	margin-right:0;
	padding-right:0px;
	padding-left:105px;
}

.step-block:nth-child(even) .step-image {
	left:auto;
	right:50%;
}

#wanna-learn-more {
	background:url(../img/banner-wanna-learn-more.jpg) center center no-repeat;
	background-size:cover;
	background-attachment: fixed;
}

#wanna-learn-more a.green-btn {
	margin:0 3px;
	min-width:190px;
}

.drivertise-car {
	width:53%;
	float:left;
	margin-right:4%;
	margin-top:85px;

	height:260px;
	background:url('../img/drivertise-car.jpg') center center no-repeat;
	background-size:100% auto;

	position:relative;
}

/*#play-video {
	float:left;
	color:#212322;
	font-family: 'Exo-Bold';
	font-size:18px;
	background:url(../img/play-icon.svg) left center no-repeat;
	background-size:50px auto;
	padding-left:60px;
	height:50px;
	line-height:50px;
	margin-top:25px;
}*/

/*.advertiser-overview .drivertise-car{
	margin-top:20px;
}*/

#cover {
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.95);
    display:none;
    z-index:1001;
    top:0;
    left:0;
}

a#back-arrow {
    position:fixed;
    top:50px;
    left:50px;
    width:50px;
    height:20px;
    background:url(../img/back-arrow.svg) center top no-repeat;
    background-size:100% auto;
    z-index:1002;
}

a#back-arrow:hover {
    background-position: center bottom;
}

#video-wrapper {
  width:854px;
  height:480px;
  position:fixed;
  left:170%;
  top:50%;
  margin-left:-427px;
  margin-top:-240px;
  z-index:10002;
}

#play-video {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-30px;
	margin-top:-30px;
	height:60px;
	width:60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:4px solid #fff;
	background:url(../img/play-icon-sm.svg) center center no-repeat rgba(0,0,0,.5);
	background-size:22px auto;
	transition: .25s all linear;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);

	animation: pulse 1.6s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(0.95);
	}
}

#play-video:hover {
	transform: scale(1.15);
}


#intro-block {
	float:left;
	width:43%;
}

#intro-block p:last-of-type {
	margin-bottom:0;
}

.grid-wrapper {
	margin:15px 0 -60px;
}

/*.custom-col-4 {
	width:23.5%;
	margin-right:2%;
	margin-bottom:60px;
	height:auto;
	display:inline-block;
	vertical-align: top;
}

.custom-col-4:nth-child(4n+4) {
	margin-right:0;
}*/

.reason-to-drivertise img {
	width:45px;
}

.reason-to-drivertise h3 {
	font-size:23px;
	line-height:23px;
	margin:20px 0 15px;
}

.reason-to-drivertise p {
	font-size:13px;
	line-height:20px;
	margin-bottom:0;
}

.package {
	border:1px solid #ccc;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background:#fff;
}

.package img {
	max-width:100%;
	margin:15px 0;
}

.package h5 {
	font-size:30px;
	padding:15px;
	border-bottom:1px solid #ccc;
}

p.package-price {
	font-size:55px;
	line-height:55px;
	color:#8AC440;
	font-family:'OpenSans';
	font-weight:bold;
	margin:25px 0 0;
}

p.price-per {
	color:#999;
	font-size:13px;
	margin:0;
}

p.graphic-location {
	font-size:14px;
	font-weight:bold;
}

.collapse-expand {
	width:100%;
	border:1px solid #ccc;
	border-bottom:none;
	height:auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.question-answer,
.collapse-reason {
	border-bottom:1px solid #ccc;
}

.question,
.reason-header {
	padding:20px 60px 20px 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family:'Exo-BoldItalic';
    font-size:25px;
    line-height:32px;
    background:url(../img/expand-arrow.png) right center no-repeat;
    background-size:auto 10px;
    cursor:pointer;
    height:auto;
    overflow:hidden;
}

.reason-header {
	padding-bottom:13px;
	background-color:#fff;
}

.reason-header img {
	float:left;
	width:50px;
	margin-right:20px;
	margin-top:2px;
}

.reason-header h3 {
	font-size:32px;
	line-height:30px;
	float:left;
}

.question:hover,
.question.expanded,
.reason-header:hover,
.reason-header.expanded {
	background-color:#212322;
	border-color:#212322;
	color:#fff;
}

.reason-header.expanded,
.question.expanded {
	background-image:url(../img/expand-up.png);
}

.question img {
	float:left;
	margin-right:25px;
	width:30px;
}

.question h3 {
	line-height:26px;
	margin-top:7px;
}

.answer {
	background:#DEDEDE;
	padding:0;
	height:0;
	overflow:hidden;
}

.collapse-reason .answer {
	/*background-color:#8AC440;*/
	background-position:95% center;
	background-repeat:no-repeat;
	background-size:50px auto;
}

.answer-wrapper {
	padding:50px 50px 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:auto;
    overflow:hidden;
}

.answer p.collapse-block,
.answer ul.collapse-block {
	margin-bottom:50px;
	clear:both;
	max-width:750px;
}

li.list-head {
	margin-left:-20px;
	list-style-type:none;
	font-weight:bold;
	margin-top:25px;
	font-size:1.2em;
	margin-bottom:5px;
}

ul>li.list-head:first-of-type {
	margin-top:0;
}

.collapse-reason .answer p.collapse-block {
	margin-left:40px;
	margin-right:40px;
}

#car-swap {
	width:60%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}

#car-swap img {
	max-width:100%;
	opacity:0;
	position:absolute;
	left:0;
	top:0;
}

#car-swap img:first-of-type {
	opacity:1;
}

#decal-tabs {
	width:100%;
	max-width:1035px;
	margin:30px auto 25px;
	display:inline-block;
	height:auto;
	overflow:hidden;
}

#decal-tabs a {
	width:24.625%;
	margin-right:.5%;
	float:left;
	color:#494C4B;
	font-size:22px;
	font-family: 'Exo-Bold';
	padding-bottom:17px;
	border-bottom:10px solid #494C4B;
}

#decal-tabs a:last-of-type {
	margin-right:0;
}

#decal-tabs a.selected {
	border-color:#8AC440;
	color:#8AC440;
	background-image: url(../img/package-arrow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:20px 10px;
}

#package-details-wrapper {
	width:100%;
	float:left;
}

.package-details {
	width:100%;
	max-width:1035px;
	border:1px solid #8AC440;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0 auto;
    display:none;
}

.package-details .hidden-elements {
	display:none;
}

.package-details .hidden-elements img{
	max-width:70%;
	margin-bottom:20px;
}

.package-details:first-of-type {
	display:block;
}

.package-details h2 {
	color:#fff;
	background:#8AC440;
	font-size:43px;
	padding:15px 0;
}

.package-details p.per-month {
	margin-bottom:35px;
	margin-top:10px;
	font-size:25px;
	line-height:30px;
	color:#8AC440;
}

.form-wrapper {
	float:left;
	width:67%;
}

.form-wrapper h3 {
	float:left;
	width:100%;
	font-size:30px;
	margin-bottom:20px;
}

.driver-form {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
	float:left;
	min-height:300px;
}	 

.form-info {
	width:27%;
	margin-left:6%;
	margin-top:75px;
	float:right;
	background:#212322;
	color:#fff;
	padding:20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-info p {
	margin-bottom:0;
}

.form-info p {
	font-size:.9em;
}

.form-info ul li {
	font-size:13px;
	line-height:19px;
}


footer {
	width:100%;
	background:#fff;
	height:auto;
	position:relative;
	padding:50px 0 60px;
}

#footer-nav {
	margin-bottom:30px;
}

#footer-nav a {
	font-size:19px;
	color:#212222;
	margin:0 15px;
	display:inline-block;
	font-family: 'Exo-Bold';
}

#footer-nav a:hover {
	color:#8AC440;
}

a#footer-logo {
	width:260px;
	height:70px;
	background:url(../img/footer-logo.png) center center no-repeat;
	background-size:100% auto;
	display:inline-block;
	margin-bottom:30px;
}

.copyright-block {
	color:#666;
	font-size:11px;
	padding-right:10px;
	padding-left:10px;
	border-right:1px solid #ccc;
	display:inline-block;
}

.copyright-block a{
	color:#666;
}

.copyright-block a:hover{
	color:#8AC440;
}

.copyright-block:first-of-type {
	padding-left:0;
}

.copyright-block:last-of-type {
	padding-right:0;
	border:none;
}

#bottom-bar {
	position:absolute;
	bottom:0;
	width:100%;
	height:9px;
	background: #8AC440; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #8AC440, #BFD730); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #8AC440, #BFD730); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #8AC440, #BFD730); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #8AC440, #BFD730); /* Standard syntax */
}

#adsf {
	transition: color 0.5s, background-color 0.5s, border-color 0.5s, opacity 0.5s;
	-webkit-transition: color 0.5s, background-color 0.5s, border-color 0.5s, opacity 0.5; /* Safari */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

@media only screen and (max-width: 1320px) {
	#home-intro {
		height:650px;
	}

	#icon-wrapper {
		width:94%;
		left:3%;
		margin-left:0;
		padding-left:80px;
	}

	.testimonial {
		min-height:0;
	}

	.testimonial p {
		font-size:16px;
	}

	.testimonial-info {
		padding:50px;
	}

	.testimonial-author img {
		width:75px;
	}

	.testimonial-author h3 {
		font-size:20px;
		padding:15px 0;
		margin-left:15px;
	}
}

@media only screen and (max-width: 1100px) {
	#decal-tabs a {
		font-size:18px;
		/*font-family: 'OpenSans';*/
	}

	.question { 
		font-size:18px;
		line-height:23px;
		padding:15px 50px 15px 15px;
	}
}

@media only screen and (max-width: 1000px) {
	.testimonial p {
		font-size:14px;
	}

	.testimonial-info {
		padding:30px;
	}

	.testimonial-author img {
		width:50px;
	}

	.testimonial-author h3 {
		font-size:16px;
		padding:10px 0;
		margin-left:10px;
	}

	.testimonial-author {
		margin-bottom:20px;
	}
}

@media only screen and (max-width: 900px) {
	nav>ul,
	.social-media {
		margin-left:20px;
	}

	/*.custom-col-4,
	.custom-col-4:nth-child(4n+4) {
		width:47%;
		margin-right:4%;
	}

	.custom-col-4:nth-child(2n+2) {
		margin-right:0;
	}*/

	#decal-tabs a {
		font-size:13px;
	}

	a#footer-logo {
		width:125px;
		height:72px;
		margin-bottom:20px;
	}

	#footer-nav {
		margin-bottom:20px;
	}
}

@media only screen and (max-width:854px) {
      #video-wrapper {
        width:100%;
        margin-top:80px;
        margin-left:0;
        top:auto;
        left:100%;
      }

      a#back-arrow {
        top:35px;
        left:35px;
      }
}

@media only screen and (max-width: 800px) {
	#icon-wrapper {
		bottom:60px;
	}

	#header-content {
		margin-top:0 !important;
		width:100%;
	}

	nav,
	.social-media {
		display:none;
		margin-top:0 !important;
	}

	nav {
		
		width:100%;
	}

	nav>ul {
		width:100%;
		margin:0;
		text-align:center;
		display:block;
	}

	nav>ul>li>a {
		padding:10px 0;
		background:#222;
		width:100%;
		float:left;
		margin:0;
		border-bottom:1px solid #333;
	}

	nav>ul>li>a:hover {
		background:#BFD730;
		color:#212322;
	}

	nav ul ul {
		position:relative;
		top:auto;
		width:100%;
		float:left;
	}

	nav ul ul li a {
		padding:10px 0;
		text-align:center;
	}

	#header-ground {
		height:60px !important;
	}

	a#logo {
		width:150px !important;
		height:40px;
		margin:10px 0 10px 3%;
	}

	a#menu-btn {
		display:block;
	}

	#language-select { 
		margin-right:65px;
		margin-top:14px !important;
	}

	.inner-wrapper,
	#home-intro .inner-wrapper {
		margin:70px auto 90px;
	}

	h1 {
		font-size:40px;
		line-height:40px;
	}

	h2 {
		font-size:35px;
		line-height:35px;
		margin-bottom:20px;
	}

	h2 span.sm-italic {
		line-height:35px;
	}

	hr {
		margin-bottom:25px;
	}

	.h1-hr {
		top:15px;
	}

	.inner-wrapper p {
		font-size:20px;
		line-height:28px;
	}

	a.green-btn {
		font-size:14px;
		line-height:20px;
	}

	#wanna-learn-more a.green-btn {
		min-width:160px;
	}

	#home-intro {
		height:370px;
	}

	#vid1 {
        height:110%;
    }

	.intro-slide {
		background-attachment:scroll;
	}

	p,ul li,ol li {
		font-size:14px;
	}

	.content-block {
		padding:40px 0;
	}

	.content-block.lrg-padding {
		padding:120px 0;
	}

	.content-block.lrg-bottom-padding {
		padding-bottom:120px;
	}

	.content-block.lrg-top-padding {
		padding-top:120px;
	}

	.drivertise-car {
		width:80%;
		margin:0 auto 30px;
		display:block;
		float:none;
	}

	#intro-block {
		width:100%;
	}

	/*#advertisers-how-it-works {
		background-size:100px auto;
	}*/

	.step-block .step-number {
		font-size:60px;
		line-height:50px;
		margin-left:-52px;
	}

	.collapse-reason .step-number {
		margin-left:0;
		font-size:24px;
		line-height:30px;
		width:30px;
	}

	.reason-header h3 {
		font-size:25px;
	}

	.reason-header h3 span.sm-italic {
		line-height:20px;
	}

	.reason-header img {
		width:45px;
	}

	.step-block:nth-child(even) .step-number {
		margin-left:-26px;
	}

	.step-image {
		width:200px;
	}

	#step-wrapper {
		margin-top:20px;
	}

	.sub-block {
		margin-bottom:60px;
	}

	.step-block {
		min-height:240px;
	}

	.step-block p {
		font-size:12px;
		line-height:20px;
	}

	.step-block h3 {
		font-size:30px;
		line-height:25px;
		margin-bottom:15px;
	}

	.step-block p, .step-block h3 {
		padding-right:75px;
	}

	.step-block:nth-child(even) h3, .step-block:nth-child(even) p {
		padding-left:75px;
	}

	.example h4 {
		font-size:30px;
		line-height:30px;
		margin-bottom:15px;
	}

	footer {
		padding:20px 0 40px;
	}

	.disclaimer {
		font-size:10px;
		line-height:16px;
		margin-top:15px;
	}

	ol.disclaimer li {
		font-size:10px;
		line-height:16px;
	}

	.intro {
		background-attachment: scroll;
		background-position:center center;
		margin-top:60px;
	}

	.form-wrapper {
		width:100%;
	}

	.form-info {
		width:100%;
		float:left;
		margin:0 0 50px 0;
		
	}

	#info-graphics img {
		width:100%;
		margin-right:0;
	}

}

@media only screen and (max-width: 650px) {
	#icon-wrapper {
		padding-left:5px;
	}

	.example h4 {
		margin-top:20px;
	}

	.h1-hr {
		width:0 !important;
	}

	.inner-wrapper p,
	.inner-wrapper a.green-btn {
		margin-left:0;
	}

	.inner-wrapper p {
		font-size:16px;
		line-height:24px;
		margin-bottom:20px;
	}

	.inner-wrapper a.green-btn {
		font-size:11px;
		line-height:11px;
	}

	h1 {
		font-size:30px;
		line-height:30px;
		margin-bottom:15px;
		padding-left:0;
	}

	h2 {
		font-size:25px;
		line-height:25px;
	}

	h2 span.sm-italic {
		line-height:25px;
	}

	.package h5 {
		font-size:20px;

	}

	p.package-price {
		font-size:40px;
		line-height:40px;
	}

	.example img {
		width:29%;
	}

	.example h4 {
		font-size:25px;
		line-height:25px;
		margin-bottom:10px;
	}

	.reason-to-drivertise h3 {
		font-size:20px;
		line-height:20px;
		margin:10px 0 5px;
	}

	.h1-hr {
		top:10px;
	}

	#wanna-learn-more a.green-btn {
		margin-bottom:8px;
	}

	.copyright-block {
		font-size:11px;
	}

	#footer-nav a {
		font-size:15px;
		margin:0 8px;
	}

	#decal-tabs,
	#car-swap {
		display:none;
	}

	.package-details .hidden-elements {
		display:block;
	}

	.package-details {
		display:block !important;
		margin-bottom:25px;
	}

	.package-details h2 {
		font-size:25px;
		line-height:25px;
	}

	p.package-price {
		font-size:45px;
		line-height:45px;
	}

	.package-details p.per-month {
		font-size:20px;
	}

	.package-details .hidden-elements p{
		font-size:18px;
	}

	p.graphic-location {
		font-size:12px;
	}

	

	
}

@media only screen and (max-width: 600px) {
	#advertisers-how-it-works {
		background:url(../img/road-ground-sm.jpg) center top no-repeat;
		background-attachment: scroll;
		background-size: cover;
	}

	.reason-to-drivertise img {
		width:35px;
	}



	.example h4 {
		margin-top:0;
	}

	p, ul li, .example p, ol li {
		font-size:12px;
	}

	.step-block .step-number {
		font-size:40px;
		line-height:35px;
		margin-left:-35px;
	}

	.step-block h3 {
		font-size:20px;
		line-height:20px;
	}

	.step-block p, .step-block h3 {
		padding-right:50px;
	}

	.step-block:nth-child(even) h3, .step-block:nth-child(even) p {
		padding-left:50px;
	}

	.step-block:nth-child(even) .step-number {
		margin-left:-16px;
	}

	.step-image {
		width:150px;
	}

	.step-block {
		min-height:190px;
	}

	.sub-block {
		margin-bottom:40px;
	}

	.inner-wrapper, #home-intro .inner-wrapper {
		margin:60px auto 80px;
	}
}

@media only screen and (max-width: 500px) {
	.testimonial-info {
		width:100%;
		margin:0;
	}

	.testimonial-image {
		width:100%;
		height:250px;
		position:relative;
		float:left;
	}

	.example {
		margin:20px 0;

	}

	.example img,
	.example:nth-child(odd) img {
		width:100%;
		max-width:200px;
		margin:0 auto 15px;
		float:none;
	}

	.example h4,
	.example p,
	.example:nth-child(odd) h4, 
	.example:nth-child(odd) p {
		text-align: center;
		width:100%;
		float:none;
		margin:0 auto;
	}

	.example h4,
	.example:nth-child(odd) h4 {
		margin-bottom:10px;
	}

	/*.custom-col-4, .custom-col-4:nth-child(2n+2) {
		width:100%;
		margin-right:0;
		margin-bottom:30px;
	}*/

	.grid-wrapper {
		margin-bottom:-30px;
	}

	.collapse-reason .step-number {
		font-size:22px;
		line-height:20px;
		width:20px;
		height:100%;
	}

	.answer-wrapper {
		padding:30px 30px 0;
	}

	.question,
	.reason-header {
		background-size:auto 5px;
		padding:10px 30px 10px 10px;
	}

	.reason-header h3 {
		font-size:16px;
		line-height:16px;
	}

	.reason-header h3 span.sm-italic {
		line-height:15px;
	}

	.reason-header img {
		width:25px;
	}

	.collapse-reason .answer p.collapse-block {
		margin-left:0;
		margin-right:0;
		margin-bottom:30px;
	}

	.collapse-reason .answer {
		background-size:30px auto;
	}
}

@media only screen and (max-width: 420px) {
	.step-block {
		text-align:center;
	}

	.step-block .step-number,
	.step-block:nth-child(even) .step-number,
	.step-block h3,
	.step-block p,
	.step-image,
	.step-block:nth-child(even) .step-image,
	.step-block:nth-child(even) h3, 
	.step-block:nth-child(even) p {
		position:relative;
		float:none;
		margin:0 auto;
		top:auto;
		left:auto;
		right:auto;
		text-align:center;
		padding:0;
	}

	.step-image,
	.step-block:nth-child(even) .step-image {
		width:120px;
	}

	.step-block p,
	.step-block:nth-child(even) p {
		width:100%;
	}

	.step-block:nth-child(even) h3,
	.step-block h3 {
		margin:10px 0;
	}

	.step-block .step-number,
	.step-block:nth-child(even) .step-number {
		margin:10px auto;
	}

	/*.copyright-block {
		line-height:20px;
		padding-right:0;
		padding-left:0;
		width:100%;
		border:none;
	}*/
}