html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong, b {
  font-weight: 700;
}

i, em {
  font-style: italic;
}

input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.invisible {
  display: none;
}

button, input.submit {
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

sub, sup {
  font-size: 70%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.4em;
}

sub {
  bottom: -0.25em;
}

* {
  box-sizing: border-box;
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans-v15-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-300.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-300.woff") format("woff"), url("../fonts/open-sans-v15-latin-300.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-300.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* titillium-web-200 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/titillium-web-v6-latin-200.eot");
  /* IE9 Compat Modes */
  src: local("Titillium Web ExtraLight"), local("TitilliumWeb-ExtraLight"), url("../fonts/titillium-web-v6-latin-200.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-web-v6-latin-200.woff2") format("woff2"), url("../fonts/titillium-web-v6-latin-200.woff") format("woff"), url("../fonts/titillium-web-v6-latin-200.ttf") format("truetype"), url("../fonts/titillium-web-v6-latin-200.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */
}

/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/titillium-web-v6-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Titillium Web Light"), local("TitilliumWeb-Light"), url("../fonts/titillium-web-v6-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-web-v6-latin-300.woff2") format("woff2"), url("../fonts/titillium-web-v6-latin-300.woff") format("woff"), url("../fonts/titillium-web-v6-latin-300.ttf") format("truetype"), url("../fonts/titillium-web-v6-latin-300.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/titillium-web-v6-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Titillium Web Regular"), local("TitilliumWeb-Regular"), url("../fonts/titillium-web-v6-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-web-v6-latin-regular.woff2") format("woff2"), url("../fonts/titillium-web-v6-latin-regular.woff") format("woff"), url("../fonts/titillium-web-v6-latin-regular.ttf") format("truetype"), url("../fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/titillium-web-v6-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Titillium Web SemiBold"), local("TitilliumWeb-SemiBold"), url("../fonts/titillium-web-v6-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-web-v6-latin-600.woff2") format("woff2"), url("../fonts/titillium-web-v6-latin-600.woff") format("woff"), url("../fonts/titillium-web-v6-latin-600.ttf") format("truetype"), url("../fonts/titillium-web-v6-latin-600.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */
}

/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/titillium-web-v6-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Titillium Web Bold"), local("TitilliumWeb-Bold"), url("../fonts/titillium-web-v6-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-web-v6-latin-700.woff2") format("woff2"), url("../fonts/titillium-web-v6-latin-700.woff") format("woff"), url("../fonts/titillium-web-v6-latin-700.ttf") format("truetype"), url("../fonts/titillium-web-v6-latin-700.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */
}

/* WINDOW */
@media screen and (min-width: 760px) {
  ::-webkit-scrollbar {
    width: 8px;
    background: #ffffff;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: #fbba00;
    background: -moz-linear-gradient(45deg, #fbba00 0%, #e84e0f 100%);
    background: -webkit-linear-gradient(45deg, #fbba00 0%, #e84e0f 100%);
    background: linear-gradient(45deg, #fbba00 0%, #e84e0f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbba00', endColorstr='#e84e0f',GradientType=1 );
  }
}

/* DEFAULT CSS */
html {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  min-width: 320px;
}

html body {
  line-height: 1.38;
}

html body .menu-toggle {
  display: none;
}

html body input.menu-toggle:checked ~ #wrapper {
  height: 100vh;
  overflow: hidden;
}

html body input.menu-toggle:checked ~ #wrapper > header label.menu-toggle > span {
  transform-origin: 50% 50%;
  background: #ffffff;
  background: #548dbe;
}

html body input.menu-toggle:checked ~ #wrapper > header label.menu-toggle > span:nth-child(1) {
  transform: translateY(3px) rotate(-45deg);
  margin-top: 15px;
}

html body input.menu-toggle:checked ~ #wrapper > header label.menu-toggle > span:nth-child(2) {
  transform: rotate(45deg);
  margin-top: 0px;
}

html body input.menu-toggle:checked ~ #wrapper > header label.menu-toggle > span:nth-child(3) {
  transform: translateY(10px);
  opacity: 0;
}

html body input.menu-toggle:checked ~ #wrapper > header nav.mod_navigation {
  opacity: 1;
  transform: translateX(0px);
  width: 100%;
  pointer-events: initial;
}

header > .inside {
  position: relative;
  height: 136px;
  padding: 30px 0;
}

@media screen and (max-width: 670px) {
  header > .inside {
    padding: 15px 0;
  }
}

header a.logo {
  display: block;
  float: left;
  width: 170px;
  height: 76px;
  background: url(../img/logo.svg) no-repeat scroll 50% 50%;
  background-size: contain;
}

header nav.mod_customnav {
  position: relative;
  z-index: 30;
  float: right;
  font-size: 14px;
  font-family: "Titillium Web", sans-serif;
  color: #548dbe;
  margin-bottom: 7.5px;
}

header nav.mod_customnav ul li {
  display: inline-block;
}

header nav.mod_customnav ul li a, header nav.mod_customnav ul li strong {
  font-weight: 400;
  color: inherit;
  text-decoration: none;
}

header nav.mod_customnav ul li strong {
  opacity: 0.5;
}

header nav.mod_customnav ul li + li {
  margin-left: 14px;
}

header nav.mod_customnav ul li a[href="de/"], header nav.mod_customnav ul li a[href="en/"] {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
}

header nav.mod_customnav ul li a[href="de/"] span, header nav.mod_customnav ul li a[href="en/"] span {
  display: none;
}

header nav.mod_customnav ul li a[href="de/"]:before, header nav.mod_customnav ul li a[href="en/"]:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 28px;
  height: 28px;
  background-position: -112px -84px;
  background-size: auto 140px;
}

header nav.mod_customnav ul li a[href="en/"]:before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 28px;
  height: 28px;
  background-position: -112px -112px;
  background-size: auto 140px;
}

header nav.mod_customnav ul li a.login, header nav.mod_customnav ul li strong.login {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  border-style: solid;
  border-width: 1px;
  border-color: inherit;
  padding: 10px 40px;
  border-radius: 2em;
  line-height: 1;
  transition: color .2s, background .2s;
}

header nav.mod_customnav ul li a.login:hover, header nav.mod_customnav ul li a.login.active, header nav.mod_customnav ul li strong.login:hover, header nav.mod_customnav ul li strong.login.active {
  background: #003266;
  color: #ffffff !important;
  border-color: #003266;
  text-decoration: none !important;
}

header nav.mod_navigation {
  position: absolute;
  z-index: 20;
  left: calc(100% - 410px);
  top: 0;
  width: 0;
  overflow: hidden;
  height: 100vh;
  padding: 48px;
  padding-top: 90px;
  white-space: nowrap;
  pointer-events: none;
  color: #ffffff;
  background: #003266;
  transition: transform .4s, opacity .3s, width .3s;
  opacity: 0;
  transform: translateX(20vw);
}

header nav.mod_navigation > h3 {
  color: #548dbe;
  font-size: 24px;
  font-weight: 600;
}

header nav.mod_navigation ul.level_1 {
  margin-top: 30px;
  font-family: "Titillium Web", sans-serif;
  font-size: 18px;
  max-width: 311px;
  height: 100%;
  overflow: auto;
  padding-right: 15px;
}

header nav.mod_navigation ul.level_1 a, header nav.mod_navigation ul.level_1 strong {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 17px 0;
}

header nav.mod_navigation ul.level_1 a:hover {
  color: #548dbe;
}

header nav.mod_navigation ul.level_1 input, header nav.mod_navigation ul.level_1 label {
  display: none;
}

header nav.mod_navigation ul.level_1 li {
  position: relative;
}

header nav.mod_navigation ul.level_1 li > a, header nav.mod_navigation ul.level_1 li > strong {
  font-weight: 400;
}

header nav.mod_navigation ul.level_1 li > a.trail, header nav.mod_navigation ul.level_1 li > strong {
  color: #548dbe;
}

header nav.mod_navigation ul.level_1 li label {
  position: absolute;
  right: 0;
  top: 15px;
  display: block;
  cursor: pointer;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 28px;
  height: 28px;
  background-position: 0px -0px;
  background-size: auto 140px;
}

header nav.mod_navigation ul.level_1 li input:checked ~ ul,
header nav.mod_navigation ul.level_1 li strong ~ ul,
header nav.mod_navigation ul.level_1 li a.trail ~ ul {
  display: block;
}

header nav.mod_navigation ul.level_1 li input:checked + label {
  transform: rotate(180deg);
}

header nav.mod_navigation ul.level_1 li + li {
  border-top: 1px solid #ffffff;
}

header nav.mod_navigation ul.level_1 li ul {
  display: none;
}

header nav.mod_navigation ul.level_1 li ul.level_2 {
  margin-left: 30px;
  margin-top: -15px;
  font-size: 14px;
}

header nav.mod_navigation ul.level_1 li ul.level_3 {
  margin-left: 24px;
  margin-top: -10px;
  padding-bottom: 10px;
}

header nav.mod_navigation ul.level_1 li ul.level_3 li a, header nav.mod_navigation ul.level_1 li ul.level_3 li strong {
  padding: 8px 0;
  white-space: normal;
}

header nav.mod_navigation ul.level_1 li ul.level_3 li + li {
  border-top: 0 !important;
}

@media screen and (max-width: 500px) {
  header nav.mod_navigation {
    position: fixed;
    left: initial;
    right: 0;
    padding-top: 48px;
    background: rgba(0, 50, 102, 0.95);
  }
  header nav.mod_navigation > h3 {
    display: none;
  }
}

@media screen and (max-width: 380px) {
  header nav.mod_navigation {
    padding-left: 30px;
    padding-right: 20px;
  }
  header nav.mod_navigation ul.level_1 {
    max-width: 100%;
  }
}

@media screen and (max-width: 335px) {
  header nav.mod_navigation ul.level_1 {
    font-size: 0.95rem;
  }
}

header:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  z-index: 10;
  background: #fbba00;
  background: -moz-linear-gradient(45deg, #fbba00 0%, #e84e0f 100%);
  background: -webkit-linear-gradient(45deg, #fbba00 0%, #e84e0f 100%);
  background: linear-gradient(45deg, #fbba00 0%, #e84e0f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbba00', endColorstr='#e84e0f',GradientType=1 );
}

header label.menu-toggle {
  position: relative;
  z-index: 30;
  clear: right;
  float: right;
  display: block;
  width: 37px;
  height: 37px;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}

header label.menu-toggle > span {
  display: block;
  width: 37px;
  height: 3px;
  background: #003266;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

header label.menu-toggle > span:nth-child(1) {
  margin-top: 9px;
}

header label.menu-toggle > span + span {
  margin-top: 6px;
}

@media screen and (max-width: 640px) {
  header > .inside {
    height: 78px;
  }
  header nav.mod_customnav {
    display: none;
  }
  header a.logo {
    width: 100px;
    height: 47px;
  }
  header label.menu-toggle {
    margin-top: 4px;
  }
}

header > .inside,
#container .mod_article > .inside,
footer .copy > div, footer .mod_form, footer .mod_sitemap, footer .mod_navigation {
  max-width: 1040px;
  margin: 0 auto;
}

@media screen and (max-width: 1100px) {
  header > .inside,
#container .mod_article > .inside,
footer .copy > div, footer .mod_form, footer .mod_sitemap, footer .mod_navigation {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 530px) {
  header > .inside,
#container .mod_article > .inside,
footer .copy > div, footer .mod_form, footer .mod_sitemap, footer .mod_navigation {
    margin-left: 15px;
    margin-right: 15px;
  }
}

#hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 55vh;
  max-height: 540px;
}

@media screen and (max-width: 500px) {
  #hero {
    height: 30vh;
    min-height: 300px;
  }
}

#hero .inside.animating > .ce_text .content {
  -moz-transition: all 0.6s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  -o-transition: all 0.6s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  -webkit-transition: all 0.6s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  -ms-transition: all 0.6s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  transition: all 0.6s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

#hero .inside > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#hero .inside > * figure {
  width: 100%;
  height: 100%;
}

#hero .inside > * figure img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 540px;
  object-fit: cover;
}

@media screen and (max-width: 500px) {
  #hero .inside > * figure img {
    width: auto;
    height: 30vh;
    min-height: 300px;
    max-width: 100%;
  }
}

@media screen and (min-width: 951px) {
  #hero .inside > *.ce_text.slideOut .content {
    transform: translateY(-50%) translateX(100vw);
  }
}

@media screen and (max-width: 950px) {
  #hero .inside > *.ce_text.slideOut .content {
    transform: translateY(125%) translateX(0);
  }
}

#hero .inside > *.ce_text.gradient-yellow > .content {
  background: rgba(251, 186, 0, 0.8);
  background: -moz-linear-gradient(45deg, rgba(251, 186, 0, 0.8) 0%, rgba(232, 78, 15, 0.8) 100%);
  background: -webkit-linear-gradient(45deg, rgba(251, 186, 0, 0.8) 0%, rgba(232, 78, 15, 0.8) 100%);
  background: linear-gradient(45deg, rgba(251, 186, 0, 0.8) 0%, rgba(232, 78, 15, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(251, 186, 0, 0.8)', endColorstr='rgba(232, 78, 15, 0.8)',GradientType=1 );
}

#hero .inside > *.ce_text.gradient-monza > .content {
  background: rgba(202, 9, 40, 0.8);
  background: -moz-linear-gradient(45deg, rgba(202, 9, 40, 0.8) 0%, rgba(227, 99, 7, 0.8) 100%);
  background: -webkit-linear-gradient(45deg, rgba(202, 9, 40, 0.8) 0%, rgba(227, 99, 7, 0.8) 100%);
  background: linear-gradient(45deg, rgba(202, 9, 40, 0.8) 0%, rgba(227, 99, 7, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(202, 9, 40, 0.8)', endColorstr='rgba(227, 99, 7, 0.8)',GradientType=1 );
}

#hero .inside > *.ce_text.gradient-cardinal > .content {
  background: rgba(176, 24, 42, 0.8);
  background: -moz-linear-gradient(45deg, rgba(176, 24, 42, 0.8) 0%, rgba(116, 53, 127, 0.8) 100%);
  background: -webkit-linear-gradient(45deg, rgba(176, 24, 42, 0.8) 0%, rgba(116, 53, 127, 0.8) 100%);
  background: linear-gradient(45deg, rgba(176, 24, 42, 0.8) 0%, rgba(116, 53, 127, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(176, 24, 42, 0.8)', endColorstr='rgba(116, 53, 127, 0.8)',GradientType=1 );
}

#hero .inside > *.ce_text.gradient-affair > .content {
  background: rgba(144, 75, 148, 0.8);
  background: -moz-linear-gradient(45deg, rgba(144, 75, 148, 0.8) 0%, rgba(82, 143, 191, 0.8) 100%);
  background: -webkit-linear-gradient(45deg, rgba(144, 75, 148, 0.8) 0%, rgba(82, 143, 191, 0.8) 100%);
  background: linear-gradient(45deg, rgba(144, 75, 148, 0.8) 0%, rgba(82, 143, 191, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(144, 75, 148, 0.8)', endColorstr='rgba(82, 143, 191, 0.8)',GradientType=1 );
}

#hero .inside > *.ce_text.gradient-biscay > .content {
  background: rgba(24, 54, 91, 0.8);
  background: -moz-linear-gradient(45deg, rgba(24, 54, 91, 0.8) 0%, rgba(82, 143, 191, 0.8) 100%);
  background: -webkit-linear-gradient(45deg, rgba(24, 54, 91, 0.8) 0%, rgba(82, 143, 191, 0.8) 100%);
  background: linear-gradient(45deg, rgba(24, 54, 91, 0.8) 0%, rgba(82, 143, 191, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(24, 54, 91, 0.8)', endColorstr='rgba(82, 143, 191, 0.8)',GradientType=1 );
}

#hero .inside > *.ce_text.gradient-blue > .content {
  background: rgba(82, 143, 191, 0.8);
  background: -moz-linear-gradient(45deg, rgba(82, 143, 191, 0.8) 0%, rgba(72, 176, 112, 0.8) 100%);
  background: -webkit-linear-gradient(45deg, rgba(82, 143, 191, 0.8) 0%, rgba(72, 176, 112, 0.8) 100%);
  background: linear-gradient(45deg, rgba(82, 143, 191, 0.8) 0%, rgba(72, 176, 112, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(82, 143, 191, 0.8)', endColorstr='rgba(72, 176, 112, 0.8)',GradientType=1 );
}

#hero .inside > *.ce_text.gradient-rio > .content {
  background: rgba(188, 207, 0, 0.8);
  background: -moz-linear-gradient(45deg, rgba(188, 207, 0, 0.8) 0%, rgba(72, 176, 112, 0.8) 100%);
  background: -webkit-linear-gradient(45deg, rgba(188, 207, 0, 0.8) 0%, rgba(72, 176, 112, 0.8) 100%);
  background: linear-gradient(45deg, rgba(188, 207, 0, 0.8) 0%, rgba(72, 176, 112, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(188, 207, 0, 0.8)', endColorstr='rgba(72, 176, 112, 0.8)',GradientType=1 );
}

#hero .inside > *.ce_text.gradient-rio-inv > .content {
  background: rgba(72, 176, 112, 0.8);
  background: -moz-linear-gradient(45deg, rgba(72, 176, 112, 0.8) 0%, rgba(188, 207, 0, 0.8) 100%);
  background: -webkit-linear-gradient(45deg, rgba(72, 176, 112, 0.8) 0%, rgba(188, 207, 0, 0.8) 100%);
  background: linear-gradient(45deg, rgba(72, 176, 112, 0.8) 0%, rgba(188, 207, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(72, 176, 112, 0.8)', endColorstr='rgba(188, 207, 0, 0.8)',GradientType=1 );
}

#hero .inside > *.ce_text > .content {
  position: absolute;
  color: #ffffff;
  max-width: 510px;
  padding: 36px 60px;
  top: 50%;
  right: 50%;
  background: rgba(24, 54, 91, 0.8);
  background: -moz-linear-gradient(45deg, rgba(24, 54, 91, 0.8) 0%, rgba(82, 143, 191, 0.8) 100%);
  background: -webkit-linear-gradient(45deg, rgba(24, 54, 91, 0.8) 0%, rgba(82, 143, 191, 0.8) 100%);
  background: linear-gradient(45deg, rgba(24, 54, 91, 0.8) 0%, rgba(82, 143, 191, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(24, 54, 91, 0.8)', endColorstr='rgba(82, 143, 191, 0.8)',GradientType=1 );
}

#hero .inside > *.ce_text > .content strong {
  font-family: "Titillium Web", sans-serif;
  font-size: 35px;
  font-weight: 300;
  line-height: 40px;
  display: block;
  margin-bottom: 15px;
}

@media screen and (max-width: 500px) {
  #hero .inside > *.ce_text > .content strong {
    font-size: 27px;
    line-height: 34px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1100px) {
  #hero .inside > *.ce_text > .content {
    right: 50%;
    transform: translateY(-50%) translateX(100%) translateX(15px);
  }
}

@media screen and (max-width: 1100px) {
  #hero .inside > *.ce_text > .content {
    right: 30px;
    transform: translateY(-50%) translateX(0);
  }
}

@media screen and (max-width: 950px) {
  #hero .inside > *.ce_text > .content {
    right: 0;
    left: 0;
    top: initial;
    bottom: 0;
    transform: translateY(0) translateX(0);
    max-width: 100%;
  }
}

@media screen and (max-width: 500px) {
  #hero .inside > *.ce_text > .content {
    padding: 30px;
    padding-bottom: 45px;
  }
  #hero .inside > *.ce_text > .content > *:nth-child(n+2) {
    display: none;
  }
}

#hero .inside > *.left figure img {
  object-position: left;
}

#hero .inside > *.right figure img {
  object-position: right;
}

#hero .controls {
  position: absolute;
  z-index: 11;
  opacity: 0.5;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%) translateY(0);
}

#hero .controls li {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #000000;
  cursor: pointer;
}

#hero .controls li.active {
  background: #ffffff;
}

#hero .controls li + li {
  margin-left: 15px;
}

#container .gradient-yellow {
  background: #fbba00;
  background: -moz-linear-gradient(45deg, #fbba00 0%, #e84e0f 100%);
  background: -webkit-linear-gradient(45deg, #fbba00 0%, #e84e0f 100%);
  background: linear-gradient(45deg, #fbba00 0%, #e84e0f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbba00', endColorstr='#e84e0f',GradientType=1 );
}

#container .gradient-monza {
  background: #ca0928;
  background: -moz-linear-gradient(45deg, #ca0928 0%, #e36307 100%);
  background: -webkit-linear-gradient(45deg, #ca0928 0%, #e36307 100%);
  background: linear-gradient(45deg, #ca0928 0%, #e36307 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca0928', endColorstr='#e36307',GradientType=1 );
}

#container .gradient-cardinal {
  background: #b0182a;
  background: -moz-linear-gradient(45deg, #b0182a 0%, #74357f 100%);
  background: -webkit-linear-gradient(45deg, #b0182a 0%, #74357f 100%);
  background: linear-gradient(45deg, #b0182a 0%, #74357f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0182a', endColorstr='#74357f',GradientType=1 );
}

#container .gradient-affair {
  background: #904b94;
  background: -moz-linear-gradient(45deg, #904b94 0%, #528fbf 100%);
  background: -webkit-linear-gradient(45deg, #904b94 0%, #528fbf 100%);
  background: linear-gradient(45deg, #904b94 0%, #528fbf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#904b94', endColorstr='#528fbf',GradientType=1 );
}

#container .gradient-biscay {
  background: #18365b;
  background: -moz-linear-gradient(45deg, #18365b 0%, #528fbf 100%);
  background: -webkit-linear-gradient(45deg, #18365b 0%, #528fbf 100%);
  background: linear-gradient(45deg, #18365b 0%, #528fbf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18365b', endColorstr='#528fbf',GradientType=1 );
}

#container .gradient-blue {
  background: #528fbf;
  background: -moz-linear-gradient(45deg, #528fbf 0%, #48b070 100%);
  background: -webkit-linear-gradient(45deg, #528fbf 0%, #48b070 100%);
  background: linear-gradient(45deg, #528fbf 0%, #48b070 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#528fbf', endColorstr='#48b070',GradientType=1 );
}

#container .gradient-rio {
  background: #bccf00;
  background: -moz-linear-gradient(45deg, #bccf00 0%, #48b070 100%);
  background: -webkit-linear-gradient(45deg, #bccf00 0%, #48b070 100%);
  background: linear-gradient(45deg, #bccf00 0%, #48b070 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bccf00', endColorstr='#48b070',GradientType=1 );
}

#container .gradient-rio-inv {
  background: #48b070;
  background: -moz-linear-gradient(45deg, #48b070 0%, #bccf00 100%);
  background: -webkit-linear-gradient(45deg, #48b070 0%, #bccf00 100%);
  background: linear-gradient(45deg, #48b070 0%, #bccf00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48b070', endColorstr='#bccf00',GradientType=1 );
}

#container .mod_article {
  padding: 80px 0;
  padding-top: 50px;
  text-align: center;
}

#container .mod_article > .inside {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

#container .mod_article > .inside > * {
  width: 100%;
}

#container .mod_article > .inside .nav.jobs {
  position: absolute;
  margin-top: 30px;
  text-align: left;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#container .mod_article > .inside .nav.jobs .next, #container .mod_article > .inside .nav.jobs .prev {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  pointer-events: all;
}

#container .mod_article > .inside .nav.jobs .next a, #container .mod_article > .inside .nav.jobs .prev a {
  display: block;
}

#container .mod_article > .inside .nav.jobs .next a:before, #container .mod_article > .inside .nav.jobs .prev a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 70px;
  height: 70px;
  background-position: -350px -0px;
  background-size: auto 350px;
}

#container .mod_article > .inside .nav.jobs .prev {
  left: calc((1040px - 100vw)/4);
  opacity: 0.5;
}

#container .mod_article > .inside .nav.jobs .prev a:before {
  transform: translateY(-50%) translateX(-50%) rotate(90deg);
}

#container .mod_article > .inside .nav.jobs .next {
  right: calc((1040px - 100vw)/4);
}

#container .mod_article > .inside .nav.jobs .next a:before {
  transform: translateY(-50%) translateX(50%) rotate(-90deg);
}

#container .mod_article > .inside .nav.jobs + .first {
  text-align: center;
}

@media screen and (max-width: 1200px) {
  #container .mod_article > .inside .nav.jobs .next, #container .mod_article > .inside .nav.jobs .prev {
    top: -30px;
    width: 40px;
    height: 40px;
  }
  #container .mod_article > .inside .nav.jobs .next a:before, #container .mod_article > .inside .nav.jobs .prev a:before {
    background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
    width: 40px;
    height: 40px;
    background-position: -200px -0px;
    background-size: auto 200px;
  }
  #container .mod_article > .inside .nav.jobs .prev {
    left: 15px;
  }
  #container .mod_article > .inside .nav.jobs .next {
    right: 15px;
  }
}

@media screen and (max-width: 530px) {
  #container .mod_article {
    padding: 30px 0;
    padding-bottom: 60px;
  }
}

#container .mod_article.gradient-yellow .list-ticks ul li:after,
#container .mod_article.gradient-yellow .block[class*="icon-"] > *:nth-child(1):after {
  background: #fbba00;
  background: -moz-linear-gradient(45deg, #fbba00 0%, #e84e0f 100%);
  background: -webkit-linear-gradient(45deg, #fbba00 0%, #e84e0f 100%);
  background: linear-gradient(45deg, #fbba00 0%, #e84e0f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbba00', endColorstr='#e84e0f',GradientType=1 );
}

#container .mod_article.gradient-monza .list-ticks ul li:after,
#container .mod_article.gradient-monza .block[class*="icon-"] > *:nth-child(1):after {
  background: #ca0928;
  background: -moz-linear-gradient(45deg, #ca0928 0%, #e36307 100%);
  background: -webkit-linear-gradient(45deg, #ca0928 0%, #e36307 100%);
  background: linear-gradient(45deg, #ca0928 0%, #e36307 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca0928', endColorstr='#e36307',GradientType=1 );
}

#container .mod_article.gradient-cardinal .list-ticks ul li:after,
#container .mod_article.gradient-cardinal .block[class*="icon-"] > *:nth-child(1):after {
  background: #b0182a;
  background: -moz-linear-gradient(45deg, #b0182a 0%, #74357f 100%);
  background: -webkit-linear-gradient(45deg, #b0182a 0%, #74357f 100%);
  background: linear-gradient(45deg, #b0182a 0%, #74357f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0182a', endColorstr='#74357f',GradientType=1 );
}

#container .mod_article.gradient-affair .list-ticks ul li:after,
#container .mod_article.gradient-affair .block[class*="icon-"] > *:nth-child(1):after {
  background: #904b94;
  background: -moz-linear-gradient(45deg, #904b94 0%, #528fbf 100%);
  background: -webkit-linear-gradient(45deg, #904b94 0%, #528fbf 100%);
  background: linear-gradient(45deg, #904b94 0%, #528fbf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#904b94', endColorstr='#528fbf',GradientType=1 );
}

#container .mod_article.gradient-biscay .list-ticks ul li:after,
#container .mod_article.gradient-biscay .block[class*="icon-"] > *:nth-child(1):after {
  background: #18365b;
  background: -moz-linear-gradient(45deg, #18365b 0%, #528fbf 100%);
  background: -webkit-linear-gradient(45deg, #18365b 0%, #528fbf 100%);
  background: linear-gradient(45deg, #18365b 0%, #528fbf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18365b', endColorstr='#528fbf',GradientType=1 );
}

#container .mod_article.gradient-blue .list-ticks ul li:after,
#container .mod_article.gradient-blue .block[class*="icon-"] > *:nth-child(1):after {
  background: #528fbf;
  background: -moz-linear-gradient(45deg, #528fbf 0%, #48b070 100%);
  background: -webkit-linear-gradient(45deg, #528fbf 0%, #48b070 100%);
  background: linear-gradient(45deg, #528fbf 0%, #48b070 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#528fbf', endColorstr='#48b070',GradientType=1 );
}

#container .mod_article.gradient-rio .list-ticks ul li:after,
#container .mod_article.gradient-rio .block[class*="icon-"] > *:nth-child(1):after {
  background: #bccf00;
  background: -moz-linear-gradient(45deg, #bccf00 0%, #48b070 100%);
  background: -webkit-linear-gradient(45deg, #bccf00 0%, #48b070 100%);
  background: linear-gradient(45deg, #bccf00 0%, #48b070 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bccf00', endColorstr='#48b070',GradientType=1 );
}

#container .mod_article.gradient-rio-inv .list-ticks ul li:after,
#container .mod_article.gradient-rio-inv .block[class*="icon-"] > *:nth-child(1):after {
  background: #48b070;
  background: -moz-linear-gradient(45deg, #48b070 0%, #bccf00 100%);
  background: -webkit-linear-gradient(45deg, #48b070 0%, #bccf00 100%);
  background: linear-gradient(45deg, #48b070 0%, #bccf00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48b070', endColorstr='#bccf00',GradientType=1 );
}

#container .mod_article[class*="gradient-"] > .inside {
  justify-content: space-between;
}

#container .mod_article[class*="gradient-"] > .inside .ce_headline {
  color: #ffffff;
  margin-bottom: 30px;
}

#container .mod_article[class*="gradient-"] > .inside > .block:not(.no-box) {
  background: #ffffff;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.15);
  padding: 30px 60px;
}

@media screen and (max-width: 500px) {
  #container .mod_article[class*="gradient-"] > .inside > .block:not(.no-box) {
    padding: 30px;
  }
}

#container .mod_article[class*="gradient-"] > .inside > .no-box {
  text-align: left;
  color: #ffffff;
}

#container .mod_article[class*="gradient-"] > .inside > .no-box h1, #container .mod_article[class*="gradient-"] > .inside > .no-box h2, #container .mod_article[class*="gradient-"] > .inside > .no-box h3, #container .mod_article[class*="gradient-"] > .inside > .no-box h4, #container .mod_article[class*="gradient-"] > .inside > .no-box h5, #container .mod_article[class*="gradient-"] > .inside > .no-box h6 {
  color: inherit;
}

#container .mod_article.larger > .inside {
  max-width: 1280px;
  margin: 0 auto !important;
}

#container .mod_article.background-blue {
  background: #edf1f6;
}

#container .mod_article.background-quote {
  background: url(../img/background-quote.jpg) no-repeat scroll 50% 50%;
  background-size: cover;
  color: #ffffff;
}

#container .mod_article > .inside > .block,
#container .mod_article > .inside > .ce_headline,
#container .mod_newslist > div,
#container .mod_newsreader > div > .block {
  margin-top: 30px;
}

#container .mod_article.no-gap {
  padding: 0 !important;
}

#container .mod_article.no-gap > .inside > * {
  margin-top: 0;
}

#container .mod_article.no-gap-top {
  padding-top: 0 !important;
}

#container .mod_article.no-gap-top > .inside > * {
  margin-top: 0;
}

#container .block.span30 {
  width: 30%;
}

#container .block.span30.gap {
  width: calc(30% - 15px);
}

@media screen and (max-width: 760px) {
  #container .block.span30 {
    width: 30% !important;
  }
  #container .block.span30.gap {
    width: calc(30% - 15px) !important;
  }
}

@media screen and (max-width: 500px) {
  #container .block.span30 {
    width: 100% !important;
  }
  #container .block.span30.gap {
    width: 100% !important;
  }
}

#container .block.span33 {
  width: 33%;
}

#container .block.span33.gap {
  width: calc(33% - 15px);
}

@media screen and (max-width: 760px) {
  #container .block.span33 {
    width: 50% !important;
  }
  #container .block.span33.gap {
    width: calc(50% - 15px) !important;
  }
}

@media screen and (max-width: 500px) {
  #container .block.span33 {
    width: 100% !important;
  }
  #container .block.span33.gap {
    width: 100% !important;
  }
}

#container .block.span50, #container .mod_article.diagram-01 .block.ce_text {
  width: 50%;
}

#container .block.span50.gap, #container .mod_article.diagram-01 .block.gap.ce_text {
  width: calc(50% - 15px);
}

@media screen and (max-width: 760px) {
  #container .block.span50, #container .mod_article.diagram-01 .block.ce_text {
    width: 100% !important;
  }
  #container .block.span50.gap, #container .mod_article.diagram-01 .block.gap.ce_text {
    width: 100% !important;
  }
}

#container .block.span70 {
  width: 70%;
}

#container .block.span70.gap {
  width: calc(70% - 15px);
}

@media screen and (max-width: 760px) {
  #container .block.span70 {
    width: 100% !important;
  }
  #container .block.span70.gap {
    width: 100% !important;
  }
}

#container .ce_text .content > * + *,
#container .ce_text .content li {
  margin-top: 15px;
}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
  font-family: "Titillium Web", sans-serif;
  color: #003266;
  font-weight: 400;
}

@media screen and (max-width: 500px) {
  #container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
}

#container h1, #container h2 {
  font-size: 35px;
  line-height: 40px;
}

#container h1 + h2, #container h1 + h3,
#container h1 + .content > h2, #container h1 + .content > h3, #container h2 + h2, #container h2 + h3,
#container h2 + .content > h2, #container h2 + .content > h3 {
  color: #548dbe;
  font-size: 27px;
  line-height: 34px;
  margin-top: 0 !important;
}

#container h3 {
  font-size: 27px;
  line-height: 34px;
}

#container .ce_text.cols-2 {
  text-align: left;
}

#container .ce_text.cols-2 p img {
  display: block;
  margin: 45px 0;
  max-width: 100%;
}

@media screen and (min-width: 760px) {
  #container .ce_text.cols-2 {
    column-count: 2;
    column-gap: 30px;
  }
}

#container .ce_text ul li {
  position: relative;
  padding-left: 20px;
}

#container .ce_text ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 30px;
  height: 30px;
  background-position: -30px -120px;
  background-size: auto 150px;
  transform: translateY(-3px) translateX(-11px);
}

#container .block.list-ticks.cols-2 {
  column-count: 1 !important;
}

@media screen and (min-width: 760px) {
  #container .block.list-ticks.cols-2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #container .block.list-ticks.cols-2:nth-last-child(1) ul {
    margin-bottom: 0;
  }
  #container .block.list-ticks.cols-2 li {
    width: calc(50% - 20px);
  }
  #container .block.list-ticks.cols-2 li:nth-child(2n) {
    margin-left: 30px;
  }
}

#container .block.list-ticks ul:nth-child(1) {
  margin-top: -30px;
}

#container .block.list-ticks ul:nth-last-child(1) {
  margin-bottom: -30px;
}

#container .block.list-ticks ul li {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-left: 55px;
  padding-top: 9px;
  color: #003266;
  margin-top: 30px;
  vertical-align: top;
  font-size: 0.875rem;
}

#container .block.list-ticks ul li > strong {
  display: inline-block;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: -4px;
}

#container .block.list-ticks ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 40px;
  height: 40px;
  background-position: -40px -120px;
  background-size: auto 200px;
  outline: 3px solid #fff;
  box-shadow: inset 0 0 0px 1px #fff;
  transform: none;
}

#container .block.list-ticks ul li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

@media screen and (max-width: 500px) {
  #container .block.list-ticks {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  #container .block.list-ticks .content ul li {
    color: #ffffff !important;
  }
  #container .block.list-ticks .content ul li:before {
    background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
    width: 40px;
    height: 40px;
    background-position: -120px -120px;
    background-size: auto 200px;
    outline: none;
    box-shadow: none;
    transform: none;
  }
  #container .block.list-ticks .content ul li:after {
    display: none;
  }
}

#container figure img {
  display: block;
  max-width: 100%;
  height: auto;
}

#container .ce_text[class*="gradient-"] {
  color: #ffffff;
}

#container .ce_text[class*="gradient-"] a {
  color: inherit;
  text-decoration: none;
}

#container .ce_text[class*="gradient-"] a:hover {
  text-decoration: underline;
}

#container .ce_text[class*="gradient-"] h1, #container .ce_text[class*="gradient-"] h2, #container .ce_text[class*="gradient-"] h3, #container .ce_text[class*="gradient-"] h4, #container .ce_text[class*="gradient-"] h5, #container .ce_text[class*="gradient-"] h6 {
  color: inherit;
}

#container .ce_text[class*="gradient-"] ul li {
  padding-left: 20px;
}

#container .ce_text[class*="gradient-"] ul li:before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 30px;
  height: 30px;
  background-position: 0px -120px;
  background-size: auto 150px;
  transform: rotate(90deg) translateY(9px) translateX(-3px);
}

#container .ce_text.left {
  text-align: left;
}

#container .ce_text.span50, #container .mod_article.diagram-01 .ce_text {
  width: calc(50% - 15px);
}

#container .ce_text.overline .content p {
  color: #548dbe;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 0 !important;
}

#container .ce_text.overline .content + h1, #container .ce_text.overline .content + h2 {
  margin-top: 30px;
}

#container .mod_article.larger > .inside > .ce_text {
  padding: 90px 120px;
  text-align: left;
}

@media screen and (max-width: 1280px) {
  #container .mod_article.larger > .inside > .ce_text {
    padding: 90px 9.1vw;
  }
}

@media screen and (max-width: 500px) {
  #container .mod_article.larger > .inside > .ce_text {
    padding: 60px 9.1vw;
  }
}

#container .button, #container .ce_form .formbody .widget.widget-submit button, #container .mod_login .formbody .widget.widget-submit button, #container .mod_newsreader > .back a, #container .mod_newslist > .layout_overview .more a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  border-style: solid;
  border-width: 1px;
  border-color: inherit;
  padding: 10px 40px;
  margin-top: 15px;
  border-radius: 2em;
  line-height: 1;
  transition: color .2s, background .2s;
}

#container .button:hover, #container .ce_form .formbody .widget.widget-submit button:hover, #container .mod_login .formbody .widget.widget-submit button:hover, #container .mod_newsreader > .back a:hover, #container .mod_newslist > .layout_overview .more a:hover {
  background: #ffffff;
  color: #003266 !important;
  border-color: #ffffff;
  text-decoration: none !important;
}

#container .mod_article.diagram-01 {
  padding-top: 0;
  margin-top: -40px;
}

#container .mod_article.diagram-01 .ce_text {
  padding: 60px;
}

#container .mod_article.diagram-01 .ce_text h3 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 54px;
}

#container .mod_article.diagram-01 .ce_text:nth-child(1) {
  font-size: 27px;
}

#container .mod_article.diagram-01 .ce_text:nth-child(1) p {
  margin-top: 60px;
}

#container .mod_article.diagram-01 .ce_text:nth-child(2) {
  position: relative;
}

#container .mod_article.diagram-01 .ce_text:nth-child(2):before {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  background: #ffffff;
  position: absolute;
  left: -15px;
  top: 0;
}

#container .mod_article.diagram-01 .ce_text:nth-child(2):after {
  content: "";
  display: block;
  position: absolute;
  left: -25px;
  top: 50%;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 50px;
  height: 50px;
  background-position: 0px -100px;
  background-size: auto 250px;
  transform: translateY(-50%);
}

#container .mod_article.diagram-01 .ce_text:nth-child(2) p + h3 {
  position: relative;
  font-size: 27px;
  border-top: 1px solid #ffffff;
  margin-top: 30px;
  padding: 30px 0;
  margin-bottom: 0;
}

#container .mod_article.diagram-01 .ce_text:nth-child(2) p + h3:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -17px;
  left: 50%;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 50px;
  height: 50px;
  background-position: 0px -150px;
  background-size: auto 250px;
  transform: translateX(-50%) rotate(-90deg);
}

@media screen and (max-width: 760px) {
  #container .mod_article.diagram-01 .ce_text:nth-child(2) {
    margin-top: 0;
  }
  #container .mod_article.diagram-01 .ce_text:nth-child(2):before {
    left: 0;
    top: -15px;
    height: 30px;
    width: 100%;
  }
  #container .mod_article.diagram-01 .ce_text:nth-child(2):after {
    left: 50%;
    top: -25px;
    transform: translateX(-50%) rotate(-90deg);
  }
}

@media screen and (max-width: 400px) {
  #container .mod_article.diagram-01 .ce_text {
    padding: 60px 30px;
  }
}

#container .ce_text.brochure {
  text-align: left;
  display: flex;
  justify-content: space-between;
  margin: 0 !important;
}

#container .ce_text.brochure figure, #container .ce_text.brochure .content {
  width: 50%;
}

#container .ce_text.brochure .content {
  margin: 75px 0 !important;
}

#container .ce_text.brochure .content .button, #container .ce_text.brochure .content .ce_form .formbody .widget.widget-submit button, #container .ce_form .formbody .widget.widget-submit .ce_text.brochure .content button, #container .ce_text.brochure .content .mod_login .formbody .widget.widget-submit button, #container .mod_login .formbody .widget.widget-submit .ce_text.brochure .content button, #container .ce_text.brochure .content .mod_newsreader > .back a, #container .mod_newsreader > .back .ce_text.brochure .content a, #container .ce_text.brochure .content .mod_newslist > .layout_overview .more a, #container .mod_newslist > .layout_overview .more .ce_text.brochure .content a {
  margin-top: 34.5px;
}

#container .ce_text.brochure figure {
  order: 2;
  margin-bottom: -116px;
  margin-top: 30px;
  width: 600px;
  margin-right: -120px;
  transition: opacity .4s;
}

@media screen and (max-width: 1285px) {
  #container .ce_text.brochure figure {
    width: 50%;
    margin-right: 0;
  }
}

@media screen and (max-width: 900px) {
  #container .ce_text.brochure {
    position: relative;
    overflow: hidden;
    margin: 0 !important;
  }
  #container .ce_text.brochure .content {
    z-index: 1;
  }
  #container .ce_text.brochure figure {
    position: absolute;
    right: 30px;
    width: 80%;
    min-width: 600px;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0.25;
    z-index: 0;
    margin: 0;
  }
}

@media screen and (max-width: 650px) {
  #container .ce_text.brochure .content {
    width: 100%;
  }
  #container .ce_text.brochure figure {
    opacity: 0;
  }
}

#container .ce_text.contact {
  display: flex;
  justify-content: flex-start;
}

#container .ce_text.contact figure {
  margin-right: 67.5px;
}

#container .ce_text.contact figure img {
  width: 214px;
  height: auto;
}

#container .ce_text.contact .content {
  margin-left: 67.5px;
  padding: 60px 0;
  text-align: left;
  max-width: 520px;
}

#container .ce_text.contact .content > h2, #container .ce_text.contact .content > h3 {
  margin-bottom: 33px;
}

#container .ce_text.contact .content p:nth-last-child(1) {
  font-size: 27px;
  font-family: "Titillium Web", sans-serif;
}

#container .ce_text.contact .content p:nth-last-child(1) em {
  display: inline-block;
  color: #003266;
  font-style: normal;
  min-width: 95px;
}

#container .ce_text.contact .content p:nth-last-child(1) a {
  color: #548dbe;
  text-decoration: none;
}

@media screen and (max-width: 760px) {
  #container .ce_text.contact {
    display: block;
  }
  #container .ce_text.contact figure, #container .ce_text.contact .content {
    margin: 0 auto;
  }
  #container .ce_text.contact figure img {
    display: block;
    margin: 0 auto;
    max-height: 100px;
  }
  #container .ce_text.contact .content {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 500px) {
  #container .ce_text.contact .content {
    text-align: center;
    padding-top: 30px;
  }
}

@media screen and (max-width: 380px) {
  #container .ce_text.contact .content p:nth-last-child(1) {
    font-size: 22px;
  }
  #container .ce_text.contact .content p:nth-last-child(1) em {
    min-width: 80px;
  }
}

#container .mod_newslist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0 !important;
}

#container .mod_newslist > div {
  width: 100%;
}

#container .mod_newslist > .layout_latest {
  position: relative;
  width: calc(33% - 15px);
}

#container .mod_newslist > .layout_latest > a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#container .mod_newslist > .layout_latest > a:hover ~ figure {
  opacity: 0.75;
}

#container .mod_newslist > .layout_latest > *:not(a) {
  pointer-events: none;
}

#container .mod_newslist > .layout_latest .info, #container .mod_newslist > .layout_latest figure {
  margin-bottom: 15px;
}

#container .mod_newslist > .layout_latest .info {
  font-family: "Titillium Web", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 15px;
}

#container .mod_newslist > .layout_latest figure {
  transition: opacity .2s;
}

#container .mod_newslist > .layout_latest figure img {
  display: block;
  width: 100%;
  height: auto;
}

#container .mod_newslist > .layout_latest .ce_text {
  position: relative;
}

#container .mod_newslist > .layout_latest .ce_text:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 18px;
  height: 18px;
  background-position: 0px -18px;
  background-size: auto 90px;
}

@media screen and (max-width: 760px) {
  #container .mod_newslist > .layout_latest {
    width: calc(50% - 15px);
  }
}

@media screen and (max-width: 500px) {
  #container .mod_newslist > .layout_latest {
    width: 100%;
  }
}

#container .mod_newslist > .layout_overview {
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 60px 0;
}

#container .mod_newslist > .layout_overview figure {
  width: 50%;
  margin-right: 60px;
}

#container .mod_newslist > .layout_overview figure img {
  display: block;
  width: 100%;
  height: auto;
}

#container .mod_newslist > .layout_overview figure + .content {
  width: calc(50% - 60px);
}

@media screen and (max-width: 760px) {
  #container .mod_newslist > .layout_overview figure {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #container .mod_newslist > .layout_overview figure + .content {
    width: 100%;
  }
}

#container .mod_newslist > .layout_overview .content .info {
  font-family: "Titillium Web", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 15px;
  color: #548dbe;
}

#container .mod_newslist > .layout_overview .content h2 {
  font-size: 27px;
  margin-bottom: 10px;
}

#container .mod_newslist > .layout_overview .more a {
  margin-top: 36px;
}

#container .mod_newslist > .layout_overview .more a:hover {
  background: #003266;
  color: #ffffff !important;
}

#container .mod_newslist > .layout_overview + div {
  border-top: 1px solid #003266;
  margin-top: 0;
}

#container .mod_newsreader {
  text-align: left;
}

#container .mod_newsreader .layout_full .info {
  font-family: "Titillium Web", sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #548dbe;
}

#container .mod_newsreader .layout_full figure.float_left {
  float: left;
  margin-right: 30px;
}

#container .mod_newsreader .layout_full figure.float_right {
  float: right;
  margin-left: 30px;
}

#container .mod_newsreader .layout_full figure.float_left, #container .mod_newsreader .layout_full figure.float_right {
  margin-bottom: 30px;
}

@media screen and (max-width: 500px) {
  #container .mod_newsreader .layout_full figure.float_left, #container .mod_newsreader .layout_full figure.float_right {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
}

#container .mod_newsreader .layout_full figure img {
  display: inline-block;
  width: auto;
}

#container .mod_newsreader .layout_full > .block {
  overflow: hidden;
}

#container .mod_newsreader > .back {
  margin-top: 30px;
}

#container .mod_newsreader > .back a:hover {
  background: #003266;
  color: #ffffff !important;
}

#container .mod_newsreader ~ * {
  display: none;
}

#container .ce_text.legal {
  text-align: left;
}

#container .ce_text.legal strong {
  color: #003266;
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
}

#container .ce_text.legal a {
  color: #003266;
}

#container .block[class*="icon-"] {
  text-align: left;
  position: relative;
  color: #003266;
  padding: 30px !important;
  padding-top: 60px !important;
}

#container .block[class*="icon-"] h3 {
  font-weight: 300;
}

#container .block[class*="icon-"] > *:nth-child(1) {
  position: relative;
}

#container .block[class*="icon-"] > *:nth-child(1):before {
  content: "";
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  margin-bottom: 30px;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -80px -240px;
  background-size: auto 400px;
}

#container .block[class*="icon-"] > *:nth-child(1):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateX(-1px);
  top: 2px;
  z-index: 5;
  width: 76px;
  height: 76px;
  border-radius: 5px;
}

#container .block[class*="icon-"].icon-update > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -80px -0px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-shield > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -80px -80px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-time > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -80px -160px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-tick > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -80px -240px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-latency > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -160px -80px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-digital > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -160px -160px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-bulb > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -160px -240px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-hammer > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -160px -320px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-network > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -240px -0px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-expand > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -240px -80px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-aio > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -320px -0px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-integration > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -320px -80px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-processing > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -320px -160px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-platform > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -400px -80px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-wrench > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -400px -160px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-bulbboxes > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -400px -240px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-screen > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -400px -320px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-arrows > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -480px -0px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-digitalstrategy > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -480px -80px;
  background-size: auto 400px;
}

#container .block[class*="icon-"].icon-cloud > *:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 80px;
  height: 80px;
  background-position: -480px -160px;
  background-size: auto 400px;
}

#container .ce_text.quote {
  display: flex;
  justify-content: center;
  align-items: center;
}

#container .ce_text.quote figure {
  width: 270px;
  margin-left: 30px;
  order: 2;
}

#container .ce_text.quote figure img {
  border-radius: 50%;
}

#container .ce_text.quote .content {
  text-align: right;
  margin: 0 60px;
}

#container .ce_text.quote .content p:nth-child(1) {
  display: inline-block;
  position: relative;
  font-size: 29px;
  font-weight: 200;
  font-family: "Titillium Web", sans-serif;
  font-style: italic;
  max-width: 510px;
  text-align: center;
}

#container .ce_text.quote .content p:nth-child(1):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 90px;
  height: 90px;
  background-position: -180px -0px;
  background-size: auto 450px;
  opacity: 0.2;
  z-index: 0;
  transform: translateY(-30%) translateX(-50%);
}

#container .ce_text.quote .content p:nth-child(2) {
  text-transform: uppercase;
  text-align: right;
  font-size: 14px;
}

@media screen and (max-width: 760px) {
  #container .ce_text.quote {
    justify-content: center;
    flex-direction: column;
  }
  #container .ce_text.quote figure {
    order: 1;
    margin: 0;
    margin-bottom: 60px;
  }
  #container .ce_text.quote .content {
    order: 2;
  }
}

@media screen and (max-width: 500px) {
  #container .ce_text.quote figure {
    max-width: 40vw;
    margin-bottom: 30px;
  }
  #container .ce_text.quote .content {
    margin: 0 30px;
  }
  #container .ce_text.quote .content p:nth-child(1) {
    font-size: 22px;
  }
}

#container .ce_text.modules,
#container .ce_text.challenges {
  text-align: left;
  /*
        display: flex;
        justify-content: space-between;
        align-items: center;

        text-align: left;

        figure, .content {
            margin: 0 $content-gap*2;
        }

        figure {
            position: relative;
            order: 2;
            flex-shrink: 0;
            margin-left: $content-gap;

            > a {

                &:after {
                    content: "";
                    display: block;
                    width: 100%;
                    height: $content-gap*1.33;
                    background: $col-blue-1;
                    pointer-events: none;
                }

                &:before {
                    content: "";
                    display: block;
                    position: absolute;
                    bottom: 3px;
                    right: 15px;
                    @include sprite(35px, 3, 2);
                }

                &:hover:after {
                    background: $col-blue-2;
                }
            }
        }

        .content {
            flex: auto;
        }

        &.challenges {

            figure { margin-right: 0; }
            .content { margin: 0; }
        }

        @media screen and (max-width: 900px) {

            figure { width: 40%; }
        }

        @media screen and (max-width: $break-tablet) {

            flex-wrap: wrap;

            figure {
                order: 0;
                width: 100%;
                max-width: 400px;
                margin: 0 auto !important;
                margin-bottom: $content-gap !important;
                margin-top: 0;
            }

            .content {
                margin: 0;
            }
        }
        */
}

#container .ce_text.modules figure,
#container .ce_text.challenges figure {
  float: right;
  position: relative;
  order: 2;
  flex-shrink: 0;
  margin-left: 30px;
  margin-bottom: 15px;
}

#container .ce_text.modules figure > a,
#container .ce_text.challenges figure > a {
  display: block;
  position: relative;
  z-index: 10;
}

#container .ce_text.modules figure > a:after,
#container .ce_text.challenges figure > a:after {
  content: "";
  display: block;
  width: 100%;
  height: 39.9px;
  background: #003266;
  pointer-events: none;
}

#container .ce_text.modules figure > a:before,
#container .ce_text.challenges figure > a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 3px;
  right: 15px;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 35px;
  height: 35px;
  background-position: -105px -70px;
  background-size: auto 175px;
}

#container .ce_text.modules figure > a:hover:after,
#container .ce_text.challenges figure > a:hover:after {
  background: #548dbe;
}

@media screen and (max-width: 760px) {
  #container .ce_text.modules figure,
#container .ce_text.challenges figure {
    float: none;
    margin-bottom: 30px;
  }
  #container .ce_text.modules figure img,
#container .ce_text.challenges figure img {
    width: 100%;
  }
  #container .ce_text.modules .content,
#container .ce_text.challenges .content {
    margin: 0 30px;
  }
}

#container .ce_image figure img {
  margin: 0 auto;
}

#container .ce_image[class*="span"] figure {
  height: 100%;
}

#container .ce_image[class*="span"] figure img {
  height: 100%;
  width: auto;
  object-fit: cover;
}

#container input.tab-toggle {
  display: none !important;
}

#container input.tab-toggle:checked[data-tabindex="0"] ~ .ce_list.tabs li label[data-tabindex="0"] {
  cursor: default;
  z-index: 10;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 22px), calc(50% + 30px) calc(100% - 22px), 50% 100%, calc(50% - 30px) calc(100% - 22px), 0% calc(100% - 22px));
}

#container input.tab-toggle:checked[data-tabindex="0"] ~ .block.tab-content.tab-0 {
  display: block;
}

#container input.tab-toggle:checked[data-tabindex="1"] ~ .ce_list.tabs li label[data-tabindex="1"] {
  cursor: default;
  z-index: 10;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 22px), calc(50% + 30px) calc(100% - 22px), 50% 100%, calc(50% - 30px) calc(100% - 22px), 0% calc(100% - 22px));
}

#container input.tab-toggle:checked[data-tabindex="1"] ~ .block.tab-content.tab-1 {
  display: block;
}

#container input.tab-toggle:checked[data-tabindex="2"] ~ .ce_list.tabs li label[data-tabindex="2"] {
  cursor: default;
  z-index: 10;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 22px), calc(50% + 30px) calc(100% - 22px), 50% 100%, calc(50% - 30px) calc(100% - 22px), 0% calc(100% - 22px));
}

#container input.tab-toggle:checked[data-tabindex="2"] ~ .block.tab-content.tab-2 {
  display: block;
}

#container input.tab-toggle:checked[data-tabindex="3"] ~ .ce_list.tabs li label[data-tabindex="3"] {
  cursor: default;
  z-index: 10;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 22px), calc(50% + 30px) calc(100% - 22px), 50% 100%, calc(50% - 30px) calc(100% - 22px), 0% calc(100% - 22px));
}

#container input.tab-toggle:checked[data-tabindex="3"] ~ .block.tab-content.tab-3 {
  display: block;
}

#container input.tab-toggle:checked[data-tabindex="4"] ~ .ce_list.tabs li label[data-tabindex="4"] {
  cursor: default;
  z-index: 10;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 22px), calc(50% + 30px) calc(100% - 22px), 50% 100%, calc(50% - 30px) calc(100% - 22px), 0% calc(100% - 22px));
}

#container input.tab-toggle:checked[data-tabindex="4"] ~ .block.tab-content.tab-4 {
  display: block;
}

#container input.tab-toggle:checked[data-tabindex="5"] ~ .ce_list.tabs li label[data-tabindex="5"] {
  cursor: default;
  z-index: 10;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 22px), calc(50% + 30px) calc(100% - 22px), 50% 100%, calc(50% - 30px) calc(100% - 22px), 0% calc(100% - 22px));
}

#container input.tab-toggle:checked[data-tabindex="5"] ~ .block.tab-content.tab-5 {
  display: block;
}

#container input.tab-toggle:checked[data-tabindex="6"] ~ .ce_list.tabs li label[data-tabindex="6"] {
  cursor: default;
  z-index: 10;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 22px), calc(50% + 30px) calc(100% - 22px), 50% 100%, calc(50% - 30px) calc(100% - 22px), 0% calc(100% - 22px));
}

#container input.tab-toggle:checked[data-tabindex="6"] ~ .block.tab-content.tab-6 {
  display: block;
}

#container input.tab-toggle:checked[data-tabindex="7"] ~ .ce_list.tabs li label[data-tabindex="7"] {
  cursor: default;
  z-index: 10;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 22px), calc(50% + 30px) calc(100% - 22px), 50% 100%, calc(50% - 30px) calc(100% - 22px), 0% calc(100% - 22px));
}

#container input.tab-toggle:checked[data-tabindex="7"] ~ .block.tab-content.tab-7 {
  display: block;
}

#container input.tab-toggle:checked[data-tabindex="8"] ~ .ce_list.tabs li label[data-tabindex="8"] {
  cursor: default;
  z-index: 10;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 22px), calc(50% + 30px) calc(100% - 22px), 50% 100%, calc(50% - 30px) calc(100% - 22px), 0% calc(100% - 22px));
}

#container input.tab-toggle:checked[data-tabindex="8"] ~ .block.tab-content.tab-8 {
  display: block;
}

#container input.tab-toggle:checked[data-tabindex="9"] ~ .ce_list.tabs li label[data-tabindex="9"] {
  cursor: default;
  z-index: 10;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 22px), calc(50% + 30px) calc(100% - 22px), 50% 100%, calc(50% - 30px) calc(100% - 22px), 0% calc(100% - 22px));
}

#container input.tab-toggle:checked[data-tabindex="9"] ~ .block.tab-content.tab-9 {
  display: block;
}

#container input.tab-toggle:checked[data-tabindex="10"] ~ .ce_list.tabs li label[data-tabindex="10"] {
  cursor: default;
  z-index: 10;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 22px), calc(50% + 30px) calc(100% - 22px), 50% 100%, calc(50% - 30px) calc(100% - 22px), 0% calc(100% - 22px));
}

#container input.tab-toggle:checked[data-tabindex="10"] ~ .block.tab-content.tab-10 {
  display: block;
}

#container input.tab-toggle:not(:checked)[data-tabindex="0"] ~ .ce_list.tabs li label[data-tabindex="0"] span {
  background: none;
  color: #003266;
}

#container input.tab-toggle:not(:checked)[data-tabindex="1"] ~ .ce_list.tabs li label[data-tabindex="1"] span {
  background: none;
  color: #003266;
}

#container input.tab-toggle:not(:checked)[data-tabindex="2"] ~ .ce_list.tabs li label[data-tabindex="2"] span {
  background: none;
  color: #003266;
}

#container input.tab-toggle:not(:checked)[data-tabindex="3"] ~ .ce_list.tabs li label[data-tabindex="3"] span {
  background: none;
  color: #003266;
}

#container input.tab-toggle:not(:checked)[data-tabindex="4"] ~ .ce_list.tabs li label[data-tabindex="4"] span {
  background: none;
  color: #003266;
}

#container input.tab-toggle:not(:checked)[data-tabindex="5"] ~ .ce_list.tabs li label[data-tabindex="5"] span {
  background: none;
  color: #003266;
}

#container input.tab-toggle:not(:checked)[data-tabindex="6"] ~ .ce_list.tabs li label[data-tabindex="6"] span {
  background: none;
  color: #003266;
}

#container input.tab-toggle:not(:checked)[data-tabindex="7"] ~ .ce_list.tabs li label[data-tabindex="7"] span {
  background: none;
  color: #003266;
}

#container input.tab-toggle:not(:checked)[data-tabindex="8"] ~ .ce_list.tabs li label[data-tabindex="8"] span {
  background: none;
  color: #003266;
}

#container input.tab-toggle:not(:checked)[data-tabindex="9"] ~ .ce_list.tabs li label[data-tabindex="9"] span {
  background: none;
  color: #003266;
}

#container input.tab-toggle:not(:checked)[data-tabindex="10"] ~ .ce_list.tabs li label[data-tabindex="10"] span {
  background: none;
  color: #003266;
}

#container .ce_list.tabs ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 52px;
}

#container .ce_list.tabs ul li {
  flex: 1;
  width: 100%;
  min-width: 300px;
  margin-top: -52px;
}

#container .ce_list.tabs ul li label {
  position: relative;
  display: block;
  font-family: "Titillium Web", sans-serif;
  font-size: 27px;
  color: #ffffff;
  width: 100%;
  cursor: pointer;
  background: #d0dae7;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 52px), calc(50% + 52px) calc(100% - 52px), 50% calc(100% - 52px), calc(50% - 52px) calc(100% - 52px), 0% calc(100% - 52px));
  transition: clip-path .4s;
}

#container .ce_list.tabs ul li label > span {
  display: block;
  height: 340px;
  max-height: 40vh;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
}

@media screen and (max-width: 500px) {
  #container .ce_list.tabs ul li label > span {
    height: 180px;
  }
}

#container .block.tab-content {
  display: none;
}

#container .mod_article.blocks > .inside {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  /*

            // - AWESOME VERSION WITH ARROWS

            > .block {

                position: relative;

                $border: 3px;

                width: calc(50% + 38px);
                height: calc(345px + 22px);
                margin: -23.5px;
                padding-top: $content-gap*3;
                padding-bottom: 0;

                &:not(:hover) {
                    background: $col-blue-3;
                    color: $col-black;
                    h3, a.button { color: $col-blue-1; }
                }

                &:nth-child(1) {

                    clip-path: polygon(
                        $border $border,
                        calc(100% - 3px - 22px) $border,
                        calc(100% - 3px - 22px) 25%,
                        calc(100%  - 3px) calc(25% + 30px),
                        calc(100% - 3px - 22px) calc(25% + 60px),
                        calc(100% - 3px - 22px) calc(100% - 3px - 22px),
                        calc(25% + 30px + 3px) calc(100% - 3px - 22px),
                        25% calc(100% - 6px - 44px),
                        calc(25% - 30px - 3px) calc(100% - 3px - 22px),
                        $border calc(100% - 3px - 22px)
                    );
                }

                &:nth-child(2) {

                    clip-path: polygon(
                        calc(22px + 3px) $border,
                        calc(100% - 3px) $border,
                        calc(100% - 3px) calc(100% - 22px - 3px),
                        calc(75% + 30px + 3px) calc(100% - 22px - 3px),
                        75% 100%,
                        calc(75% - 30px - 3px) calc(100% - 22px - 3px),
                        calc(22px + 3px) calc(100% - 22px - 3px),
                        calc(22px + 3px) calc(25% + 60px + 1.5px),
                        calc(44px + 3px) calc(25% + 30px),
                        calc(22px + 3px) calc(25% - 1.5px)
                    );
                }

                &:nth-child(2n+4) {

                    clip-path: polygon(
                        calc(22px + 3px) calc(22px + 3px),
                        calc(75% - 30px - 3px) calc(22px + 3px),
                        75% calc(44px + 6px),
                        calc(75% + 30px + 3px) calc(22px + 3px),
                        100% calc(22px + 3px),
                        100% calc(100% - 22px - 3px),
                        calc(75% + 30px + 3px) calc(100% - 22px - 3px),
                        75% 100%,
                        calc(75% - 30px - 3px) calc(100% - 22px - 3px),
                        calc(22px + 3px) calc(100% - 22px - 3px)
                    );
                }

                &:nth-last-child(1) {

                    clip-path: polygon(
                        calc(22px + 3px) calc(22px + 3px),
                        calc(75% - 30px - 3px) calc(22px + 3px),
                        75% calc(44px + 6px),
                        calc(75% + 30px + 3px) calc(22px + 3px),
                        100% calc(22px + 3px),
                        100% calc(100% - 22px - 3px),
                        calc(22px + 3px) calc(100% - 22px - 3px),
                        calc(22px + 3px) calc(75% + 30px + 3px),
                        0 75%,
                        calc(22px + 3px) calc(75% - 30px + 3px)
                    ) !important;
                }

                &:nth-last-child(2) {

                    clip-path: polygon(
                        $border calc(22px + 3px),
                        calc(25% - 30px - 3px) calc(22px + 3px),
                        25% 0,
                        calc(25% + 30px + 3px) calc(22px + 3px),
                        calc(100% - 22px - 3px) calc(22px + 3px),
                        calc(100% - 22px - 3px) calc(75% - 30px + 3px),
                        calc(100% - 44px - 6px) 75%,
                        calc(100% - 22px - 3px) calc(75% + 30px + 3px),
                        calc(100% - 22px - 3px) calc(100% - 22px - 3px),
                        $border calc(100% - 22px - 3px)
                    ) !important;
                }

                &:nth-child(2n+3) {

                    clip-path: polygon(
                        $border calc(22px + 3px),
                        calc(25% - 30px - 3px) calc(22px + 3px),
                        25% 0,
                        calc(25% + 30px + 3px) calc(22px + 3px),
                        calc(100% - 22px - 3px) calc(22px + 3px),
                        calc(100% - 3px - 22px) calc(100% - 3px - 22px),
                        calc(25% + 30px + 3px) calc(100% - 3px - 22px),
                        25% calc(100% - 6px - 44px),
                        calc(25% - 30px - 3px) calc(100% - 3px - 22px),
                        $border calc(100% - 3px - 22px)
                    );
                }

                @media screen and (max-width: $break-tablet) {

                    width: 100%;
                    height: auto;
                    min-height: calc(345px + 22px);

                    &:nth-child(1) {

                        clip-path: polygon(
                            0 0,
                            100% 0,
                            100% calc(100% - 22px - 3px),
                            calc(75% + 30px + 3px) calc(100% - 22px - 3px),
                            75% 100%,
                            calc(75% - 30px - 3px) calc(100% - 22px - 3px),
                            0 calc(100% - 22px - 3px)
                        );
                    }

                    &:nth-child(n+2) {

                        clip-path: polygon(
                            0 calc(22px + 3px),
                            calc(75% - 30px - 3px) calc(22px + 3px),
                            75% calc(44px + 6px),
                            calc(75% + 30px + 3px) calc(22px + 3px),
                            100% calc(22px + 3px),
                            100% calc(100% - 22px - 3px),
                            calc(75% + 30px + 3px) calc(100% - 22px - 3px),
                            75% 100%,
                            calc(75% - 30px - 3px) calc(100% - 22px - 3px),
                            0 calc(100% - 22px - 3px)
                        ) !important;
                    }

                    &:nth-last-child(1) {

                        clip-path: polygon(
                            0 calc(22px + 3px),
                            calc(75% - 30px - 3px) calc(22px + 3px),
                            75% calc(44px + 6px),
                            calc(75% + 30px + 3px) calc(22px + 3px),
                            100% calc(22px + 3px),
                            100% calc(100% - 22px - 3px),
                            0 calc(100% - 22px - 3px)
                        ) !important;
                    }
                }
            }
            */
}

#container .mod_article.blocks > .inside > .block {
  position: relative;
  width: 50%;
  height: 400px;
  margin: 0;
  padding-top: 90px;
  padding-bottom: 0;
  border: 2px solid #ffffff;
}

#container .mod_article.blocks > .inside > .block:not(:hover) {
  background: #edf1f6;
  color: #000000;
}

#container .mod_article.blocks > .inside > .block:not(:hover) h3, #container .mod_article.blocks > .inside > .block:not(:hover) a.button, #container .mod_article.blocks > .inside > .block:not(:hover) .mod_newslist > .layout_overview .more a, #container .mod_newslist > .layout_overview .more .mod_article.blocks > .inside > .block:not(:hover) a, #container .mod_article.blocks > .inside > .block:not(:hover) .mod_newsreader > .back a, #container .mod_newsreader > .back .mod_article.blocks > .inside > .block:not(:hover) a {
  color: #003266;
}

@media screen and (max-width: 760px) {
  #container .mod_article.blocks > .inside > .block {
    width: 100%;
    height: auto;
    min-height: 400px;
  }
}

#container .ce_text.address {
  text-align: left;
}

#container .ce_text.address figure, #container .ce_text.address content {
  margin: 0;
  width: 100%;
}

#container .ce_text.address figure {
  margin-bottom: 30px;
}

#container .ce_text.address figure img {
  display: block;
  width: 100%;
  max-width: 212px;
}

#container .ce_text.address strong {
  color: #003266;
  font-weight: 400;
  font-family: "Titillium Web", sans-serif;
}

#container .ce_text.address a {
  color: #003266;
}

@media screen and (max-width: 760px) {
  #container .ce_text.address.span30 {
    width: 100% !important;
    text-align: center;
  }
  #container .ce_text.address.span30 figure img {
    margin: 0 auto;
    max-width: 100px;
  }
}

#container .ce_form, #container .mod_login {
  text-align: left;
  padding-top: 105px;
}

#container .ce_form .formbody, #container .mod_login .formbody {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

#container .ce_form .formbody > div:not(.widget), #container .mod_login .formbody > div:not(.widget) {
  width: 100%;
  margin-top: 30px;
}

#container .ce_form .formbody .widget, #container .mod_login .formbody .widget {
  margin-top: 30px;
  width: 100%;
}

#container .ce_form .formbody .widget input, #container .ce_form .formbody .widget textarea, #container .mod_login .formbody .widget input, #container .mod_login .formbody .widget textarea {
  display: block;
  width: 100%;
  background: #edf1f6;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  padding: 15px 30px;
  color: #000000;
}

#container .ce_form .formbody .widget input::placeholder, #container .ce_form .formbody .widget textarea::placeholder, #container .mod_login .formbody .widget input::placeholder, #container .mod_login .formbody .widget textarea::placeholder {
  color: #003266;
}

#container .ce_form .formbody .widget input:focus, #container .ce_form .formbody .widget textarea:focus, #container .mod_login .formbody .widget input:focus, #container .mod_login .formbody .widget textarea:focus {
  outline-color: #003266;
}

#container .ce_form .formbody .widget textarea, #container .mod_login .formbody .widget textarea {
  resize: vertical;
}

@media screen and (min-width: 500px) {
  #container .ce_form .formbody .widget.span50, #container .ce_form .formbody .mod_article.diagram-01 .widget.ce_text, #container .mod_article.diagram-01 .ce_form .formbody .widget.ce_text, #container .mod_login .formbody .widget.span50, #container .mod_login .formbody .mod_article.diagram-01 .widget.ce_text, #container .mod_article.diagram-01 .mod_login .formbody .widget.ce_text {
    width: calc(50% - 15px);
  }
}

#container .ce_form .formbody .widget.widget-submit, #container .mod_login .formbody .widget.widget-submit {
  text-align: right;
}

#container .ce_form .formbody .widget.widget-submit button, #container .mod_login .formbody .widget.widget-submit button {
  font-family: inherit;
  font-size: inherit;
  background-color: transparent;
}

#container .ce_form .formbody .widget.widget-submit button:hover, #container .mod_login .formbody .widget.widget-submit button:hover {
  background: #003266;
  color: #ffffff !important;
}

#container .ce_form .formbody .widget.widget-checkbox fieldset > span, #container .mod_login .formbody .widget.widget-checkbox fieldset > span {
  display: block;
  position: relative;
}

#container .ce_form .formbody .widget.widget-checkbox fieldset > span input, #container .mod_login .formbody .widget.widget-checkbox fieldset > span input {
  display: block;
  position: absolute;
  width: 54px;
  height: 54px;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
}

#container .ce_form .formbody .widget.widget-checkbox fieldset > span label, #container .mod_login .formbody .widget.widget-checkbox fieldset > span label {
  position: relative;
  display: block;
  padding-left: 70px;
  cursor: pointer;
  text-align: left !important;
}

#container .ce_form .formbody .widget.widget-checkbox fieldset > span input:checked ~ label:after, #container .mod_login .formbody .widget.widget-checkbox fieldset > span input:checked ~ label:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  pointer-events: none;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 54px;
  height: 54px;
  background-position: -162px -216px;
  background-size: auto 270px;
  opacity: 0.8;
}

#container .ce_form .formbody .widget.widget-checkbox fieldset > span + span, #container .mod_login .formbody .widget.widget-checkbox fieldset > span + span {
  margin-top: 15px;
}

#container .ce_form .formbody .widget.widget-checkbox.small fieldset > span input, #container .mod_login .formbody .widget.widget-checkbox.small fieldset > span input {
  width: 22px;
  height: 22px;
}

#container .ce_form .formbody .widget.widget-checkbox.small fieldset > span input:checked ~ label:after, #container .mod_login .formbody .widget.widget-checkbox.small fieldset > span input:checked ~ label:after {
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 22px;
  height: 22px;
  background-position: -66px -88px;
  background-size: auto 110px;
}

#container .ce_form .formbody .widget.widget-checkbox.small fieldset > span label, #container .mod_login .formbody .widget.widget-checkbox.small fieldset > span label {
  padding-left: 30px;
}

#container .ce_form .formbody .explanation > * + *, #container .mod_login .formbody .explanation > * + * {
  margin-top: 15px;
}

#container .ce_form .formbody .explanation a, #container .mod_login .formbody .explanation a {
  color: inherit;
}

#container .ce_form .formbody .explanation a:hover, #container .mod_login .formbody .explanation a:hover {
  color: #548dbe;
}

@media screen and (max-width: 500px) {
  #container .ce_form, #container .mod_login {
    padding-top: 0;
    text-align: center;
  }
  #container .ce_form .formbody .widget.widget-submit, #container .mod_login .formbody .widget.widget-submit {
    text-align: center;
  }
  #container .ce_form .formbody .widget.widget-submit button, #container .mod_login .formbody .widget.widget-submit button {
    width: 100%;
  }
}

#container .mod_login {
  max-width: 550px;
  margin-right: auto;
}

#container .mod_login form p.error {
  background: #c0392b;
  color: #ffffff;
  font-size: 13px;
  padding: 15px;
  margin-top: 15px;
}

@media screen and (min-width: 500px) {
  #container .mod_login form .widget-submit {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

#container .mod_login form .widget-submit p {
  text-align: left;
  margin-right: 15px;
}

@media screen and (max-width: 500px) {
  #container .ce_image.decide-logo img {
    width: 175px;
  }
}

#container .block:not(.ce_text).cols-2 {
  display: flex;
  justify-content: space-between;
  text-align: left;
  flex-wrap: wrap;
}

@media screen and (min-width: 760px) {
  #container .block:not(.ce_text).cols-2 > .block {
    width: calc(50% - 15px);
  }
}

#container .ce_text.downloads {
  margin-top: 45px;
}

#container .ce_text.downloads p:nth-child(n+2) {
  position: relative;
  margin-top: 30px;
  padding-left: 20px;
}

#container .ce_text.downloads p:nth-child(n+2):before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: -10px;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 35px;
  height: 35px;
  background-position: -35px -140px;
  background-size: auto 175px;
}

#container .ce_text.downloads a {
  color: inherit;
  text-decoration: none;
}

#container .ce_text.downloads a strong {
  color: #548dbe;
  font-family: "Titillium Web", sans-serif;
  font-size: 27px;
  font-weight: 400;
}

#container .ce_text#clearing-settlement li:nth-child(3) {
  width: 100%;
}

#container .ce_hyperlink a {
  display: inline-block;
  border: 2px solid #000000;
  padding: 7.5px 30px;
  color: #000000;
  text-decoration: none;
  border-radius: 25px;
}

#container .ce_hyperlink a:hover {
  background: #000000;
  color: #ffffff;
}

#container .mod_pdv_download_list {
  border-top: 3px solid #003266;
  border-bottom: 3px solid #003266;
  margin-top: 60px !important;
}

#container .mod_pdv_download_list figure {
  padding: 60px 30px;
}

#container .mod_pdv_download_list figure img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 50px;
}

@supports (object-fit: contain) {
  #container .mod_pdv_download_list figure img {
    max-width: 100%;
    max-height: 60px;
    object-fit: contain;
  }
}

#container .mod_pdv_download_list table {
  width: 100%;
}

#container .mod_pdv_download_list table thead {
  background: #528fbf;
  background: -moz-linear-gradient(3deg, #528fbf 0%, #48b070 100%);
  background: -webkit-linear-gradient(3deg, #528fbf 0%, #48b070 100%);
  background: linear-gradient(3deg, #528fbf 0%, #48b070 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#528fbf', endColorstr='#48b070',GradientType=1 );
  color: #ffffff;
  font-weight: 400;
}

#container .mod_pdv_download_list table th, #container .mod_pdv_download_list table td {
  padding: 15px 30px;
}

#container .mod_pdv_download_list table th:nth-child(1), #container .mod_pdv_download_list table th:nth-child(4), #container .mod_pdv_download_list table td:nth-child(1), #container .mod_pdv_download_list table td:nth-child(4) {
  text-align: left;
}

#container .mod_pdv_download_list table th:nth-child(2), #container .mod_pdv_download_list table td:nth-child(2) {
  text-align: right;
}

#container .mod_pdv_download_list table th:nth-child(2), #container .mod_pdv_download_list table th:nth-child(3), #container .mod_pdv_download_list table td:nth-child(2), #container .mod_pdv_download_list table td:nth-child(3) {
  white-space: nowrap;
}

@media screen and (max-width: 1000px) {
  #container .mod_pdv_download_list table th:nth-child(4), #container .mod_pdv_download_list table td:nth-child(4) {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  #container .mod_pdv_download_list table th:nth-child(3), #container .mod_pdv_download_list table td:nth-child(3) {
    display: none;
  }
}

@media screen and (max-width: 500px) {
  #container .mod_pdv_download_list table th, #container .mod_pdv_download_list table td {
    padding: 15px 15px;
    font-size: 14px;
  }
}

#container .mod_pdv_download_list table tbody tr:nth-child(even) {
  background: #edf1f6;
}

#container .mod_pdv_download_list table a {
  color: inherit;
  text-decoration: none;
}

#container .mod_pdv_download_list table a:hover {
  text-decoration: underline;
}

#container .ce_text.topnews {
  padding-block: 90px !important;
}

#container .ce_text.topnews > h2 {
  max-width: 640px;
  margin-inline: auto;
}

#container .ce_text.topnews > figure {
  max-width: 300px;
  margin-block: 30px;
  margin-inline: auto;
}

@media screen and (max-width: 500px) {
  #container .ce_text.topnews {
    padding-block: 60px !important;
  }
}

footer {
  font-size: 14px;
  font-family: "Titillium Web", sans-serif;
  background: #edf1f6;
}

footer > .inside {
  padding-top: 0.1px;
}

footer .mod_form:before {
  content: "";
  display: block;
  width: 123px;
  height: 55px;
  background: url(../img/logo.svg) no-repeat scroll 50% 50%;
  background-size: contain;
  margin: 45px auto;
}

footer .mod_form {
  text-align: center;
}

footer .mod_form .formbody {
  font-size: 0;
  white-space: nowrap;
}

footer .mod_form .widget {
  display: inline-block;
  width: auto;
  vertical-align: top;
  white-space: nowrap;
}

footer .mod_form .widget input, footer .mod_form .widget button {
  display: block;
  height: 40px;
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  padding: 0 30px;
}

footer .mod_form .widget.widget-text {
  max-width: 375px;
  width: calc(100% - 238px);
}

footer .mod_form .widget input {
  border-radius: 20px 0 0 20px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.03);
}

footer .mod_form .widget input::placeholder {
  font-family: "Titillium Web", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #727272;
  opacity: 0.3;
}

footer .mod_form .widget button {
  background: #003266;
  color: #ffffff;
  font-family: inherit;
  font-size: 16px;
  border-radius: 0 20px 20px 0;
}

@media screen and (max-width: 500px) {
  footer .mod_form .formbody > .widget {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  footer .mod_form .formbody > .widget input, footer .mod_form .formbody > .widget button {
    border-radius: 2em;
  }
  footer .mod_form .formbody > .widget button {
    margin-top: 10px;
  }
}

footer .mod_sitemap, footer .mod_navigation {
  padding-bottom: 15px;
}

footer .mod_sitemap input, footer .mod_sitemap label, footer .mod_navigation input, footer .mod_navigation label {
  display: none;
}

footer .mod_sitemap ul.level_1, footer .mod_navigation ul.level_1 {
  column-count: 3;
  column-gap: 45px;
  color: #727272;
  padding-top: 30px;
  line-height: 1.78;
}

footer .mod_sitemap ul.level_1 > li, footer .mod_navigation ul.level_1 > li {
  padding-top: 24px;
}

footer .mod_sitemap ul.level_1 > li a, footer .mod_sitemap ul.level_1 > li strong, footer .mod_navigation ul.level_1 > li a, footer .mod_navigation ul.level_1 > li strong {
  color: inherit;
  text-decoration: none;
}

footer .mod_sitemap ul.level_1 > li > a, footer .mod_sitemap ul.level_1 > li > strong, footer .mod_navigation ul.level_1 > li > a, footer .mod_navigation ul.level_1 > li > strong {
  font-weight: 600;
  text-transform: uppercase;
}

@media screen and (min-width: 1030px) {
  footer .mod_sitemap ul.level_1 > li > a, footer .mod_sitemap ul.level_1 > li > strong, footer .mod_navigation ul.level_1 > li > a, footer .mod_navigation ul.level_1 > li > strong {
    white-space: nowrap;
  }
}

footer .mod_sitemap ul.level_1 > li a:hover, footer .mod_navigation ul.level_1 > li a:hover {
  color: #003266;
}

footer .mod_sitemap ul.level_1 > li > ul, footer .mod_navigation ul.level_1 > li > ul {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}

footer .mod_sitemap ul.level_1 > li:nth-last-child(2), footer .mod_navigation ul.level_1 > li:nth-last-child(2) {
  padding-top: 53px;
}

footer .mod_sitemap ul.level_1 > li:nth-last-child(-n+2) + li, footer .mod_navigation ul.level_1 > li:nth-last-child(-n+2) + li {
  padding-top: 0px;
}

footer .mod_sitemap ul.level_1 > li:nth-last-child(-n+2) > a, footer .mod_sitemap ul.level_1 > li:nth-last-child(-n+2) > strong, footer .mod_navigation ul.level_1 > li:nth-last-child(-n+2) > a, footer .mod_navigation ul.level_1 > li:nth-last-child(-n+2) > strong {
  font-weight: 400;
  text-transform: none;
}

@media screen and (max-width: 760px) {
  footer .mod_sitemap ul.level_1, footer .mod_navigation ul.level_1 {
    column-count: 3;
  }
  footer .mod_sitemap ul.level_1 > li, footer .mod_navigation ul.level_1 > li {
    display: inline-block;
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  footer .mod_sitemap ul.level_1, footer .mod_navigation ul.level_1 {
    column-count: 2;
  }
}

@media screen and (max-width: 450px) {
  footer .mod_sitemap ul.level_1, footer .mod_navigation ul.level_1 {
    column-count: 1;
  }
  footer .mod_sitemap ul.level_1 > li:nth-last-child(2), footer .mod_navigation ul.level_1 > li:nth-last-child(2) {
    padding-top: 30px;
  }
}

footer .copy {
  background: #003266;
  color: #ffffff;
  padding: 23.1px 0;
  line-height: 1;
}

footer .top {
  position: relative;
  overflow: hidden;
  max-width: 1240px;
  margin: 0 auto;
  margin-bottom: 30px;
}

footer .top a[href="#top"] {
  float: right;
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: url("../img/sprite-icons.svg?u17753977") no-repeat scroll;
  width: 35px;
  height: 35px;
  background-position: 0px -140px;
  background-size: auto 175px;
  background-color: #548dbe;
  opacity: 0.25;
}

@media screen and (max-width: 1300px) {
  footer .top {
    margin-left: 30px;
    margin-right: 30px;
  }
}

.mod_cms_accept_tags {
  overflow: auto;
}

.mod_cms_accept_tags form a {
  color: inherit;
  text-decoration: underline;
}

.mod_cms_accept_tags form > .formbody, .mod_cms_accept_tags form .tags > div {
  padding: 30px;
}

.mod_cms_accept_tags form .tags > div .head input:checked + label {
  background: #48b070;
  background: -moz-linear-gradient(45deg, #48b070 0%, #bccf00 100%);
  background: -webkit-linear-gradient(45deg, #48b070 0%, #bccf00 100%);
  background: linear-gradient(45deg, #48b070 0%, #bccf00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48b070', endColorstr='#bccf00',GradientType=1 );
}

.mod_cms_accept_tags form .tags > div .head input:checked + label:after {
  background: #003266;
}

.mod_cms_accept_tags form .formbody {
  display: flex;
  align-items: center;
}

.mod_cms_accept_tags form .formbody button[value="accept"] {
  font-family: "Titillium Web", sans-serif;
  font-size: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: inherit;
  padding: 10px 40px;
  border-radius: 2em;
  line-height: 1;
  margin-left: 15px;
  background-color: #003266;
}

.mod_cms_accept_tags form .formbody button[value="accept"]:hover {
  background: #548dbe;
}

@media screen and (max-width: 600px) {
  .mod_cms_accept_tags form .formbody {
    flex-wrap: wrap;
  }
  .mod_cms_accept_tags form .formbody .info {
    width: 100%;
  }
  .mod_cms_accept_tags form .formbody button[value="accept"] {
    margin: 15px auto;
    margin-bottom: 0;
    width: 100%;
  }
}