@font-face{font-family:"VW Head";font-style:normal;font-weight:700;src:url(VWHeadWeb-Boldd41d.eot?#iefix) format("embedded-opentype"),url(VWHeadWeb-Bold.woff) format("woff"),url(VWHeadWeb-Bold.ttf) format("truetype")}@font-face{font-family:"VW Head";font-style:normal;font-weight:400;src:url(VWHeadWeb-Regulard41d.eot?#iefix) format("embedded-opentype"),url(VWHeadWeb-Regular.woff) format("woff"),url(VWHeadWeb-Regular.ttf) format("truetype")}@font-face{font-family:"VW Text";font-style:normal;font-weight:700;src:url(VWTextWeb-Boldd41d.eot?#iefix) format("embedded-opentype"),url(VWTextWeb-Bold.woff) format("woff"),url(VWTextWeb-Bold.ttf) format("truetype")}@font-face{font-family:"VW Text";font-style:normal;font-weight:400;src:url(VWTextWeb-Regulard41d.eot?#iefix) format("embedded-opentype"),url(VWTextWeb-Regular.woff) format("woff"),url(VWTextWeb-Regular.ttf) format("truetype")}@font-face{font-family:"VW Text Light";font-style:normal;src:url(VWTextWeb-Lightd41d.eot?#iefix) format("embedded-opentype"),url(VWTextWeb-Light.woff) format("woff"),url(VWTextWeb-Light.ttf) format("truetype")}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}button,input[type=submit],input[type=reset],input[type=button]{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}[role=button]{color:inherit;cursor:default;display:inline-block;text-align:center;text-decoration:none;white-space:pre;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}a{line-height:0}img{width:100%}.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

body{font-family:"VW Text",Arial,Helvetica,sans-serif;overflow:hidden;background-color:#cfd0d2;box-sizing: border-box;}

img{
	width: 100%;
}

p{font-family: "VW Text";
font-weight: normal;
font-size: 20px;
color:#000000;
line-height: 24px}

h3{font-family: "VW Head";
font-weight: bold;
font-size: 34px;
color:#000000;
line-height: 40px}

h4{font-family: "VW Head";
font-weight: bold;
font-size: 20px;
color:#FFFFFF;
line-height: 24px;
text-align:left;}

p span {
	color: #0099da;
}

.init-vw{
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0; left: 0; bottom: 0; right: 0;
	background-color: #000000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px auto;
}

.div-bg{
	position: absolute;
	top: 0; left: 0; width: 100;
}

.div-logo{
	display: none;
	position: absolute;
	width: 100px;
	top: 50%; left: 50%;
	margin: -50px 0 0 -50px;
}

.controller {
	width: 0; height: 0; line-height: 0;
	top: 0;left: auto;right: 0;
	position: absolute;
	display: none;
}

.video-background{
	position: absolute;
	top: 0px; left: 0; right: 0;
	width: 100%;
	min-width: 100%; 
  	min-height: auto !important;
  	margin-top: 0;
}

.grad-landscape{
	position: absolute; display: none;
	width: 100%;
	top: auto; bottom: 0; left: 0;  right: 0;
	box-sizing: border-box;
	background-position: bottom center; background-size: 100% 100%; background-repeat: repeat-x;
}

.grad-landscape-top{
	position: absolute;
	width: 100%;
	top: 0; bottom: auto; left: 0;  right: 0;
	box-sizing: border-box;
	background-position: bottom center; background-size: 100% 100%; background-repeat: repeat-x;
}

.null{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

.unActiveM{
	overflow: hidden;
	height: 100vh;
}

.wrapper {
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	background-color: #000000;
	box-sizing: border-box;
	height: 100vh;
	overflow: hidden;
}

.db-section{
	position: absolute;
	top: 100%; left: 0; bottom: 0;
	width: 100%;
	height:100vh;
	box-sizing: border-box;
}

.vw-hero{
	position: absolute;
	width: 100%;
	top: 0; left: 0;bottom: 0;
	box-sizing: border-box;
	background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat;
}

.odd {
	background-color: #F3F5F6;
}

.home-title{
position: relative;
width: 100%;
top: 0;left: 0;right: 0;
border-bottom: 1px solid #cfd0d2;
background-color: #DEE1E3; padding: 5%; box-sizing: border-box;}

.home-title img{
width: 40%;
position: absolute;
top: 25%;
left: 12%;}

/*//////Regular button/////*/

.vwbutton{
	position: relative;
	width: 80%;
	background-color: #0099da;
	box-sizing: border-box;
	margin: 4% auto 4%;
	cursor: pointer;
	padding: 20px;
	color: #FFFFFF;
	font-family: "VW Head", Arial, sans-serif;font-size: 16px;font-weight: normal;
	text-align: center; font-weight: bold;
	-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;
}

.vw-hero .vwbutton{
	position: absolute;
	margin: 0;
	top: auto; left: 10%; bottom: 5%;
}

.vwbutton:hover {
	background-color: #005c83;
}

.vwbutton-active {
	background-color: #005c83;
}

/*/////////BOX CONTENT ITEMS//////////*/
.item-box p, .item-box h3 {text-align:center; padding-bottom: 1%}
.item-box {
	position: relative;
	width: 80%;
	margin:0 auto;
	padding: 7% 0 5% 0;
	box-sizing: border-box;
	border-bottom: 1px solid #cfd0d2;
}

.first-box {
	/*nanai en moviles*/
}

.item-box-img {
	position: relative;
	padding-bottom: 56%;
	box-sizing: border-box;
	margin: 0 0 4% 0;
	border: 1px solid #cfd0d2;
	background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat;
}


@media only screen and (orientation: landscape) {
	.wrapper {
		width: auto;
		left: 50px;
	}

	.grad-landscape{display: block;}
}

@media only screen and (min-width: 1024px) and (orientation: landscape) {

	.controller {
		display: block;
	}

}