@charset "UTF-8";

body {
	-webkit-font-smoothing:antialiased;
	background-color: #000000;
	font-family:"Arial", sans-serif;
	font-weight:bold;
	overflow:hidden;
}

.header {
	/*position: fixed;*/
	position:absolute;
	width:100%;
	height:90px;
	top:0;
	left:0;
	background: url('../images/headerbg.png') repeat-y; 
	background-size: 100% 100%;
	z-index:10;
}

.logo {
	position:absolute;
	width:240px;
	height:30px;
	top:0;
	left:0;
	margin:32px 0px 0px 40px;
	background-image:url('../images/logo.svg');
	background-color: rgba(255, 255, 255, 1);
	background-repeat:no-repeat;
}

#container{
	width:1920px;
	height:1080px;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
}

.preload{
	width:1920px;
	height:1080px;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	background: #000000 url('../images/loader.gif') no-repeat center center fixed;
	z-index:1000;
}

#menu_container{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color: rgba(0, 0, 0, 0);
	z-index:19;
}

.bgImage,
.bgMenu {
	width:100%;
	height:100%;
	position:absolute;
	display: table-cell;
	vertical-align: middle;
	left:0;
	top:0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}

.bgImage {
opacity:0;
z-index:1;
}

.clicktrack {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color: rgba(0, 0, 0, 0);
	z-index:1001;
}

#bgMenu {background: url('../images/bg_menu.jpg') no-repeat;}

#content01{background: url('../images/bg_aerospace.jpg') no-repeat;}
#content02{background: url('../images/bg_automotive.jpg') no-repeat;}
#content03{background: url('../images/bg_construction.jpg') no-repeat;}
#content04{background: url('../images/bg_food_and_beverages.jpg') no-repeat;}
#content05{background: url('../images/bg_heavy_duty.jpg') no-repeat;}
#content06{background: url('../images/bg_machine_building.jpg') no-repeat;}
#content07{background: url('../images/bg_rail_and_transportation.jpg') no-repeat; }
#content08{background: url('../images/bg_renewable_energy.jpg') no-repeat;}
#content09{background: url('../images/bg_white_goods.jpg') no-repeat;}


.bgBlack{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color: rgba(0, 0, 0, .5);
	opacity:0;
	display:none;
	z-index:5;
}

.menu{
	width:100px;
	height:100px;
	left:0;
	top:0;
	position:relative;
	opacity:0;	
}

.menuItem{
	width:200px;
	height:200px;
	position:absolute;
	background-color:#ffffff;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	vertical-align: middle;
	text-align:center;
	font-size: 40px;
	font-weight:bold;
	color:#6a89aa;
	overflow:hidden;
	-webkit-user-select: none;
 	-moz-user-select: none;
  	-ms-user-select: none;
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	outline: 1px solid transparent;
  	cursor: pointer; 
  	opacity:.9;
}

.menuIcon{	
	width:200px;
	height:200px;
	position:absolute;
	background-color:#ffffff;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	vertical-align: middle;
	text-align:center;
	font-size: 30px;
	font-weight:bold;
	color:#7795b5;
	line-height:26px;
	overflow:hidden;
	-webkit-user-select: none;
 	-moz-user-select: none;
  	-ms-user-select: none;
	background-image:url('../images/iconmenu.svg');
	background-repeat:no-repeat;
	background-position: center;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer; 
}

.background {
	width:200px;
	height:200px;
	top:0;
	left:0;
	position:absolute;
	background-color:#4d629f;
	background-size: 300px 260px;
	opacity:0;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

#m01 .background {background: url('../images/menu_aerospace.jpg') no-repeat center center;}
#m02 .background {background: url('../images/menu_automotive.jpg') no-repeat center center;}
#m03 .background {background: url('../images/menu_construction.jpg') no-repeat center center;}
#m04 .background {background: url('../images/menu_food_beverages.jpg') no-repeat center center;}
#m05 .background {background: url('../images/menu_heavy_duty.jpg') no-repeat center center;}
#m06 .background {background: url('../images/menu_machine_building.jpg') no-repeat center center;}
#m07 .background {background: url('../images/menu_rail_transportation.jpg') no-repeat center center;}
#m08 .background {background: url('../images/menu_renewable_energy.jpg') no-repeat center center;}
#m09 .background {background: url('../images/menu_white_goods.jpg') no-repeat center center;}

.menutext {
	position:relative;
	display: table-cell;
	vertical-align: middle;
	width:200px;
	height:200px;
	-webkit-user-select: none;
 	-moz-user-select: none;
  	-ms-user-select: none;
  	padding:0px 15px 0px 15px;
  	line-height:46px;
}

.contenttext {
	height:auto;
	left:40px;
	bottom:36px;
	position:absolute;
	font-size: 123px;
	font-weight:bold;
	line-height: 116px;
	color:#ffffff;
	opacity:.7;
}

.hotspot {
	position:absolute;
	width:50px;
	height:50px;
	margin-top:-25px;
	margin-left:-25px ;
	background-color: rgba(255, 255, 255, .8);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0px 0px 0px 50px rgba(229, 44, 43, 0.5);
	opacity:0;
	z-index:20;
}

.products {
	position:absolute;
	width:500px;
	height:900px;
	font-size: 32px;
	font-weight:bold;
	color:#838383;
	background-color: rgba(255, 255, 255, .95);
	display: table-cell;
	vertical-align: middle;
	border:1px solid #838383;
	-moz-border-radius-topleft: 15px;
   	-webkit-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-bottomleft:  15px;
   	-webkit-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	z-index:30;
	opacity:1;
}

.producttitle {
	width:500px;
	height:50px;
	margin-left:50px;
	float:left;
	display:block;
	margin-top:35px;
}

.producttitle > span {
	position:absolute;
	display:block;
}

.productImages {
	float:left;
	top:15%;
}

.product {
	float:left
	width:345px;
	height:227px;
	border:1px solid #838383;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin:10px 0px 10px 50px;
}

.close {
	position:absolute;
	bottom:0;
	right:0;
	cursor: pointer;
}