﻿
.vw_m502_quick_access .vw_m502_link_label {
	color:white !important;
}
.vw_m502_quick_access .vw_m032_btn_primary {
	color:white !important;
}
.text-left *, .align-left {
	text-align:left;
}
.text-center {
text-align:center;
}
.vw_m032_btn_primary,.vw_m032_btn_secondary{
    margin: 0 auto;
}
.vw_m032_btn_secondary {
	margin-bottom:10px;
}
.vw_m103_media_img {
	    max-width: 100%;
    width: 100%;
    height: auto;
		position: relative;
    top: 0;
    left: 0;
}

/*
	TOP
*/

.splashtop {
    position: absolute;
    top: 130px;
    left: 9%;
    width: 20%;
    max-width: 280px;
}

.top-stage {
	background-image: url(../images_scaled/top-1600px.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.minvolkswagen-splash {
	position:relative;
	width:30%;
	max-width:399px;
	z-index:999;
	color:white;
	text-align:center;
	margin: 0 auto;
}
.minvolkswagen-splash img {
	width:100%;
	display:inline-block;
}

/*@media only screen and (max-width: 1120px) {
	.minvolkswagen-splash {
		transform: translate(-50%,-63%);
	}
}
@media only screen and (max-width: 1024px) {
	.minvolkswagen-splash {
		transform: translate(-50%,-63%);
	}
}

@media (min-width: 768px){
	.minvolkswagen-splash img {
    width: 60%;
	}
		.minvolkswagen-splash {
			width: 60%;
	}
}

*/

.minvolkswagen-splash {
	padding-top: 270px;
	padding-bottom: 250px;
	width: 100%;
}
.minvolkswagen-splash img {
	width: 100%;
}
.top-stage {
	background-position: 75% 0;
}

@media only screen and (max-device-width: 1280px) {
	.minvolkswagen-splash {
		padding-top: 180px;
		padding-bottom: 160px;
		width: 80%;
	}
}

@media only screen and (max-device-width: 768px)
{
	.minvolkswagen-splash {
	padding-top: 8em;
	padding-bottom: 2em;
	width: 80%;
}
.minvolkswagen-splash img {
	width: 65%;
}
.top-stage {
	background-position: 75% 0;
}
}

/*
	HOW TO
*/
.how-to .vw_m154_feature_wrapper{
	display: flex;
}
.how-to .vw_m154_feature_item {
	  flex: 1; 
}
.how-to .vw_m154_feature_item .inner{
	padding:80px;

}

.how-to .vw_m154_feature_item *:not(.vw_m032_btn_primary):not(.vw_m032_btn_primary-span):not(.vw_m032_btn_secondary):not(.vw_m032_btn_secondary-span){
	color:white;
	text-align:left;
}
.how-to .vw_m154_feature_item .vw_m032_btn_primary,.how-to .vw_m154_feature_item .vw_m032_btn_secondary{
	margin:0px;
}
.how-to .vw_m154_feature_item ol
{
    -webkit-padding-start: 20px;
}
.accordion-title .icon{
	display:none
}

/*
	OVERBLIK I LOMMESTØRRELSE
*/
.overblik-i-lommestoerrelse .text-col *{
	color:white;
	text-align:left;
}

.mobile-illustration {
	text-align:center;
}


/*
	MIN VOLKSWAGEN APP
*/
.min-volkswagen-app {

}
.app-stores {
	display:inline-block;
	vertical-align:text-bottom;
	margin-bottom:30px;
	width:29%;	
}
.app-stores img {
	width:100%;
	max-width:190px;
}

/*
	FÅ HJÆLP
*/

.rings {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-44%);
    width: 80%;
    z-index: -1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-size: cover;
    background-position: center center;

}
.rings .circles {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 100%;
    height: 100%;
}
.rings .circles img {
	position:absolute;
	top:0px;
	width:100%;
	left:0px;
	opacity:0;
}
.rings .hidden-circle {
	width:100%;
	opacity:0;
	visibility:hidden;
}

/*
	FOOTER
*/

.footer .intro-col {
	margin-bottom:20px;
}

.footer .vw_m154_feature_item{
	margin-bottom:40px;
}
.footer p, .footer h4,.footer h2 {
	color:white;
}
.footer .tel-link,.footer .tel-link:hover,.footer .tel-link:active {
	color:white;
	text-decoration:none;
}
.footer .icon-wrapper{
	margin-bottom:20px;
}

.icon-pin .icon,.icon-pin svg {
    fill: #0099da;
    width: 41px;
    height: 50px;
}
.footer .vw_m022_copy_b1 {
	margin-top:0px;
}
/*
	BRÆNDSTOF
*/
.braendstof {
margin-top:0px;
padding-top:0px;
background-size:cover;
    padding-top: 190px !important;
    padding-bottom: 210px !important;
}
.braendstof .vw_m154_feature_item * {
	color:white;
}
.vw_m200_image_disclaimer_container img
{
	display:block;
	width:100%;
}

.icon-wrapper {
	width:115px;
	height:115px;
	border:solid 3px #1b2351;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	display:inline-block;
	position:relative;
}
.footer .icon-wrapper {
	border:solid 3px white;
}
.icon-wrapper .icon {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.icon-wrapper .icon,.icon-wrapper svg {
    height: 50px;
    width: 50px;
	fill:#1b2351;
}
.footer .icon-wrapper .icon,.footer  .icon-wrapper svg {
	fill:white;
}

.icon-wrapper .icon.roadside-assistance {
    transform: translate(-50%,-41%);
}
.icon-wrapper .roadside-assistance
{
	  height: 134px;
    width: 146px;
}

/*
	VIDEOPLAYER
*/
.js-poster {
		width: 100%;
		height: 100%;
		display: block;
	}

	.vjs-big-play-button {
    bottom: 0px !important;
    left: 0px !important;
    /* display: none !important; */
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    height: 40% !important;
    /* max-width: 135px; */
    margin: 0 !important;
    background-size: 169px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-image: url(<%= BaseUrl %>images/playicon.png) !important;
    top: auto!important;
	}
	@media only screen and (max-width: 1548px) {
		.vjs-big-play-button {
			background-size: 8% !important;
		}
	}

	.vjs-icon-play::before, .video-js .vjs-big-play-button::before {
		content: none !important;
	}

	.vjs-default-skin div.vjs-big-play-button span {
		background: none !important;
	}

	.vjs-default-skin .vjs-controls {
		background: #0057a7 !important;
	}

	.vjs-default-skin .vjs-fullscreen-control {
		display: none;
	}

	.vjs-default-skin .vjs-control {
		padding-right: 10px;
	}

/*
	VOLKSWAGEN CMS STYLES
*/
.throbber {
	left:93px;
}
#powerLayer {
	z-index:10001 !important;
}



@media only screen and (max-width: 1368px) {
	.get-help .birdview {
		 width: 105%;
	}

	.get-help .rings {
		width: 99%;
	}
}

@media only screen and (max-width: 1024px) {
	.min-volkswagen-app .min-volkswagen img:not(.app-store-img){
		    width: 76%!important;
    margin-bottom: 10px;
	
	}

	.min-volkswagen * {
	text-align:center;
	}
	.app-stores {
		width:100%;
	}
	.app-stores a {
    width: 49%;
		display:inline-block !important;
    max-width: 190px;
	}
	.app-stores a img {
    width: 100% !important;
	}
}





@media screen and (min-width:768px) {
	.accordion-content{
		display:block !important;
	}
	.desktop {
	display:block;
	}
	img.desktop {
	display:inline-block;
	}
	.mobile {
	display:none !important;
	}

	.overblik-i-lommestoerrelse .title-section {
	padding-top:0px;
	}
}

@media (min-width: 768px){
	.vw_m032_btn_primary, .vw_m032_btn_secondary, .vw_m032_btn_disabled {
			width: 100%;
	}
}
@media screen and (max-width:767px) {
	.desktop {
	display:none;
	}

	.mobile {
	display:block !important;
	}


	img.mobile {
	display:inline-block !important;
	}
	.throbber {
		left:0px;
	}

	.splashtop {
    left:6%;
	}

	.vw_m200_image_disclaimer_container {
	    padding-left: 0;
    padding-right: 0;
	}
	.vw_m200_basic_content_teaser {
	/*padding-bottom:6vw;*/
	}
	.vw_m152_highlight_container.vw_background {
		padding-bottom:0px;
		padding-top:0px;
	}
	.vw-accordion .col-xs-12{
	    padding-left: 0px;
    padding-right: 0px;
	}
	:-webkit-any(article,aside,nav,section) h1 {
    font-size: 1.5em;
-webkit-margin-before: 0.0em;
    -webkit-margin-after: 0.0em;
}
	.vw_m271_teaser, .vw_m272_teaser {
    padding-top: 7vw;
}

	.icon-wrapper {
		border: solid 1.4vw #1b2351;
	}

	.icon-wrapper, .icon-img {
		    width: 35vw;
    height: 35vw;
	}

	.icon-wrapper .icon, .icon-wrapper svg {
		height: 22vw;
		width: 22vw;
	}

	.icon-wrapper .roadside-assistance {
		height: 26vw;
		width: 27vw;
	}

	.icon-wrapper .icon.roadside-assistance {
		transform: translate(-50%,-44%);
	}

		.how-to .vw_m154_feature_wrapper{
	display: block;
}
.how-to .vw_m154_feature_item {
	  flex: none; 
}
	.how-to .vw_m154_feature_item .inner {
    padding: 0px;
	}

	.get-my-volkswagen .vw_m151_introcopy_highlights{
		padding-bottom:0px;
	}

	.accordion-custom-item {
		border-bottom:solid 3px white;
		padding:20px;
	}
	.accordion-title {
		cursor:pointer;
	}
	.accordion-title .vw_m021_head_4 {
		float:left;
		max-width:80%;
	}
	.accordion-title .icon{
		display:block;
		float:right;
		border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
		width:30px;
		height:30px;
		background-color:white;
		position:relative;
	}
	.accordion-title .icon-arrow-down {
		display:none;
	}
	.accordion-custom-item.visible .icon-arrow-down{
		display:block;
	}
	.accordion-custom-item.visible .icon-arrow-right{
		display:none;
	}
	.accordion-title .icon svg {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-6px;
		margin-top:-7px;
		width:14px;
		height:14px;
		fill:#0099da;
	}
	.accordion-title .icon-arrow-down {
		margin-left: -7px !important;
    margin-top: -6px !important;
	}

	.accordion-title::after {
		content: "";
  display: table;
  clear: both;
	}
	.accordion-content{
		display:none;
	}

	.overblik-i-lommestoerrelse .mobile-illustration {
		padding-top:30px;
	}
	.overblik-i-lommestoerrelse .text-col * {
		text-align:center;
	}

	.min-volkswagen-app *{
	text-align:center;
	}
	.min-volkswagen-app .padding-right {
		padding-right:0px !important;
	}
	.min-volkswagen-app .min-volkswagen {
		padding-top:30px;
	}
	.min-volkswagen-app .min-volkswagen img:not(.app-store-img) {
    width: 90%!important;
}
	.min-volkswagen-app .app-stores {
        width: 69%;
    padding-top: 4vw;
		margin-bottom: 0px;
	}
	.app-stores a {
    width: 100%;
	}

	.get-help .text-left * {
	text-align:center;
	}
	.get-help .birdview {
    position: relative;
    width: 141%;
    top: 7vw;
	}
	.get-help .rings {
	    width: 130%;
	}
	.get-help .image-container {
		 padding-top: 4vw;
	}

	.braendstof {
    padding-top: 26vw !important;
    padding-bottom: 26vw !important;
    background-position: 94% 0%;
    background-size: auto 100%;
	}
}
@media screen and (max-width:380px) {
	.splashtop {
    left: 8%;
}
	.vjs-big-play-button {
    background-size: 11% !important;
}
	.vjs-big-play-button {
	    height: 24% !important;
	}
}

.ihdcc-root {
	font-family: 'VWHeadWeb-Regular'; /* ihdcc-root has font-family vw in CMS style sheet */
}