/*
 1.) Default Styles
 ----------------------------------------*/


body.intranet .green-bg, 
body.extranet .green-bg,
.intranet .mod_article, 
.extranet .mod_article,
.intranet #main, 
.extranet #main {
  background-color: #203093;
}

@media only screen and (min-width: 1024px) {
  .cont-main {
    padding-left: 100px;
  }
}

* {
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}

@media only screen and (max-width: 1023px) {
  body {
    background-color: #1c3099;
  }
  #main {
    margin-bottom: 0;
  }
}


/*
Logo
 ----------------------------------------*/

#left .logo {
  top: 60px;
  left: 60px;
}
#left .logo object {
  max-width: 250px;
}

@media only screen and (max-width: 1024px) {
	#left .logo {
	  top: 40px;
	  left: 40px;
	}
	#left .logo object {
	  max-width: 200px;
	}
}
@media only screen and (max-width: 768px) {
	#left .logo {
	  top: 20px;
	  left: 20px;
	}
	#left .logo object {
	  max-width: 150px;
	}
}



/*
Left
 ----------------------------------------*/

body.navclose .sidebar-offcanvas,
body.navclose .menu-btn.menu-btn1 {
	display: none;
}

#left .search-box,
#left .contact,
.contact,
#left .bottom-bg .show_ipad1,
#left .bottom-bg .show_mobile1 {
	display: none;
}

@media only screen and (max-width: 767px) {
  #left .logo {
    z-index: auto;
  }
}
.sidebar-offcanvas {
  background-color: #fff;
}
.nav-bar {
	float: none;
  margin: auto;
}
.nav-bar ul li {
  border-bottom: none;
}
.nav-bar ul.level_2 > li.active > span, .nav-bar ul.level_2 > li.trail > a {
  background-image: none;
  color: inherit;

}
.nav-bar ul.level_2,
.nav-bar ul.level_2 li {
  padding-left: 0;
  padding-bottom: 0;
}
.nav-bar ul.level_1 > li > a,
.nav-bar ul.level_1 > li > span {
  margin-bottom: 20px;
}
.nav-bar ul.level_2 li a,
.nav-bar ul.level_2 li.active span {
  color: #1c3099;
  background-image: url(../svg/bracket-right.svg);
  background-repeat: no-repeat;
  background-position: 0px 9px;
  background-size: 24px auto;
  padding: 13px 0 11px 26px;
  border-bottom: 1px #ccc solid;
}
.nav-bar ul.level_2 li a:hover,
.nav-bar ul.level_2 li.active span {
	display: block;
	width: 100%;
  background-image: url(../svg/bracket-right_a.svg);
	background-color: #1c3099;
	color: #fff;
	border-bottom-color: #fff;
}
.nav-bar .mod_customnav ul li {
  width: auto;
  border: none;
  float: none;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  padding: 0 10px 12px 0;
}

@media only screen and (max-width: 767px) {
  .bottom-bg .luanguage-mobi {
    float: left;
  }
}
/*
Content
 ----------------------------------------*/

.mod_article .ce_downloads ul {
  padding-left: 0;
}
.mod_article .ce_text p, .mod_article .tl_message p {
	text-indent: 0;
}
.intranet .ce_hyperlink a, .extranet .ce_hyperlink a {
	color: #ffffff;
}
.extranet .mod_article .ce_downloads ul li a span.size {
  color: #fff;
}
.mod_article .ce_downloads ul li span.icon {
  width: 19px;
}
.extranet .mod_article .ce_downloads ul li span.icon {
  background-image: url(../svg/arrow-download.svg);
  background-repeat: no-repeat;
  background-position: left 0px;
  background-size: 18px auto;
}

/*
Login
 ----------------------------------------*/

.intranet .mod_article .formbody {
	max-width: 100%;
}
.intranet .mod_article .mod_login input, 
.intranet .mod_article .mod_email_login input {
  border-color: #fff;
	width: 100%;
}
.intranet .mod_article .submit_container {
  padding-left: 0;
}
.intranet .mod_article .mod_email_login .submit_container input {
	height: 50px;
	width: 100%;
	float: left;
	background-image: none;
	background-color: #fff;
	color: #203093;
	border: none;
	padding: 5px 10px;
	margin: 0;
}
.intranet .ce_text {
	margin-top: 20px;
}
.intranet .ce_text a {
	color: #fff;
}
.mod_article .ce_hyperlink {
  padding-left: 0;
}
.mod_article .ce_hyperlink.website {
	margin-top: 50px;
}
.intranet .ce_hyperlink a, 
.extranet .ce_hyperlink a,
.intranet .ce_hyperlink a:hover, 
.extranet .ce_hyperlink a:hover {
  float: left;
  background-image: url(../svg/arrow-right.svg);
  background-repeat: no-repeat;
  background-position: left 2px;
  background-size: 18px auto;
  color: #fff;
  padding-left: 30px;
  margin-bottom: 6px;
}

/*
Content
 ----------------------------------------*/

h1 {
	font-family: AtypDisplaySemibold;
}