@import "less/bootstrap.less";
@import "bs/theme.less";

@brand-facebook:#3b5998;
@brand-twitter:#2caae1;

@import "less/font-awesome.less";
@fa-font-path:        "../font";

.usato .properties{
    margin-top:15px;
}

//2374ac
@font-face {
	font-family: 'VWHeadlineOTSemibold';
	src: url('../../corporate/fonts/vwheadlineot-semibold-webfont.eot');
	src: local('☺'), url('../../corporate/fonts/vwheadlineot-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../corporate/fonts/vwheadlineot-semibold-webfont.woff') format('woff'), url('../../corporate/fonts/vwheadlineot-semibold-webfont.ttf') format('truetype'), url('../../corporate/fonts/vwheadlineot-semibold-webfont.svg#VWHeadlineOTSemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'VWHeadlineOTBlack';
    src: url('../../corporate/fonts/vwheadlineot-black-webfont.eot');
    src: url('../../corporate/fonts/vwheadlineot-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../corporate/fonts/vwheadlineot-black-webfont.woff') format('woff'),
         url('../../corporate/fonts/vwheadlineot-black-webfont.svg#VWHeadlineOTBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VWHeadlineOTBook';
	src: url('../../corporate/fonts/vwheadlineot-book-webfont.eot');
    src: url('../../corporate/fonts/vwheadlineot-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../corporate/fonts/vwheadlineot-book-webfont.woff') format('woff'),
         url('../../corporate/fonts/vwheadlineot-book-webfont.svg#VWHeadlineOTBook') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	//width: 320px;
	margin: 0 auto;
	font-size:12px;
}

#header {
	background: #424242;
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	min-height: 45px;
	box-sizing: border-box;
	border-bottom:1px solid #777777;
	a{
		color:#fff;
		text-decoration: none;
	}
}

@main_bg:#2374ac;
@main_color:#fff;

.mobile-content{
	padding:20px 15px;
	h1,h2,h3,h4,h5,h6{
		font-size: 100%;
	}
	.sedi{
		padding-bottom: 10px;
	}
}

#top-nav{
		box-sizing: border-box;
		display: block;
		background:@main_bg;
		margin: 0;
		padding: 0;
		list-style-type: none;
		min-height: 45px;
		width: 100%;
		min-width: 240px;
		color:@main_color;
		li{
			box-sizing: border-box;
			display:block;
			float:left;
			width: 33%;
			border-right:1px solid rgba(255,255,255,.5);
			text-align: center;
			font-size:12px;
			font-family: 'VWHeadlineOTBlack';
			a{
				text-decoration: none;
				color:inherit;
				text-transform: uppercase;
				display: block;
				line-height: 45px;
				width: 100%;
				[class^="vwicon-"]:before,[class*=" vwicon-"]:before
				{
					font-size: 20px;
					position: relative;
					top: 4px;
				}

			}
			&.active{
				background-color:  #fff;
				color:#424242;
				[class^="vwicon-"]:before,[class*=" vwicon-"]:before
				{
					color: @main_bg;
				}
			}
		}
		li:last-child{
			border-right:none;
			width: 34%;
		}

}



#main-menu {
	font-family: 'VWHeadlineOTBook';
	height: 0px;
	overflow: hidden;
	display: block;
		margin: 0;
		padding: 0;
		list-style-type: none;
		li{
			line-height: 32px;
			height: 32px;
			box-sizing: border-box;
			border-top:1px solid #777777;
			text-align: right;
			a{
				line-height: 32px;
				padding:0 15px;
				display: block;
			}
		}
	.transition(height .34s ease-in-out);
}
/*
.active {
	#main-menu{
		height: 128px;
		overflow: auto;
	}
}*/
/*
section {
	top: 45px;
	bottom: 0;
	position: fixed;
	right: 0;
	left: 0;
	box-sizing: border-box;
	overflow: auto;
}
.no-overflow{
	section{
		top: auto;
		bottom: auto;
		right: auto;
		left: auto;
		position: static;
	}
}*/

.page{
	overflow-x:hidden;
	padding-top:45px;
	padding-bottom:20px;
	header{
		left: 0px;
		position: fixed;
		right: 0px;
		top: 0px;
		z-index: 10001;
	}
	section{
		overflow-x: hidden;
		overflow-y: hidden;
	}
}

.horizontal{
	.page{
		overflow-x:hidden;
		padding-top:0;
		padding-bottom:20px;
		header{
			left: auto;
			position: static;
			right: auto;
			top: auto;
			z-index: 10001;
		}
		section{
			overflow-x: hidden;
			overflow-y: scroll;
		}
	}
}

footer {
	height: 35px;
	display: block;
	background: #fff;
	//width: 100%;
	padding: 0 15px;
	font-size:11px;
	box-sizing: border-box;
	p{
		padding:10px 5px;
		text-align: center;
	}
}

#home-header{
	height: 54px;
	overflow: hidden;
	h1{
		padding:18px 15px;
		margin: 0;
		font-size:18px;
		font-weight:normal;
    	font-family: 'VWHeadlineOTBlack';
	}
}

#logo{
	width: 31px !important;
	height: auto !important;
	float: right;
	margin-top:13px;
	margin-right: 13px;
}

.menu-pane{
	z-index: 10000;
	background-color: #fff;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 45px;
	display: none;
	-webkit-box-shadow:0 10px 9px rgba(0,0,0,.2);
	box-shadow: 0 10px 9px rgba(0,0,0,.2);

}
#menu{
	ul{
		color:#424242;
		margin: 0;
		padding:0;
		list-style-type: none;
		li{
			display:block;
			border-bottom:1px solid #afafaf;
			a{
				padding:0 10px;
				line-height: 38px;
				display: block;
				color:inherit;
				text-decoration: none;
				font-size: 14px;
				text-transform: uppercase;

				&:hover, &:active{
					background:@main_bg;
					color:#fff;
				}
			}
		}
	}
}
#contacts{
	overflow: hidden;
	ul{
		color:#424242;
		margin: 0;
		padding:0;
		list-style-type: none;
		li{
			display:block;
			overflow: hidden;
			border-bottom:1px solid #afafaf;
			a{
				padding:0 10px;
				line-height: 50px;
				height: 50px;
				display: block;
				color:inherit;
				text-decoration: none;
				font-size: 14px;
				text-transform: uppercase;
				font-weight: bold;
				&:hover, &:active{
					background:@main_bg;
					color:#fff;
					.vw-icon{
						color:#fff;

					}
				}
			}
			&.free-number{
				a, .vw-icon{
					color:#209a45;
					&:hover, &:active{
						color:#fff;
						.vw-icon{
							color:#fff;

						}
					}
				}
			}
		}
	}
	.vw-icon{
		font-size:26px;
		margin:0 25px;
		margin-left:15px;
		display: block;
		float:left;
		color:@main_bg;
		position: relative;
		top:5px;
	}
}
.social-menu{
	overflow: hidden;
	padding:15px;
	a{
		margin-right:12px;
		display: block;
		width: 35px;
		overflow: hidden;
		height: 35px;
		border-radius:6px;
		float:left;
		text-decoration:none;
		text-align: center;
		line-height: 42px;
		font-size:28px;
		color:#ffF;
		&:hover{
			text-decoration:none;
			color:#ffF;
		}
	}
}
.google_plus-icon{
	color:#fff;
	background: #dd4b39;
}
.pinterest-icon{
	color:#fff;
	background:#cb2027;
}
.youtube-icon{
	color:#fff;
	background: #e52d27;
}
.facebook-icon{
	color:#fff;
	background: @brand-facebook;
}
.twitter-icon{
	color:#fff;
	background: @brand-twitter;
}
.instagram-icon{
	color:#fff;
	background: #5280a4;
    .fa{
        position: relative;
        top:-3px;
    }
}
.linkedin-icon{
	color:#fff;
	background: #0073b2;
	.fa{
	    position: relative;
	    top:-3px;
	}
}



.app-icon{
	#gradient > .vertical(#8bb6d4, #2274ac);
}

.top-bar{
	background: #e3e6e8;
	padding:0 15px;
	overflow: hidden;
	font-size:14px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	font-weight: bold;
	.back-link:before{
		background-image: url('../img/back-arrows.png');
		background-repeat: no-repeat;
		background-size: 100%;
		background-position-y:-13px;
		width: 7px;
		height: 13px;
		margin-top: 7px;
		margin-right: 6px;
		display: block;
		float:left;
		content: " ";
	}
	.back-link{
		font-size:12px;
		float:right;
		display: block;
		font-weight: bold;
		color:inherit;
		text-decoration: none;
		&:active:before, &:hover:before{
			background-position-y:0px;
		}
		&:active, &:hover{
			color:@main_bg;
		}
	}

}

.img-responsive{
	max-width: 100%;
}

.img-block{
	display: block;
}

@import "carousel.less";
@import "mcarousel.less";
@import "models.less";
@import "btn-menu.less";
@import "vwmobile.less";
@import "form.less";
@import "model-table.less";


.transition(@transition) {
  -webkit-transition: @transition;
     -moz-transition: @transition;
       -o-transition: @transition;
          transition: @transition;
}


.home-pop-up{
	//position: relative;
	background:#ccc;
	position: absolute;
	width: 100%;
	bottom:0;
	top:45px;
	.btn{
		position: absolute;
		top:300px;
		left:50%;
		margin-left: -150px;
		width: 300px;
	}
}




#cookies-policy{
    position: fixed;
    top:0;
    right: 0;
    left: 0;
    background: #fff;
    border-bottom:1px solid #ddd;
    z-index: 15000;
    box-shadow: 0 0 6px #000;
    .cookies-policy-container{
        margin: 15px 50px;
        font-size:12px;
    }
    .cookies-policy-accept{
        padding: 4px 10px;
        display: inline-block;
        margin-top:10px;
        background: #2274ac;
        color:#fff;
        &:hover{
            background: #4b4b4b;
            color:#fff;
        }
    }
}


#dealer-logo{
	padding-top:5px;
	h1{
	overflow:hidden; width:0; height:0; display:inline; text-indent:-1000px; margin:0; padding:0; font-size:0;
	}
}

/*
.checkbox input[type="checkbox"]{
    margin-left: 0;
}*/


#fancybox-wrap, #fancybox-wrap *{
	box-sizing: content-box !important;
}

@import "_usato.less";
@import "_team.less";
@import "../../corporate/less/_20160509-vw-accordion.less";




.recaptcha-wrapper * {
	box-sizing: content-box;
}