/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!../application/themes/default_theme/src/main.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/* Grid */
/* Alert colors */
/* Design colors */
.alert {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.alert.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #5bc0de;
}
.alert.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #5cb85c;
}
.alert.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #d9534f;
}
.alert.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #f0ad4e;
}

.form-group {
  display: block;
  margin: 0;
}

.form-control {
  outline: none;
  border: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 0;
  padding: 0 15px;
  background: #ededed;
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-family: inherit;
  font-size: inherit;
  color: #000;
}

.control-label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
  cursor: pointer;
}

textarea.form-control {
  resize: none;
  padding: 10px 15px;
  height: auto;
  line-height: inherit;
}

.ccm-input-date {
  margin-right: 0 !important;
}

.input-group:after {
  display: table;
  content: "";
  clear: both;
}
.input-group .input-group-datepicker {
  float: left;
  width: calc(100% - 45px);
}
.input-group .input-group-datepicker .form-control {
  width: 100%;
}
.input-group .input-group-addon {
  display: block;
  border: 0;
  border-radius: 3px;
  background: #ddd;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: inherit;
  color: rgba(237, 237, 237, 0.3);
}
.input-group .input-group-addon:first-child {
  float: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .input-group-addon:last-child {
  float: right;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .form-control {
  width: calc(100% - 45px);
}
.input-group .form-control:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .form-control:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button {
  display: inline-block;
  border-radius: 50px;
  padding: 0.3em 2em;
  text-decoration: none;
  font-weight: 700;
  border: 3px solid #fff;
}
.button.button-style-1 {
  background-color: #fff;
  color: #002E4C;
  border-color: #fff;
}
.button.button-style-1:hover {
  background-color: #002E4C;
  border-color: #002E4C;
  color: #fff;
}
.button.button-style-2 {
  background-color: #0084C0;
  color: #fff;
  border-color: #0084C0;
}
.button.button-style-2:hover {
  background-color: #fff;
  color: #0084C0;
}
.button .caption {
  display: none;
}
@media only screen and (min-width: 768px) {
  .button .caption {
    display: inline-block;
  }
}
.button .caption_mobile {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .button .caption_mobile {
    display: none;
  }
}

.open-menu {
  max-width: 100%;
}

.nav-container {
  width: 100%;
  height: 100%;
  display: flex !important;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .nav-container {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: auto;
  }
}

.main-menu-wrapper {
  position: fixed;
  left: -100%;
  top: 100px;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #0084C0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all ease 0.4s;
}
@media only screen and (min-width: 1024px) {
  .main-menu-wrapper {
    position: relative;
    left: initial;
    top: initial;
    width: auto;
    height: auto;
    background-color: transparent;
    overflow-y: visible;
  }
}
.main-menu-wrapper .contact {
  padding-left: 50px;
}
.main-menu-wrapper .contact p {
  line-height: 2;
  text-transform: uppercase;
}
.main-menu-wrapper .contact i {
  padding-right: 5px;
}
.main-menu-wrapper .contact a {
  color: #454545;
}
@media only screen and (min-width: 768px) {
  .main-menu-wrapper .contact {
    display: none;
  }
}
.open-menu .main-menu-wrapper {
  left: 0;
}

.ccm-toolbar-visible .main-menu-wrapper {
  top: 148px;
}
@media only screen and (min-width: 1024px) {
  .ccm-toolbar-visible .main-menu-wrapper {
    top: 0;
  }
}

.main-menu .navigation {
  margin-top: 50px;
  margin-left: 16px;
  padding-left: 0;
}
@media only screen and (min-width: 1024px) {
  .main-menu .navigation {
    margin: 0;
    padding: 0;
  }
}
.main-menu .nav-item {
  position: relative;
  float: none;
  margin-bottom: 32px;
}
@media only screen and (min-width: 1024px) {
  .main-menu .nav-item {
    margin-bottom: 0;
    float: left;
  }
}
.main-menu .nav-item-anchor {
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 0.025em;
  padding: 0 0 0 20px;
}
@media only screen and (min-width: 1024px) {
  .main-menu .nav-item-anchor {
    font-size: 15px;
    height: 100px;
    line-height: 100px;
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1280px) {
  .main-menu .nav-item-anchor {
    font-size: 21px;
    height: 120px;
    line-height: 120px;
    padding: 0 24px;
  }
}
.main-menu .parent-current > .nav-item-anchor,
.main-menu .nav-item:hover > .nav-item-anchor,
.main-menu .nav-item-anchor:hover {
  color: #002E4C;
}

ul.sub-menu {
  position: absolute;
  width: 300px;
  left: 0;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: white;
  padding-left: 20px;
}
@media only screen and (min-width: 1024px) {
  ul.sub-menu {
    transition: all 0.15s;
    padding-bottom: 20px;
    margin-top: -5px;
    padding-left: 0;
  }
}
ul.sub-menu .nav-item {
  position: relative;
  width: 100%;
  display: block;
  z-index: 1;
  margin-bottom: 0;
  font-weight: 400;
}
@media only screen and (min-width: 1024px) {
  ul.sub-menu .nav-item {
    margin-left: 20px;
  }
}
ul.sub-menu .nav-item .nav-item-anchor {
  font-size: 15px;
  color: #464645 !important;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  ul.sub-menu .nav-item .nav-item-anchor {
    font-size: 16px;
    padding-left: 5px;
    height: 60px;
    line-height: 60px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  ul.sub-menu .nav-item:hover .nav-item-anchor {
    color: green !important;
  }
}
ul.sub-menu .nav-item-anchor {
  padding: 10px 25px;
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  ul.sub-menu .nav-item-anchor {
    color: #464645;
    display: block;
    transition: all 0.15s;
  }
}
ul.sub-menu .sub-menu {
  width: auto;
  top: initial;
}
@media only screen and (min-width: 1024px) {
  ul.sub-menu .sub-menu {
    position: absolute;
    width: inherit;
    left: 100%;
    top: 0;
    background-color: darkred;
  }
}
ul.sub-menu .sub-menu .nav-item-anchor:before {
  display: none !important;
}

@media only screen and (min-width: 1024px) {
  .has-submenu:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
  }
  .has-submenu > .nav-item-anchor::after {
    content: "\f107";
    font-family: "fontAwesome";
    padding-left: 5px;
  }
  .has-submenu .has-submenu > .nav-item-anchor {
    padding-right: 50px;
  }
  .has-submenu .has-submenu > .nav-item-anchor::after {
    right: 25px;
    position: absolute;
    content: "\f101";
  }
}
.has-submenu .has-submenu .sub-menu .nav-item-anchor:hover {
  padding-left: 35px;
}

.menu-toggle {
  position: absolute;
  top: 30px;
  right: 0;
  font-size: 32px !important;
  z-index: 11;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .menu-toggle {
    display: none !important;
  }
}
.menu-toggle.fa-times::before {
  content: "\f00d" !important;
}

.submenu-toggle {
  display: inline-block;
  padding: 10px;
}
@media only screen and (min-width: 1024px) {
  .submenu-toggle {
    display: none;
  }
}

.open-submenu > i::before {
  content: "\f106";
}
.open-submenu > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  position: static;
  width: 100%;
}

.ccm-edit-mode body h1, .ccm-edit-mode body h2, .ccm-edit-mode body h3, .ccm-edit-mode body h4, .ccm-edit-mode body p, .ccm-edit-mode body span {
  margin-bottom: 16px;
}

div#ccm-panel-add-block a p {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: inherit;
  color: #0084C0;
}

h1 {
  font-size: 1.75rem;
  font-size: clamp(26px, 3vw, 32px);
}

h2 {
  font-size: 1.5rem;
  font-size: clamp(24px, 2.5vw, 32px);
}

h3 {
  font-size: 1.25rem;
  font-size: clamp(20px, 2vw, 26px);
}

/* Repsonsive Grid */
.row {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1364px;
  padding: 0 20px;
}
.row.full {
  max-width: 100%;
  padding: 0;
}
.row:after {
  display: block;
  clear: both;
  content: "";
}
.row .column {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  /* GENERATE COLUMNS */
}
.row .column.small-1 {
  width: 8.3333333333%;
}
.row .column.hide-for-small {
  display: none;
}
.row .column.small-2 {
  width: 16.6666666667%;
}
.row .column.hide-for-small {
  display: none;
}
.row .column.small-3 {
  width: 25%;
}
.row .column.hide-for-small {
  display: none;
}
.row .column.small-4 {
  width: 33.3333333333%;
}
.row .column.hide-for-small {
  display: none;
}
.row .column.small-5 {
  width: 41.6666666667%;
}
.row .column.hide-for-small {
  display: none;
}
.row .column.small-6 {
  width: 50%;
}
.row .column.hide-for-small {
  display: none;
}
.row .column.small-7 {
  width: 58.3333333333%;
}
.row .column.hide-for-small {
  display: none;
}
.row .column.small-8 {
  width: 66.6666666667%;
}
.row .column.hide-for-small {
  display: none;
}
.row .column.small-9 {
  width: 75%;
}
.row .column.hide-for-small {
  display: none;
}
.row .column.small-10 {
  width: 83.3333333333%;
}
.row .column.hide-for-small {
  display: none;
}
.row .column.small-11 {
  width: 91.6666666667%;
}
.row .column.hide-for-small {
  display: none;
}
.row .column.small-12 {
  width: 100%;
}
.row .column.hide-for-small {
  display: none;
}
@media (min-width: 0px) {
  .row .column.zero-1 {
    width: 8.3333333333%;
  }
  .row .column.zero-offset-1 {
    margin-left: 8.3333333333% !important;
  }
  .row .column.zero-2 {
    width: 16.6666666667%;
  }
  .row .column.zero-offset-2 {
    margin-left: 16.6666666667% !important;
  }
  .row .column.zero-3 {
    width: 25%;
  }
  .row .column.zero-offset-3 {
    margin-left: 25% !important;
  }
  .row .column.zero-4 {
    width: 33.3333333333%;
  }
  .row .column.zero-offset-4 {
    margin-left: 33.3333333333% !important;
  }
  .row .column.zero-5 {
    width: 41.6666666667%;
  }
  .row .column.zero-offset-5 {
    margin-left: 41.6666666667% !important;
  }
  .row .column.zero-6 {
    width: 50%;
  }
  .row .column.zero-offset-6 {
    margin-left: 50% !important;
  }
  .row .column.zero-7 {
    width: 58.3333333333%;
  }
  .row .column.zero-offset-7 {
    margin-left: 58.3333333333% !important;
  }
  .row .column.zero-8 {
    width: 66.6666666667%;
  }
  .row .column.zero-offset-8 {
    margin-left: 66.6666666667% !important;
  }
  .row .column.zero-9 {
    width: 75%;
  }
  .row .column.zero-offset-9 {
    margin-left: 75% !important;
  }
  .row .column.zero-10 {
    width: 83.3333333333%;
  }
  .row .column.zero-offset-10 {
    margin-left: 83.3333333333% !important;
  }
  .row .column.zero-11 {
    width: 91.6666666667%;
  }
  .row .column.zero-offset-11 {
    margin-left: 91.6666666667% !important;
  }
  .row .column.zero-12 {
    width: 100%;
  }
  .row .column.zero-offset-12 {
    margin-left: 100% !important;
  }
  .row .column.hide-for-small {
    display: block;
  }
  .row .column.hide-for-zero {
    display: none;
  }
}
@media (min-width: 414px) {
  .row .column.xs-1 {
    width: 8.3333333333%;
  }
  .row .column.xs-offset-1 {
    margin-left: 8.3333333333% !important;
  }
  .row .column.xs-2 {
    width: 16.6666666667%;
  }
  .row .column.xs-offset-2 {
    margin-left: 16.6666666667% !important;
  }
  .row .column.xs-3 {
    width: 25%;
  }
  .row .column.xs-offset-3 {
    margin-left: 25% !important;
  }
  .row .column.xs-4 {
    width: 33.3333333333%;
  }
  .row .column.xs-offset-4 {
    margin-left: 33.3333333333% !important;
  }
  .row .column.xs-5 {
    width: 41.6666666667%;
  }
  .row .column.xs-offset-5 {
    margin-left: 41.6666666667% !important;
  }
  .row .column.xs-6 {
    width: 50%;
  }
  .row .column.xs-offset-6 {
    margin-left: 50% !important;
  }
  .row .column.xs-7 {
    width: 58.3333333333%;
  }
  .row .column.xs-offset-7 {
    margin-left: 58.3333333333% !important;
  }
  .row .column.xs-8 {
    width: 66.6666666667%;
  }
  .row .column.xs-offset-8 {
    margin-left: 66.6666666667% !important;
  }
  .row .column.xs-9 {
    width: 75%;
  }
  .row .column.xs-offset-9 {
    margin-left: 75% !important;
  }
  .row .column.xs-10 {
    width: 83.3333333333%;
  }
  .row .column.xs-offset-10 {
    margin-left: 83.3333333333% !important;
  }
  .row .column.xs-11 {
    width: 91.6666666667%;
  }
  .row .column.xs-offset-11 {
    margin-left: 91.6666666667% !important;
  }
  .row .column.xs-12 {
    width: 100%;
  }
  .row .column.xs-offset-12 {
    margin-left: 100% !important;
  }
  .row .column.hide-for-small {
    display: block;
  }
  .row .column.hide-for-xs {
    display: none;
  }
}
@media (min-width: 640px) {
  .row .column.small-1 {
    width: 8.3333333333%;
  }
  .row .column.small-offset-1 {
    margin-left: 8.3333333333% !important;
  }
  .row .column.small-2 {
    width: 16.6666666667%;
  }
  .row .column.small-offset-2 {
    margin-left: 16.6666666667% !important;
  }
  .row .column.small-3 {
    width: 25%;
  }
  .row .column.small-offset-3 {
    margin-left: 25% !important;
  }
  .row .column.small-4 {
    width: 33.3333333333%;
  }
  .row .column.small-offset-4 {
    margin-left: 33.3333333333% !important;
  }
  .row .column.small-5 {
    width: 41.6666666667%;
  }
  .row .column.small-offset-5 {
    margin-left: 41.6666666667% !important;
  }
  .row .column.small-6 {
    width: 50%;
  }
  .row .column.small-offset-6 {
    margin-left: 50% !important;
  }
  .row .column.small-7 {
    width: 58.3333333333%;
  }
  .row .column.small-offset-7 {
    margin-left: 58.3333333333% !important;
  }
  .row .column.small-8 {
    width: 66.6666666667%;
  }
  .row .column.small-offset-8 {
    margin-left: 66.6666666667% !important;
  }
  .row .column.small-9 {
    width: 75%;
  }
  .row .column.small-offset-9 {
    margin-left: 75% !important;
  }
  .row .column.small-10 {
    width: 83.3333333333%;
  }
  .row .column.small-offset-10 {
    margin-left: 83.3333333333% !important;
  }
  .row .column.small-11 {
    width: 91.6666666667%;
  }
  .row .column.small-offset-11 {
    margin-left: 91.6666666667% !important;
  }
  .row .column.small-12 {
    width: 100%;
  }
  .row .column.small-offset-12 {
    margin-left: 100% !important;
  }
  .row .column.hide-for-small {
    display: block;
    display: none;
  }
}
@media (min-width: 768px) {
  .row .column.medium-1 {
    width: 8.3333333333%;
  }
  .row .column.medium-offset-1 {
    margin-left: 8.3333333333% !important;
  }
  .row .column.medium-2 {
    width: 16.6666666667%;
  }
  .row .column.medium-offset-2 {
    margin-left: 16.6666666667% !important;
  }
  .row .column.medium-3 {
    width: 25%;
  }
  .row .column.medium-offset-3 {
    margin-left: 25% !important;
  }
  .row .column.medium-4 {
    width: 33.3333333333%;
  }
  .row .column.medium-offset-4 {
    margin-left: 33.3333333333% !important;
  }
  .row .column.medium-5 {
    width: 41.6666666667%;
  }
  .row .column.medium-offset-5 {
    margin-left: 41.6666666667% !important;
  }
  .row .column.medium-6 {
    width: 50%;
  }
  .row .column.medium-offset-6 {
    margin-left: 50% !important;
  }
  .row .column.medium-7 {
    width: 58.3333333333%;
  }
  .row .column.medium-offset-7 {
    margin-left: 58.3333333333% !important;
  }
  .row .column.medium-8 {
    width: 66.6666666667%;
  }
  .row .column.medium-offset-8 {
    margin-left: 66.6666666667% !important;
  }
  .row .column.medium-9 {
    width: 75%;
  }
  .row .column.medium-offset-9 {
    margin-left: 75% !important;
  }
  .row .column.medium-10 {
    width: 83.3333333333%;
  }
  .row .column.medium-offset-10 {
    margin-left: 83.3333333333% !important;
  }
  .row .column.medium-11 {
    width: 91.6666666667%;
  }
  .row .column.medium-offset-11 {
    margin-left: 91.6666666667% !important;
  }
  .row .column.medium-12 {
    width: 100%;
  }
  .row .column.medium-offset-12 {
    margin-left: 100% !important;
  }
  .row .column.hide-for-small {
    display: block;
  }
  .row .column.hide-for-medium {
    display: none;
  }
}
@media (min-width: 1024px) {
  .row .column.large-1 {
    width: 8.3333333333%;
  }
  .row .column.large-offset-1 {
    margin-left: 8.3333333333% !important;
  }
  .row .column.large-2 {
    width: 16.6666666667%;
  }
  .row .column.large-offset-2 {
    margin-left: 16.6666666667% !important;
  }
  .row .column.large-3 {
    width: 25%;
  }
  .row .column.large-offset-3 {
    margin-left: 25% !important;
  }
  .row .column.large-4 {
    width: 33.3333333333%;
  }
  .row .column.large-offset-4 {
    margin-left: 33.3333333333% !important;
  }
  .row .column.large-5 {
    width: 41.6666666667%;
  }
  .row .column.large-offset-5 {
    margin-left: 41.6666666667% !important;
  }
  .row .column.large-6 {
    width: 50%;
  }
  .row .column.large-offset-6 {
    margin-left: 50% !important;
  }
  .row .column.large-7 {
    width: 58.3333333333%;
  }
  .row .column.large-offset-7 {
    margin-left: 58.3333333333% !important;
  }
  .row .column.large-8 {
    width: 66.6666666667%;
  }
  .row .column.large-offset-8 {
    margin-left: 66.6666666667% !important;
  }
  .row .column.large-9 {
    width: 75%;
  }
  .row .column.large-offset-9 {
    margin-left: 75% !important;
  }
  .row .column.large-10 {
    width: 83.3333333333%;
  }
  .row .column.large-offset-10 {
    margin-left: 83.3333333333% !important;
  }
  .row .column.large-11 {
    width: 91.6666666667%;
  }
  .row .column.large-offset-11 {
    margin-left: 91.6666666667% !important;
  }
  .row .column.large-12 {
    width: 100%;
  }
  .row .column.large-offset-12 {
    margin-left: 100% !important;
  }
  .row .column.hide-for-small {
    display: block;
  }
  .row .column.hide-for-large {
    display: none;
  }
}
@media (min-width: 1280px) {
  .row .column.xl-1 {
    width: 8.3333333333%;
  }
  .row .column.xl-offset-1 {
    margin-left: 8.3333333333% !important;
  }
  .row .column.xl-2 {
    width: 16.6666666667%;
  }
  .row .column.xl-offset-2 {
    margin-left: 16.6666666667% !important;
  }
  .row .column.xl-3 {
    width: 25%;
  }
  .row .column.xl-offset-3 {
    margin-left: 25% !important;
  }
  .row .column.xl-4 {
    width: 33.3333333333%;
  }
  .row .column.xl-offset-4 {
    margin-left: 33.3333333333% !important;
  }
  .row .column.xl-5 {
    width: 41.6666666667%;
  }
  .row .column.xl-offset-5 {
    margin-left: 41.6666666667% !important;
  }
  .row .column.xl-6 {
    width: 50%;
  }
  .row .column.xl-offset-6 {
    margin-left: 50% !important;
  }
  .row .column.xl-7 {
    width: 58.3333333333%;
  }
  .row .column.xl-offset-7 {
    margin-left: 58.3333333333% !important;
  }
  .row .column.xl-8 {
    width: 66.6666666667%;
  }
  .row .column.xl-offset-8 {
    margin-left: 66.6666666667% !important;
  }
  .row .column.xl-9 {
    width: 75%;
  }
  .row .column.xl-offset-9 {
    margin-left: 75% !important;
  }
  .row .column.xl-10 {
    width: 83.3333333333%;
  }
  .row .column.xl-offset-10 {
    margin-left: 83.3333333333% !important;
  }
  .row .column.xl-11 {
    width: 91.6666666667%;
  }
  .row .column.xl-offset-11 {
    margin-left: 91.6666666667% !important;
  }
  .row .column.xl-12 {
    width: 100%;
  }
  .row .column.xl-offset-12 {
    margin-left: 100% !important;
  }
  .row .column.hide-for-small {
    display: block;
  }
  .row .column.hide-for-xl {
    display: none;
  }
}
@media (min-width: 1536px) {
  .row .column.xxl-1 {
    width: 8.3333333333%;
  }
  .row .column.xxl-offset-1 {
    margin-left: 8.3333333333% !important;
  }
  .row .column.xxl-2 {
    width: 16.6666666667%;
  }
  .row .column.xxl-offset-2 {
    margin-left: 16.6666666667% !important;
  }
  .row .column.xxl-3 {
    width: 25%;
  }
  .row .column.xxl-offset-3 {
    margin-left: 25% !important;
  }
  .row .column.xxl-4 {
    width: 33.3333333333%;
  }
  .row .column.xxl-offset-4 {
    margin-left: 33.3333333333% !important;
  }
  .row .column.xxl-5 {
    width: 41.6666666667%;
  }
  .row .column.xxl-offset-5 {
    margin-left: 41.6666666667% !important;
  }
  .row .column.xxl-6 {
    width: 50%;
  }
  .row .column.xxl-offset-6 {
    margin-left: 50% !important;
  }
  .row .column.xxl-7 {
    width: 58.3333333333%;
  }
  .row .column.xxl-offset-7 {
    margin-left: 58.3333333333% !important;
  }
  .row .column.xxl-8 {
    width: 66.6666666667%;
  }
  .row .column.xxl-offset-8 {
    margin-left: 66.6666666667% !important;
  }
  .row .column.xxl-9 {
    width: 75%;
  }
  .row .column.xxl-offset-9 {
    margin-left: 75% !important;
  }
  .row .column.xxl-10 {
    width: 83.3333333333%;
  }
  .row .column.xxl-offset-10 {
    margin-left: 83.3333333333% !important;
  }
  .row .column.xxl-11 {
    width: 91.6666666667%;
  }
  .row .column.xxl-offset-11 {
    margin-left: 91.6666666667% !important;
  }
  .row .column.xxl-12 {
    width: 100%;
  }
  .row .column.xxl-offset-12 {
    margin-left: 100% !important;
  }
  .row .column.hide-for-small {
    display: block;
  }
  .row .column.hide-for-xxl {
    display: none;
  }
}
.row.spacing {
  padding: 0 10px;
}
.row.spacing.full {
  padding: 0;
}
.row.spacing .column {
  /* GENERATE COLUMNS */
}
.row.spacing .column.small-1 {
  width: calc(8.3333333333% - 20px);
  margin: 0 10px;
}
.row.spacing .column.small-2 {
  width: calc(16.6666666667% - 20px);
  margin: 0 10px;
}
.row.spacing .column.small-3 {
  width: calc(25% - 20px);
  margin: 0 10px;
}
.row.spacing .column.small-4 {
  width: calc(33.3333333333% - 20px);
  margin: 0 10px;
}
.row.spacing .column.small-5 {
  width: calc(41.6666666667% - 20px);
  margin: 0 10px;
}
.row.spacing .column.small-6 {
  width: calc(50% - 20px);
  margin: 0 10px;
}
.row.spacing .column.small-7 {
  width: calc(58.3333333333% - 20px);
  margin: 0 10px;
}
.row.spacing .column.small-8 {
  width: calc(66.6666666667% - 20px);
  margin: 0 10px;
}
.row.spacing .column.small-9 {
  width: calc(75% - 20px);
  margin: 0 10px;
}
.row.spacing .column.small-10 {
  width: calc(83.3333333333% - 20px);
  margin: 0 10px;
}
.row.spacing .column.small-11 {
  width: calc(91.6666666667% - 20px);
  margin: 0 10px;
}
.row.spacing .column.small-12 {
  width: calc(100% - 20px);
  margin: 0 10px;
}
@media (min-width: 0px) {
  .row.spacing .column.zero-1 {
    width: calc(8.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.zero-offset-1 {
    margin-left: 8.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.zero-2 {
    width: calc(16.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.zero-offset-2 {
    margin-left: 16.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.zero-3 {
    width: calc(25% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.zero-offset-3 {
    margin-left: 25% !important;
    margin: 0 10px;
  }
  .row.spacing .column.zero-4 {
    width: calc(33.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.zero-offset-4 {
    margin-left: 33.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.zero-5 {
    width: calc(41.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.zero-offset-5 {
    margin-left: 41.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.zero-6 {
    width: calc(50% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.zero-offset-6 {
    margin-left: 50% !important;
    margin: 0 10px;
  }
  .row.spacing .column.zero-7 {
    width: calc(58.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.zero-offset-7 {
    margin-left: 58.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.zero-8 {
    width: calc(66.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.zero-offset-8 {
    margin-left: 66.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.zero-9 {
    width: calc(75% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.zero-offset-9 {
    margin-left: 75% !important;
    margin: 0 10px;
  }
  .row.spacing .column.zero-10 {
    width: calc(83.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.zero-offset-10 {
    margin-left: 83.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.zero-11 {
    width: calc(91.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.zero-offset-11 {
    margin-left: 91.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.zero-12 {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.zero-offset-12 {
    margin-left: 100% !important;
    margin: 0 10px;
  }
}
@media (min-width: 414px) {
  .row.spacing .column.xs-1 {
    width: calc(8.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xs-offset-1 {
    margin-left: 8.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xs-2 {
    width: calc(16.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xs-offset-2 {
    margin-left: 16.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xs-3 {
    width: calc(25% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xs-offset-3 {
    margin-left: 25% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xs-4 {
    width: calc(33.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xs-offset-4 {
    margin-left: 33.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xs-5 {
    width: calc(41.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xs-offset-5 {
    margin-left: 41.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xs-6 {
    width: calc(50% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xs-offset-6 {
    margin-left: 50% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xs-7 {
    width: calc(58.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xs-offset-7 {
    margin-left: 58.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xs-8 {
    width: calc(66.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xs-offset-8 {
    margin-left: 66.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xs-9 {
    width: calc(75% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xs-offset-9 {
    margin-left: 75% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xs-10 {
    width: calc(83.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xs-offset-10 {
    margin-left: 83.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xs-11 {
    width: calc(91.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xs-offset-11 {
    margin-left: 91.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xs-12 {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xs-offset-12 {
    margin-left: 100% !important;
    margin: 0 10px;
  }
}
@media (min-width: 640px) {
  .row.spacing .column.small-1 {
    width: calc(8.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.small-offset-1 {
    margin-left: 8.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.small-2 {
    width: calc(16.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.small-offset-2 {
    margin-left: 16.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.small-3 {
    width: calc(25% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.small-offset-3 {
    margin-left: 25% !important;
    margin: 0 10px;
  }
  .row.spacing .column.small-4 {
    width: calc(33.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.small-offset-4 {
    margin-left: 33.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.small-5 {
    width: calc(41.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.small-offset-5 {
    margin-left: 41.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.small-6 {
    width: calc(50% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.small-offset-6 {
    margin-left: 50% !important;
    margin: 0 10px;
  }
  .row.spacing .column.small-7 {
    width: calc(58.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.small-offset-7 {
    margin-left: 58.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.small-8 {
    width: calc(66.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.small-offset-8 {
    margin-left: 66.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.small-9 {
    width: calc(75% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.small-offset-9 {
    margin-left: 75% !important;
    margin: 0 10px;
  }
  .row.spacing .column.small-10 {
    width: calc(83.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.small-offset-10 {
    margin-left: 83.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.small-11 {
    width: calc(91.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.small-offset-11 {
    margin-left: 91.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.small-12 {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.small-offset-12 {
    margin-left: 100% !important;
    margin: 0 10px;
  }
}
@media (min-width: 768px) {
  .row.spacing .column.medium-1 {
    width: calc(8.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.medium-offset-1 {
    margin-left: 8.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.medium-2 {
    width: calc(16.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.medium-offset-2 {
    margin-left: 16.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.medium-3 {
    width: calc(25% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.medium-offset-3 {
    margin-left: 25% !important;
    margin: 0 10px;
  }
  .row.spacing .column.medium-4 {
    width: calc(33.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.medium-offset-4 {
    margin-left: 33.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.medium-5 {
    width: calc(41.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.medium-offset-5 {
    margin-left: 41.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.medium-6 {
    width: calc(50% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.medium-offset-6 {
    margin-left: 50% !important;
    margin: 0 10px;
  }
  .row.spacing .column.medium-7 {
    width: calc(58.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.medium-offset-7 {
    margin-left: 58.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.medium-8 {
    width: calc(66.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.medium-offset-8 {
    margin-left: 66.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.medium-9 {
    width: calc(75% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.medium-offset-9 {
    margin-left: 75% !important;
    margin: 0 10px;
  }
  .row.spacing .column.medium-10 {
    width: calc(83.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.medium-offset-10 {
    margin-left: 83.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.medium-11 {
    width: calc(91.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.medium-offset-11 {
    margin-left: 91.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.medium-12 {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.medium-offset-12 {
    margin-left: 100% !important;
    margin: 0 10px;
  }
}
@media (min-width: 1024px) {
  .row.spacing .column.large-1 {
    width: calc(8.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.large-offset-1 {
    margin-left: 8.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.large-2 {
    width: calc(16.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.large-offset-2 {
    margin-left: 16.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.large-3 {
    width: calc(25% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.large-offset-3 {
    margin-left: 25% !important;
    margin: 0 10px;
  }
  .row.spacing .column.large-4 {
    width: calc(33.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.large-offset-4 {
    margin-left: 33.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.large-5 {
    width: calc(41.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.large-offset-5 {
    margin-left: 41.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.large-6 {
    width: calc(50% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.large-offset-6 {
    margin-left: 50% !important;
    margin: 0 10px;
  }
  .row.spacing .column.large-7 {
    width: calc(58.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.large-offset-7 {
    margin-left: 58.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.large-8 {
    width: calc(66.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.large-offset-8 {
    margin-left: 66.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.large-9 {
    width: calc(75% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.large-offset-9 {
    margin-left: 75% !important;
    margin: 0 10px;
  }
  .row.spacing .column.large-10 {
    width: calc(83.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.large-offset-10 {
    margin-left: 83.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.large-11 {
    width: calc(91.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.large-offset-11 {
    margin-left: 91.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.large-12 {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.large-offset-12 {
    margin-left: 100% !important;
    margin: 0 10px;
  }
}
@media (min-width: 1280px) {
  .row.spacing .column.xl-1 {
    width: calc(8.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xl-offset-1 {
    margin-left: 8.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xl-2 {
    width: calc(16.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xl-offset-2 {
    margin-left: 16.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xl-3 {
    width: calc(25% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xl-offset-3 {
    margin-left: 25% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xl-4 {
    width: calc(33.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xl-offset-4 {
    margin-left: 33.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xl-5 {
    width: calc(41.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xl-offset-5 {
    margin-left: 41.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xl-6 {
    width: calc(50% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xl-offset-6 {
    margin-left: 50% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xl-7 {
    width: calc(58.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xl-offset-7 {
    margin-left: 58.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xl-8 {
    width: calc(66.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xl-offset-8 {
    margin-left: 66.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xl-9 {
    width: calc(75% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xl-offset-9 {
    margin-left: 75% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xl-10 {
    width: calc(83.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xl-offset-10 {
    margin-left: 83.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xl-11 {
    width: calc(91.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xl-offset-11 {
    margin-left: 91.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xl-12 {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xl-offset-12 {
    margin-left: 100% !important;
    margin: 0 10px;
  }
}
@media (min-width: 1536px) {
  .row.spacing .column.xxl-1 {
    width: calc(8.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xxl-offset-1 {
    margin-left: 8.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xxl-2 {
    width: calc(16.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xxl-offset-2 {
    margin-left: 16.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xxl-3 {
    width: calc(25% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xxl-offset-3 {
    margin-left: 25% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xxl-4 {
    width: calc(33.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xxl-offset-4 {
    margin-left: 33.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xxl-5 {
    width: calc(41.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xxl-offset-5 {
    margin-left: 41.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xxl-6 {
    width: calc(50% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xxl-offset-6 {
    margin-left: 50% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xxl-7 {
    width: calc(58.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xxl-offset-7 {
    margin-left: 58.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xxl-8 {
    width: calc(66.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xxl-offset-8 {
    margin-left: 66.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xxl-9 {
    width: calc(75% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xxl-offset-9 {
    margin-left: 75% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xxl-10 {
    width: calc(83.3333333333% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xxl-offset-10 {
    margin-left: 83.3333333333% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xxl-11 {
    width: calc(91.6666666667% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xxl-offset-11 {
    margin-left: 91.6666666667% !important;
    margin: 0 10px;
  }
  .row.spacing .column.xxl-12 {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .row.spacing .column.xxl-offset-12 {
    margin-left: 100% !important;
    margin: 0 10px;
  }
}

* {
  box-sizing: border-box;
  outline: none;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

html,
body {
  padding: 0;
  margin: 0;
}

.ccm-page {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #002E4C;
  line-height: 1.95em;
  font-size: 18px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ccm-page .header {
  position: sticky;
  top: 0;
  z-index: 2;
}
.ccm-page .logo-wrapper {
  background-color: #fff;
  padding: 0.7em 2.1em;
  max-width: 185px;
}
@media only screen and (min-width: 1024px) {
  .ccm-page .logo-wrapper {
    padding: 0.7em 3.6em;
    max-width: 238px;
  }
}
@media only screen and (min-width: 1280px) {
  .ccm-page .logo-wrapper {
    padding: 0.7em 3.6em;
    max-width: 275px;
  }
}
.ccm-page .fluid {
  max-width: none;
}
.ccm-page .flexrow-wrapper {
  position: relative;
}
.ccm-page .flexrow-wrapper-flipped .flexrow {
  justify-content: flex-end;
}
.ccm-page .flexrow-wrapper-flipped .flexcol {
  right: initial;
  left: 0;
}
.ccm-page .flexrow {
  display: flex;
  max-width: 1364px;
  margin: 0 auto;
  width: 100%;
  position: static;
}
@media only screen and (max-width: 1024px) and (min-width: 0px) {
  .ccm-page .np-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}
.ccm-page .grid-wrapper {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .ccm-page .grid-wrapper {
    width: 36%;
  }
}
.ccm-page .small-first-col .grid-wrapper {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .ccm-page .small-first-col .grid-wrapper {
    width: 60%;
  }
  .ccm-page .small-first-col .flexcol {
    width: 40%;
  }
}
.ccm-page #home h1 {
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .ccm-page #home .grid-wrapper {
    width: 50%;
  }
  .ccm-page #home .flexcol {
    width: 50%;
  }
}
.ccm-page #mogelijkheden .grid-wrapper {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 1024px) {
  .ccm-page #mogelijkheden .grid-wrapper {
    display: block;
  }
  .ccm-page #mogelijkheden .flexcol img {
    min-height: 50%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (min-width: 1536px) {
  .ccm-page #mogelijkheden .flexcol img {
    transform: translateY(-30%);
  }
}
.ccm-page .flexcol {
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .ccm-page .flexcol {
    width: 60%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
  }
}
.ccm-page .flexcol-grid {
  position: relative;
}
.ccm-page .main-intro h1 {
  text-transform: uppercase;
}
.ccm-page .cta-row {
  padding: 0.4em;
}
@media only screen and (min-width: 1024px) {
  .ccm-page .cta-row {
    font-size: 24px;
  }
}
.ccm-page .cta-row a {
  color: inherit;
}
.ccm-page .multicols {
  padding-top: 2.4em;
  padding-bottom: 2.4em;
}
.ccm-page .multicols .column {
  padding-bottom: 1em;
}
@media only screen and (min-width: 1024px) {
  .ccm-page .multicols .column {
    padding-left: 1.4em;
    padding-right: 1.4em;
    padding-bottom: 0;
  }
}
.ccm-page .duotone {
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .ccm-page .duotone {
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(0, 46, 76) 50.01%, rgb(0, 46, 76) 100%);
  }
}
.ccm-page .duotone h2 {
  color: #0084C0;
}
.ccm-page .top-row {
  padding-left: 0;
}
.ccm-page .wbg {
  background-color: #fff;
}
.ccm-page .dbbg {
  background-color: #002E4C;
  color: #fff;
  z-index: 1;
}
.ccm-page .bbg {
  background-color: #0084C0;
  color: #fff;
}
.ccm-page .bbg .ccm-image-block {
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ccm-page .bbg h2 {
  color: #002E4C;
}
.ccm-page .uppercase {
  text-transform: uppercase;
}
.ccm-page .bold {
  font-weight: 700;
}
.ccm-page .ccm-image-block {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}
.ccm-page .content-panel {
  padding: 2em 20px;
}
@media only screen and (min-width: 768px) {
  .ccm-page .content-panel {
    padding: 2em;
  }
}
@media only screen and (min-width: 1024px) {
  .ccm-page .content-panel {
    padding: 3em;
    max-width: 650px;
  }
}
@media only screen and (min-width: 1536px) {
  .ccm-page .panel-left {
    margin-left: -20%;
  }
  .ccm-page .panel-right {
    position: relative;
    right: -20%;
  }
}
.ccm-page .secondary-menu-desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .ccm-page .secondary-menu-desktop {
    display: block;
    padding-right: 20px;
  }
}
.ccm-page .secondary-menu-mobile {
  display: block;
  margin-left: 30px;
}
@media only screen and (min-width: 1024px) {
  .ccm-page .secondary-menu-mobile {
    display: none;
  }
}
.ccm-page .duoImg {
  width: calc(45vw - 20px);
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .ccm-page .duoImg {
    display: block;
  }
  .ccm-page .reserve-module-wrapper {
    min-height: 1100px;
    z-index: 1;
  }
}
.ccm-page .reserver-row .content-panel ul,
.ccm-page .usp-row .content-panel ul {
  list-style: none;
  padding: 0;
}
.ccm-page .reserver-row .content-panel ul li,
.ccm-page .usp-row .content-panel ul li {
  position: relative;
  padding-left: 1.8em;
  font-weight: 700;
}
.ccm-page .reserver-row .content-panel ul li::before,
.ccm-page .usp-row .content-panel ul li::before {
  content: "\f00c";
  font-family: "fontAwesome";
  font-size: inherit;
  line-height: 0;
  color: #0084C0;
  position: absolute;
  left: 0;
  top: 1.1em;
}
.ccm-page #footer {
  display: block;
  padding: 2em 0;
}
.ccm-page #footer .navigation {
  padding: 0;
  margin: 0;
}
.ccm-page #footer .navigation li {
  display: block;
  float: none;
}
.ccm-page #footer a {
  color: inherit;
}
.ccm-page #footer h3 {
  color: #002E4C;
  font-size: 24px;
}
.ccm-page #copyright {
  padding-right: 2em;
  max-width: 450px;
}
.ccm-page .sliderWrapper {
  display: flex;
}
.ccm-page .slidernav {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  display: flex;
}
.ccm-page .slidernav .button-prev,
.ccm-page .slidernav .button-next {
  padding: 1em;
  color: #fff;
  background-color: #0084C0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ccm-page .slidernav .button-prev:hover,
.ccm-page .slidernav .button-next:hover {
  background-color: #002E4C;
}
.ccm-page .slidernav .button-prev::before {
  content: "\f104";
  font-family: "fontAwesome";
  font-size: inherit;
  line-height: 1em;
  color: #fff;
}
.ccm-page .slidernav .button-next::before {
  content: "\f105";
  font-family: "fontAwesome";
  font-size: inherit;
  line-height: 1em;
  color: #fff;
}
.ccm-page .swiper-slide img {
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 100%;
  max-height: 350px;
}
@media only screen and (min-width: 1024px) {
  .ccm-page .swiper-slide img {
    max-height: none;
  }
}
.ccm-page .barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.ccm-page .barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}