/* @import url(https://fonts.googleapis.com/css?family=Raleway:400,700,200); */
/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,700); */


/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('../fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body { 
	background-color: #ddd;
}

.bckImg {
	position: fixed;
	z-index: -10;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url('../gfx/background3.jpg');
	background-size: cover;
}
.fitCover { object-fit: cover; }

.container { background: rgb(240, 240, 240); background: rgba(240, 240, 240, 0.85);  }
#preHead { margin-top: 40px; margin-bottom: 10px; background: transparent; }
#breadCrumbMenu, #langMenu { background: transparent; }

#headImage { text-align: right; height: 170px; width: 100%; background-size: cover; }
#imageArea { background: #fff; margin: 0; padding: 0px; }

.navbar { z-index: 100; }
.navbar.affix { position: fixed; top:0; width: 100%; z-index: 100; }

#mainNav { background: transparent; border: none; box-shadow: none; }
#navWrapper { margin-bottom: 30px; }
.navbar .container { color: #222; background: transparent; } 
/* .navbar-nav > li { border-bottom: 0.5px solid #fff; } */
.navbar-nav > li > a { 	text-shadow: 2px  2px 2px #ddd,  2px -2px 2px #ddd,  -2px -2px 2px #ddd, -2px  2px 2px #ddd; }

.subboxContent .active { color: #000; font-weight: bold;}

@media (min-width: 769px) {		
	/* center nav items*/
	.navbar-nav { width: 100%; text-align: center; }
	.navbar-nav > li { float: none; display: inline-block; *display: inline; zoom:1; }
}
@media (max-width: 766px) {		
	/* center nav items*/
	.navbar-nav { background: #fff; }
	.sideBarNav { display: none; }
	.navbar-nav > li > a { 	text-shadow: none; }
}

.navbar-brand { display: none; }
#navWrapper .affix .navbar-brand { display: block; }

#siteImage { padding: 20px;	 }

#navWrapper { margin-top: 40px; }
#mainNav { top:-40px;  }
.affix { transition: top 0.5s; top: 0px !important; }
.affix .navbar-nav { width: inherit; }
.affix .container { background: rgb( 255,255,255 ); background: rgba( 255,255,255,0.9 ); border-radius: 20px; border-top-left-radius: 0; border-top-right-radius: 0  }

/* animate X on burger menu , need JS*/
.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggle .icon-bar:nth-of-type(3) { top: 2px; }
.navbar-toggle .icon-bar { position: relative; transition: all 500ms ease-in-out; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); }

#langMenu { width: 100%; }
.langNav { color:#000; font-size: 0.9em; text-shadow: 2px  2px 2px #ddd,  2px -2px 2px #ddd,  -2px -2px 2px #ddd, -2px  2px 2px #ddd; }
.langNav:hover { text-decoration: none; }
.langNavSelect {  }


#breadCrumbMenu a {
	border-bottom: 1px dotted #000; color:#000; font-size: 0.9em; 
	text-shadow: 2px  2px 2px #ddd,  2px -2px 2px #ddd,  -2px -2px 2px #ddd, -2px  2px 2px #ddd;
}


.logoSprite { width: 29px; height: 29px; }
.logoSprite:hover {	background-position: -29px 0; }


.clearBoth{ clear:both; }
.imgDesc { background: url('../gfx/navBack.png'); color: #fff; padding: 5px; text-shadow: 2px 2px 4px #000; }
.glow { box-shadow: 0px 0px 30px -5px #999; -moz-box-shadow: 0px 0px 30px -5px #999; -webkit-box-shadow: 0px 0px 30px -5px #999; }
.dropShadow { box-shadow: 12px 12px 8px -8px #777; -moz-box-shadow: 12px 12px 8px -8px #777; -webkit-box-shadow: 12px 12px 8px -8px #777; }
.makeRound { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.makeRound2 { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.dropTextShadow { text-shadow: 4px 3px 5px #bbb; }



/* SubBox */
.subBox h1, .subBox h2, .subBox h3 { font-weight: bold; margin: 0; padding: 0; padding-bottom: 0.5em; }
.subBox h1 { font-size: 1.1em; }
.subBox h2 { font-size: 1.0em; }
.subBox h3 { font-size: 1.0em; }
.subBox > h1 {
	margin:0;
	background: #614e3f;
	font-size: 1.2em;
	text-align: center;
	padding: 2px;
	color: #fff;	
	border: 1px solid #614e3f;
	box-shadow: 0px 0px 15px -5px #999;
}
.subBox {	 margin-top: 1.5em; margin-bottom: 1em;	margin-left: 1em; background: #f9f9f9; border: 1px solid #fff;	}
.subboxContent { 	padding: 1em 10px; }
.subBox .nav > li > a { padding: 0 5px ;  }  
.subBox .nav > li > a:hover, .subBox .nav > li > a:active { color:#000; background: transparent; }
.subBox hr { margin: 5px 0; }

/* BootStrop with Level3 Menu http://bootply.com/86684 */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/* 3. Level Menu ident */
.indent1 { margin-left: 20px; }

/* attation */
.attation { background-color: rgba(255, 100, 100, 0.3); border:4px dotted red; padding: 1em; margin-top: 0.5em; border-radius: 15px; }

/* References */
.referenceCard { background: rgba(200, 230, 255, 0.3); padding: 1em; border: 1px dashed #aaa; margin-bottom: 2em; }
.referenceCard img { max-width: 80px; max-height: 80px; padding-right: 20px; vertical-align: middle;}
.referenceCard h1 { font-size: 25px; padding: 0; margin: 0; color: #000;}


/* MailForm */
.csc-mailform label { width: 120px; display: inline-block; }
.csc-mailform-submit { margin-left: 120px; }

/* Browser Update */
 body .buorg {font-size:25px}

 /* Cookie Banner */
.klaro .cookie-modal,
.klaro .context-notice,
.klaro .cookie-notice {
  --green1: #014d83;
  --green2: #014d83;
  --dark1: #f0f0ff;
  --light1: #111:
}