/*------------------------- OffCanvas Menu ------------------*/
.oc-menu--visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.oc-menu--no-overflow {
  overflow: hidden;
  height: 100%;
  width: 100%; }

.oc-menu {
  position: absolute;
  height: calc(100vh - 100%);
  width: 100%;
  background-color: #555;
  top: 100%;
  left: 0;
  color: white;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.oc-menu--column-wrap {
  height: 100%;
  display: -ms-flexbox;
  display: flex; }

.oc-menu.oc-menu--ie11 {
  display: flex;
  flex-direction: row; }

.oc-menu--ie11 .oc-menu--column-wrap {
  flex: 0 1 100%; }

.oc-menu--level-wrap {
  width: calc(100% / 3);
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 30px;
  flex: 0 1 auto;
  max-height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.oc-menu--level-wrap[data-level="0"] {
  z-index: 10;
  background-color: #083a81;
  padding-top: 40px; }

.oc-menu--level-wrap[data-level="1"] {
  z-index: 9;
  background-color: #2d5794; }

.oc-menu--level-wrap[data-level="2"] {
  z-index: 8;
  background-color: #5275a7; }

.oc-menu ul {
  list-style: none;
  transition: opacity 0.3s ease-out, display 0s ease-out 0.6s;
  position: absolute;
  padding: 0;
  width: 100%; }

.oc-menu ul[aria-expanded="false"] {
  z-index: -1;
  opacity: 0;
  display: none; }

.oc-menu ul[aria-expanded="true"] {
  opacity: 1;
  z-index: auto;
  display: block; }

.oc-menu button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  text-align: left;
  outline: 0;
  width: 100%;
  display: block;
  padding: 0;
  background-image: url("Images/arrow_right.svg");
  background-size: auto 20px;
  background-position: 94% center;
  background-repeat: no-repeat;
  transition: background-color 0.2s ease-out; }

.oc-menu button:focus,
.oc-menu button:active {
  outline: 0; }

.oc-menu button::-moz-focus-inner {
  outline: 0; }

.oc-menu button.oc-menu--close-level {
  background-image: none; }

.oc-menu .oc-menu--close-level {
  display: none; }
.oc-menu .oc-menu--close-level:before {
  content: url("Images/arrow_right.svg");
  display: inline-block;
  transform: rotate(180deg);
  width: 7px;
  line-height: 14px;
  margin-right: 12px;
  margin-left: 0; }

.oc-menu li > span,
.oc-menu button,
.oc-menu ul a,
.oc-menu ul .fix-header .logo span, .fix-header .logo
.oc-menu ul span {
  color: white;
  font-size: 22px;
  line-height: 1.5;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 12.5%;
  padding-left: calc(12.5% - 20px);
  border-left-width: 20px;
  border-left-style: solid;
  border-left-color: transparent;
  display: block; }

.oc-menu button:hover, .oc-menu button:focus,
.oc-menu ul a:hover,
.oc-menu ul .fix-header .logo span:hover, .fix-header .logo
.oc-menu ul span:hover, .oc-menu ul a:focus, .oc-menu ul .fix-header .logo span:focus, .fix-header .logo .oc-menu ul span:focus {
  border-left-color: white;
  text-decoration: none;
  outline: 0; }

.oc-menu button[aria-selected="true"] {
  background-color: white;
  color: #083a81;
  background-image: url("Images/arrow_right_blue1.svg"); }

.oc-menu--level-wrap[data-level="1"] li > span,
.oc-menu--level-wrap[data-level="1"] button,
.oc-menu--level-wrap[data-level="1"] ul a,
.oc-menu--level-wrap[data-level="1"] ul .fix-header .logo span, .fix-header .logo
.oc-menu--level-wrap[data-level="1"] ul span {
  font-size: 20px; }

.oc-menu--level-wrap[data-level="2"] li > span,
.oc-menu--level-wrap[data-level="2"] button,
.oc-menu--level-wrap[data-level="2"] ul a,
.oc-menu--level-wrap[data-level="2"] ul .fix-header .logo span, .fix-header .logo
.oc-menu--level-wrap[data-level="2"] ul span {
  font-size: 19px; }

.oc-menu--level-wrap[data-level="0"] {
  display: flex;
  flex-direction: column; }

.oc-menu--level-wrap[data-level="0"] > ul {
  position: static;
  flex: 1 0 auto;
  margin-bottom: 25px; }

.oc-menu--level-wrap[data-level="0"] > h3 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0 12.5%; }

.oc-menu--portal-links {
  width: 100%;
  flex: 0 0 auto; }

.oc-menu--portal-links h3 {
  margin-top: 0; }

.oc-menu--portal-links span,
.oc-menu--portal-links a,
.oc-menu--portal-links .fix-header .logo span, .fix-header .logo
.oc-menu--portal-links span {
  display: block; }

.oc-menu--portal-links > a, .fix-header .logo .oc-menu--portal-links > span {
  padding: 32px 12.5%; }

.oc-menu--portal-links > a:nth-child(1), .fix-header .logo .oc-menu--portal-links > span:nth-child(1) {
  background-color: #5c2874; }

.oc-menu--portal-links > a:nth-child(2), .fix-header .logo .oc-menu--portal-links > span:nth-child(2) {
  background-color: #792573; }

.oc-menu--portal-links a, .oc-menu--portal-links .fix-header .logo span, .fix-header .logo .oc-menu--portal-links span {
  color: white; }
.oc-menu--portal-links a:hover, .oc-menu--portal-links .fix-header .logo span:hover, .fix-header .logo .oc-menu--portal-links span:hover, .oc-menu--portal-links a:focus, .oc-menu--portal-links .fix-header .logo span:focus, .fix-header .logo .oc-menu--portal-links span:focus {
  text-decoration: none; }

.oc-menu--duped {
  font-weight: bold; }

.oc-menu span.oc-menu--root-line,
button.oc-menu--root-line,
ul a.oc-menu--root-line,
ul .fix-header .logo span.oc-menu--root-line, .fix-header .logo
ul span.oc-menu--root-line {
  background-color: #96abca;
  color: #000; }

button.oc-menu--root-line {
  background-image: url("Images/arrow_right_black.svg"); }

.oc-menu span.oc-menu--root-line.oc-menu--active {
  background-color: white;
  color: #083a81; }

.oc-menu--external-link {
  position: relative;
  padding-left: 1.7em;
  margin-top: 0.25em; }

.oc-menu--external-link:before {
  content: '';
  background-image: url("/fileadmin/Public/Css/Images/icon-external-white.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.5em;
  height: 1.3em;
  position: absolute;
  top: 1px;
  left: 0; }

.oc-menu--external-link:hover,
.oc-menu--external-link:focus {
  color: white; }

.oc-menu--portal-links a:hover .oc-menu--external-link, .oc-menu--portal-links .fix-header .logo span:hover .oc-menu--external-link, .fix-header .logo .oc-menu--portal-links span:hover .oc-menu--external-link,
.oc-menu--portal-links a:focus .oc-menu--external-link,
.oc-menu--portal-links .fix-header .logo span:focus .oc-menu--external-link, .fix-header .logo
.oc-menu--portal-links span:focus .oc-menu--external-link {
  text-decoration: underline; }
.oc-menu--portal-links a:hover .oc-menu--external-link:before, .oc-menu--portal-links .fix-header .logo span:hover .oc-menu--external-link:before, .fix-header .logo .oc-menu--portal-links span:hover .oc-menu--external-link:before,
.oc-menu--portal-links a:focus .oc-menu--external-link:before,
.oc-menu--portal-links .fix-header .logo span:focus .oc-menu--external-link:before, .fix-header .logo
.oc-menu--portal-links span:focus .oc-menu--external-link:before {
  background-image: url("/fileadmin/Public/Css/Images/icon-external-white_hover.png"); }

.oc-menu--link {
  display: block;
  margin-top: 0px;
  text-align: center; }

.oc-menu--link button {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: bold;
  padding: 0;
  background: transparent;
  border: none; }

.oc-menu--link button:focus,
.oc-menu--link button:hover {
  text-decoration: underline; }

.oc-menu--link button i.fa {
  margin-right: 10px;
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  line-height: 1;
  vertical-align: middle;
  color: #222;
  position: relative;
  top: -2px; }

.oc-menu--link button i.fa::before {
  display: inline-block;
  position: relative;
  top: 0.19rem; }

.oc-menu--link button.oc-menu--close i.fa {
  background-color: #083a81;
  border-radius: 50%;
  color: white; }

.oc-menu--meta-nav ul {
  position: static; }
.oc-menu--meta-nav ul li {
  display: block;
  float: none; }

.oc-menu--meta-nav .lang-selector > .icon {
  display: none; }

.oc-menu--meta-nav .lang-selector .dropdown-menu {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  margin: 0; }
.oc-menu--meta-nav .lang-selector .dropdown-menu > li > a:hover, .oc-menu--meta-nav .lang-selector .fix-header .logo .dropdown-menu > li > span:hover, .fix-header .logo .oc-menu--meta-nav .lang-selector .dropdown-menu > li > span:hover,
.oc-menu--meta-nav .lang-selector .dropdown-menu > li > a:focus,
.oc-menu--meta-nav .lang-selector .fix-header .logo .dropdown-menu > li > span:focus, .fix-header .logo
.oc-menu--meta-nav .lang-selector .dropdown-menu > li > span:focus {
  color: white; }
.oc-menu--meta-nav .lang-selector .dropdown-menu .active {
  background-image: url(Images/icon-dropdown-active-white.png);
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: 1.5em 0.9em; }

.oc-menu--meta-nav .lang-selector .icon-carret:after {
  content: '';
  background: url("Images/icon-dropdown-closed.png") no-repeat 0 0 transparent;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  left: 5px; }

.oc-menu--meta-nav .lang-selector.open .icon-carret:after {
  background: url("Images/icon-dropdown-open.png") no-repeat 0 0 transparent; }

.oc-menu--meta-nav .lang-selector.open > a, .oc-menu--meta-nav .fix-header .logo .lang-selector.open > span, .fix-header .logo .oc-menu--meta-nav .lang-selector.open > span {
  border-left-color: transparent; }

.oc-menu--meta-nav .lang-selector.open > a:hover, .oc-menu--meta-nav .fix-header .logo .lang-selector.open > span:hover, .fix-header .logo .oc-menu--meta-nav .lang-selector.open > span:hover,
.oc-menu--meta-nav .lang-selector.open > a:focus,
.oc-menu--meta-nav .fix-header .logo .lang-selector.open > span:focus, .fix-header .logo
.oc-menu--meta-nav .lang-selector.open > span:focus {
  border-left-color: white; }

.oc-menu--meta-nav .simple a, .oc-menu--meta-nav .simple .fix-header .logo span, .fix-header .logo .oc-menu--meta-nav .simple span {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAQAAAAn3TzeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAMiIAADIiAR+gcTwAAAAHdElNRQfhAg0LBCoq5AoJAAABC0lEQVQ4y+2TsUrDUBSGv0QcRZC2kzGtBbW4Ci4+gL6CODlk9Em6OLp2EBx0EJwFdRRXW4WSpotKhww6RGt/F4tJ7oXGzv3udP5zvnOng7C+Az3oWx86k2fr26Wm/nhVvZi2qyy3xbQb5dnOz7jkqbBjZHv5wNS2cIxsbbJWw8SdrJUtWt/UrtjPjN5zTZyqE+44T9XLBLQc6XffE4880yUk5J0SJcokDIiYw6dKnXUaNPCAPrIR6VKB0JEu1NXI6Mfj30x6VIlZtPZGLtPgTqcx02ZaEe2Er386CccIVRToVB0NM8cRCsWZZKi2WjrUknBSdzOPzwoePqtssMAmL7zRpkNIj4iQz/HoD08YEa5kBPdEAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: 1.1em 1em; }

.oc-menu--meta-nav .sign a, .oc-menu--meta-nav .sign .fix-header .logo span, .fix-header .logo .oc-menu--meta-nav .sign span {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAiCAQAAAAJthr8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAMiIAADIiAR+gcTwAAAAHdElNRQfhAg0LBQjmn3qsAAACsElEQVQ4y42VX2jWZRTHP5tLlqTJ3AQlaC52sbmpwXBqUgRuBiYaif8mbg2LBCVFUIQKEtsuLI1CKW0hpEJRgdPV1DvndKxR4HAyaOzCXDBka8ts9ro+Xezx9d273/u689z8vuf5fX7nPIdznh8y6VVjh+880pMH31T1k8ehuRYkeTao+m1Qc1KjDToOXq5qZ1CfqfWSSZT9AcyLqyIuA8NUAgVcZgcwkxRRL4x9N6xuVSvFrd5TdV+qhItU/SCow6p+JH6jasw1Yq5PR6Evqlou4mZVT4ktqvY5S1zvqFej0HfVEaeIW1T9y5dtUrVVnBueP41Cb6oDLgyp6t8Oq1rnfPcG3/tRZ61UddTx1m+1b9mvaodl0WXabrL1qdc9GtTB1N1UlQANeMBXLPZi0E0WhrcKzc6a0A6bgXZiNPEbQzzBe/TQQAV9rOMa8BLL2EQptRPRQ5xmkBwKeINSngGOsBj4nXucZyVjRB83ktNd7C7bE1JuconrxhVtwOOuMkMeRq0jm38oozIe/T7fc44uNrI/eG7zE2dp5kHQIhZPqOodp/mUPyZ4PjZ7fIYZAnzH60knHuEEbcwgnwcsZwr7uZJclAyhiK7I0YvRzEVGyKSVXkb4L2nfqXb6OIupPTa6zWcTL5gP00J/hv59ZJd8YQzNopN09it13CGXCnJ4kgryWMEtWh9W+GjauN2etDYkOdUSq81J7OEvUmAd9oanfz0W79+k9j8UiZ6xxj22xXWDi6Lu4ZIw/YZ5HQq1/cpCi/3c+2GnPnroVvtzfEanW+1dVW+5WsS3/UU19by+6teqfinmedKYqi0uEHGtK9P/OHaq2ixivkdCJj84O6pMyWu3qo1BPe8ZVasmg+Iyh9RGpwdd7mtmTQ7F5+xXe8yI3s9M04Q9LKWNwVTb/wMJNVft16gY+wAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: 1em 1em; }

.oc-menu--meta-nav .lang-selector a.dropdown-toggle, .oc-menu--meta-nav .lang-selector .fix-header .logo span.dropdown-toggle, .fix-header .logo .oc-menu--meta-nav .lang-selector span.dropdown-toggle {
  background-image: url(Images/icon-lang-white.svg);
  background-repeat: no-repeat;
  background-size: auto 0.9em;
  background-position: 0.75em 1em; }

.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li a, .oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li .fix-header .logo span, .fix-header .logo .oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li span {
  font-size: 16px;
  background-color: transparent;
  padding-left: 48px;
  padding-top: 0.7em;
  padding-bottom: 0.7em; }
.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li a:hover, .oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li .fix-header .logo span:hover, .fix-header .logo .oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li span:hover, .oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li a:focus, .oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li .fix-header .logo span:focus, .fix-header .logo .oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li span:focus {
  background-color: transparent; }

@media screen and (min-width: 800px) {
  .oc-menu li > span,
  .oc-menu button,
  .oc-menu ul a,
  .oc-menu ul .fix-header .logo span, .fix-header .logo
  .oc-menu ul span {
    font-size: 24px; }
  .oc-menu--level-wrap[data-level="1"] li > span,
  .oc-menu--level-wrap[data-level="1"] button,
  .oc-menu--level-wrap[data-level="1"] ul a,
  .oc-menu--level-wrap[data-level="1"] ul .fix-header .logo span, .fix-header .logo
  .oc-menu--level-wrap[data-level="1"] ul span {
    font-size: 21px; }
  .oc-menu--level-wrap[data-level="2"] li > span,
  .oc-menu--level-wrap[data-level="2"] button,
  .oc-menu--level-wrap[data-level="2"] ul a,
  .oc-menu--level-wrap[data-level="2"] ul .fix-header .logo span, .fix-header .logo
  .oc-menu--level-wrap[data-level="2"] ul span {
    font-size: 20px; }
  .oc-menu--meta-nav {
    display: none; } }

@media screen and (min-width: 769px) {
  .oc-menu--column-wrap {
    height: auto;
    min-height: 100%; }
  .oc-menu--level-wrap {
    height: auto;
    min-height: 46.875em;
    max-height: none;
    overflow-y: visible; }
  .oc-menu ul {
    position: static; } }

@media screen and (max-width: 768px) {
  .oc-menu .oc-menu--close-level {
    display: block; }
  .oc-menu {
    width: 300vw;
    margin-left: 0;
    transition: margin-left 0.3s ease-in-out; }
  .oc-menu[data-current-level="1"] {
    margin-left: -100vw; }
  .oc-menu[data-current-level="2"] {
    margin-left: -200vw; }
  .oc-menu[data-current-level="3"] {
    margin-left: -300vw; }
  .oc-menu--level-wrap {
    padding-top: 10px;
    min-height: 29rem; }
  .oc-menu--level-wrap[data-level="0"] {
    padding-top: 32px; }
  .oc-menu--level-wrap[data-level="0"] > h3 {
    font-size: 20px;
    padding: 0 7.5%;
    margin-bottom: 15px; }
  .oc-menu .oc-menu--level-wrap li > span,
  .oc-menu .oc-menu--level-wrap button,
  .oc-menu .oc-menu--level-wrap ul a,
  .oc-menu .oc-menu--level-wrap ul .fix-header .logo span, .fix-header .logo
  .oc-menu .oc-menu--level-wrap ul span {
    font-size: 16px;
    padding-right: 7.5%;
    padding-left: calc(7.5% - 10px);
    border-left-width: 10px; }
  .oc-menu .oc-menu--level-wrap[data-level="0"] li > span,
  .oc-menu .oc-menu--level-wrap[data-level="0"] button,
  .oc-menu .oc-menu--level-wrap[data-level="0"] ul a,
  .oc-menu .oc-menu--level-wrap[data-level="0"] ul .fix-header .logo span, .fix-header .logo
  .oc-menu .oc-menu--level-wrap[data-level="0"] ul span {
    font-size: 18px; }
  .oc-menu--portal-links {
    display: flex; }
  .oc-menu--portal-links > a, .fix-header .logo .oc-menu--portal-links > span {
    display: inline-block;
    width: 50%;
    padding: 25px 3%;
    font-size: 14px; }
  .oc-menu--portal-links > a h3, .fix-header .logo .oc-menu--portal-links > span h3 {
    font-size: 24px;
    margin-bottom: 0.65em; } }

@media screen and (max-width: 480px) {
  .oc-menu--level-wrap[data-level="0"] {
    padding-top: 20px; }
  .oc-menu--portal-links {
    display: block; }
  .oc-menu--portal-links > a, .fix-header .logo .oc-menu--portal-links > span {
    display: block;
    width: 100%;
    padding: 25px 7.5%;
    font-size: 12px; }
  .oc-menu--portal-links > a h3, .fix-header .logo .oc-menu--portal-links > span h3 {
    font-size: 20px; }
  .oc-menu--close-extra {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; } }

/*-----------------------------------------additional to menu.css---------------------------------------------*/

.oc-menu.notmobile  {
  top: 114px;
}

.oc-menu--level-wrap[data-level="2"] {
  z-index: 8;
  background-color: #1d5a96 !important;
  width: 65%;}

.oc-menu.mobile {
  top: 75px;
}

@media screen and (max-width: 799px) {
  #menu-1-0 .oc-menu--close-level , #menu-1-1 .oc-menu--close-level {
    display: none;
  }
  [data-color-scheme="info"] .oc-menu .oc-menu--level-wrap[data-level] {
    min-width: 100vw;
  }
}

@media screen and (max-width: 540px) {
  .fix-header > .row > div.col-xs-18 {
    right: -50%;
    top: -10%; }
}

@media screen and (max-width: 799px) {
  .fix-header .logo img {
    max-width: 135px !important;
    min-width: unset !important; }
}