@font-face {
        font-family: 'vw-head';
        font-weight: 400;
        src: url('/fonts/vwhead-regular.woff2') format('woff2'),
        url('/fonts/vwhead-regular.woff') format('woff');
    }

    @font-face {
        font-family: 'vw-head';
        font-weight: 700;
        src: url('/fonts/vwhead-bold.woff2') format('woff2'),
        url('/fonts/vwhead-bold.woff') format('woff');
    }

    @font-face {
        font-family: 'vw-head';
        font-weight: 200;
        src: url('/fonts/vwhead-light.woff2') format('woff2'),
        url('/fonts/vwhead-light.woff') format('woff');
    }

    @font-face {
        font-family: 'vw-text';
        font-weight: 400;
        src: url('/fonts/vwtext-regular.woff2') format('woff2'),
        url('/fonts/vwtext-regular.woff') format('woff');
    }

    @font-face {
        font-family: 'vw-text';
        font-weight: 700;
        src: url('/fonts/vwtext-bold.woff2') format('woff2'),
        url('/fonts/vwtext-bold.woff') format('woff');
    }


body{
	font-style: normal;
	font-variant-ligatures: normal;
	font-variant-caps: normal;
	font-variant-numeric: normal;
	font-variant-east-asian: normal;
	font-weight: normal;
	font-stretch: normal;
	font-size: 20px;
	line-height: 32px;
	font-family: "vw-text", verdana;
	padding:0;
	margin:0;
	box-sizing: border-box;
	font-weight: 400;
}

h1, h2, h3, h4, h5{
	  font-family: "vw-head";
  font-weight: 700;
  font-style: normal;
}


h3, h4, h5{
		  font-family: "vw-text";
}

h1{
	
	/*line-height: 36px;*/
	margin: 0 0 16px;
}


h2{
	font-size: 36px;
	margin-bottom: 14px;
}

h3{
	margin-top: 8px;
	font-size: 26px;
}

/*target Internet Explorer 9 and Internet Explorer 10:*/

@media screen and (min-width: 0\0) {
  select {
    background: none;
    padding: 5px;
  }
}


.hidden, .dealer_hidden, .color_hidden, .noresults, .list_active .carholder.dealer_hidden{
	display:none;
}

.pm_holder a {
	    color: rgb(0, 30, 80);
	    text-decoration: none;
	    border-bottom: 1px solid rgb(0, 30, 80);
	    font-weight: 700;
}

.pm_holder a:hover {
	border-bottom-color: rgb(0, 64, 197);
    color: rgb(0, 64, 197);
}

h4{
	margin-bottom: 0.3em;
}

ul {
	margin-top:0;
}


.detail_leftside{
	width: 58%;
	float: left;	
}

.detail_rightside{
	width:38%;
	float: right;

	/* margin-top: 14px; */
}


@media (max-width: 1023px) { 
	.detail_leftside{
		width: 64%;
		float: left;	
	}
	
	.detail_rightside{
		width:31%;
		float: right;
	
		/* margin-top: 14px; */
	}
	
}

.detail_rightside h4{

	padding-top: 0;
	margin-top: 0;
}


#dealer_link{
	background-color: black;

}

#list_link{
	/* background-color: #c03; */
	background-color: #337ab7;
}

.readmorelink{
	background-color: black;

    text-align: center;
    padding-right: 0px;
	float:left;
	text-decoration: none;
	opacity:0;
	margin-top: 5px;
}






@media (max-width: 640px) { 
		body{
			padding: 0 10px;
		}
	
		.intro_text{
			width:100%;
		}
		
		select#dealer_picker{
			width: 100%;
		}
		
		.carholder{
			width: 48%; 
			height: auto; 

			float: left;
		}	
		
		.detail_leftside{
			width:100%;
			float: none;
		}
		
		.detail_rightside{
			width:100%;
			float: none;
		}	
		
		
		.hide_mobile{
			display:none;
		}	
		
		
		#selectorholder{
			background-color: white;
			border:1px solid #d1d1d1;
		    width:300px;
		    padding: 10px; 
		    position:fixed;
		    top:10%;
		    left:3px;
		    margin-top:0; /* negative half the size of height */
		    margin-left:0; /* negative half the size of width */
		}		
	 }
	 
	 
/* LOGIN STUFF	  */

.loginholder{

	padding-top: 10%;
	width:300px;
	height: auto;
	margin:auto;
}

.wideholder{
	width:500px;
}

.transp{
	opacity:0.3;
}


#frameholder{
	float:left;
	width: 100%;
	padding: 0;
	box-sizing: border-box;

}


@media (max-width: 400px) { 

#frameholder{
	float:left;
	width: 100%;
padding: 20px 0px;

}

}


.detail_rightside p{
	margin-top: 0;
}

select::-ms-expand {
    display: none;
}


.searchform_holder{
	width: 83.3%;
    margin: 0 auto;
}

.pm_holder{
	width: 83.3%;
	padding-bottom: 2em;
	margin: 0 auto;

}


.pm_list_container{
	float:left;
	margin-left: 4%;
	width: -webkit-calc(30.66% - 4px);
/* 	width: calc(30.66% - 4px); */
	width: 30.66%;
	margin-bottom: 4%;
}

@media (min-width: 1024px) { 
	.pm_list_container:nth-child(3n+1){
		margin-left:0;
		clear:left;
	}
}


@media (max-width: 1023px) { 
	.pm_list_container{
		float:left;
		margin-left: 4%;
		width: -webkit-calc(45% - 4px);
		width: calc(45% - 4px);
		width: 48%;
		margin-bottom: 4%;
	}
	.pm_list_container:nth-child(2n+1){
		margin-left:0;
		clear:left;
	}
}

@media (max-width: 640px) { 
	.pm_list_container{
		float:left;
		margin-left: 0%;
		width: 100%;
		margin-bottom: 4%;
	}

}

.pm_container{
	/*float: left;*/
}


.pm_list_container_inner img{
	width: 100%;
	height: auto;
}

.pm_list_container_inner h3{
	font-size: 32px;
    line-height: 36px;
    color: black;
    margin-top: 0;
    font-family: vw-head;
    font-weight: 200;
    margin-bottom: 10px;
}

.pm_list_container_inner p{
	margin-top: 0;
}



.pm_list_container_inner h3 a{
text-decoration: none;
font-weight: 200;
border-bottom: none;
color: rgb(12, 13, 14);
}


.pm_list_container_inner h3 a:hover, .pm_list_container_inner h3 a:active{
/*color: #c03;*/
	    color: rgb(106, 118, 125);
}

/*
.pm_list_container_inner p{
	  font-family: "vw-text",Verdana,sans-serif;
	font-size: 14px;
}
*/

.pm_list_container_inner .readmorebutton{
	margin-top: 1em;
}

.pm_list_container_image_holder{
	width: 100%;
	padding-bottom: 56.25%;
}


.small{
	margin-bottom:0.2em;
	font-size: 80%;
}

.pm_list_container_inner .article_date{
	font-size: 20px;
	line-height: 32px;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 28px;
}


.onerelease:hover{
	color: rgb(106, 118, 125);
    outline: 0px;
}

.readmorebutton{

font-size: 20px;
font-weight: 700;
color: rgb(0,30,80);
text-decoration: none;
border-bottom: 1px solid rgb(0,30,80);
}


.readmorebutton:hover{
	    border-bottom-color: rgb(0, 64, 197);
    color: rgb(0, 64, 197);
    outline: 0px;
}

.paging{
	clear:left;
	padding-top: 20px;
	padding-bottom: 42px;
}

.pm_media img{
	width:100%;
	height: auto;
}

td p{
	padding: 0;
	margin: 4px;
}


.searchbutton{
  float: right;
  width: 40px;
  height: 40px;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
  background-image: url(searchicon.png);
  cursor: pointer;
  border: 0px solid red;

}


.searchfield{
	float: left;
  outline: 0;
  background: #fff;
  width: -webkit-calc(100% - 52px);
  width: calc(100% - 52px);
  height: 40px;
  padding: 10px 15px;
  box-sizing: border-box;
  border: 1px solid #d0d3d4;
  margin-bottom: 20px;
font-family: "vw-text",Verdana,sans-serif;
font: 14px/18px "vw-text", sans-serif;
-webkit-border-radius: 0;
border-radius: 0;
vertical-align: bottom;
-webkit-appearance: none;

}

.searchresult{
	width: 83.3%;
    margin: 0 auto;
    font-size: 22px;
    padding-bottom: 1em;

}



.vw_m520_global_footer{
	padding-left: 0;
}


.searchvw{
	color: #fff;
  background-color: rgb(0,30,80);
  border-color: rgb(0,30,80);
  height: 40px;
  line-height: 16px;
  white-space: normal;
  width: 40px;
  padding: 12px 12px;
  text-align: center;
  display: inline-block;
  float:right;
  margin-bottom: 20px;
}


.vw_m601_submit_icon {
  vertical-align: middle;
  display: inline-block;
  width: 30px;
  height: 30px;
  fill: #fff;
}


.imagelist{
	float: left;
	margin-top: 12px;
}

.imageholder{
	float: left;
	width: 100%;
	margin-bottom: 18px;
}

.imageholder img{
	width:  49%;
	float: left;
}



.imageholder .image_caption{
	width: 49%;
	float: right;
	padding: 7px;
    line-height: 1.4em;
    box-sizing: border-box;
    font-size: 16px;
    
}


#main_pm_img_image{
	width: 100%;
	height: auto;
}

.main_img_caption{
/* 	background-color: #f3f5f6; */

	margin-bottom: 24px;
	text-align: center;
	margin-top: 0;
	padding:0;
}



.pm_content.detail_leftside p, .pm_content.detail_leftside ul{
	font-size: 16px;
	line-height: 24px;
}

.pm_content.detail_leftside h3{
	font-size: 1.17em;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 1em;
	
}


.pm_content.detail_leftside p.leadtext{
	font-size: 18px;
	margin: 1em 0;
	font-weight: 700;
}



/* ICONSTUFF */

.download_pdf_link{
	position: relative;
	font-size: 16px;
}

.link_arrow svg{
		height: 12px;
	width: 12px;
	margin-left: 4px;

}

.link_arrow fill{
	rgb(0,30,80);
}

.download_label{
	padding-left: 23px;
}
.vw_m301_icon {
    position: absolute;
    fill: #0099da;
}


.vw_m301_icon {
    top: 3px;
    width: 11px;
    height: 11px;
}

.hero_content{
	width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
	padding-bottom: 56.25%;
	padding-bottom: 20%;
	margin-top: 100px;
/*	    margin-left: 96px; */
}



.hero_content h1{
		font-size: 60px;
		line-height: 68px;
		max-height: 262.7px;
		display: block;

		font-family: "vw-head";
    font-weight: 200;
    font-style: normal;
    text-align: center;
}




 .hero_content h1 .boldedheadline{
		font-family: "vw-head";
		display: inline;
		font-weight: 700;
}






@media (max-width: 767px) { 
	#vw_page .hero_content{
		    margin-left: 0px;
	
	}
	
	.hero_content{
		padding-bottom: 30%;
	}
	
	.hero_content h1{
		font-size: 32px;
		line-height: 36px;
	}
	
	
}


@media (max-width: 400px) { 
	.hero_content{

	padding-bottom: 48%;
}
}


.hero_content img{
	width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


@media (max-width: 400px) { 
	.hero_content img{
	width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
}


.vw_m310_editorial_stage_lines {
	position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: translate(-50%,-50%);
}



@media (max-width: 1280px) { 
/*
	.hero_content h1{
		font-size: 76px;
		line-height: 1.1;
		max-height: 243.2px;
	}
*/
}


@media (max-width: 1023px) { 
/*
	.hero_content h1{
		font-size: 40px;
		line-height: 1.1;
		max-height: 173px;
	}
*/

	.imageholder{
		width: 100%;
		margin: 0 0px 20px 0;
	}
	
	
	.imageholder img, .imageholder .image_caption{
		width: 100%;
	}
}


@media (max-width: 639px) { 
	.imageholder{
		width: 46.9%;
		margin: 0 3% 3% 0;
	}


}


@media (max-width: 767px) { 
/*
	.hero_content span, .hero_content h1{
		font-size: 30px;
		line-height: 1.1;
		max-height: 71px;
	}
*/
}

#main_img{
	width: 100%;
}



h1 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 200;
}

@media (max-width: 1023px){
.h1, .vw_m021_head_1, h1 {
    font-size: 36px;
    line-height: 39px;
}
}

@media (max-width: 480px){
.h1, .vw_m021_head_1, h1 {
    font-size: 30px;
    line-height: 33px;
}
}