.homepage {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "header" "main" "footer";
  min-height: 100vh;
}




.contentpage {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "header" "main" "footer";
  min-height: 100vh;
}

header {
  grid-area: header;
}

main {
  grid-area: main;
}

footer {
  grid-area: footer;
  justify-items: center;
  display: grid;
  grid-template-columns: 1fr;
}
footer .main-footer {
  justify-self: center;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-template-rows: auto;
}

.tve-group {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto auto 41px;
  grid-column-gap: 60px;
  margin-right: 20%;
}
.tve-group .group-image {
  grid-column: 1;
  grid-row: 1/-1;
}
.tve-group h1 {
  grid-column: 2;
  grid-row: 1;
}
.tve-group .group-content {
  grid-column: 2;
  grid-row: 2;
}
.tve-group .button-group {
  grid-column: 2;
  grid-row: 3;
}

.animatedCompanies {
  display: grid;
  grid-template-columns: auto 50px 640px 640px 50px auto;
  grid-template-rows: 150px 300px 70px 100px auto auto 50px auto;
}
.animatedCompanies .brand-title {
  grid-column: 2/span 4;
  grid-row: 1;
  z-index: 40;
  align-self: center;
}
.animatedCompanies .animated-logo {
  grid-column: 2/span 4;
  grid-row: 1/5;
  z-index: 20;
}
.animatedCompanies .company-logo {
  grid-column: 4/6;
  grid-row: 2;
}
.animatedCompanies .buttons {
  grid-column: 3/span 2;
  grid-row: 3;
  align-items: center;
  z-index: 90;
}
.animatedCompanies .blue-row {
  grid-column: 1/-1;
  grid-row: 4/span 2;
  z-index: 10;
}
.animatedCompanies .company-color {
  grid-column: 2;
  grid-row: 4;
  z-index: 20;
  align-self: center;
  display: flex;
}
.animatedCompanies .company-title {
  grid-column: 3;
  grid-row: 4;
  z-index: 30;
  align-self: center;
  display: flex;
  margin-right: 30px;
}
.animatedCompanies .company-text {
  grid-column: 3;
  grid-row: 5;
  z-index: 40;
  margin-bottom: 30px;
  margin-right: 30px;
}
.animatedCompanies .company-image {
  grid-column: 4/6;
  grid-row: 4/7;
  z-index: 50;
  margin-left: 30px;
}
.animatedCompanies .bottom-line {
  grid-column: 4/-1;
  grid-row: 7;
}
.animatedCompanies .extra-content {
  grid-column: 3;
  grid-row: 6/-1;
  z-index: 100;
}

.company-item {
  display: grid;
  grid-template-columns: auto 50px 640px 640px 50px auto;
  grid-template-rows: auto 100px auto auto 50px auto;
  z-index: auto;
}
.company-item .circle-bar {
  grid-column: 1/-1;
  grid-row: 1;
  z-index: 9;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 60px;
}
.company-item .circle-bar .circle-bar-left {
  border-bottom: solid 2px #233059;
  display: flex;
  flex-grow: 1;
  height: 15px;
}
.company-item .circle-bar .circle-bar-center {
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.company-item .circle-bar .circle-bar-right {
  border-bottom: solid 2px #233059;
  display: flex;
  flex-grow: 1;
  height: 15px;
}
.company-item .blue-row {
  grid-column: 1/-1;
  grid-row: 2/span 2;
  z-index: 10;
}
.company-item .company-color {
  grid-column: 2;
  grid-row: 2;
  z-index: 20;
  align-self: center;
  display: flex;
}
.company-item .company-title {
  grid-column: 3;
  grid-row: 2;
  z-index: 30;
  align-self: center;
  display: flex;
  margin-right: 30px;
}
.company-item .company-text {
  grid-column: 3;
  grid-row: 3;
  z-index: 40;
  margin-bottom: 30px;
  margin-right: 30px;
}
.company-item .company-image {
  grid-column: 4/6;
  grid-row: 2/5;
  z-index: 50;
  margin-left: 30px;
}
.company-item .bottom-line {
  grid-column: 4/-1;
  grid-row: 5;
}
.company-item .extra-content {
  grid-column: 3;
  grid-row: 4/-1;
  z-index: 100;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  footer {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 1330px) {
  .homepage, .contentpage {
    display: flex;
    flex-direction: column;
  }
  .company-item {
    grid-template-columns: 10px 50px 1fr 1fr 50px 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .homepage, .contentpage {
    display: flex;
    flex-direction: column;
  }
  .company-item {
    grid-template-columns: 10px 50px 1fr 1fr 50px 10px;
  }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .homepage, .contentpage {
    display: flex;
    flex-direction: column;
  }
  .tve-group {
    display: flex;
    flex-direction: column;
    margin: 0 15px;
  }
  .animatedCompanies {
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr;
    height: auto;
    grid-template-rows: 150px 50px 200px 80px auto auto auto auto;
  }
  .animatedCompanies .brand-title {
    grid-column: 1;
    grid-row: 1;
    z-index: 40;
    align-self: center;
  }
  .animatedCompanies .animated-logo {
    grid-column: 1;
    grid-row: 1/span 3;
    z-index: 20;
  }
  .animatedCompanies .company-logo {
    grid-column: 1;
    grid-row: 4;
  }
  .animatedCompanies .buttons {
    grid-column: 1;
    grid-row: 3;
    align-items: center;
    z-index: 90;
    margin-bottom: 30px;
  }
  .animatedCompanies .blue-row {
    grid-column: 1;
    grid-row: 5/span 3;
    z-index: 10;
  }
  .animatedCompanies .company-color {
    grid-column: 1;
    grid-row: 5;
    z-index: 20;
    align-self: center;
    display: flex;
  }
  .animatedCompanies .company-title {
    grid-column: 1;
    grid-row: 5;
    z-index: 30;
    align-self: center;
    display: flex;
    margin-right: 30px;
  }
  .animatedCompanies .company-text {
    background-color: #233059;
    grid-column: 1;
    grid-row: 6;
    z-index: 40;
    margin-bottom: 30px;
    margin-right: 0px;
  }
  .animatedCompanies .company-image {
    grid-column: 1;
    grid-row: 7;
    z-index: 50;
    margin-left: 0;
  }
  .animatedCompanies .bottom-line {
    grid-column: 1;
    grid-row: 8;
  }
  .animatedCompanies .extra-content {
    grid-column: 1;
    grid-row: 9;
    z-index: 100;
  }
  .animatedCompanies #bottom-title {
    display: none;
  }
  .animatedCompanies #bottom-color {
    display: none;
  }
  .company-item {
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr;
    height: auto;
  }
  .company-item .circle-bar {
    margin-bottom: 20px;
  }
  .company-item .blue-row {
    grid-column: 1;
    grid-row: 5/span 3;
    z-index: 10;
    display: none;
  }
  .company-item .company-color {
    grid-column: 1;
    grid-row: 5;
    z-index: 20;
    align-self: center;
    display: flex;
  }
  .company-item .company-title {
    grid-column: 1;
    grid-row: 5;
    z-index: 30;
    align-self: center;
    display: flex;
    order: 1;
    background-color: #233059;
    width: 100%;
    text-align: center;
    justify-content: center;
    padding-bottom: 10px;
    padding-top: 30px;
    margin: 0;
  }
  .company-item .company-text {
    background-color: #233059;
    grid-column: 1;
    grid-row: 6;
    z-index: 40;
    margin-bottom: 0px;
    margin-right: 0px;
    order: 2;
    padding: 20px;
    margin-top: -1px;
  }
  .company-item .company-image {
    grid-column: 1;
    grid-row: 7;
    z-index: 50;
    margin-left: 0px;
    order: 3;
  }
  .company-item .bottom-line {
    grid-column: 1;
    grid-row: 8;
    order: 5;
  }
  .company-item .extra-content {
    grid-column: 1;
    grid-row: 9;
    z-index: 100;
    order: 4;
    padding: 20px;
  }
  .company-item #bottom-title {
    display: none;
  }
  .company-item #bottom-color {
    display: none;
  }
  footer {
    display: flex;
    flex-direction: column;
  }
}
html, body {
  overflow-x: hidden;
}

body::-webkit-scrollbar {
  -webkit-appearance: none;
}

body {
  color: #3c3c3b;
  font-family: "Cairo", sans-serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
}

p, li {
  color: #3c3c3b;
  font-family: "Cairo", sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.contentpage p {
  color: #3c3c3b;
  font-family: "Cairo", sans-serif;
  font-size: 18px;
  line-height: 31px;
  font-weight: 300;
}

a {
  color: #233059;
  font-weight: 700;
}

a:hover {
  color: #3c3c3b;
  text-decoration: underline;
}

.card {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 20px;
}

a:visited {
  color: #233059;
}

a:focus {
  color: #3c3c3b;
  outline: none;
}

*:focus {
  outline: none;
}

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.hover-tekst:hover {
  color: #233059;
}

h1 {
  font-size: 34px;
  font-weight: 600;
  color: #233059;
  line-height: 40px;
  font-family: "Barlow Condensed", sans-serif;
}

h2 {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  color: #233059;
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 0px;
}

h3 {
  font-family: "Cairo", sans-serif;
  font-weight: 700;
  color: #233059;
  line-height: normal;
  font-size: 22px;
}

h4 {
  font-family: "Cairo", sans-serif;
  font-weight: 700;
  color: #233059;
  line-height: normal;
  font-size: 22px;
}

.btn {
  padding: 15px 20px;
  font-size: 16px;
  line-height: 16px;
}

.btn-default {
  position: relative;
  font-family: "Cairo", sans-serif;
  background-color: #233059;
  border: solid 1px #233059;
  border-radius: 0px;
  color: #ffffff;
  padding: 20px 30px;
  font-size: 18px;
  line-height: 18px;
  transition: all 0.3s ease 0s;
  box-shadow: none;
}
.btn-default:visited, .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus {
  background-color: #233059;
  border: solid 1px #233059;
  border-radius: 0px;
  color: #ffffff;
  padding: 20px 30px;
  font-size: 18px;
  line-height: 18px;
  box-shadow: none;
}
.btn-default:hover {
  background-color: #3c3c3b;
  border: solid 1px #3c3c3b;
  color: #ffffff;
  box-shadow: none;
}

.default-button-holder {
  margin-top: 40px;
}

.tooltip .tooltip-inner {
  background-color: #233059;
  border-radius: 0px;
}
.tooltip .arrow::before {
  border-top-color: #233059;
}

.btn-primary {
  font-size: 16px;
  line-height: 16px;
  background-color: #233059;
  border: solid 1px #233059;
  color: #ffffff;
}
.btn-primary:visited, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus {
  color: #233059;
}
.btn-primary:hover {
  background-color: #233059;
  border: solid 1px #233059;
  color: #233059;
}

.button-holder {
  position: absolute;
  right: 40px;
  bottom: 40px;
  z-index: 100;
}

.contentpage h1 {
  color: #233059;
  margin-top: 0px;
  padding-top: 0px;
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
  font-family: "Barlow Condensed", sans-serif;
  margin-bottom: 30px;
}
.contentpage h2 {
  color: #233059;
  margin-top: 0px;
  padding-top: 0px;
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
  font-family: "Barlow Condensed", sans-serif;
  margin-bottom: 30px;
}

.language__switch {
  max-height: 30px;
}

.language__image {
  max-width: 30px;
  height: auto;
}

.search-back-button {
  margin-right: 5%;
}

@media only screen and (max-width: 768px) {
  .row {
    margin-right: 0;
    margin-left: 0;
  }
  .search-back-button {
    display: block;
    width: 100%;
  }
  .hidden-mobile {
    display: none !important;
  }
}
.homepage header {
  margin: 150px 0px;
  justify-items: center;
  display: grid;
}

.contentpage header {
  margin: 50px 0px;
  justify-items: center;
  display: grid;
}

.header__image {
  height: 487px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.header__line {
  margin-top: 60px;
  height: 3px;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #233059 50%, #233059 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #233059 7 50%, #233059 100%);
  background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #233059 50%, #233059 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$toColor", endColorstr="$fromColor",GradientType=1 );
}
.header__line .container {
  height: 3px;
}
.header__line .header__line-inner {
  height: 3px;
  background-color: #233059;
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
  .homepage header {
    margin: 30px 15px;
  }
  .contentpage header {
    margin: 30px 15px;
  }
}
.navigation-holder nav .navbar-collapse {
  justify-content: flex-end;
}
.navigation-holder nav ul.navbar-nav {
  justify-content: space-between;
  gap: 40px;
}
.navigation-holder nav ul.navbar-nav li.nav-item {
  color: #3c3c3b;
}
.navigation-holder nav ul.navbar-nav li.nav-item a.nav-link {
  color: #3C3C3B;
  font-size: 18px;
  font-weight: 400;
}

.navbar-toggler {
  border-color: #233059;
  background-color: #233059;
  border-radius: 0px;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 768px) {
  .navbar-toggler {
    position: absolute;
    right: 10px;
    top: -40px;
  }
  .navbar {
    padding: 20px 0px;
  }
  .navigation-holder {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .navigation-holder nav ul.navbar-nav li.nav-item {
    margin-left: 10px;
    border-bottom: solid 1px #ededed;
  }
}
footer {
  background-color: #233059;
  padding: 40px;
  justify-items: center;
}
@media only screen and (max-width: 768px) {
  footer {
    padding: 20px 0;
  }
}
footer a:hover {
  font-weight: 700;
}
footer a {
  font-weight: 400;
}
footer .main-footer {
  max-width: 1280px;
}
footer .footer-sitemap {
  grid-column: 1/2;
  grid-row: 2/-1;
}
footer .footer-sitemap ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
footer .footer-sitemap ul li {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  line-height: 26px;
}
footer .footer-sitemap ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  line-height: 26px;
  text-decoration-color: #bbbbbb;
}
footer .footer-sitemap2 {
  grid-column: 2/-1;
  grid-row: 2/-1;
}
footer .footer-sitemap2 ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
footer .footer-sitemap2 ul li {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  line-height: 26px;
}
footer .footer-sitemap2 ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  line-height: 26px;
  text-decoration-color: #bbbbbb;
}
footer .footer-address {
  margin-top: 50px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  footer .footer-address {
    margin-top: 0;
  }
}
footer .footer-address ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
footer .footer-address ul li {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  line-height: 26px;
}
footer .footer-address ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  line-height: 26px;
  text-decoration-color: #bbbbbb;
}

.footer-bottom {
  padding: 20px;
}
.footer-bottom a.btn-default {
  padding: 8px 70px;
}

.footer__block {
  padding: 0 15px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 50px 1fr;
  grid-column-gap: 20px;
  margin-bottom: 30px;
}
.footer__block h3.footer-title {
  color: #ffffff;
  font-size: 20px;
  height: 50px;
  margin: 0;
  padding: 0;
  grid-row: 1/2;
  grid-column: 1/-1;
}

.footer__sitemap {
  grid-row: 2/-1;
}

.tve-group .group-image {
  border-top: solid 2px #233059;
  padding-top: 50px;
  max-width: 100%;
  height: auto;
  display: block;
}
@media only screen and (max-width: 768px) {
  .tve-group .group-image {
    margin-bottom: 30px;
  }
}
.tve-group h1 {
  margin-right: 20px;
}
.tve-group .group-content {
  padding-right: 20px;
  margin-top: 20px;
}
.slider-container {
  margin-top: 80px;
}
.slider-container .carousel-item {
  height: 407px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.animatedCompanies {
  position: relative;
}
.animatedCompanies .brand-title {
  text-align: center;
}
.animatedCompanies .animated-logo {
  overflow: hidden;
  padding-bottom: 90%;
}
.animatedCompanies .animated-logo svg {
  position: absolute;
  height: 70% !important;
  width: 70% !important;
  left: 100px;
  top: -100px;
}
.animatedCompanies .company-logo {
  display: flex;
  align-items: flex-end;
  max-width: 350px;
  margin-left: 60px;
}
.animatedCompanies .company-logo img {
  max-width: 100%;
  height: auto;
}
.animatedCompanies .buttons {
  text-align: center;
}
.animatedCompanies .buttons span {
  margin: 0px 30px;
  display: inline-flex;
}
.animatedCompanies .buttons span img {
  max-height: 20px;
  width: auto;
}
.animatedCompanies .blue-row {
  height: 100%;
  background-color: #233059;
}
.animatedCompanies .company-color {
  display: inline-flex;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.animatedCompanies h2.company-title {
  color: #ffffff;
}
.animatedCompanies .company-text {
  color: #ffffff;
}
.animatedCompanies .company-image {
  object-fit: fill;
}
.animatedCompanies .bottom-line {
  margin-left: 30px;
  border-bottom: solid 2px #233059;
}
.animatedCompanies .extra-content {
  margin-top: 40px;
}
.animatedCompanies .extra-content .company-website {
  margin-top: 40px;
}

.video-header {
  margin-bottom: 40px;
}

.video-header-mobile {
  margin-bottom: 40px;
  display: none;
}

.frame__grid {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.frame__grid .frame__layer {
  grid-row: 1/-1;
  grid-column: 1/-1;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.frame__grid .embed-responsive {
  grid-row: 1/-1;
  grid-column: 1/-1;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.frame__grid .embed-responsive-21by9::before {
  padding-top: 28.1%;
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
  .homepage {
    overflow-x: hidden;
  }
  .slider-container {
    margin-top: 30px;
  }
  .slider-container .carousel-item {
    height: 207px;
  }
  .animatedCompanies .brand-title {
    margin-top: 30px;
    text-align: center;
    justify-self: center;
  }
  .animatedCompanies .animated-logo {
    overflow: hidden;
    display: block;
    height: 200px;
    padding-bottom: 100%;
  }
  .animatedCompanies .animated-logo svg {
    position: absolute;
    height: 100% !important;
    left: 100px;
    top: -600px;
  }
  .animatedCompanies .company-logo {
    height: 150px;
    display: block;
    max-width: 100%;
    margin-left: 0px;
    text-align: center;
  }
  .animatedCompanies .company-logo img {
    max-height: 150px;
    width: auto;
  }
  .animatedCompanies .buttons {
    text-align: center;
  }
  .animatedCompanies .buttons span {
    margin: 0px 30px;
    display: inline-flex;
    width: 50px;
  }
  .animatedCompanies .buttons span img {
    max-height: 20px;
    width: auto;
  }
  .animatedCompanies .blue-row {
    height: 100%;
    background-color: #233059;
  }
  .animatedCompanies .company-color {
    display: inline-flex;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-left: 20px;
  }
  .animatedCompanies h2.company-title {
    margin-left: 70px;
    color: #ffffff;
  }
  .animatedCompanies .company-text {
    color: #ffffff;
    padding: 10px 20px 10px 50px;
  }
  .animatedCompanies .company-image {
    object-fit: fill;
  }
  .animatedCompanies .bottom-line {
    display: none;
    margin-left: 30px;
    border-bottom: solid 2px #676767;
  }
  .animatedCompanies .extra-content {
    margin-top: 40px;
    padding: 10px 20px 10px 50px;
  }
  .animatedCompanies .extra-content .company-website {
    margin-top: 40px;
  }
  .video-header {
    margin-bottom: 40px;
    display: none;
  }
  .video-header-mobile {
    margin-bottom: 40px;
    display: block;
  }
}
.base-content-holder {
  min-height: 100px;
  z-index: 9;
}

.base-header {
  background-color: #233059;
  padding: 0px 80px 0 0;
  position: relative;
  z-index: 10;
}
.base-header .base-image {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.base-header .base-container {
  padding-left: 0px;
  padding-right: 0px;
}
.base-header .base-content-block {
  flex-direction: column;
}
.base-header .base-content-block .base-content {
  padding: 0px 20px;
  font-size: 30px;
  text-align: center;
  line-height: 35px;
  font-weight: 400;
  color: #ffffff;
  font-family: "Barlow Condensed", sans-serif;
  width: 100%;
  flex-grow: 1;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.base-header .base-content-block .base-content p {
  padding: 0px 20px;
  font-size: 30px;
  text-align: center;
  line-height: 35px;
  font-weight: 400;
  color: #ffffff;
  font-family: "Barlow Condensed", sans-serif;
}
.base-header .base-content-block .base-bottom-grey {
  background-color: #676767;
  height: 90px;
  width: 100%;
}
.base-header .base-content-block .base-bottom-grey.faq-bottom-grey {
  height: 160px;
}

.base-logo {
  position: fixed;
  left: 95px;
  top: 50px;
  width: 100px;
  height: 87px;
  z-index: 999;
}

.color-1 {
  padding: 30px 0px;
  margin: 0px;
  background-color: #676767;
}
.color-1 h1, .color-1 h2, .color-1 h3 {
  margin-left: 0px;
  color: #3c3c3b;
}

.color-2 {
  padding: 30px 0px;
  background-color: #233059;
  color: #ffffff;
}
.color-2 h1, .color-2 h2, .color-2 h3 {
  margin-left: 0px;
  color: #ffffff;
}
.color-2 p, .color-2 a, .color-2 li {
  color: #ffffff;
}

.color-3 {
  padding: 40px 100px 60px 225px;
  margin-right: 80px;
  background-color: #676767;
  margin-top: -150px;
}
.color-3 h1, .color-3 h2, .color-3 h3 {
  margin-left: 0px;
  color: #3c3c3b;
}

.color-4 {
  padding: 80px 100px 60px 225px;
  background-color: #233059;
  color: #ffffff;
}
.color-4 h1, .color-4 h2, .color-4 h3 {
  margin-left: 0px;
  color: #ffffff;
}
.color-4 p, .color-4 a, .color-4 li {
  color: #ffffff;
}

.color-5 {
  padding: 40px 100px 60px 225px;
  margin-right: 80px;
  background-color: #676767;
  margin-top: -150px;
}
.color-5 h1, .color-5 h2, .color-5 h3 {
  margin-left: 0px;
  color: #3c3c3b;
}

.color-6 {
  padding: 80px 100px 60px 225px;
  background-color: #233059;
  color: #ffffff;
}
.color-6 h1, .color-6 h2, .color-6 h3 {
  margin-left: 0px;
  color: #ffffff;
}
.color-6 p, .color-6 a, .color-6 li {
  color: #ffffff;
}

.color-7 {
  padding: 40px 100px 60px 225px;
  margin-right: 80px;
  background-color: #676767;
  margin-top: -150px;
}
.color-7 h1, .color-7 h2, .color-7 h3 {
  margin-left: 0px;
  color: #3c3c3b;
}

.color-8 {
  padding: 80px 100px 60px 225px;
  background-color: #233059;
  color: #ffffff;
}
.color-8 h1, .color-8 h2, .color-8 h3 {
  margin-left: 0px;
  color: #ffffff;
}
.color-8 p, .color-8 a, .color-8 li {
  color: #ffffff;
}

.color-9 {
  padding: 30px 0px;
  margin: 0px;
  background-color: #ffffff;
}
.color-9 h1, .color-9 h2, .color-9 h3 {
  margin-left: 0px;
  color: #233059;
}

.faq-1 {
  padding: 0px 100px 0px 225px;
  margin-right: 80px;
  background-color: #676767;
  margin-top: 0px;
}
.faq-1 h1, .faq-1 h2, .faq-1 h3 {
  margin-left: 0px;
  color: #3c3c3b;
}

.faq-2 {
  padding: 0px 100px 0px 225px;
  background-color: #233059;
  color: #ffffff;
}
.faq-2 h1, .faq-2 h2, .faq-2 h3 {
  margin-left: 0px;
  color: #ffffff;
}
.faq-2 p, .faq-2 a, .faq-2 li {
  color: #ffffff;
}

.main-content.news-detail-content {
  margin-bottom: 70px;
}
.main-content.video-detail-content {
  margin-bottom: 70px;
}
.main-content.publication-detail-content {
  margin-bottom: 70px;
}
.main-content.event-detail-detail-content {
  margin-bottom: 70px;
}
.main-content h1 {
  font-size: 34px;
  font-weight: 600;
  line-height: 40px;
  margin: 30px 0px;
  padding: 0px;
  font-family: "Barlow Condensed", sans-serif;
}
.main-content h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  margin: 30px 0px;
  padding: 0px;
  font-family: "Barlow Condensed", sans-serif;
}
.main-content p, .main-content li, .main-content a:not(.btn) {
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
}
.main-content p {
  margin: 0px 0px 30px;
  padding: 0px;
}

.event-content-holder .main-content {
  background-color: transparent;
  padding: 0px;
}

.grey-arrow {
  display: none;
  position: absolute;
  left: 0px;
  bottom: -139px;
  width: 136px;
  height: 139px;
}

.grey-arrow-page .contentmodule.first {
  position: relative;
}
.grey-arrow-page .contentmodule.first .grey-arrow {
  display: block;
}

.content1 h1, .content1 h2 {
  text-align: left;
}
.content1.line-left {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
  background-position: 0 130px;
  background-size: 50% 4px;
}
.content1.line-right {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
  background-position: 100% 130px;
  background-size: 50% 4px;
}
.content1.line-right .content-content {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
  background-position: 100% 50px;
}
.content1.line-right .content-content .col-sm-10 {
  padding-left: 0px;
}
.content1.line-right h2 {
  background-color: #ffffff;
  display: inline-block;
  padding-right: 100px;
  position: relative;
  padding-left: 15px;
}
.content1.line-right h2 .line-circle {
  position: absolute;
  display: block;
  right: 0px;
  top: 3px;
  z-index: 10;
  width: 17px;
  height: 17px;
}
.content1.line-right p {
  padding-left: 15px;
}

.content2 {
  margin: 30px 0px;
}
.content2 .content-image {
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.content3 {
  margin: 30px 0px;
}
.content3 .content-image {
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.content4 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.content4 .btn-primary .fa-download {
  margin-right: 20px;
}

.content5 ul {
  list-style: none;
  margin: 0px 60px 0px 15px;
}
.content5 ul li {
  border-bottom: solid 1px #ededed;
  margin: 0px;
  padding: 10px 0px;
}
.content5 h2 {
  font-size: 30px;
  line-height: 38px;
  margin: 0px;
  padding: 10px 0;
  color: #3c3c3b;
}
.content5 h3 {
  font-size: 22px;
  line-height: normal;
  margin: 0px;
  padding: 10px 0;
  color: #3c3c3b;
}
.content5 .card {
  border: none;
  padding: 20px 20px 0 20px;
  border-bottom: solid 1px #ededed;
}

.line-holder.line-left {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-size: 50% 4px;
}
.line-holder.line-left .container .row .line-circle {
  font-size-adjust: none;
}
.line-holder.line-left .container .row .mobile-left {
  background: transparent url("../img/back-white.gif") repeat-x 0px 0px;
  padding-left: 100px;
  padding-right: 0px;
  position: relative;
}
.line-holder.line-left .container .row .mobile-left .line-circle {
  position: absolute;
  display: block;
  left: 84px;
  top: -12px;
  z-index: 10;
  width: 17px;
  height: 17px;
}
.line-holder.line-left .container .row .mobile-left .helping-block {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
}
.line-holder.line-left .container .row .mobile-right {
  background: transparent url("../img/back-white.gif") repeat-x 0px 0px;
  padding-right: 100px;
  padding-left: 0px;
  position: relative;
}
.line-holder.line-left .container .row .mobile-right .line-circle {
  position: absolute;
  display: block;
  right: 84px;
  top: -12px;
  z-index: 10;
  width: 17px;
  height: 17px;
}
.line-holder.line-left .container .row .mobile-right .helping-block {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
}
.line-holder.line-right {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
  background-position: 100% 0px;
  background-size: 50% 4px;
}
.line-holder.line-right .container .row .line-circle {
  font-size-adjust: none;
}
.line-holder.line-right .container .row .mobile-left {
  background: transparent url("../img/back-white.gif") repeat-x 0px 0px;
  padding-left: 100px;
  padding-right: 0px;
  position: relative;
}
.line-holder.line-right .container .row .mobile-left .line-circle {
  position: absolute;
  display: block;
  left: 84px;
  top: -12px;
  z-index: 10;
  width: 17px;
  height: 17px;
}
.line-holder.line-right .container .row .mobile-left .helping-block {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
}
.line-holder.line-right .container .row .mobile-right {
  background: transparent url("../img/back-white.gif") repeat-x 0px 0px;
  padding-right: 100px;
  padding-left: 0px;
  position: relative;
}
.line-holder.line-right .container .row .mobile-right .line-circle {
  position: absolute;
  display: block;
  right: 84px;
  top: -12px;
  z-index: 10;
  width: 17px;
  height: 17px;
}
.line-holder.line-right .container .row .mobile-right .helping-block {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
}
.line-holder.no-line .container .row .line-circle {
  display: none;
}
.line-holder.no-line .container .row .mobile-left {
  background: none;
  padding-left: 100px;
  padding-right: 0px;
  position: relative;
}
.line-holder.no-line .container .row .mobile-left .line-circle {
  position: absolute;
  display: none;
  left: 84px;
  top: -12px;
  z-index: 10;
  width: 17px;
  height: 17px;
}
.line-holder.no-line .container .row .mobile-left .helping-block {
  background-image: none;
  background-repeat: no-repeat;
}
.line-holder.no-line .container .row .mobile-right {
  background: none;
  padding-right: 100px;
  padding-left: 0px;
  position: relative;
}
.line-holder.no-line .container .row .mobile-right .line-circle {
  position: absolute;
  display: none;
  right: 84px;
  top: -12px;
  z-index: 10;
  width: 17px;
  height: 17px;
}
.line-holder.no-line .container .row .mobile-right .helping-block {
  background-image: none;
  background-repeat: no-repeat;
}

.content8n {
  display: grid;
  grid-template-rows: 1fr;
  align-items: flex-start;
}
.content8n.content-centered {
  grid-template-columns: 60fr 40fr;
}
.content8n.content-centered .content-8-back {
  grid-column: 2/-1;
  grid-row: 1;
  z-index: 10;
  display: flex;
  justify-content: flex-start;
}
.content8n.content-centered .content-8-back .content-8-image.yes-line {
  padding-top: 50px;
  border-top: solid 3px #233059;
}
.content8n.content-centered .content-8-back .content-8-image img {
  max-width: 100%;
  height: auto;
}
.content8n.content-centered .content-9-front {
  grid-column: 1/-1;
  grid-row: 1;
  z-index: 11;
}
.content8n.content-right {
  margin-top: 60px;
  grid-template-columns: 50fr 50fr;
  column-gap: 100px;
}
.content8n.content-right .content-8-back {
  grid-column: 2/-1;
  grid-row: 1;
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.content8n.content-right .content-8-back .content-8-image.yes-line {
  padding-top: 50px;
  border-top: solid 3px #233059;
}
.content8n.content-right .content-8-back .content-8-image img {
  max-width: 100%;
  height: auto;
}
.content8n.content-right .content-8-front {
  grid-column: 1/-1;
  grid-row: 1;
  z-index: 11;
}

.content9n {
  display: grid;
  grid-template-rows: 1fr;
  align-items: flex-start;
}
.content9n.content-centered {
  grid-template-columns: 40fr 60fr;
}
.content9n.content-centered .content-9-back {
  grid-column: 1/2;
  grid-row: 1;
  z-index: 10;
  display: flex;
  justify-content: flex-end;
}
.content9n.content-centered .content-9-back .content-9-image.yes-line {
  padding-top: 50px;
  border-top: solid 3px #233059;
}
.content9n.content-centered .content-9-back .content-9-image img {
  max-width: 100%;
  height: auto;
}
.content9n.content-centered .content-9-front {
  grid-column: 1/-1;
  grid-row: 1;
  z-index: 11;
}
.content9n.content-left {
  margin-top: 60px;
  grid-template-columns: 50fr 50fr;
  column-gap: 100px;
}
.content9n.content-left .content-9-back {
  grid-column: 1/2;
  grid-row: 1;
  z-index: 10;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.content9n.content-left .content-9-back .content-9-image.yes-line {
  padding-top: 50px;
  border-top: solid 3px #233059;
}
.content9n.content-left .content-9-back .content-9-image img {
  max-width: 100%;
  height: auto;
}
.content9n.content-left .content-9-front {
  grid-column: 1/-1;
  grid-row: 1;
  z-index: 11;
}

.content9 .helping-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.content9 .helping-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  height: 100%;
  position: relative;
}
.content9 .helping-block .helping-content {
  padding: 25px 15px;
  font-family: "Cairo", sans-serif;
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
}
.content9 .helping-block .helping-content .helping-button {
  margin-top: 30px;
}
.content9 .helping-block .helping-content .helping-button a.helping-link {
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
}
.content9 .helping-block .helping-content .helping-button a.helping-link:hover {
  text-decoration: underline;
}
.content9 .helping-block .helping-white {
  position: absolute;
  height: 90px;
  width: 100%;
  background-color: #ffffff;
  left: 0px;
  bottom: -90px;
  z-index: 1000;
}
.content9 .helping-block .helping-white.last {
  display: none;
}
.content9 .helping-quote p {
  font-size: 30px;
  line-height: 37px;
  font-weight: 400;
  text-align: left;
}
.content9 .content-button {
  margin-top: 30px;
}

.content9-content {
  padding-bottom: 20px;
}

.content9-row {
  background-position: 0 0;
  background-size: 50%;
  background-repeat: no-repeat;
}

.content8-row {
  background-position: 100% 0;
  background-size: 50%;
  background-repeat: no-repeat;
}

.content11 {
  margin-bottom: 60px;
}
.content11 .helping-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.content11 .helping-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  height: 100%;
  position: relative;
}
.content11 .helping-block .helping-content {
  padding: 25px 15px;
  font-family: "Cairo", sans-serif;
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
}
.content11 .helping-block .helping-content .helping-button {
  margin-top: 30px;
}
.content11 .helping-block .helping-content .helping-button a.helping-link {
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
}
.content11 .helping-block .helping-content .helping-button a.helping-link:hover {
  text-decoration: underline;
}
.content11 .helping-block .helping-white {
  position: absolute;
  height: 90px;
  width: 100%;
  background-color: #ffffff;
  left: 0px;
  bottom: -90px;
  z-index: 1000;
}
.content11 .helping-block .helping-white.last {
  display: none;
}
.content11 .helping-quote p {
  font-size: 30px;
  line-height: 37px;
  font-weight: 400;
  text-align: left;
}
.content11 .content-button {
  margin-top: 30px;
}

.content12-row {
  background-position: 0 0;
  background-size: 50%;
  background-repeat: no-repeat;
}

.content11-row {
  background-position: 100% 0;
  background-size: 50%;
  background-repeat: no-repeat;
}

.content10 {
  height: 17px;
}
.content10.line-holder2.line-left {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-size: 50% 4px;
}
.content10.line-holder2.line-left .container .row .line-circle {
  font-size-adjust: none;
}
.content10.line-holder2.line-left .container .row .mobile-left {
  background: transparent url("../img/back-white.gif") repeat-x 0px 0px;
  padding-right: 100px;
  padding-left: 0px;
  position: relative;
  height: 17px;
}
.content10.line-holder2.line-left .container .row .mobile-left .line-circle {
  position: absolute;
  display: block;
  right: 84px;
  top: -12px;
  z-index: 10;
  width: 17px;
  height: 17px;
}
.content10.line-holder2.line-left .container .row .mobile-left .helping-block {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
  height: 4px;
}
.content10.line-holder2.line-left .container .row .mobile-right .line-circle {
  display: none;
}
.content10.line-holder2.line-left .container .row .mobile-right .helping-block {
  display: none;
}
.content10.line-holder2.line-left .col-sm-4, .content10.line-holder2.line-left .col-sm-8 {
  display: none;
}
.content10.line-holder2.line-right {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
  background-position: 100% 0px;
  background-size: 50% 4px;
}
.content10.line-holder2.line-right .container .row .line-circle {
  font-size-adjust: none;
}
.content10.line-holder2.line-right .container .row .mobile-left .line-circle {
  display: none;
}
.content10.line-holder2.line-right .container .row .mobile-left .helping-block {
  display: none;
}
.content10.line-holder2.line-right .container .row .mobile-right {
  background: transparent url("../img/back-white.gif") repeat-x 0px 0px;
  padding-left: 100px;
  padding-right: 0px;
  position: relative;
  height: 17px;
}
.content10.line-holder2.line-right .container .row .mobile-right .line-circle {
  position: absolute;
  display: block;
  left: 84px;
  top: -12px;
  z-index: 10;
  width: 17px;
  height: 17px;
}
.content10.line-holder2.line-right .container .row .mobile-right .helping-block {
  background-image: url("../img/back-line.gif");
  background-repeat: no-repeat;
  height: 4px;
}
.content10.line-holder2.line-right .col-sm-6 {
  display: none;
}

.content-10-spacer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}
.content-10-spacer .line {
  grid-row: 1;
}
.content-10-spacer .line.line-left {
  grid-column: 1/2;
  height: 2px;
  background-color: #233059;
  margin: 100px 0 0 0;
  display: block;
}
.content-10-spacer .line.line-right {
  grid-column: 2/-1;
  height: 2px;
  background-color: #233059;
  margin: 100px 0 0 0;
  display: block;
}

.line-spacer {
  margin-bottom: 30px;
}

.list-title {
  font-size: 32px;
  line-height: 36px;
  font-weight: 300;
  color: #233059;
  background-color: transparent;
  border: none;
  margin: 0px;
  padding: 0px 0px 0px 20px;
}

.back-button {
  position: absolute;
  bottom: -46px;
  left: 0px;
  width: 150px;
}
.back-button .btn-primary {
  padding: 10px 20px;
  color: #ffffff;
}
.back-button .btn-primary:hover {
  color: #233059;
}

.mobile-show {
  display: none;
}

img.demo-shape {
  width: 50px;
  height: auto;
  shape-outside: polygon(99.73% -2px, 99.02% 80.67%, 14.23% 81.32%, 0.76% 98.88%, -3px -0.19%);
  float: left;
  margin-inline-end: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .base-header {
    padding: 0px 40px 0 0;
  }
  .base-logo {
    left: 55px;
    top: 50px;
  }
  .color-1 {
    padding: 250px 60px 60px 185px;
    margin-right: 40px;
    background-color: #676767;
    margin-top: -150px;
  }
  .color-1 h1, .color-1 h2, .color-1 h3 {
    margin-left: 0px;
    color: #3c3c3b;
  }
  .color-2 {
    padding: 80px 60px 60px 185px;
    background-color: #233059;
    color: #ffffff;
  }
  .color-2 h1, .color-2 h2, .color-2 h3 {
    margin-left: 0px;
    color: #ffffff;
  }
  .color-2 p, .color-2 a, .color-2 li {
    color: #ffffff;
  }
  .color-3 {
    padding: 40px 60px 60px 185px;
    margin-right: 40px;
    background-color: #676767;
    margin-top: -150px;
  }
  .color-3 h1, .color-3 h2, .color-3 h3 {
    margin-left: 0px;
    color: #3c3c3b;
  }
  .color-4 {
    padding: 80px 100px 60px 225px;
    background-color: #233059;
    color: #ffffff;
  }
  .color-4 h1, .color-4 h2, .color-4 h3 {
    margin-left: 0px;
    color: #ffffff;
  }
  .color-4 p, .color-4 a, .color-4 li {
    color: #ffffff;
  }
  .color-5 {
    padding: 40px 100px 60px 225px;
    margin-right: 80px;
    background-color: #676767;
    margin-top: -150px;
  }
  .color-5 h1, .color-5 h2, .color-5 h3 {
    margin-left: 0px;
    color: #3c3c3b;
  }
  .color-6 {
    padding: 80px 100px 60px 225px;
    background-color: #233059;
    color: #ffffff;
  }
  .color-6 h1, .color-6 h2, .color-6 h3 {
    margin-left: 0px;
    color: #ffffff;
  }
  .color-6 p, .color-6 a, .color-6 li {
    color: #ffffff;
  }
  .color-7 {
    padding: 40px 100px 60px 225px;
    margin-right: 80px;
    background-color: #676767;
    margin-top: -150px;
  }
  .color-7 h1, .color-7 h2, .color-7 h3 {
    margin-left: 0px;
    color: #3c3c3b;
  }
  .color-8 {
    background-color: #233059;
    color: #ffffff;
  }
  .color-8 h1, .color-8 h2, .color-8 h3 {
    margin-left: 0px;
    color: #ffffff;
  }
  .color-8 p, .color-8 a, .color-8 li {
    color: #ffffff;
  }
  .color-9 {
    background-color: #ffffff;
    color: #3c3c3b;
  }
  .color-9 h1, .color-9 h2, .color-9 h3 {
    margin-left: 0px;
    color: #3c3c3b;
  }
  .color-9 p, .color-9 a, .color-9 li {
    color: #3c3c3b;
  }
  .faq-1 {
    padding: 0px 100px 0px 225px;
    margin-right: 80px;
    background-color: #676767;
    margin-top: 0px;
  }
  .faq-1 h1, .faq-1 h2, .faq-1 h3 {
    margin-left: 0px;
    color: #3c3c3b;
  }
  .faq-2 {
    padding: 0px 100px 0px 225px;
    background-color: #233059;
    color: #ffffff;
  }
  .faq-2 h1, .faq-2 h2, .faq-2 h3 {
    margin-left: 0px;
    color: #ffffff;
  }
  .faq-2 p, .faq-2 a, .faq-2 li {
    color: #ffffff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .base-header {
    padding: 0px 40px 0 0;
  }
  .base-logo {
    left: 20px;
    top: 50px;
  }
  .color-1 {
    padding: 250px 60px 60px 140px;
    margin-right: 40px;
    background-color: #676767;
    margin-top: -150px;
  }
  .color-1 h1, .color-1 h2, .color-1 h3 {
    margin-left: 0px;
    color: #3c3c3b;
  }
  .color-2 {
    padding: 80px 60px 60px 140px;
    background-color: #233059;
    color: #ffffff;
  }
  .color-2 h1, .color-2 h2, .color-2 h3 {
    margin-left: 0px;
    color: #ffffff;
  }
  .color-2 p, .color-2 a, .color-2 li {
    color: #ffffff;
  }
  .color-3 {
    padding: 40px 60px 60px 140px;
    margin-right: 40px;
    background-color: #676767;
    margin-top: -150px;
  }
  .color-3 h1, .color-3 h2, .color-3 h3 {
    margin-left: 0px;
    color: #3c3c3b;
  }
  .color-4 {
    padding: 80px 60px 60px 140px;
    background-color: #233059;
    color: #ffffff;
  }
  .color-4 h1, .color-4 h2, .color-4 h3 {
    margin-left: 0px;
    color: #ffffff;
  }
  .color-4 p, .color-4 a, .color-4 li {
    color: #ffffff;
  }
  .color-5 {
    padding: 40px 60px 60px 140px;
    margin-right: 80px;
    background-color: #676767;
    margin-top: -150px;
  }
  .color-5 h1, .color-5 h2, .color-5 h3 {
    margin-left: 0px;
    color: #3c3c3b;
  }
  .color-6 {
    padding: 80px 60px 60px 140px;
    background-color: #233059;
    color: #ffffff;
  }
  .color-6 h1, .color-6 h2, .color-6 h3 {
    margin-left: 0px;
    color: #ffffff;
  }
  .color-6 p, .color-6 a, .color-6 li {
    color: #ffffff;
  }
  .color-7 {
    padding: 40px 60px 60px 140px;
    margin-right: 40px;
    background-color: #676767;
    margin-top: -150px;
  }
  .color-7 h1, .color-7 h2, .color-7 h3 {
    margin-left: 0px;
    color: #3c3c3b;
  }
  .color-8 {
    padding: 80px 60px 60px 140px;
    background-color: #233059;
    color: #ffffff;
  }
  .color-8 h1, .color-8 h2, .color-8 h3 {
    margin-left: 0px;
    color: #ffffff;
  }
  .color-8 p, .color-8 a, .color-8 li {
    color: #ffffff;
  }
  .color-9 {
    padding: 80px 60px 60px 140px;
    background-color: #ffffff;
    color: #3c3c3b;
  }
  .color-9 h1, .color-9 h2, .color-9 h3 {
    margin-left: 0px;
    color: #3c3c3b;
  }
  .color-9 p, .color-9 a, .color-9 li {
    color: #3c3c3b;
  }
  .faq-1 {
    padding: 0px 60px 0px 140px;
    margin-right: 40px;
    background-color: #676767;
    margin-top: 0px;
  }
  .faq-1 h1, .faq-1 h2, .faq-1 h3 {
    margin-left: 0px;
    color: #3c3c3b;
  }
  .faq-2 {
    padding: 0px 60px 0px 140px;
    background-color: #233059;
    color: #ffffff;
  }
  .faq-2 h1, .faq-2 h2, .faq-2 h3 {
    margin-left: 0px;
    color: #ffffff;
  }
  .faq-2 p, .faq-2 a, .faq-2 li {
    color: #ffffff;
  }
}
@media only screen and (max-width: 667px) and (orientation: portrait) {
  .base-header {
    padding: 0px;
  }
  .base-header .base-content-block .base-bottom-grey {
    display: none;
  }
  .header {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100px;
  }
  .base-logo {
    position: absolute;
    left: 10px;
    top: 10px;
  }
  .middle-bar-text {
    padding: 20px;
  }
  .color-1 {
    padding: 20px;
    margin: 0px;
  }
  .color-2 {
    padding: 20px;
    margin: 0px;
  }
  .color-3 {
    padding: 20px;
    margin: 0px;
  }
  .color-4 {
    padding: 20px;
    margin: 0px;
  }
  .color-5 {
    padding: 20px;
    margin: 0px;
  }
  .color-9 {
    padding: 20px;
    margin: 0px;
  }
  .faq-1 {
    padding: 20px;
    margin: 0px;
  }
  .faq-2 {
    padding: 20px;
    margin: 0px;
  }
  .content-more {
    background-color: #ffffff;
    padding: 30px 30px;
  }
  .content-image {
    padding: 0px 0px;
  }
  .content5 ul {
    list-style: none;
    margin: 0px 15px 0px 15px;
  }
  .content9 {
    margin-bottom: 0px;
    height: auto !important;
    background-image: none !important;
  }
  .content9 .helping-block {
    align-items: flex-start;
    align-content: flex-start;
  }
  .content11 {
    margin-bottom: 30px;
    height: auto !important;
    background-image: none !important;
  }
  .content11 .helping-block {
    align-items: flex-start;
    align-content: flex-start;
  }
  .line-holder.line-left {
    background-image: none;
  }
  .line-holder.line-left .container .row .mobile-right {
    padding-right: 0px;
  }
  .line-holder.line-left .container .row .mobile-left {
    padding-left: 0px;
  }
  .line-holder.line-right {
    background-image: none;
  }
  .line-holder.line-right .container .row .mobile-right {
    padding-right: 0px;
  }
  .line-holder.line-right .container .row .mobile-left {
    padding-left: 0px;
  }
  .line-holder.no-line .container .row .mobile-right {
    padding-right: 0px;
  }
  .line-holder.no-line .container .row .mobile-left {
    padding-left: 0px;
  }
  .mobile-show {
    display: block;
  }
  .content-12-content {
    order: 1;
  }
  .content-12-image {
    order: 2;
  }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .content8n {
    display: flex;
    flex-direction: column;
  }
  .content8n.content-right {
    margin-top: 0px;
  }
  .content8n.content-right .content-8-back .content-8-image img {
    margin-left: 0px;
  }
  .content8n .content-8-front .container {
    padding: 0px;
  }
  .content9n {
    display: flex;
    flex-direction: column;
  }
  .content9n .content-9-front .container {
    padding: 0px;
  }
  .content9n.content-left {
    margin-top: 0;
  }
}
.contentmanager .container {
  padding-left: 0;
  padding-right: 0;
}

.contact__page h1 {
  font-size: 34px;
  line-height: 40px;
  padding: 30px 0 40px;
}

.contact__naw {
  margin-bottom: 40px;
}
.contact__naw span {
  display: block;
}
.contact__naw .contact__naw-block {
  margin-bottom: 20px;
}

.location__holder {
  background-color: #2d3a60;
}

.locations {
  position: relative;
  max-width: 1440px;
  display: grid;
  grid-template-columns: 190px 500px 1fr;
  grid-template-rows: 120px 1fr;
}
.locations__mobile-title {
  display: none;
}

.locations__title {
  color: white;
  grid-row: 1/1;
  grid-column: 2/2;
  z-index: 4;
  margin-top: 20px;
  font-size: 30px;
}

.locations__mobile {
  display: none;
}

.location__image {
  z-index: 1;
  grid-row: 1/-1;
  grid-column: 1/-1;
}

.drup {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  cursor: pointer;
  z-index: 10;
}
.info {
  display: none;
  grid-row: 1/-1;
  grid-column: 2/3;
  color: #ffffff;
  margin-top: 120px;
}
.info.active {
  display: flex;
  flex-direction: column;
}
.info h3 {
  color: #ffffff;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.info a {
  color: #ffffff;
  text-decoration: none;
}
.info__address {
  margin-top: 40px;
}
.info__postbus {
  margin-top: 40px;
}
.info__fax {
  margin-top: 40px;
}

.banner-spacer {
  height: 140px;
}

.contact-header {
  height: 400px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.contact-header .header-text {
  height: 400px;
  padding-top: 60px;
  padding-bottom: 40px;
}

h1.contact-title {
  font-size: 30px;
  font-family: "Cairo", sans-serif;
  font-weight: 400;
  line-height: 37px;
  margin: 30px 0px;
  text-align: center;
}

.contact-row {
  margin-left: -160px;
  margin-right: -160px;
}

.gaddress {
  background-color: #233059;
}
.gaddress .gaddress-block {
  padding: 0px 80px;
  align-items: center;
  display: flex;
  height: 100%;
}
.gaddress .gaddress-block p {
  color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  font-family: "Cairo", sans-serif;
}
.gaddress .gaddress-block p a {
  color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  font-family: "Cairo", sans-serif;
}

.contact-content-holder .main-content h1 {
  text-align: center;
}
.contact-content-holder .main-content h1 {
  margin: 30px 0 0px 0;
}
.contact-content-holder .main-content h2 {
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 0px;
}
.contact-content-holder .main-content .content-item-1 p {
  color: #233059;
}
.contact-content-holder .main-content .route-button {
  margin-top: 10px;
  text-align: left;
}
.contact-content-holder .main-content .route-button .btn-primary {
  padding: 10px 20px;
  color: #ffffff;
}

.form-holder h1 {
  padding-bottom: 0px;
  margin-bottom: 0px;
  color: #233059;
  text-align: center;
  font-size: 30px;
}
.form-holder h2 {
  font-size: 30px;
  line-height: 37px;
  font-weight: 600;
  color: #ffffff;
  text-align: left;
}
.form-holder h2.form-title {
  padding-bottom: 0px;
  margin-bottom: 0px;
  color: #233059;
  text-align: center;
  font-size: 25px;
}
.form-holder h3 {
  font-size: 18px;
  line-height: 24px;
  color: #233059;
  font-weight: 300;
  margin: 0px;
  padding: 0px 0 20px 0;
}
.form-holder .no-margin {
  margin-bottom: 0px;
}
.form-holder p, .form-holder li {
  color: #233059;
  font-size: 18px;
  font-weight: 300;
}
.form-holder .form-horizontal {
  text-align: left;
}
.form-holder .form-horizontal ::-webkit-input-placeholder {
  color: #ffffff;
  font-weight: 300;
  opacity: 1 !important;
}
.form-holder .form-horizontal :-moz-placeholder {
  color: #ffffff;
  font-weight: 300;
  opacity: 1 !important;
}
.form-holder .form-horizontal ::-moz-placeholder {
  color: #ffffff;
  font-weight: 300;
  opacity: 1 !important;
}
.form-holder .form-horizontal :-ms-input-placeholder {
  color: #ffffff;
  font-weight: 300;
  opacity: 1 !important;
}
.form-holder .form-horizontal.error ::-webkit-input-placeholder {
  color: #721c24;
  font-weight: 300;
  opacity: 1 !important;
}
.form-holder .form-horizontal.error :-moz-placeholder {
  color: #721c24;
  font-weight: 300;
  opacity: 1 !important;
}
.form-holder .form-horizontal.error ::-moz-placeholder {
  color: #721c24;
  font-weight: 300;
  opacity: 1 !important;
}
.form-holder .form-horizontal.error :-ms-input-placeholder {
  color: #721c24;
  font-weight: 300;
  opacity: 1 !important;
}
.form-holder .form-horizontal .form-group {
  margin: 0px 0 10px 0;
  position: relative;
}
.form-holder .form-horizontal .form-group .form-control {
  background-color: #3c3c3b;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 300;
}
.form-holder .form-horizontal .form-group .form-control.error {
  color: #721c24;
  background-color: #f8d7da;
  display: block;
  padding: 4px 15px;
}
.form-holder .form-horizontal .form-group .form-control:focus {
  background-color: #ffffff;
  color: #3c3c3b;
}
.form-holder .form-horizontal .form-group .form-check {
  font-size: 16px;
  color: #6a6a6a;
  padding-left: 12px;
  font-weight: 300;
}
.form-holder .form-horizontal .form-group .custom-file-input, .form-holder .form-horizontal .form-group .custom-file-label {
  font-size: 16px;
  color: #6a6a6a;
  padding-left: 12px;
  font-weight: 300;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form-holder .form-horizontal .form-group.form-text {
  font-size: 16px;
  color: #6a6a6a;
  padding-left: 12px;
  font-weight: 300;
  margin: 20px 0 10px 0;
}
.form-holder .form-horizontal .form-group .form-check-label {
  margin-right: 10px;
}
.form-holder .form-horizontal .form-group textarea {
  background-color: #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: solid 2px #ededed;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  font-weight: 300;
}
.form-holder .form-horizontal .form-group .textarea-title {
  font-size: 16px;
  font-style: italic;
  text-align: left;
  padding: 6px 12px;
}
.form-holder .form-horizontal .form-group.form-activities {
  margin-left: 20px;
  color: #233059;
}
.form-holder .form-horizontal .form-group.form-activities .form-check-label {
  color: #233059;
}
.form-holder .form-horizontal .form-group .form-checkbox {
  margin-left: 20px;
}
.form-holder .form-horizontal .form-button-group {
  text-align: left;
  margin: 20px 0;
}
.form-holder .form-horizontal .form-button-group .btn-default {
  min-width: 150px;
}
.form-holder .form-horizontal .subsidie-block {
  display: none;
}
.form-holder .form-horizontal .subsidie-block.checked {
  display: block;
}
.form-holder .form-horizontal .vergoeding-block {
  display: none;
}
.form-holder .form-horizontal .vergoeding-block.checked {
  display: block;
}
.form-holder .form-horizontal .initiatief-block {
  display: none;
}
.form-holder .form-horizontal .initiatief-block.checked {
  display: block;
}
.form-holder .form-horizontal .form-group-list {
  padding: 10px 20px;
}
.form-holder .form-horizontal .form-group-list .form-row {
  color: #6a6a6a;
  font-weight: 300;
  margin-bottom: 10px;
}

.dotline {
  display: flex;
  width: 100%;
  border-top: solid 5px #1e3059;
  justify-content: center;
  margin: 60px 0px;
}
.dotline .dotspacer {
  background-color: #676767;
  width: 100px;
  display: inline-flex;
  margin-top: -10px;
  justify-content: center;
}
.dotline .dotspacer .dotje {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background-color: #233059;
  border-radius: 50%;
}

.tvegroup-left {
  padding-right: 50px;
}

.tvegroup-right {
  padding-left: 150px;
  text-align: left;
}
.tvegroup-right .tvegroup-title {
  margin-bottom: 30px;
}
.tvegroup-right .tvegroup-text {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.tvegroup-right .tvegroup-button {
  margin-top: 30px;
}

.btn-tvegroup {
  position: relative;
  font-family: "Barlow Condensed", sans-serif;
  background-color: #1e3059;
  border: solid 1px #1e3059;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  color: #ffffff;
  padding: 11px 20px 10px 20px;
  font-size: 16px;
  line-height: 16px;
  transition: all 0.3s ease 0s;
  box-shadow: none;
  text-decoration: none;
  min-width: 150px;
}
.btn-tvegroup:visited, .btn-tvegroup.active, .btn-tvegroup.focus, .btn-tvegroup:active, .btn-tvegroup:focus {
  background-color: #1e3059;
  border: solid 1px #1e3059;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  color: #ffffff;
  box-shadow: none;
}
.btn-tvegroup:hover {
  background-color: #ffffff;
  border: solid 1px #1e3059;
  color: #1e3059;
  opacity: 0.8;
  box-shadow: none;
  text-decoration: none;
}

.cta-contactpage {
  padding: 250px 100px 60px 225px;
  margin-right: 80px;
  background-color: #676767;
  margin-top: -150px;
  text-align: center;
}
.cta-contactpage ul.contact-address {
  list-style: none;
  margin: 0px;
  padding: 0px 0px 20px;
}
.cta-contactpage ul.contact-address li {
  color: #3c3c3b;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
  font-family: "Barlow Condensed", sans-serif;
}
.cta-contactpage ul.contact-address li.contact-telephone .tel-icon {
  display: inline-flex;
  height: 32px;
}
.cta-contactpage ul.contact-address li a {
  color: #3c3c3b;
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
  font-family: "Barlow Condensed", sans-serif;
}
.cta-contactpage ul.contact-address .footer-address-spacer {
  margin-top: 20px;
}
.cta-contactpage .cta-button {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
  .drup {
    position: absolute;
    width: 16px;
    height: 16px;
  }
  .locations {
    grid-template-columns: 50px 350px 1fr;
  }
  .locations__title {
    font-size: 24px;
  }
  .info {
    display: none;
    grid-row: 1/-1;
    grid-column: 2/3;
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
  }
  .info.active {
    display: flex;
    flex-direction: column;
  }
  .info h3 {
    color: #ffffff;
    font-weight: 600;
  }
  .info a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
  }
  .info__address {
    margin-top: 20px;
  }
  .info__postbus {
    margin-top: 20px;
  }
  .info__fax {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .drup {
    position: absolute;
    width: 12px;
    height: 12px;
  }
  .header__image {
    height: 250px;
  }
  .header__image img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 16/9;
  }
  .header__line {
    display: none;
  }
  .contact__page h1 {
    font-weight: 600;
  }
  .contact__page .container {
    padding: 0 30px;
  }
  .locations {
    display: none;
  }
  .locations__mobile {
    display: flex;
    flex-direction: column;
    background-color: #233059;
  }
  .locations__mobile-title {
    display: flex;
    color: #ffffff;
    font-size: 1.5rem;
    padding: 20px 40px;
    font-weight: 600;
    line-height: 1.5;
    justify-content: center;
    text-align: center;
  }
  .locations__mobile-list {
    background-color: #ffffff;
    list-style: none;
    margin: 0;
    padding: 30px;
  }
  .locations__mobile-list li {
    color: #3c3c3b;
    margin-bottom: 30px;
  }
  .locations__mobile-list li h3 {
    color: #3c3c3b;
    font-size: 1.2rem;
    line-height: 1;
  }
  .locations__mobile-list li a {
    color: #3c3c3b;
  }
  .locations__mobile-list li .info__mail span, .locations__mobile-list li .info__phone span {
    font-weight: 600;
  }
  .info {
    display: none;
    grid-row: 1/-1;
    grid-column: 2/3;
    color: #ffffff;
    margin-top: 20px;
    font-size: 14px;
    line-height: 16px;
  }
  .info.active {
    display: flex;
    flex-direction: column;
  }
  .info h3 {
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
  }
  .info a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
  }
  .info__address {
    margin-top: 20px;
  }
  .info__postbus {
    margin-top: 20px;
  }
  .info__fax {
    margin-top: 20px;
  }
  .cta-contactpage {
    padding: 20px;
    margin: 0px;
  }
  .tvegroup-left {
    padding-right: 15px;
    margin-bottom: 30px;
  }
  .tvegroup-right {
    padding-left: 15px;
    text-align: left;
    margin-bottom: 30px;
  }
  .tvegroup-right .tvegroup-title {
    margin-bottom: 30px;
  }
  .tvegroup-right .tvegroup-text {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
  }
  .tvegroup-right .tvegroup-button {
    margin-top: 30px;
  }
}
.swiper-container {
  display: flex;
  height: 160px;
  width: 100vw;
  padding: 40px 0px 0px;
}

.swiper-slide {
  filter: grayscale(100%);
  display: flex;
  justify-content: center;
}

.swiper-slide-active {
  filter: none;
}

.company-swiper-image {
  max-width: 200px;
  max-height: 100px;
  height: auto;
  width: auto;
}

.swiper-navigation {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
.swiper-navigation .swiper-next, .swiper-navigation .swiper-prev {
  display: inline-flex;
  padding: 0 10px;
  font-size: 20px;
}

.company-item-holder {
  position: relative;
  display: none;
}
.company-item-holder.active {
  display: block;
}
.company-item-holder .company-logo {
  display: flex;
  align-items: flex-end;
  max-width: 350px;
  margin-left: 60px;
}
.company-item-holder .company-logo img {
  max-width: 100%;
  height: auto;
}
.company-item-holder .buttons {
  text-align: center;
}
.company-item-holder .buttons span {
  margin: 0px 30px;
  display: inline-flex;
}
.company-item-holder .buttons span img {
  max-height: 20px;
  width: auto;
}
.company-item-holder .blue-row {
  height: 100%;
  background-color: #233059;
}
.company-item-holder .company-color {
  display: inline-flex;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.company-item-holder h2.company-title {
  color: #ffffff;
}
.company-item-holder .company-text {
  color: #ffffff;
}
.company-item-holder .company-image {
  object-fit: fill;
}
.company-item-holder .bottom-line {
  margin-left: 30px;
  border-bottom: solid 2px #233059;
}
.company-item-holder .extra-content {
  margin-top: 40px;
}
.company-item-holder .extra-content .company-website {
  margin-top: 40px;
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
  .swiper-slide {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .company-item .company-color-dot {
    display: none;
  }
}
.quickscan {
  scroll-behavior: smooth;
}
.quickscan header {
  margin: 50px 0px;
  justify-items: center;
  display: grid;
}
.quickscan__anchor {
  display: flex;
  justify-content: center;
}
.quickscan__jump {
  color: #ffffff;
  font-size: 30px;
}

.quick-top {
  background-color: #233059;
  padding: 30px;
}
.quick-top h1 {
  color: #ffffff;
  padding: 0 50px 20px;
}
.quick-top p {
  color: #ffffff;
  padding: 0 50px 20px;
}

.quick-middle {
  padding: 60px 0px;
}

.pros {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto 1fr;
  grid-column-gap: 60px;
  margin-right: 20%;
}
.pros .pros-image {
  grid-column: 1;
  grid-row: 1/-1;
  border-top: solid 2px #233059;
  padding-top: 50px;
  max-width: 100%;
  height: auto;
  display: block;
}
.pros h2 {
  grid-column: 2;
  grid-row: 1;
  margin-right: 20px;
  color: #233059;
  margin-top: 0px;
  padding-top: 0px;
  font-weight: 600;
  font-size: 34px;
  line-height: 40px;
  font-family: "Barlow Condensed", sans-serif;
}
.pros .pros-content {
  grid-column: 2;
  grid-row: 2;
  padding-right: 20px;
  margin-top: 20px;
}

.cta-holder {
  padding: 60px 15px;
}
.cta-holder h2 {
  text-align: center;
}
.cta-holder .cta-buttons {
  text-align: center;
  margin-top: 20px;
}
.cta-holder .cta-buttons .btn {
  margin: 0 7px;
  padding: 5px 40px;
  border-radius: 0px;
}

.quickscan-holder {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  color: #ffffff;
}
.quickscan-holder .quickscan-option {
  padding: 50px 150px;
  display: none;
  grid-row: 1/2;
  grid-column: 1/-1;
  background-color: #233059;
}
.quickscan-holder .quickscan-option.quickscan-result {
  padding: 50px 50px;
  z-index: 90;
}
.quickscan-holder .quickscan-option.active {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.quickscan-holder .quickscan-option h2 {
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
}
.quickscan-holder .quickscan-option .r-text {
  color: #ffffff;
}
.quickscan-holder .quickscan-option .r-text p {
  color: #ffffff;
}
.quickscan-holder .quickscan-option .r-mail {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
.quickscan-holder .quickscan-option .r-mail ::-webkit-input-placeholder {
  color: #ffffff;
  font-weight: 300;
  opacity: 1 !important;
}
.quickscan-holder .quickscan-option .r-mail :-moz-placeholder {
  color: #ffffff;
  font-weight: 300;
  opacity: 1 !important;
}
.quickscan-holder .quickscan-option .r-mail ::-moz-placeholder {
  color: #ffffff;
  font-weight: 300;
  opacity: 1 !important;
}
.quickscan-holder .quickscan-option .r-mail :-ms-input-placeholder {
  color: #ffffff;
  font-weight: 300;
  opacity: 1 !important;
}
.quickscan-holder .quickscan-option .r-mail input {
  width: 100%;
  display: block;
  background-color: #233059;
  color: #ffffff;
  font-family: "Cairo", sans-serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  border: solid 1px #ffffff;
  padding: 5px 15px;
}
.quickscan-holder .quickscan-option .r-mail input.error {
  border-color: #721c24;
}
.quickscan-holder .quickscan-option .r-button {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.quickscan-holder .quickscan-option .r-button .btn {
  background-color: #ffffff;
  color: #233059;
  border-color: #ffffff;
  padding: 5px 30px;
  border-radius: 0px;
  font-size: 18px;
  line-height: 26px;
}
.quickscan-holder .quickscan-option .r-button .btn:hover {
  background-color: #e00e19;
  border-color: #e00e19;
  color: #ffffff;
}
.quickscan-holder .quickscan-option .q-question {
  margin-top: 30px;
  color: #ffffff;
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
  border-bottom: solid 1px #ffffff;
}
.quickscan-holder .quickscan-option .q-options {
  display: flex;
  flex-direction: row;
  margin-top: 40px;
}
.quickscan-holder .quickscan-option .q-options .btn-scan {
  background-color: #ffffff;
  color: #233059;
  padding: 10px 30px;
  margin: 0 5px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.quickscan-holder .quickscan-option .q-options .btn-scan.active {
  background-color: #e00e19;
  color: #ffffff;
}
.quickscan-holder .quickscan-option .q-options .btn-scan:hover {
  background-color: #e00e19;
  color: #ffffff;
}
.quickscan-holder .quickscan-option .q-options.verticaal {
  flex-direction: column;
}
.quickscan-holder .quickscan-option .q-options.verticaal .btn-scan {
  margin-top: 10px;
}
.quickscan-holder .quickscan-option .q-pager-holder {
  display: flex;
  margin-top: 50px;
}
.quickscan-holder .quickscan-option .q-pager-holder .q-pager {
  display: inline-flex;
  width: 20px;
  height: 10px;
  background-color: #ffffff;
  margin: 0 5px;
  cursor: pointer;
}
.quickscan-holder .quickscan-option .q-pager-holder .q-pager.active {
  background-color: #e00e19;
}
.quickscan-holder .alert-box {
  padding: 10px 15px;
  grid-row: 1/-1;
  grid-column: 1/-1;
  background-color: #233059;
  text-align: center;
  z-index: 100;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.quickscan-holder .alert-box.quickscan-alert {
  color: #f8d7da;
}
.quickscan-holder .alert-box .btn {
  margin-top: 30px;
  background-color: #ffffff;
  color: #233059;
  border-color: #ffffff;
  padding: 5px 30px;
  border-radius: 0px;
  font-size: 18px;
  line-height: 26px;
}
.quickscan-holder .alert-box .btn:hover {
  background-color: #e00e19;
  border-color: #e00e19;
  color: #ffffff;
}

@media only screen and (max-width: 1024px) {
  .quickscan-holder {
    display: flex;
    flex-direction: column;
  }
  .quickscan-holder .quickscan-option {
    padding: 50px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .quickscan header {
    margin: 0;
    justify-items: center;
    display: grid;
    padding: 20px 0 0;
  }
  .quick-top {
    padding: 30px 0;
  }
  .quick-top h1 {
    padding: 0 0 20px;
    font-size: 34px;
    line-height: 40px;
  }
  .quick-top h2 {
    padding: 0 0 20px;
    font-size: 30px;
    line-height: 38px;
  }
  .quick-top p {
    padding: 0;
  }
  .pros {
    display: flex;
    flex-direction: column;
    margin: 0 15px;
  }
  .pros h2 {
    margin: 10px 0;
    padding: 10px 0;
  }
  .quickscan-holder {
    display: flex;
    flex-direction: column;
  }
  .quickscan-holder .quickscan-option {
    padding: 50px 10px;
  }
  .quickscan-holder .quickscan-option .q-options {
    flex-direction: column;
  }
  .quickscan-holder .quickscan-option .q-options .btn-scan {
    margin-bottom: 10px;
    text-align: center;
  }
  .quickscan-holder .quickscan-option .q-pager-holder {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
  .quickscan-holder .quickscan-option .q-pager-holder .q-pager {
    margin: 0;
  }
}
header {
  padding: 40px 0px;
}
header .logo-holder a > img {
  max-width: 321px;
}

.navbar-toggler {
  border-color: #233059;
  background-color: #233059;
  border-radius: 0px;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.content2-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 60px;
}

.content1.yes-line {
  display: grid;
  grid-template-columns: auto 1280px auto;
  grid-template-rows: 40px 1fr;
}
.content1.yes-line .content-1-line {
  grid-column: 2/-1;
  grid-row: 1/2;
  height: 3px;
  background-color: #ffffff;
  border-top: solid 3px #233059;
  z-index: 1;
}
.content1.yes-line .cont-yes-line {
  grid-column: 2/3;
  grid-row: 2;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0 50px;
}
.content1 h3 {
  color: #233059;
  padding-top: 0px;
  font-weight: 700;
  font-size: 22px;
  line-height: normal;
  font-family: "Cairo", sans-serif;
}

.content8n, .content9n {
  margin-bottom: 40px;
}
.content8n h3, .content9n h3 {
  color: #233059;
  padding-top: 0px;
  font-weight: 700;
  font-size: 22px;
  line-height: normal;
  font-family: "Cairo", sans-serif;
}
.content8n .content9-content p, .content9n .content9-content p {
  padding-right: 100px;
}

p, a:not(.btn), li {
  line-height: 32px;
}

.color-2 {
  padding: 50px 0px;
}

.btn-default {
  padding: 10px 40px;
}
.btn-default.btn2 {
  margin-left: 30px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1280px;
  }
}
@media only screen and (max-width: 768px) {
  header {
    padding: 40px 0px;
  }
  header .logo-holder a > img {
    max-width: 203px;
  }
  .content1.yes-line {
    display: flex;
    flex-direction: column;
  }
  .content1.yes-line .cont-yes-line {
    padding: 0px;
  }
  .color-2 {
    padding: 50px 15px;
  }
  .content4 .row {
    padding: 0 15px;
  }
  .content9n .content9-content {
    padding: 10px 0 20px;
  }
  .content9n .content9-content p {
    padding-right: 0px;
  }
  .content8n {
    margin-bottom: 0px;
  }
  .content8n .content9-content {
    padding: 10px 0 20px;
  }
  .content8n .content9-content p {
    padding-right: 0px;
  }
  .default-button-holder {
    display: flex;
    justify-content: center;
  }
  .default-button-holder .btn-default {
    padding: 10px 20px;
  }
  .content4-buttons {
    display: flex;
    justify-content: space-between;
  }
  .content4-buttons .btn-default {
    padding: 10px 20px;
  }
  .content4 h2 {
    text-align: center;
  }
}
.sparren-buttons {
  margin-top: 2%;
}

.search-section-content {
  padding: 0;
}

.search-section {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.search-container {
  width: 50%;
  background-color: #233059;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 5%;
  padding: 3%;
  margin-left: 0px;
}
.search-container h3 {
  color: white;
  text-align: center;
  font-size: 22px;
}
.search-container .search-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: transparent;
  max-height: 5em;
}
.search-container .search-box .input-box {
  display: flex;
  flex-direction: row;
  width: 100%;
  background: white;
  border-bottom: 1px solid white;
}
.search-container .search-box .input-box input {
  width: 100%;
  background: white;
  border: none;
  color: #3c3c3b;
}
.search-container .search-box .input-box img {
  position: relative;
  right: 2%;
  filter: invert(17%) sepia(11%) saturate(3090%) hue-rotate(188deg) brightness(101%) contrast(95%);
  width: 5%;
}
.search-container .search-results {
  margin-top: 5%;
  width: 100%;
  background-color: white;
  padding: 5%;
  color: #233059;
  display: none;
  flex-direction: column;
  z-index: 1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.search-container .search-results a {
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-container .search-results a:hover {
  opacity: 0.8;
}
.search-container .search-results a b {
  font-weight: bold;
}
.search-container .search-results .search-result {
  max-width: 80%;
}

.gsc-control-cse {
  background-color: #233059 !important;
  border: none !important;
  max-height: 21em;
  min-height: 7em;
  padding: 0;
  padding-left: 1em;
  padding-right: 1em;
  overflow: scroll;
}

.gsc-cursor-page {
  font-size: 16px;
}

.search-assistance {
  width: 50%;
  display: flex;
  flex-direction: column;
  margin: 5% 0;
}
.search-assistance h3 {
  font-size: 22px;
}
.search-assistance .button-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.search-assistance .button-wrapper .button {
  background-color: #233059;
  color: #ffffff;
  width: 30%;
  text-align: center;
  padding: 1%;
}

.container {
  padding: 0 1rem;
  width: unset;
}

@media only screen and (max-width: 990px) {
  .search-section {
    flex-direction: column;
  }
  .search-container {
    width: 100%;
  }
  .search-container h3 {
    font-size: 22px;
  }
  .search-assistance {
    width: unset;
    margin: 5% 0;
  }
  .search-assistance h3 {
    font-size: 22px;
  }
  .container {
    padding: 0;
  }
}
@media only screen and (max-width: 576px) {
  .search-section-content {
    padding: 0 5%;
  }
  .search-assistance {
    margin: 5%;
  }
}
input.gsc-input {
  background: none !important;
}

.gsc-search-button {
  background-color: transparent !important;
  border: none !important;
}

.gsc-input-box {
  background: transparent !important;
}

.gsc-search-box table tr {
  border-bottom: 1px solid white !important;
  padding: 1% !important;
}

.gsc-input {
  background-color: #233059;
  color: white;
}
.gsc-input .gsc-input-box {
  border: none;
}
.gsc-input table tr {
  border: none !important;
}

.gsib_b {
  display: none;
}

.gcsc-find-more-on-google {
  display: none !important;
}

.gsc-cursor-page {
  width: 2em;
  height: 2em;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
}

.gsc-completion-container {
  color: #233059;
}
.gsc-completion-container span {
  font-weight: bolder !important;
}
.gsc-completion-container b {
  font-weight: normal !important;
}

.gsc-cursor-next-page {
  color: white;
}

.gsc-cursor-final-page {
  color: white;
}

.gsc-cursor-container-previous {
  color: white !important;
  fill: white !important;
}

.gsc-cursor-container-next {
  color: white;
}

.gcsc-find-more-on-google-root {
  display: none !important;
}

.gsc-above-wrapper-area {
  display: none !important;
}

.gsc-webResult {
  background: transparent !important;
  color: white !important;
  border: none !important;
}
.gsc-webResult a {
  color: white !important;
}
.gsc-webResult a b {
  color: white !important;
}
.gsc-webResult .gs-bidi-start-align {
  color: white !important;
}

.gs-web-image-box {
  padding-top: 2% !important;
  margin-right: 2% !important;
}

.advice-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #233059;
  padding: 2%;
  max-width: 1280px;
}
.advice-card p, .advice-card h1 {
  color: white !important;
}
.advice-card p {
  margin-bottom: 0px;
}
.advice-card .contact-info {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  padding: 2%;
}
.advice-card .contact-info .contact-picture {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.advice-card .contact-info .contact-info-row {
  width: 70%;
  display: flex;
  flex-direction: row;
  margin-left: 5%;
}
.advice-card .contact-info .contact-column {
  border-right: 1px solid white;
  padding-right: 5%;
  min-width: 25%;
  max-width: 50%;
  margin-left: 5%;
}
.advice-card .contact-info .contact-column a {
  color: white;
}
.advice-card .contact-info .contact-column p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.advice-card .contact-info .contact-column:last-of-type {
  border-right: none;
}

.advice-card-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1000px) {
  .advice-card .contact-info {
    flex-direction: column;
  }
  .advice-card .contact-info .contact-info-row {
    width: 100%;
    margin-top: 5%;
  }
}
@media screen and (max-width: 900px) {
  .advice-card p {
    width: 70%;
  }
  .advice-card .contact-info {
    text-align: center;
  }
  .advice-card .contact-info .contact-picture {
    width: 40%;
    height: unset;
    border-radius: 0%;
  }
  .advice-card .contact-info .contact-info-row {
    width: 100%;
    margin-top: 5%;
    flex-direction: column;
  }
  .advice-card .contact-info .contact-info-row .contact-column {
    width: 100%;
    max-width: 100%;
    border: none;
  }
  .advice-card .contact-info .contact-info-row .contact-column p {
    width: 70%;
    margin-left: 15%;
  }
  .advice-card p {
    padding-left: 2%;
  }
}
.blog-page {
  min-height: 50em;
}
.blog-page .container {
  max-width: 80%;
}

.blog {
  justify-content: center;
}
.blog .blog-item {
  max-width: 35%;
  margin-bottom: 5%;
  justify-content: center;
  align-items: center;
  height: fit-content;
}
.blog .blog-item a {
  text-decoration: none;
}
.blog .blog-item .card-body {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.blog .blog-item .card-body .card-title {
  margin-top: 5%;
}
.blog .blog-item .card-body .card-title a {
  font-size: 24px;
  font-weight: bold;
  height: 4em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.blog .blog-item .card-body .card-text {
  height: 11em;
  overflow: hidden;
}
.blog .blog-item .card-body .card-text a {
  color: black;
  font-weight: 500;
}
.blog .blog-item .card-body .widget-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5%;
}
.blog .blog-item .card-body .blog-image {
  width: 100%;
}

.blog-content-manager-page .content-content {
  display: flex;
  justify-content: center;
}

.blog-image {
  object-fit: contain;
}

.pageNav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-bottom: 2%;
}
.pageNav li {
  list-style-type: none;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1%;
}
.pageNav li:first-of-type {
  margin-left: 0%;
}
.pageNav li .active {
  background-color: #233059;
  color: #ffffff;
}
.pageNav li a {
  text-decoration: none;
  color: #233059;
  display: inline-block;
  text-align: center;
  border: 1px solid #233059;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  width: 2.5em;
}
.pageNav li a:hover {
  opacity: 0.8;
}
.pageNav li.control a {
  background-color: #233059;
  color: #ffffff;
}
.pageNav li.control img {
  margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
  .paging .pageList li a {
    width: 1.3em;
  }
}
@media only screen and (max-width: 1000px) {
  .blog .blog-item {
    max-width: none;
  }
  .blog .blog-item .card-body .card-title {
    height: 5em;
  }
  .blog .blog-item .card-body .widget-footer {
    align-items: flex-start;
    flex-direction: column-reverse;
    margin-top: 10%;
  }
  .pageNav {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 1300px) {
  .blog-page .container {
    max-width: 100%;
  }
  .blog-content-manager-page .card-text {
    margin-top: 5%;
  }
}
@media only screen and (max-width: 500px) {
  .blog-page .container {
    max-width: 95%;
  }
  .blog .blog-item {
    max-width: none;
  }
  .blog .blog-item .card-body .blog-image {
    height: 9em;
  }
  .blog .blog-item .card-body .card-title {
    height: auto;
  }
  .blog-content-manager-page .color-9 {
    padding: 0px;
  }
}
.blog-content-manager-page h1 {
  width: 100%;
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  color: #233059;
  line-height: 40px;
  font-family: "Barlow Condensed", sans-serif;
}
.blog-content-manager-page h2 {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  color: #233059;
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 0px;
}
.blog-content-manager-page h3 {
  font-family: "Cairo", sans-serif;
  font-weight: bold;
  color: #233059;
  line-height: normal;
  font-size: 22px;
}
.blog-content-manager-page h4 {
  font-family: "Cairo", sans-serif;
  font-weight: normal;
  color: #233059;
  line-height: normal;
  font-size: 22px;
}
.blog-content-manager-page .header-image {
  width: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 500px) {
  .blog-content-manager-page .header-image {
    width: 100%;
    margin-left: 0%;
  }
}
.blog-content-manager-page .title {
  margin-top: 2%;
}
.blog-content-manager-page .content4 {
  margin-top: 10px;
  margin-bottom: 30px;
}

.cookiebanner {
  position: relative;
  width: 30%;
  height: auto;
  background-color: #233059;
  display: none;
  flex-direction: column;
  z-index: 40;
  padding: 2%;
  color: #ffffff;
}
.cookiebanner .btn {
  margin-top: 1%;
  background-color: green;
  color: white;
  font-weight: bold;
  font-size: 1rem;
}
.cookiebanner .btn-allow {
  background-color: white;
  color: #233059;
}
.cookiebanner .btn-deny {
  background-color: #515a7a;
}
.cookiebanner .btn-alter {
  background-color: #233059;
  border: 1px solid white;
  color: white;
}
.cookiebanner .btn:hover {
  opacity: 0.8;
}
.cookiebanner h2, .cookiebanner h4 {
  color: #ffffff;
  font-size: 20px;
  margin: 0;
}
.cookiebanner a {
  color: #ffffff;
  font-size: 16px;
  line-height: unset;
}
.cookiebanner p {
  color: #ffffff;
  font-size: 16px;
  line-height: unset;
}
.cookiebanner .details-wrapper {
  display: none;
}
.cookiebanner #details {
  margin-top: 5%;
}
.cookiebanner .cookie-row {
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cookiebanner .cookie-row input {
  width: 1em;
  height: 1em;
}
.cookiebanner .cookie-row:first-of-type {
  margin-top: 5%;
}
.cookiebanner .description-text {
  width: 100%;
  margin-bottom: 0;
}
.cookiebanner .cookie-button-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.backdrop {
  z-index: 50;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  display: none;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .cookiebanner {
    width: 90%;
    position: relative;
    overflow: scroll;
    height: 85%;
  }
}

/*# sourceMappingURL=all.css.map */