/* RESET /++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
html {
	font-size: 62.5%;
}

body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

footer,
header,
main,
nav,
section {
    display: block;
}

a:active,
a:hover {
    outline: 0;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

ul {
	padding:0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* apply a natural box layout model to all elements */
*, 
*:before, 
*:after {
	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
	box-sizing: border-box;
 }

/* SITE - GENERAL /-------------------------------------------------------------*/

 body {
 	margin:0;
 	padding:0;
 	font-size: 14px;
 	font-size: 1.4rem;
 	line-height:1.35;
 	font-family: 'Voces', Arial, Helvetica, sans-serif;
}

h3,h4 {
	font-family:"Arial", "Avenir", Verdana, sans-serif;
	font-weight: normal;
	text-transform:uppercase;
	margin:0 0 1rem;
}

h3 {
	font-size:40px;
	font-size:4.0rem;
	font-weight: normal;
}

.header-container,
.main-container,
.footer-container{ 
	width:100%;
	margin:0;
 	padding:0;
	overflow:hidden;
	}

@media (min-width: 611px) and (max-width: 767.5px) { 
	body {
	 	font-size: 16px;
	 	font-size: 1.6rem;
	}

	 h3 {
		font-size:34px;
		font-size:3.4rem;
	}
}

@media (min-width: 481px) and (max-width: 610.5px) { 
	body {
	 	font-size: 15px;
	 	font-size: 1.5rem;
	}

	 h3 {
		font-size:30px;
		font-size:3.0rem;
	}
}

@media (min-width: 337px) and (max-width: 480.5px) {
	body {
	 	font-size: 14px;
	 	font-size: 1.4rem;
	}

	 h3 {
		font-size:28px;
		font-size:2.8rem;
	}
}

@media (max-width: 336.5px) {
	body {
	 	font-size: 12px;
	 	font-size: 1.2rem;
	}

 	h3 {
		font-size:24px;
		font-size:2.4rem;
	}
}


/* HEADER /-------------------------------------------------------------*/

.header-container {
	background: #96a0a5;
	-webkit-box-shadow:  0 1px 4px 4px rgba(0, 0, 0, 0.20);
	-moz-box-shadow:  0 1px 4px 4px rgba(0, 0, 0, 0.20);
    box-shadow:  0 1px 4px 4px rgba(0, 0, 0, 0.20);
	position: fixed;
    z-index: 400 !important;
}

#pageheader {
	width:100%;
	margin:0;
 	padding:0;
}

.logo-container {
	text-align: center;
 	width:100%;
	height: 70px;
	margin:0 auto;
	padding:0 5%;
	line-height:0;
	background:url('../img/header-background.png') center bottom repeat-x;
}

.logo {
	width:100%;
	max-width:903px;
	margin:29px auto 0 auto;
	margin:0.4rem auto 0 auto;
	padding:0;
}

.lt-ie9 .logo {
	width:auto;
}

@media (min-width: 481px) and (max-width: 610.5px) {  
	.header-container {
		position: static;
		height:100px;
		overflow: visible;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
    	box-shadow:none;
	}

	.main-nav {
		-webkit-box-shadow:  0 1px 4px 4px rgba(0, 0, 0, 0.20);
		-moz-box-shadow:  0 1px 4px 4px rgba(0, 0, 0, 0.20);
    	box-shadow:  0 1px 4px 4px rgba(0, 0, 0, 0.20);
		overflow: hidden;
	}
}

@media (min-width: 337px) and (max-width: 480.5px) {   
	.header-container {
		position: static;
		height:75px;
		overflow: visible;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
    	box-shadow:none;
	}

	.main-nav {
		-webkit-box-shadow:  0 1px 4px 4px rgba(0, 0, 0, 0.20);
		-moz-box-shadow:  0 1px 4px 4px rgba(0, 0, 0, 0.20);
    	box-shadow:  0 1px 4px 4px rgba(0, 0, 0, 0.20);
		overflow: hidden;
	}
}

@media (max-width: 336.5px) {
	.header-container {
		position: static;
		height:55px;
		overflow: visible;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
    	box-shadow:none;
	}

	.main-nav {
		-webkit-box-shadow:  0 1px 4px 4px rgba(0, 0, 0, 0.20);
		-moz-box-shadow:  0 1px 4px 4px rgba(0, 0, 0, 0.20);
    	box-shadow:  0 1px 4px 4px rgba(0, 0, 0, 0.20);
		overflow: hidden;
	}

	.logo {
		margin:19px auto 0 auto;
	}
}


/* MAIN NAV /-------------------------------------------------------------*/
.nav-tab  {
	display:none;
}
.main-nav {
	padding:3px 0;
	background: #163950;
	background: -moz-linear-gradient(top,  #163950 0%, #21597b 53%, #163950 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#163950), color-stop(53%,#21597b), color-stop(100%,#163950));
	background: -webkit-linear-gradient(top,  #163950 0%,#21597b 53%,#163950 100%);
	background: -o-linear-gradient(top,  #163950 0%,#21597b 53%,#163950 100%);
	background: -ms-linear-gradient(top,  #163950 0%,#21597b 53%,#163950 100%);
	background: linear-gradient(to bottom,  #163950 0%,#21597b 53%,#163950 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#163950', endColorstr='#163950',GradientType=0 );
}

.inner-nav {
	margin: 0;
	/*background:url('../img/nav-secondary-background.png') center center  no-repeat; */
}

.main-nav ul {
    display:table;
	list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow:hidden;
    text-indent:0;
}

.main-nav li {
    display:table-cell;
}

.main-nav li a {
    float: left;
    display:block;
    padding: 10px 25px 9px 25px;
    padding: 1.0rem 2.5rem 0.9rem 2.5rem;
    outline: none;
	font-family: Arial, sans-serif;
	font-size:1.5rem;
	font-size: 15px;
	line-height:1;
	font-weight: bold;
	letter-spacing: 1px;
	color: #b4b5b5;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
	text-transform: uppercase;
}

.main-nav li .on,
.main-nav li a:hover{
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}

@media (min-width: 768px) and (max-width: 869.5px) { 
	.main-nav li a {
	   	padding: 7px 13px 6px 13px;
	   	font-size:13px;
	   	font-size:1.35rem;
	}
}

@media (min-width: 611px) and (max-width: 767.5px) {  
	 .main-nav li a {
	   	padding: 7px 12px 6px 12px;
	   	font-size:13px;
		font-size:1.35rem;
	}
}

@media (min-width: 481px) and (max-width: 610.5px) {  
	.main-nav {
		padding:1px 0 2px 0;
	}

	.main-nav li a {
		padding: 4px 7px 4px 7px;
		font-size:10px;
		font-size:1.0rem;
		line-height:0.95;
	}
}

@media (min-width: 337px) and (max-width: 480.5px) {   
	.logo-container {
	    text-align: left;
	    border-bottom:1px solid #c4c5c6;
	    -webkit-box-shadow:  0 1px 2px 2px rgba(0, 0, 0, 0.20);
		-moz-box-shadow:  0 1px 2px 4px rgba(0, 0, 0, 0.20);
    	box-shadow:  0 1px 2px 2px rgba(0, 0, 0, 0.20);
	}

	.main-nav {
		position: fixed;
		z-index:200;
		top:-240px;
		right:6px;
		margin:0;
		padding:0;
		-webkit-box-shadow:none;
		-moz-box-shadow: none;
	    box-shadow: none;
	    background:none;
	    overflow: hidden;
		-webkit-transition:all 0.15s ease-in-out;
		-moz-transition:all 0.15s ease-in-out;
		-o-transition:all 0.15s ease-in-out;
		transition:all 0.15s ease-in-out;
	}

	.inner-nav {
		margin: 0;
		padding:0 0 16px 0;
		border-radius:0 0 0 4px;
		background-color: #1b6c9e;
		-webkit-box-shadow:  0 1px 1px 2px rgba(0, 0, 0, 0.15);
		-moz-box-shadow:  0 1px 1px 2px rgba(0, 0, 0, 0.15);
    	box-shadow:  0 1px 1px 2px rgba(0, 0, 0, 0.15);
	}

	.nav-tab {
		display:block;
		float:right;
		height:27px;
		width:24px;
		padding-left:20px;
		text-decoration: none;
		background:url("../img/menu-tab.svg") top right no-repeat;
	}
	
	.main-nav.active{
		top:0;
		right:6px;
	}

	.main-nav ul {
		background-color: #1b6c9e;
	}

	.main-nav li {
		display:block;
		padding: 15px 0 20px 0;
	}

	.main-nav li a:link,
	.main-nav li a:visited {
	    color: #E4E5E5;
	    line-height: 1;
	    outline: medium none;
	    padding: 10px 25px 9px;
	    text-decoration: none;
	    text-shadow: 1px 1px 1px #333333;
	}

	.main-nav li a:hover,
	.main-nav li a:active {
	    color: #FFFFFF;
	}
}

@media (max-width: 336.5px) { 
	.logo-container {
	    text-align: left;
	    border-bottom: 2px solid #c4c5c6;
	    -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.20);
		-moz-box-shadow: 0 1px 2px 4px rgba(0, 0, 0, 0.20);
    	box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.20);
	}

	.logo {
		margin-left: 0;
		width: 92%;
	}

	.main-nav {
		position: fixed;
		z-index: 200;
		top: -240px;
		right: 6px;
		margin: 0;
		padding: 0;
		-webkit-box-shadow:none;
		-moz-box-shadow: none;
	    box-shadow: none;
	    background:none;
	    overflow: hidden;
		-webkit-transition:all 0.15s ease-in-out;
		-moz-transition:all 0.15s ease-in-out;
		-o-transition:all 0.15s ease-in-out;
		transition:all 0.15s ease-in-out;
	}

	.inner-nav {
		margin: 0;
		padding:0 0 16px 0;
		border-radius:0 0 0px 4px;
		background-color: #1b6c9e;
		-webkit-box-shadow:  0 1px 1px 2px rgba(0, 0, 0, 0.15);
		-moz-box-shadow:  0 1px 1px 4px rgba(0, 0, 0, 0.15);
    	box-shadow:  0 1px 1px 2px rgba(0, 0, 0, 0.15);
	}

	.nav-tab {
		display:block;
		float:right;
		height:27px;
		width:24px;
		padding-left:20px;
		text-decoration: none;
		background:url("../img/menu-tab.svg") top right no-repeat;
}
	
	.main-nav.active{
		top:0px;
		right:6px;
	}

	.main-nav ul {
		background-color: #1b6c9e;
	}

	.main-nav li {
		display:block;
		padding: 15px 0px 20px 0px;
	}

	.main-nav li a:link,
	.main-nav li a:visited {
	    color: #e4e5e5;
	    line-height: 1;
	    outline: medium none;
	    padding: 10px 25px 9px;
	    text-decoration: none;
	    text-shadow: 1px 1px 1px #333333;
	}

	.main-nav li a:hover,
	.main-nav li a:active {
	    color: #FFFFFF;
	}

}

/* MAIN /-------------------------------------------------------------*/

.subsection {
	width:100%;
}

.inner-subsection,
.inner-footer {
	margin:0 auto;
    width:100%;
    max-width:1012px;
}

.lt-ie9 .inner-subsection,
.lt-ie9 .inner-footer {
	width:990px;
}

.content-wrapper {
	width:90%;
	margin:auto;
}
.wrap {    
    -webkit-columns: 2 auto;
    -moz-columns: 2 auto;
    columns: 2 auto;
}

/* HERO /-------------------------------------------------------------*/

#hero {
	padding-top:110px;
	color:white;
	background: #96a0a5;
	background: rgb(150,160,165);
	background: -moz-linear-gradient(top,  rgba(150,160,165,1) 0%, rgba(117,125,130,1) 29%, rgba(64,70,73,1) 82%, rgba(43,48,51,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,160,165,1)), color-stop(29%,rgba(117,125,130,1)), color-stop(82%,rgba(64,70,73,1)), color-stop(100%,rgba(43,48,51,1)));
	background: -webkit-linear-gradient(top,  rgba(150,160,165,1) 0%,rgba(117,125,130,1) 29%,rgba(64,70,73,1) 82%,rgba(43,48,51,1) 100%);
	background: -o-linear-gradient(top,  rgba(150,160,165,1) 0%,rgba(117,125,130,1) 29%,rgba(64,70,73,1) 82%,rgba(43,48,51,1) 100%);
	background: -ms-linear-gradient(top,  rgba(150,160,165,1) 0%,rgba(117,125,130,1) 29%,rgba(64,70,73,1) 82%,rgba(43,48,51,1) 100%);
	background: linear-gradient(to bottom,  rgba(150,160,165,1) 0%,rgba(117,125,130,1) 29%,rgba(64,70,73,1) 82%,rgba(43,48,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96a0a5', endColorstr='#2b3033',GradientType=0 );
}


#hero .inner-subsection {
	width:100%;
	padding:0;	
}

.lt-ie9 #hero .inner-subsection {
	width:990px;
}

#hero .inner-background {
	width:100%;
	max-width: 1500px;
	margin:auto;
	background:url('../img/hero-background.png') center bottom no-repeat;
  	background-size: cover;
  	overflow:hidden;
}

.intro {
	width:100%;
	overflow:hidden;
}

.hero-badge{
	display:block;
	width:100%;
	max-width:354px;
	margin-top:30px;
	margin-top:3rem;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	margin-bottom:3rem;
}

.lt-ie9 .hero-badge{
	width:354px;
}

.hero-text {
	float:left;
	/*max-width:422px;*/
	width:47%;
	margin-top:120px;
	margin-top:12rem;
	margin-left:4%;
	font-size:44px;
	font-size:4.4rem;
	line-height:1.15;
/*	background-color:rgba(10,10,200,0.25);*/
}

.lt-ie9 .hero-text {
	margin-top:105px;
}

.hero-brands {
	display:block;
	margin:30px auto 120px;
	margin:3rem auto 12rem;
	width:90%;
	max-width:821px;
}

.lt-ie9 .hero-brands {
	width:821px;
}

@media (min-width: 870px) and (max-width: 979.5px) {  
	.hero-text {
		font-size:40px;
		font-size:4.0rem;
	}
}

@media (min-width: 768px) and (max-width: 869.5px) {   
	.hero-text {
		width:44%;
		max-width:350px;
		margin-top:11rem;
		font-size:33px;
		font-size:3.3rem;
	}
}

@media (min-width: 611px) and (max-width: 767.5px) { 
	#hero {
		padding-top:105px;
	}

	.hero-text {
		width:44%;
		max-width:350px;
		margin-top:11rem;
		font-size:27px;
		font-size:2.7rem;
	}

	.hero-brands {
		margin:3rem auto 8rem;
	}
}

@media (min-width: 481px) and (max-width: 610.5px) { 

	#hero {
		padding-top:22px;
	}

	.hero-text {
		width:44%;
		max-width:260px;
		margin-top:5rem;
		font-size:22px;
		font-size:2.2rem;
	}

	.hero-badge{
		margin-top:0;
	}

	.hero-brands {
		margin:3rem auto 6rem;
	}
}

@media (min-width: 337px) and (max-width: 480.5px) {

	#hero {
		padding-top:22px;
	}

	.hero-text {
		width:44%;
		max-width:201px;
		margin-top:28px;
		margin-top:2.8rem;
		font-size:18px;
		font-size:1.8rem;
	}
	.hero-badge{
		margin-top:0rem;
	}
	.hero-brands {
		margin:30px auto 50px;
		margin:3rem auto 5rem;
	}
}

@media (max-width: 336.5px) {   
	#hero {
		padding-top:22px;
		padding-top:2.2rem;
	}

	.hero-text {
		width:44%;
		max-width:201px;
		margin-top:20px;
		margin-top:2.0rem;
		font-size:15px;
		font-size:1.5rem;
	}

	.hero-badge{
		margin-top:0rem;
	}

	.hero-brands {
		margin:30px auto 40px;
		margin:3rem auto 4rem;
	}
}


/* BRIEF /-------------------------------------------------------------*/

#brief {
	background:#1e78b0 url('../img/brief-background.png') center bottom repeat-x;
	padding:60px 0;
	padding:6rem 0;
	overflow: hidden;
}

ul.brief-list {
	width:100%;
	margin:0;
	padding:0;
	list-style: none;
	overflow:hidden;
}

.brief-list li{
	display:block;
	float:left;
	width:34%;
	margin:0;
	padding:1rem ;
	color:white;
}

.brief-list li.shop{
	width:32%
}

.brief-list .heading {
	display:block;
	font-size:74px;
	font-size:7.4rem;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0 0 10px rgba(18, 72, 106, 0.85);
}

.brief-list .description {
	display:block;
	font-size:22px;
	font-size:2.2rem;
	text-align:center;
}

.shop .heading {
	letter-spacing: 2px;
}

.click {
		border-left:1px solid white;
		border-right:1px solid white;
}

.click .heading{
	font-weight: bold;
}

.drive .heading{
	font-weight:bold;
	font-style: italic;
}

@media (min-width: 768px) and (max-width: 869.5px) {   
	.brief-list .heading {
		font-size:62px;
		font-size:6.2rem;
	}

	.brief-list .description {
		font-size:19px;
		font-size:1.9rem;
	}
}

@media (min-width: 611px) and (max-width: 767.5px) {    
	.brief-list .heading {
		font-size:47px;
		font-size:4.7rem;
	}

	.brief-list .description {
		font-size:17px;
		font-size:1.7rem;
	}
}


@media (min-width: 481px) and (max-width: 610.5px) { 
	#brief {
		padding:50px 0;
		padding:5.0rem 0;
	}

	.brief-list .heading {
		font-size:36px;
		font-size:3.6rem;
	}

	.brief-list .description {
		font-size:14px;
		font-size:1.4rem;
	}
}


@media (min-width: 337px) and (max-width: 480.5px) {
	#brief {
		padding:40px 0;
		padding:4.0rem 0;
	}

	.brief-list .heading {
		font-size:26px;
		font-size:2.6rem;
	}

	.brief-list .description {
		font-size:14px;
		font-size:1.4rem;
	}
}

@media (max-width: 336.5px) {

	#brief {
		padding:40px 0;
		padding:3.0rem 0;
	}

	.brief-list .heading {
		font-size:24px;
		font-size:2.4rem;
	}

	.brief-list .description {
		font-size:12px;
		font-size:1.2rem;
	}
}

/* ABOUT /-------------------------------------------------------------*/

#about {
	margin:0 auto;
	padding:60px 0;
	padding:6rem 0;
	overflow:hidden;
	background:#fff url('../img/about-background.png') center bottom repeat-x;
}

#about .inner-subsection {
	width:100%;
	overflow:hidden;
/*	background-color:rgba(200,0,0,0.25);*/
}

.lt-ie9 #about .inner-subsection {
	width:990px;
}

#about h3 {
	width:auto;
	margin:0 auto 4px 0;
	margin:0 auto 0.35rem 0;
	color:#024b79;
}


.slideshow {
	position:relative;
	margin:0;
	padding:0;
	width:800%; /* 8 slides */
	min-height: 410px;
	overflow: hidden;
/*	background-color:rgba(10,200,0,0.25);*/
}

.slideshow-mask-left {
	position:absolute;
	top:0;
	left:0;
	z-index: 10;
	width:0.625%; /* 5% / (8 slides/100) */
	height:100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

.slideshow-mask-right {
	position:absolute;
	top:0;
	left:12%;
	z-index: 10;
	width:0.625%; /* 5% / (8 slides/100) */
	height:100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.slide-list {
	z-index:5;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:0;
	list-style: none;
}

.slide {
	display: block;
	float:left;
	width:12.5%; /* 100/8 slides */
	margin:0;
	padding:0 0 0 0.625%; /* 100/8 slides/5% padding */
	overflow: hidden;
}

.slide-description {
	float:left;
	color: #8c8c8c;
	width:43%;
	font-size:34px;
	font-size:3.4rem;
	line-height: 1.35;
	padding-top:50px;
	padding-right:25px;
}

.slide-welcome .slide-description {
	padding-top:30px;
	padding-right:0;
	font-size:20px;
	font-size:2.0rem;
	line-height: 1.35;
}

.slide-image {
	float:left;
	width:47%;
	margin-left:5%;
}

.slide-video {
    display: table;
    margin: 0 auto;
    padding: 1.25rem;
    border: 1px solid #c4c4c4;
    width:65%;
}

.videoContainingBlock{
  width: 100%;
}
/*  BCD classes used to resize video resonsively */
.BCLvideoWrapper {
  position: relative;
  padding-top: 1px;
  padding-bottom: 56.25%; /*important!*/
  height: 0;
}

* html .BCLvideoWrapper {
  margin-bottom: 45px;
  margin-top: 0;
  width: 100%;
  height: 100%;
}

.BCLvideoWrapper div,
.BCLvideoWrapper embed,
.BCLvideoWrapper object,
.BrightcoveExperience {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.slideshow-controls {
	display:none;
}

.slideshow-thumbs {
	width: 74.6%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.thumbs-list-wrapper {
	position:relative;
	float:left;
	width:90.8%;
	padding:0;
	overflow:hidden;
	min-height: 84px;
}

 ul.thumbs-list  {
	position: absolute;
	top:0;
	left:0.8%;
	list-style: none;
	padding:0;
	margin:0;
	overflow: hidden;
 	width:196.76%; 
}

.thumbs-list li {
	display: block;
	float:left;
	width: 10.85%;
 	margin:0 0.82% 0 0.82%; 
	padding:5px;
	line-height: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:none;
	cursor:pointer;
	overflow:hidden;
}

.thumbs-list li img{
	margin:0;
	width:100%;
}

.slideshow-thumbs li.active {
	background-color:#1e78b0;
}

.slideshow-thumbs-prev,
.slideshow-thumbs-next {
	float:left;
	width:4.60%;
	line-height: 0;
}

.slideshow-thumbs-prev img,
.slideshow-thumbs-next img{
	width:100%;
}

.slideshow-thumbs-mask-left {
	position:absolute;
	top:0;
	left:0;
	z-index: 10;
	width:2%; /* 5% / (8 slides/100) */
	height:100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

.slideshow-thumbs-mask-right {
	position:absolute;
	top:0;
	left:98%;
	z-index: 10;
	width:2%; /* 5% / (8 slides/100) */
	height:100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}


@media (min-width: 870px) and (max-width: 979.5px) {  
	 .slide-welcome .slide-description {
		font-size:19px;
		font-size:1.9rem;
	}
}

@media (min-width: 768px) and (max-width: 869.5px) {  
	.slideshow {
		 min-height: 340px;
	}
 
	.slide-description {
		font-size:28px;
		font-size:2.8rem;
	}
}

@media (min-width: 611px) and (max-width: 767.5px) { 
 	.slideshow {
		 min-height: 280px;
	}
 
	.slide-welcome .slide-description {
		padding-top: 15px;
		padding-top: 1.5rem;
		font-size:17px;
		font-size:1.7rem;
	}

	.slide-description {
		font-size:24px;
		font-size:2.4rem;
	}

}

@media (min-width: 481px) and (max-width: 610.5px) { 
	#about {
		padding:38px 0;
		padding:3.8rem 0;
	}
	
	#about .inner-subsection {
		position: relative;
	}

	#about h3 { 
		width:auto;
		margin-bottom: 0.35em;
	}

	.slideshow {
		min-height: 240px;
	}

	.slide-description{
		font-size:17px;
		font-size:1.7rem;
		padding-top:60px;
	    padding-top: 6.0rem;
	    text-align: right;
	}

	.slide-welcome .slide-description {
		font-size:15px;
		font-size:1.5rem;
		padding-top:10px;
	    padding-top: 1rem;
	    text-align: left;
	}

	.slide-image {
		margin-top:1.3rem;
	}

	.slide-video {
		width:60%;
		margin: 1.5rem 0 0 17.5%;
	}

	.slideshow-thumbs-prev,
	.slideshow-thumbs-next,
	.slideshow-thumbs-mask-left,
	.slideshow-thumbs-mask-right {
	   	display:none;
	}

	.thumbs-list-wrapper {
		width:100%;
		min-height: inherit;
	}

	.thumbs-list-wrapper img{
		display:none;
	}

	.slideshow-thumbs {
		width:100%;
	}

	.slideshow-thumbs li {
		display: table-cell;
		height:11px;
		width:11px;
		margin:6px 10px;
		border:0;
		-moz-box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.08);
		-webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.08);
		box-shadow: inset -2px 1px 1px 0px rgba(0,0,0,0.08);
		background-color:#CCCCCC;		
	}

 	ul.thumbs-list {
		position: static;
 		display:table;
 		height:11px;
 		width:auto;
 		margin:auto;
 	}
	
}

@media (min-width: 337px) and (max-width: 480.5px) {
	#about {
		padding: 30px 0;
		padding: 3rem 0;
	}

	#about .inner-subsection {
		position: relative;
	}

	#about h3 { 
		width:auto;
		margin-bottom: 4px;
		margin-bottom: 0.35em;
	}

	.slideshow {
		min-height: 450px;
	}

	.slide {
		 padding: 0 0.625%;
	}

	.slide-description{
		width:100%;
		padding-top:60px;
		padding-top: 6.0rem;
		margin:0 0 0 5%;
		font-size:22px;
		font-size:2.2rem;
	    text-align: left;
	}

	.slide-welcome .slide-description {
		width:90%;
		padding-top:10px;
	    padding-top: 1rem;
		font-size:15px;
		font-size:1.5rem;
	    text-align: left;
	}

	.slide-image {
		width:90%;
		margin:13px auto 0 5%;
		margin:1.3rem auto 0 5%;
	}

	.slide-video {
		width:90%;
		margin-top:60px;
		margin: 6rem auto;
	}

	.slideshow-thumbs-prev,
	.slideshow-thumbs-next,
	.slideshow-thumbs-mask-left,
	.slideshow-thumbs-mask-right {
	   	display:none;
	}

	.thumbs-list-wrapper {
		width:100%;
		min-height: inherit;
	}

	.thumbs-list-wrapper img{
		display:none;
	}

	.slideshow-thumbs {
		width:100%;
	}

	.slideshow-thumbs li {
		display: table-cell;
		height:11px;
		width:11px;
		margin:6px 10px;
		border:0;
		-moz-box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.08);
		-webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.08);
		box-shadow: inset -2px 1px 1px 0px rgba(0,0,0,0.08);
		background-color:#CCCCCC;		
	}

 	ul.thumbs-list {
		position: static;
 		display:table;
 		height:11px;
 		width:auto;
 		margin:auto;
 	}
}

@media (max-width: 336.5px) {
	#about {
		padding:3rem 0;
	}

	#about .inner-subsection {
		position: relative;
	}

	#about h3 { 
		width:auto;
		margin-bottom: 0.35em;
	}

	.slide {
		 padding: 0 0.625%;
	}

	.slide-description{
		width:100%;
		padding-top:60px;
		padding-top: 6.0rem;
		font-size:20px;
		font-size:2.0rem;
	    text-align: left;
	}

	.slide-welcome .slide-description {
		width:100%;
		font-size:15px;
		font-size:1.5rem;
		padding-top:10px;
	    padding-top: 1rem;
	    text-align: left;
	}

	.slide-image {
		width:100%;
		margin:13px auto 0;
		margin:1.3rem auto 0;
	}

	.slide-video {
		width:90%;
		margin-top:60px;
		margin: 6rem auto;
	}

	.slideshow-thumbs-prev,
	.slideshow-thumbs-next,
	.slideshow-thumbs-mask-left,
	.slideshow-thumbs-mask-right {
	   	display:none;
	}

	.thumbs-list-wrapper {
		width:100%;
		min-height: inherit;
	}

	.thumbs-list-wrapper img{
		display:none;
	}

	.slideshow-thumbs {
		width:100%;
	}

	.slideshow-thumbs li {
		display: table-cell;
		height:11px;
		width:11px;
		margin:6px 10px;
		border:0;
		-moz-box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.08);
		-webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.08);
		box-shadow: inset -2px 1px 1px 0px rgba(0,0,0,0.08);
		background-color:#CCCCCC;		
	}

 	ul.thumbs-list {
		position: static;
 		display:table;
 		height:11px;
 		width:auto;
 		margin:auto;
 	}
}

/* CLIENTS /-------------------------------------------------------------*/

#clients {
	padding:60px 0;
	padding:6rem 0;
	background:#565d61 url('../img/clients-background.png') center top repeat-x;
	overflow:hidden;
	column-count:2;
}

#clients h3 {
	color:#a6a9ab;
}

#clients h1 {
	color:#fff;
}

.clients-list {
	line-height: 1.85;
	color:white;
	margin: 0 0 0 2rem;
}

.lt-ie9 .clients-list {
	padding-left:24px;
}

@media (min-width: 337px) and (max-width: 480.5px) {
	.clients-list {
 		font-size: 16px;
		font-size: 1.6rem;
	}
}

@media (max-width: 336px) {
	.clients-list {
 		font-size: 16px;
		font-size: 1.6rem;
	}
}

/* MARKETS /-------------------------------------------------------------*/

#markets {
	padding:60px 0;
	padding:6rem 0;
	background:#1e78b0 url('../img/markets-background.png') center bottom repeat-x;
}

#markets h3 {
	color:#94b5d2;
}

#markets h1 {
	color:#fff;
}

#markets h4 {
	display: block;
	width:100%;
	margin:10px 0;
	margin:0.25rem 0;
	padding-top:20px;
	padding-top:2rem;
	font-size:75px;
	font-size:7.5rem;
	text-transform: uppercase;
	line-height: 1;
	color:#94b5d2;
}

#usmap {
    width: 100%;
	height:580px;
	margin:0;
	padding:0;
    overflow : hidden;
}

/*  Make the SVG canvas fill its container - both initially and after resizing */
#usmap svg { height: 100%; width: 100%; }

.dealer-list,
.location-list {
	list-style: none outside none;
	margin:0;
	padding:0;
	color:white;
}

.dealer-list li,
.location-list li {
	list-style: none outside none;
}

.state-directory {
	overflow:hidden;
}

.dealer-list {
	width: 33%;
	float:left;
	padding-right:5%;
}

.dealer-list:last-child {
	padding-right:0%;
}

.location {
	padding:13px 0 5px 0;
	padding:1.25rem 0 0.45rem 0;
}

.dealer-list a:link,
.dealer-list a:visited {
	color:white;
	text-decoration:none;
}

.dealer-list a:active,
.dealer-list a:hover {
	text-decoration:underline;
}

.location, .disable_message {
	font-family:"Arial Black", "Avenir-Black", "Arial-BoldMT", Verdana, sans-serif;
}

.location-list {
	font-size:17px;
	font-size:1.6rem;
}

.state-selector {
	display:none;
}

.state-selector select{
	font-size:1em;
	margin:3px 0 5px;
	margin:0.25rem 0 0.5rem;
}

.disable_message {
    color: white;
}

@media (min-width: 980px) and (max-width: 1069.5px){
	.dealer-list{
		line-height:1.5;
	}

	.dealer-list>li {
		padding-top:5px;
		padding-top:0.5em;
	}


}

@media (min-width: 870px) and (max-width: 979.5px) {
  	#markets h4 {
		font-size:80px;
		font-size:8.0rem;
	}

	.dealer-list{
		line-height:1.5;
	}

	.dealer-list>li {
		padding-top:5px;
		padding-top:0.5em;
	}


	.location-list {
		font-size:16px;
		font-size:1.6rem;

	}

	#usmap {
		height:560px;
	}
}

@media (min-width: 768px) and (max-width: 869.5px) {
  	#markets h4 {
		font-size:70px;
		font-size:7.0rem;
	}

	.dealer-list{
		line-height:1.5;
	}

	.dealer-list>li {
		padding-top:5px;
		padding-top:0.5em;
	}

	.location-list {
		font-size:16px;
		font-size:1.6rem;
	}

	#usmap {
		height:500px;
	}
}

@media (min-width: 611px) and (max-width: 767.5px) {
 	#markets h4 {
		font-size:54px;
		font-size:5.4rem;
	}

	.dealer-list{
		line-height:1.5;
	}

	.dealer-list>li {
		padding-top:5px;
		padding-top:0.5em;
	}

	.location-list {
		font-size:16px;
		font-size:1.6rem;
	}

	.state-selector {
		display:block;
	}

	#usmap {
		height:450px;
	}
}

@media (min-width: 481px) and (max-width: 610px) {
	#markets h4 {
		display:none;
	}

	.state-directory {
		position:relative;
	}

	.dealer-list {
		width: 48%;
		padding-right:0%;
		line-height:1.5;
	}

	.dealer-list>li {
		padding-top:3px;
		padding-top:0.3em;
	}

	.dealer-list:nth-child(1) {
		float:left;
	}

	.dealer-list:nth-child(2) {
		clear:both;
		float:none;
	}

	.dealer-list:nth-child(3) {
		position:absolute;
		top:0;
		right:0;
	}

	.state-selector {
		display:block;
	}

	#usmap {
		display:none;
	}
}

@media (min-width: 337px) and (max-width: 480.5px) {
	#markets h4 {
		display:none;
	}

	.dealer-list {
		width: 100%;
		float:left;
		padding-right:0%;
		line-height:1.5;
	}

	.state-selector {
		display:block;
	}

	.location {
		padding: 1.75rem 0 0.45rem;
    	font-size: 1.6rem;
	}

	#usmap {
		display:none;
	}
}

@media (max-width: 336px) {
	#markets h4 {
		display:none;
	}

	.dealer-list {
		width: 100%;
		float:left;
		padding-right:0%;
		line-height:1.5;
	}

	.state-selector {
		display:block;
	}

	.location {
		padding: 1.75rem 0 0.45rem;
    	font-size: 1.6rem;
	}

	#usmap {
		display:none;
	}
}

/* SERVICES /-------------------------------------------------------------*/

#services {
	background:#565d61 url('../img/services-background.png') center top repeat-x;
	padding:60px 0;
	padding:6rem 0;
	overflow:hidden;
}

#services h3 {
	color:#dddddd;
}

#services h1	{
	color:#fff;
}

#services p {
	color: #8c8c8c;
}

#services a:link,
#services a:visited {
	color: #8c8c8c;
	text-decoration: none;
}

#services a:active,
#services a:hover {
	color: #1e78b0;
	text-decoration: underline;
}
/* CONTACT US /-------------------------------------------------------------*/
.contact-container {
	padding:60px 0;
	padding:6rem 0;
	background:#565d61 url('../img/background-gray-default.jpg') center center repeat-x;
    color:white;
	overflow:hidden;
}
#contact h3 {
	color:#a6a9ab;
}
.contact-container a:link,
.contact-container a:visited {
	color:white;
	text-decoration:underline;
}

.contact-container a:active,
.contact-container a:hover {
	text-decoration:underline;
}


/* FOOTER /-------------------------------------------------------------*/

.footer-container {
	padding:60px 0;
	padding:6rem 0;
//	background:#565d61 url('../img/background-gray-default.jpg') center center repeat-x;
        background: #1e78b0;
	overflow:hidden;
}

.footer-nav {
	list-style: none;
	margin: 20px 0;
	margin: 2em 0;
	padding: 0;
	overflow: hidden;
}

.footer-nav li {
	float: left;
	margin: 0;
	padding: 0;
}

.footer-nav li a:link,
.footer-nav li a:visited{
	display: inline-block;
	padding:0 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	text-transform: uppercase;
	text-decoration:none;
	border-left:1px solid white;
}

.footer-nav li:first-child a:link,
.footer-nav li:first-child a:visited{
	padding-left:0;
	border-left:none;
	}

.footer-nav li a:active,
.footer-nav li a:hover{
	text-decoration:underline;
	color:white;
}

.copyright {
	width:912px;
	font-size: 15px;
	font-size: 1.5rem;
	color: #d4d5d6;
}

/* UTILITY ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.dim {
	opacity:0.20;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}