@charset "utf-8";
/* CSS Document */

.select-lang { text-align:right; display: flex; justify-content: flex-end; height:30px; padding:0 1rem; }
.select-lang h4  { margin-right: 1.0em;color:#FFFFFF;font-size:1.2rem;  }
.select-lang .navbarNavDropdown .nav-link{ padding:0; line-height: 1.0; color:#FFFFFF;font-size:1.2rem; }
.select-lang .navbarNavDropdown ul {margin-top: -5px;}
footer .select-lang .navbarNavDropdown ul {margin-top: 5px;}
.select-lang .navbarNavDropdown .dropdown-menu {
    position: absolute;
	float: none;
    top: 110%;
    right:-10px;
    left: auto;
    border-radius:0;
}

#main-nav { position:relative; padding:0; }
.navbar-brand { position:absolute;left:10px; top:0; z-index: 105;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu-container {
  width: 80%;
  margin: 0 auto;
  background: #FFFFFF;
  height:85px;
}
.menu-mobile {
  display: none;
  padding: 20px;
  position:relative;
  height:60px;
}
.menu-mobile i {
  font-size: 2.5rem;
  padding: 0;
  position: absolute;
  top: 10px;
  right:10px;
  display: inline-block;
}
.menu ul li {
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	}
.menu > ul > li > .fa.fa-plus {
    display: none;
    cursor: pointer;
    padding: 0.75em 1em 0.75em 3em;
    background-color:transparent;
    color: #FFFFFF;
    position: absolute;
    right: 10px;
    top: 0;
}
.menu { width:100%;height:100%; border-bottom: #005ABC 8px solid;}
.menu > ul {
  margin: 0 auto;
  width: 100%;height:100%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
  /*float: left;*/
  background: #FFFFFF;
  padding: 0;
  margin: 0;
  display: inline-block;
  height:100%;
}
html[lang="en"] .menu > ul > li > a {
  padding: 1.5em 0.5em;
}
.menu > ul > li > a {
  text-decoration: none;
  padding: 1.5em;
  display: block;
  color:#000000;
  font-weight: 600;
  position:relative;
  height: 85px;
}

.menu > ul > li > .second-level {
  display: none;
  width: 100%;
  background: #00479D;
  padding: 0;
  position: absolute;
  z-index: 99;
  left: 0;
  top: 85px;
  margin: 0 ;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.menu > ul > li > .second-level .inner { 
	width:90%; 
	max-width:1200px; 
	/*min-height: 606px;*/
	margin: 0 auto;   
	display: flex;
	flex-flow: row wrap;
	background: url( ../images/common/menu_bg.png) no-repeat left top;
	padding:30px 0;
}


.menu > ul > li > .second-level * { color:#FFFFFF;}
.menu > ul > li > .second-level:before,
.menu > ul > li > .second-level:after {
  content: "";
  display: table;
}
.menu > ul > li > .second-level:after {
  clear: both;
}
.menu > ul > li > .second-level h2 { font-size:24px; width:33%; text-align: left;}

.menu > ul > li > .second-level ul , .menu > ul > li > .second-level ul li { list-style: none; text-align: left;}
.menu > ul > li > .second-level > .inner > ul { width:33%; padding:0; position:relative;}
html[lang="en"] .menu > ul > li > .second-level > .inner > ul { width:35%; }
.menu > ul > li > .second-level ul > li {
  margin: 0 0 5px 0;
  padding: 5px 10px;
  list-style: none;
  width: 100%;
  background: none;
  float: left;
 
}
.menu > ul > li > .second-level > .inner > ul > li > a {
  color: #FFFFFF;
  padding: 0;
  width: 95%;
  display: block;
  position:relative;
}
.menu > ul > li > .second-level > .inner > ul > li > a .lsf-icon.right { color:#FFFFFF;position:absolute; right:5%;}
html[lang="en"] .menu > ul > li > .second-level > .inner > ul > li > a .lsf-icon.right { right:1%;}
.menu > ul > li > .second-level > .inner > ul > li:hover {
  
  background-color: #005BAC;
  text-decoration: none;
  display: flex;
}
.menu > ul > li > .second-level > .inner > ul > li:hover a {color: #FFFFFF; text-decoration: none;}

.menu > ul > li > .second-level > .inner > ul > li > ul.third-level {
  display: none;
  padding: 10px 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left:100%;
  top:0;
  background-color: #005BAC;
  width:100%;
  min-height:100%;
  height:auto;
}
.menu > ul > li > .second-level > .inner > ul > li > ul.third-level li { padding:5px 20px;}

.menu > ul > li > .second-level > .inner > ul > li:hover > ul.third-level{
  display: block;
}
.menu > ul > li > .second-level ul > li > ul:before,
.menu > ul > li > .second-level ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > .second-level ul > li > ul:after {
  clear: both;
}

li.menu__mega:hover ul.menu__second-level {
    top: 0;
    visibility: visible;
    opacity: 1;
}


.menu > ul > li > .second-level ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 0;
}
.menu > ul > li > .second-level ul > li > ul > li:hover {
  background-color:#0068b7;
}
.menu > ul > li > .second-level ul > li > ul > li a {
  border: 0;
}

.menu > ul > li > .second-level.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
.menu > ul > li > .second-level.normal-sub ul > li {
  width: 100%;
}
.menu > ul > li > .second-level.normal-sub ul > li a {
  border: 0;
  padding: 1em 0;
}
.menu > ul > li#globalMenu06 { padding-right:100px;}
#globalMenu.show-on-mobile { text-align: left; margin-top:60px;}

#main-nav .btn_contact { position:absolute; right:0; width:92px; height:85px; background-color:#005BAC; text-align: center; font-size:10px; color:#FFFFFF;top:0; }
#main-nav .btn_contact a { color:#FFFFFF; display: block; width:100%; height:100%; padding-top:8px; }
#main-nav .btn_contact a:hover { text-decoration: none; background-color:#00479D; } 
@media only screen and (min-width: 992px) {
	.menu > ul > li:hover > a:after, .menu > ul > li > a.current:after {
		content:"";
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-bottom: 10px solid #00479D;
		display: block;
		margin:10px auto 0;
	}
	.menu > ul > li:hover > a, .menu > ul > li > a.current  {
		color:#005ABC;
		border-bottom:8px solid #00479D;
	}
	.menu > ul > li > .second-level .inner { 
	padding:50px 0;
	}
}

/*************************************
  footer
*****************************************/
footer { background-color: #313131; border-top: #005ABC 8px solid;} 
footer .container { 
	width:90%; 
	max-width:1200px;
	margin:0 auto;
	padding:50px 0;
}
#footer-utility { background-color:#000000; }
footer #footer-sitemap * a { color:#CCCCCC;} 
footer #footer-sitemap h2 { font-size: 20px; margin-bottom:0.5em; font-weight: bold;}
footer #footer-sitemap ul { padding:0;margin:0 0 2em 0; list-style:none; }
footer #footer-sitemap ul li { list-style:none; font-size: 0.9rem; }
footer #footer-utility * { color:#CCCCCC;}
footer #footer-utility p{ font-size: 0.9rem;}
footer #footer-utility p.title { margin-bottom: 0.5rem; }
footer #footer-utility p.copy { margin-bottom: 0;}
footer #footer-utility .lang-nav { display: flex; align-items: flex-end; justify-content: flex-end;}
footer #footer-utility .lang-nav .dropdown-menu a { color:#333333;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 991px) {
	  body{padding:0;}

	  .select-lang, .btn_contact { display: none;}

	  .menu > ul > li#globalMenu06 { padding-right:0;}
	  .menu-container {
		width: 100%;
		height:auto;
		min-height:85px;
		position:relative;

	  }
	  .menu-mobile {
		display: block;
		position:absolute;
		width:100%;
		top:6px;
	  }
	.menu { height:100%; overflow-y: scroll;min-height:85px; z-index: 100;}
	  
		.menu-mobile i:before{
			color:#005bac;
		}
	  .menu > ul > li > .fa.fa-plus  {
		display: inline-block;
	  }
	  .menu > ul {
		display: none;
	  }
	  .menu > ul > li {
		width: 100%;
		height:auto;
		float: none;
		display: block;
		position:relative;
		background-color: #005bac;
		border-bottom:#80add6 5px solid;
	  }
	.menu > ul > li.none-md {
		border-bottom:none;
		}
	.menu > ul > li.none-md.lang-mobile {
		background-color: #00479d;
		display: flex;
		}
	html[lang="en"] .menu > ul > li > a, .menu > ul > li a {
		padding: 0.5em 1.0em;
		display: block;
		height: auto;
		color:rgba(255,255,255,0.8);
	}

	.menu > ul > li.none-md.lang-mobile > a.mobile-item { width:50%;border:2px solid #00479d; }
	.menu > ul > li.none-md.lang-mobile > a.mobile-item:nth-of-type(1) { border-right:1px solid #FFFFFF; }
	.menu > ul > li.none-md.lang-mobile > a.mobile-item:nth-of-type(2) { border-left:1px solid #FFFFFF; }

	.menu > ul > li > .second-level h2 {
			display: none;
		}
	.menu > ul > li > .second-level {
		display: none;
		width: 100%;
		background: #00479D;
		padding: 20px 0;
		position: static;
		box-sizing: border-box;
	}
		.menu > ul > li > .second-level .inner { height:auto; min-height: 1em; }
	  .menu > ul > li > .second-level > .inner > ul {
		width: 100%;
		padding: 0;
		position: relative;
	}

	.menu > ul > li > .second-level ul > li {

		margin: 0;
		padding: 0.25em 0.5em;
		float: none;
	}
	.menu > ul > li > .second-level > .inner > ul > li > a .lsf-icon.right {
		display: none;
	}
	.menu > ul > li > .second-level > .inner > ul > li:hover > ul.third-level{
	  display: none;
	}
	  .menu > ul > li > ul.normal-sub {
		width: 100%;
	  }
	  .menu > ul > li > ul > li {
		float: none;
		width: 100%;
		margin-top: 20px;
	  }
	  .menu > ul > li > ul > li:first-child {
		margin: 0;
	  }
	  .menu > ul > li > ul > li > ul {
		position: relative;
	  }
	  .menu > ul > li > ul > li > ul > li {
		float: none;
	  }
	  .menu #globalMenu.show-on-mobile {
		display: block;
		margin-top:85px;
		border-top:1px solid #111111;
		   height : -webkit-calc(100vh - 85px) ;
   height : calc(100vh - 85px) ;
		  overflow-y:scroll;
	  }
	  .menu .show-on-mobile + .menu-mobile i:before { content:"\f00d"; color:#005bac; } 
	  .menu .show-on-second i:before { content:"\f068"; } 
	footer .container {
    max-width: 940px;
    padding: 30px 0;
	}
	footer #footer-utility .lang-nav, #footer-sitemap { display: none;}
	footer #footer-utility p { text-align: center;}
	footer #footer-utility p.title img { width:auto; max-width:80%;}
	
}