/*@import url(../fonts/stylesheet.css); */


.gbnewton-mocs * {	
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.gbnewton-mocs {
	font-family: "Siemens Sans Roman", "Helvetica Neue", Helvetica, Arial;
	color:#2387aa;
	font-size:17px; line-height:24px;
	width:100%; height:100vh;
	max-height:900px;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
	top:0; left:0;
	-ms-touch-action: manipulation !important;
	background-color:#eff6f7;
}

.gbnewton-mocs h1 { font-size:62px; line-height:62px; padding:0; margin:0; font-weight:normal; font-family:"Siemens Sans Bold", "Helvetica Neue", Helvetica, Arial; }
.gbnewton-mocs h2 { font-size:24px; line-height:30px; padding:0 0 20px 0; margin:0; font-weight:normal; font-family:"Siemens Sans Roman", "Helvetica Neue", Helvetica, Arial; }
.gbnewton-mocs h3 { font-size:22px; line-height:26px; margin:0 0 10px 0; padding:0; font-weight:normal; font-family:"Siemens Sans Bold", "Helvetica Neue", Helvetica, Arial; }
.gbnewton-mocs h4 { font-size:15px; line-height:18px; margin:0; padding:0; font-weight:normal; font-family:"Siemens Sans Bold", "Helvetica Neue", Helvetica, Arial; }
.gbnewton-mocs h5 { font-size:15px; line-height:18px; margin:0; padding:0; font-weight:normal; font-family:"Siemens Sans Roman", "Helvetica Neue", Helvetica, Arial; color:#2d373c; }
.gbnewton-mocs h5 { font-size:14px; line-height:18px; margin:0; padding:0; font-weight:normal; font-family:"Siemens Sans Bold", "Helvetica Neue", Helvetica, Arial; }

.gbnewton-mocs p { margin:0 0 15px 0; }

/* Wrapper and preloader */
.gbnewton-mocs-wrapper { position:absolute; width:100vw; height:100%; transform-origin:0% 0%; overflow:hidden; background-color:/*#e9e9e9*/; }
.gbnewton-mocs-mobile { display:none; }
.gbnewton-mocs-preloader { position:fixed; top:0px; left:0; z-index:997; width:100%; height:100%; background-color:#000000; text-align:center; line-height:100vh; }
.gbnewton-mocs-preloader img { display:inline-block; }


/* Map */
.gbnewton-mocs .mapLayer { /*overflow:hidden;*/ position:absolute; top:0; right:0; }
.gbnewton-mocs img.mapMainImage, .gbnewton-mocs img.mapHighlight {
	width:100%; height:100%; position:absolute; top:0; right:0; display:block;
}
.gbnewton-mocs- img.mapHighlight { display:none; }

.gbnewton-mocs .mapFlagsContainer { position:absolute; width:100%; height:100%; top:0; left:0; }

/* Flags */
.gbnewton-mocs .flag { position:absolute; cursor:pointer; transition:all 0.4s; }

.gbnewton-mocs .flagBobble { position:absolute; width:20px; height:20px; background-size:cover; top:-10px; left:-10px; }
.gbnewton-mocs .flagBobbleActive { position:absolute; width:87px; height:77px; background-size:cover; top:-42px; left:-44px; pointer-events:none; 
	background-image:url('../images/bobbleActive.png'); opacity:0; transition:all 0.5s;
}

.gbnewton-mocs .flagText { position:absolute; padding:3px 90px 3px 10px;; border-radius:4px; white-space:nowrap;
	font-size:15px; line-height:17px; font-family:"Siemens Sans Bold", "Helvetica Neue", Helvetica, Arial; }
.gbnewton-mocs .flagCallout { position:absolute; background-size:cover; }

.gbnewton-mocs .flagType_normal .flagBobble { background-image:url('../images/bobbleStandard.png'); }
.gbnewton-mocs .flagType_highlight .flagBobble { background-image:url('../images/bobbleHighlight.png'); }
.gbnewton-mocs .flagType_normal .flagText { background-color:#fff; color:#202247; }
.gbnewton-mocs .flagType_highlight .flagText { background-color:#202247; color:#fff; }

.gbnewton-mocs .flag:hover { transform:scale(1.1); }


.gbnewton-mocs .flagLayout_bottomLeft .flagCallout { background-image:url('../images/calloutNormalBottomLeft.png'); 
	width:22px; height:20px; bottom:0; left:-2px;
}
.gbnewton-mocs .flagLayout_topLeft .flagCallout { background-image:url('../images/calloutNormalTopLeft.png'); 
	width:22px; height:20px; top:0; left:-2px;
}
.gbnewton-mocs .flagLayout_topRight .flagCallout { background-image:url('../images/calloutNormalTopRight.png'); 
	width:22px; height:20px; right: -2px;
}
.gbnewton-mocs .flagLayout_bottomRight .flagCallout { background-image:url('../images/calloutNormalBottomRight.png'); 
	width:22px; height:20px; bottom:0; left:-2px;
}
.gbnewton-mocs .flagLayout_bottomLeftSide .flagCallout { background-image:url('../images/calloutNormalBottomLeftSide.png'); 
	width:18px; height:19px; top: -2px; left: 0;
}
.gbnewton-mocs .flagLayout_bottomRightSide .flagCallout { background-image:url('../images/calloutNormalBottomRightSide.png'); 
	width:18px; height:19px; right:0; top:-2px;
}

.gbnewton-mocs .flagType_highlight.flagLayout_topRight .flagCallout { background-image:url('../images/calloutHighlightTopRight.png'); }
.gbnewton-mocs .flagType_highlight.flagLayout_bottomRight .flagCallout { background-image:url('../images/calloutHighlightBottomRight.png'); }

.gbnewton-mocs .flagLayout_bottomLeft .flagText { top:-58px; left:-20px; }
.gbnewton-mocs .flagLayout_topLeft .flagText { top:20px; left:-20px; }
.gbnewton-mocs .flagLayout_topRight .flagText { right:-20px; top:20px; }
.gbnewton-mocs .flagLayout_bottomRight .flagText { top:-58px; right:-40px; }
.gbnewton-mocs .flagLayout_bottomLeftSide .flagText { left:16px; bottom:-17px; }
.gbnewton-mocs .flagLayout_bottomRightSide .flagText { right: 16px; bottom: -17px;}

.gbnewton-mocs .flagIcons { position:absolute; right:5px; top:5px; height:30px; width:80px; text-align:right; }
.gbnewton-mocs .flagIcons span, .gbnewton-mocs .flagIconsLeft span { width:37px; height:18px; background-size:cover; margin:5px 2px 0 2px; display:inline-block; }

.gbnewton-mocs .flagIconsLeft { margin:top:10px; }
.gbnewton-mocs .icon_bogies { background-image:url('../images/icons/bogies.png'); }
.gbnewton-mocs .icon_rails { background-image:url('../images/icons/rails.png'); }
.gbnewton-mocs .icon_locomotives { background-image:url('../images/icons/logo.png'); }



/* Collapsibles */
.gbnewton-mocs .collapsibles { position:absolute; left:60px; width:670px; top:375px; transition:all 0.5s; }
.gbnewton-mocs .collapsible { overflow:hidden; transition:all 0.5s; position:relative; margin-bottom:25px; 
	border-radius:10px; background-repeat:no-repeat; background-size:100%; 
}
.gbnewton-mocs .collClosed { max-height:48px; }
.gbnewton-mocs .collOpened { max-height:680px; }
.gbnewton-mocs .collapsible h2 { color:#fff; font-size:16px; line-height:48px; padding:0 0 0 438px; cursor:pointer; 
	position:relative; z-index:10;
}

.gbnewton-mocs .btnClose { position:absolute; right:10px; top:10px; width:20px; height:20px; background-size:cover; }
.gbnewton-mocs .opened { background-image:url('../images/bobbleStandard.png'); }
.gbnewton-mocs .closed { background-image:url('../images/arrowDown.png'); }


.gbnewton-mocs .competenceCenters { background-image:url('../images/backgroundCompetence.jpg'); }
.gbnewton-mocs .mobilityServices { background-image:url('../images/backgroundService.png'); }

.gbnewton-mocs .collInner { padding:10px 30px 20px 30px; margin:0; color:#fff; transition:all 0.5s; }
.gbnewton-mocs .collInner img { width:100%; height:auto; cursor:pointer; }
.gbnewton-mocs .locData h2, .gbnewton-mocs .locData h3 { padding:0; margin:0; cursor:inherit;
	font-size:18px; line-height:22px; margin-bottom:4px; color:#fff !important;
	font-family:"Siemens Sans Bold", "Helvetica Neue", Helvetica, Arial; }

.gbnewton-mocs .locData h3 { margin-bottom:10px; font-size:12px; line-height:14px; color:#fff !important; }


.gbnewton-mocs .locData { width:100%; font-size:16px; line-height:18px; color:#fff !important; padding:30px; position:relative; z-index:20; pointer-events:none; }
.gbnewton-mocs .locData:after { display:block; clear:both; content:' '; }
.gbnewton-mocs .locData_col1 { float:left; width:40%; }
.gbnewton-mocs .locData_col1 img { width:100%; height:auto; cursor:pointer; }
.gbnewton-mocs .locData_col2 { float:left; width:56%; margin-left:4%; }

.gbnewton-mocs .locData img { pointer-events:all; }

.gbnewton-mocs .locData ul { margin:0; padding:0 0 0 16px; margin-bottom:20px; }
.gbnewton-mocs .locData ul li { margin-bottom:3px; color:#fff !important; list-style-type:disc; }

.gbnewton-mocs .col_2 { width:100%; }
.gbnewton-mocs .col_2:after { display:block; content:' '; clear:both; }
.gbnewton-mocs .col_2 div { width:100%; /*margin-right:4%;*/ /*float:left;*/ }

.gbnewton-mocs .locData_col2 > h2:first-of-type { margin-bottom:10px; font-size:20px; line-height:24px; }
.gbnewton-mocs .locData .flagIconsLeft span { width:37.2px; height:30px; }

/* Mobility services */
.gbnewton-mocs .tabContainer { border:1px solid #fff;  background-image:url('../images/backgroundServiceInner.png'); }
.gbnewton-mocs .tabs { height:50px;  }
.gbnewton-mocs .tabs:after { clear:both; display:block; content:' '; }
.gbnewton-mocs .tab { float:left; height:50px; text-align:center; font-size:12px; line-height:14px;
	font-family:"Siemens Sans Bold", "Helvetica Neue", Helvetica, Arial;
	border-right:1px solid #fff; border-bottom:1px solid #fff;
	cursor:pointer; width:calc(100%/5); display:table; background-image:url('../images/backgroundServiceInner.png');
	box-shadow: inset 5px 0px 10px rgba(0,0,0,0.2); transition: all 0.5s; background-size: 160%;
}
.gbnewton-mocs .tab span { display:table-cell; vertical-align:middle; }

.gbnewton-mocs .tabs .tab:last-of-type { border-right:0; }
.gbnewton-mocs .tabActive { border-bottom-color:transparent; background-image:none; box-shadow:none; }

.gbnewton-mocs .tabContents { position:relative; transition:all 0.5s; }
.gbnewton-mocs .tabContent { position:absolute; top:0; left; /*padding:20px;*/ display:none; top:0; left:0; }

.gbnewton-mocs .servicesContent { font-size:14px; line-height:16px; padding:30px; }
.gbnewton-mocs .servicesContent:after { display:block; content:' '; clear:both; }
.gbnewton-mocs .servicesContent div { float:left; }
.gbnewton-mocs .servicesContent div:first-of-type { width:35%; }
.gbnewton-mocs .servicesContent div:last-of-type { width:62%; margin-left:3%; }

.gbnewton-mocs .servicesContent h3 { font-size:14px; line-height:20px; }
.gbnewton-mocs .servicesContent p { margin:0; }

/* Misc */
.gbnewton-mocs img.logo { width:250px; height:auto; position:absolute; left:60px; top:35px;  }
.gbnewton-mocs .appHeadline { position:absolute; left:60px; top:50px; width:670px; height:300px; border-radius:10px;
	background-size:cover; background-image:url('../images/appHeadline.jpg'); background-color:rgba(0,0,0,1); 
	font-size:40px; line-height:48px; padding:80px 40px; color:#fff;
	font-family:"Siemens Sans Roman", "Helvetica Neue", Helvetica, Arial;
	text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.9);
}

.gbnewton-mocs .assetButtons { margin:10px 0 0 0 !important; float:none !important; }
.gbnewton-mocs a.assetButton { width:180px !important; font-size:13px; line-height:28px; cursor: pointer;
	padding: 0 10px !important; margin: 5px 0px !important; float: none !important; display:block;
	background-image: url('../images/backgroundService.png'); background-size: 100%;
	border-radius:6px; box-shadow: 2px 2px 4px rgba(0,0,0,0.3), 2px 2px 4px rgba(255,255,255,0.3) inset;
	color:#fff !important; text-decoration:none;
}
.gbnewton-mocs .spacer { margin-top:10px; }


/* Content overlay */
.gbnewton-mocs .contentOverlay { position:absolute; width:0; height:0; left:50%; top:50%; display:block; z-index:20; display:none; }
.gbnewton-mocs .contentOverlayInner { position:relative; left:-400px; width:800px; top:-300px; min-height:400px; 
	background-color:#0D7F8B;
}
.gbnewton-mocs .contentOverlayClose { position:absolute; z-index:21; width:30px; height:30px; cursor:pointer;
	background-image:url('../images/btnClose.png'); background-size:cover;
	top:-290px; left:360px;
}

.gbnewton-mocs .contentInnerClose { position:absolute; width:100%; height:100%; background-color:transparent; cursor:pointer; }


.gbnewton-mocs .moreButtons { position:absolute; z-index:2; right:30px; bottom:30px; color:#fff; text-align:center; }
.gbnewton-mocs .legend { position:absolute; bottom:30px; right:50px; font-size:12px; line-height:25px; }
.gbnewton-mocs .legend span { width:31px; height:25px; background-size:cover; margin:0 8px 0 0px; display:inline-block; vertical-align:top; }

/* Overlay */
.gbnewton-mocs .overlay { position:fixed; width:100%; height:100%; top:0; left:0; display:none; z-index:9999; }
.gbnewton-mocs .overlayBack { position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.85); opacity:0; transition:all 0.5s; }
.gbnewton-mocs .overlayTarget { position:absolute; transition:all 0.5s; }
.gbnewton-mocs .overlayTarget img { width:100%; height:100%; }


@media screen and (max-width: 1300px) {
	/*.gbnewton-mocs { height:900px; }*/
}

@media screen and (max-width: 1100px) {
	/*.gbnewton-mocs { height:800px; }*/
}


@media screen and (max-width: 950px), screen and (max-height: 700px) {
	.gbnewton-mocs { height:auto; max-height:none; }
	.gbnewton-mocs-wrapper { display:none; }
	.gbnewton-mocs-mobile { display:block; padding:10px; }

	.gbnewton-mocs .flagText { position:relative; font-size:16px; line-height:22px; padding:10px; font-weight:bold; }
	.gbnewton-mocs .collContent { padding:10px; }
	.gbnewton-mocs .collContent img { max-width:100%; height:auto; max-height:300px; display:block; margin:0px auto 20px auto; }

	.gbnewton-mocs h2 { font-size:16px; line-height:20px; margin:0px 0 5px 0; padding:0; font-weight:bold; }	
	.gbnewton-mocs h3 { font-size:12px; line-height:14px; }
	.gbnewton-mocs ul { margin:0; padding:0 0 0 16px; }
	.gbnewton-mocs ul li { font-size:14px; line-height:18px; list-style-type:disc; }

	.gbnewton-mocs .collEntry { border:1px solid #ccc; margin-bottom:10px; position:relative; overflow:hidden; 
		transition:max-height 0.5s;
	}
	.gbnewton-mocs .collEntry .col_2 > div:last-of-type { margin-top:10px; }

	.gbnewton-mocs .collEntry .flagText { cursor:pointer; }

	.gbnewton-mocs .collColor_highlight { color:#fff !important; background-color:#005b81; }

	.gbnewton-mocs .flagIcons { bottom:0; top:auto; }

	.gbnewton-mocs disclaimer { font-size:12px; line-height:14px; display: inline-block; }
	.gbnewton-mocs disclaimer br { display: none;  }
	.gbnewton-mocs disclaimer br:before { content:' '; }



}