/* ============================================================================
    CAROUSEL CSS
============================================================================ */
/* ============================================================================
    ALL CSS
============================================================================ */
/* ----------------------------------------------------------------------------
    IMPORTS
---------------------------------------------------------------------------- */
/* FUNCTIONS */
/* ----------------------------------------------------------------------------
    VARS
---------------------------------------------------------------------------- */
/* grid settings */
/* measurements */
/* colors */
/* media queries info */
/* ----------------------------------------------------------------------------
    DEFAULT STYLES
---------------------------------------------------------------------------- */
/* line 66, ../sass/_all_base.scss */
.font-default {
  font-family: SunAntwerpenRegular, Arial, Helvetica, sans-serif;
}

/* line 70, ../sass/_all_base.scss */
.font-title, .default-bodytext-styling a.cta, .default-bodytext-styling blockquote, .standard-submit-button, .front #block-system-main .view.view-display-id-page_2 .carousel-titels-container {
  font-family: Antwerpen, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

/* line 76, ../sass/_all_base.scss */
.default-bodytext-styling p {
  margin-bottom: 1.17647em;
}
/* line 79, ../sass/_all_base.scss */
.default-bodytext-styling p.top {
  text-align: right;
  margin-bottom: 0.58824em;
  position: relative;
}
/* line 84, ../sass/_all_base.scss */
.default-bodytext-styling p.top a {
  display: inline-block;
  padding-left: 15px;
  color: #19ac91;
  text-decoration: none;
  background: url(../imgs/arrow_green_up_small.png) no-repeat left top;
  line-height: 1em;
  font-size: 0.76471em;
  vertical-align: bottom;
}
/* line 94, ../sass/_all_base.scss */
.default-bodytext-styling p.top a:hover {
  text-decoration: underline;
}
/* line 101, ../sass/_all_base.scss */
.default-bodytext-styling ul, .default-bodytext-styling ol {
  margin: 0 0 20px 20px;
}
/* line 104, ../sass/_all_base.scss */
.default-bodytext-styling ul ul, .default-bodytext-styling ul ol, .default-bodytext-styling ol ul, .default-bodytext-styling ol ol {
  margin: 0 0 4px 20px;
}
/* line 111, ../sass/_all_base.scss */
.default-bodytext-styling ul {
  list-style-image: url(../imgs/bullet_square_green.png);
}
/* line 115, ../sass/_all_base.scss */
.default-bodytext-styling ul ul,
.default-bodytext-styling ol ul {
  list-style-image: url(../imgs/bullet_line_green.png);
}
/* line 119, ../sass/_all_base.scss */
.default-bodytext-styling ul ul ul,
.default-bodytext-styling ol ul ul {
  list-style-image: url(../imgs/bullet_square_border_green.png);
}
/* line 122, ../sass/_all_base.scss */
.default-bodytext-styling ul ul ul ul,
.default-bodytext-styling ol ul ul ul {
  list-style-image: url(../imgs/bullet_square_grey.png);
}
/* line 128, ../sass/_all_base.scss */
.default-bodytext-styling ol {
  list-style: decimal;
}
/* line 133, ../sass/_all_base.scss */
.default-bodytext-styling a.cta {
  position: relative;
  display: inline-block;
  font-size: 1.17647em;
  line-height: 64px;
  padding: 0 0 0 60px;
  color: #EE7744;
  text-decoration: underline;
  background: url(../imgs/icon_important_link.png) transparent no-repeat left center;
}
/* line 144, ../sass/_all_base.scss */
.default-bodytext-styling a.cta:hover {
  color: #000;
}
/* line 149, ../sass/_all_base.scss */
.default-bodytext-styling a.cta--pink, .default-bodytext-styling a.cta--blue {
  text-transform: uppercase;
  text-decoration: none;
  line-height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: .875em;
  font-size: 1.09375rem;
  color: white;
  padding: .2em .6em .15em .6em !important;
  display: inline-block;
  border: 2px solid black;
  background: black;
  text-decoration: none;
}
/* line 166, ../sass/_all_base.scss */
.default-bodytext-styling a.cta--pink:hover, .default-bodytext-styling a.cta--blue:hover {
  background: black;
  border-color: black;
  color: white;
}
/* line 173, ../sass/_all_base.scss */
.default-bodytext-styling a.cta--pink {
  background: #F3CFB3;
  border-color: #F3CFB3;
  color: #00664F;
}
/* line 177, ../sass/_all_base.scss */
.default-bodytext-styling a.cta--pink:hover {
  background: #ecb387;
  border-color: #ecb387;
  color: #00664F;
}
/* line 184, ../sass/_all_base.scss */
.default-bodytext-styling a.cta--blue {
  background: #004F59;
  border-color: #004F59;
  color: #FFFFFF;
}
/* line 188, ../sass/_all_base.scss */
.default-bodytext-styling a.cta--blue:hover {
  background: #002226;
  border-color: #002226;
  color: #FFFFFF;
}
/* line 196, ../sass/_all_base.scss */
.default-bodytext-styling .img {
  max-width: 50%;
}
/* line 199, ../sass/_all_base.scss */
.default-bodytext-styling .img img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
/* line 205, ../sass/_all_base.scss */
.default-bodytext-styling .img .img-caption {
  color: #666;
  font-size: 0.70588em;
  line-height: normal;
  padding-top: 0.33333em;
}
/* line 213, ../sass/_all_base.scss */
.default-bodytext-styling .img-left {
  float: left;
  margin: 0 0.88235em 0.58824em 0;
}
/* line 218, ../sass/_all_base.scss */
.default-bodytext-styling .img-right {
  float: right;
  margin: 0 0 0.58824em 0.88235em;
}
/* line 223, ../sass/_all_base.scss */
.default-bodytext-styling .img-full {
  max-width: 100%;
  width: 100%;
  clear: both;
  float: none;
  margin: 0 0 0.58824em 0;
}
/* line 230, ../sass/_all_base.scss */
.default-bodytext-styling .img-full img {
  width: auto;
  max-width: 100%;
}
/* line 237, ../sass/_all_base.scss */
.default-bodytext-styling table .img {
  width: auto;
}
/* line 242, ../sass/_all_base.scss */
.default-bodytext-styling h2, .default-bodytext-styling h3, .default-bodytext-styling h4 {
  color: #000;
  clear: both;
}
/* line 247, ../sass/_all_base.scss */
.default-bodytext-styling h2 {
  font-size: 1.52941em;
  margin: 0 0 0.38462em 0;
  padding: 0.19231em 0 0 0;
}
/* line 252, ../sass/_all_base.scss */
.default-bodytext-styling h2.highlighted {
  margin-bottom: 0;
  display: inline;
  clear: both;
  text-transform: uppercase;
}
/* line 258, ../sass/_all_base.scss */
.default-bodytext-styling h2.highlighted:after {
  content: "";
  display: block;
  height: 0.38462em;
  clear: both;
}
/* line 266, ../sass/_all_base.scss */
.default-bodytext-styling h2.highlighted--pink {
  color: #00664F;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #f3cfb3 50%);
}
/* line 272, ../sass/_all_base.scss */
.default-bodytext-styling h3 {
  font-weight: normal;
  font-size: 1.23529em;
  margin: 0 0 0.47619em 0;
  padding: 0.2381em 0 0 0;
}
/* line 279, ../sass/_all_base.scss */
.default-bodytext-styling h4 {
  font-weight: normal;
  font-size: 1.05882em;
  margin: 0 0 0.55556em 0;
  padding: 0.27778em 0 0 0;
}
/* line 286, ../sass/_all_base.scss */
.default-bodytext-styling blockquote {
  margin-bottom: 20px;
  border-left: 0.58824em solid #009882;
  padding: 3px 0.58824em 0 0.58824em;
  color: #009882;
}
/* line 293, ../sass/_all_base.scss */
.default-bodytext-styling blockquote p {
  margin-bottom: 0;
  font-size: 1.23529em;
  line-height: 1.25em;
}

/* line 301, ../sass/_all_base.scss */
.standard-submit-button {
  font-size: 1.52941em;
  height: 1.92308em;
  background: url(../imgs/arrow_white_grey_right.gif) #fff no-repeat right center;
  border: 1px solid #c7c7c7;
  line-height: 1.92308em;
  text-align: left;
  padding: 0 60px 0 0.38462em;
  cursor: pointer;
  color: #000;
}
/* line 313, ../sass/_all_base.scss */
.standard-submit-button:hover {
  border-color: #009882;
  background-image: url(../imgs/arrow_white_green_right.gif);
  color: #009882;
}

@media screen and (max-width: 660px) {
  /* line 325, ../sass/_all_base.scss */
  .field-type-text-with-summary .img-left,
  .field-type-text-with-summary .img-right,
  .field-type-text-with-summary .img-full,
  .field-type-text .img-left,
  .field-type-text .img-right,
  .field-type-text .img-full,
  .field-name-body .img-left,
  .field-name-body .img-right,
  .field-name-body .img-full {
    max-width: 100% !important;
    width: 100% !important;
    clear: both !important;
    float: none !important;
    margin: 0 0 0.58824em 0 !important;
  }
  /* line 334, ../sass/_all_base.scss */
  .field-type-text-with-summary .img-left img,
  .field-type-text-with-summary .img-right img,
  .field-type-text-with-summary .img-full img,
  .field-type-text .img-left img,
  .field-type-text .img-right img,
  .field-type-text .img-full img,
  .field-name-body .img-left img,
  .field-name-body .img-right img,
  .field-name-body .img-full img {
    width: auto !important;
    max-width: 100% !important;
  }
  /* line 340, ../sass/_all_base.scss */
  .field-type-text-with-summary iframe,
  .field-type-text-with-summary table,
  .field-type-text iframe,
  .field-type-text table,
  .field-name-body iframe,
  .field-name-body table {
    max-width: 100%;
  }
  /* line 345, ../sass/_all_base.scss */
  .field-type-text-with-summary a.cta,
  .field-type-text a.cta,
  .field-name-body a.cta {
    background-position: left top !important;
    min-height: 64px !important;
    line-height: 1 !important;
    padding-top: .8em !important;
  }
}
/* line 7, ../sass/all_carousel.scss */
.front #block-system-main {
  overflow: hidden;
  *zoom: 1;
  clear: both;
  margin-bottom: 1.76471em;
  overflow: hidden;
}
/* line 13, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 {
  position: relative;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
/* line 19, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .item-list {
  width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
}
/* line 25, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .item-list ul {
  padding: 0;
  margin: 0;
}
/* line 29, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .item-list ul li {
  width: 100%;
  padding: 0;
  margin: 0;
}
/* line 34, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .item-list ul li .contextual-links-wrapper {
  display: none;
  height: 0;
}
/* line 39, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .item-list ul li img {
  width: 100%;
  height: auto;
  line-height: 0;
  padding: 0;
  margin: 0;
}
/* line 50, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container {
  width: 24.29907%;
  float: right;
  margin-right: 0;
  *margin-left: -0.5em;
  display: inline;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  /* line 50, ../sass/all_carousel.scss */
  .front #block-system-main .view.view-display-id-page_2 .carousel-titels-container {
    width: 32.71028%;
    float: right;
    margin-right: 0;
    *margin-left: -0.5em;
    display: inline;
  }
}
/* line 63, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-arrow-container {
  -moz-transition: top 0.3s ease-out;
  -o-transition: top 0.3s ease-out;
  -webkit-transition: top 0.3s ease-out;
  transition: top 0.3s ease-out;
  display: block;
  height: 0;
  width: 16px;
  position: absolute;
  top: 25%;
  left: -16px;
}
/* line 72, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-arrow-container .carousel-arrow {
  background: url(../imgs/carousel_arrow.png) transparent no-repeat left center;
  display: block;
  position: absolute;
  width: 16px;
  height: 32px;
  top: -16px;
  left: 0;
}
/* line 83, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels {
  height: 100%;
  background: white;
  background: rgba(255, 255, 255, 0.9);
}
/* line 88, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title {
  -moz-transition: height 0.4s ease-out;
  -o-transition: height 0.4s ease-out;
  -webkit-transition: height 0.4s ease-out;
  transition: height 0.4s ease-out;
  height: 16.66667%;
  overflow: hidden;
  position: relative;
}
/* line 94, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title table {
  height: 100%;
  width: 100%;
  background: url(../imgs/dot_grey.gif) transparent repeat-x left bottom;
  color: #000;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}
/* line 103, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title table.last {
  background: none;
}
/* line 107, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title table td {
  vertical-align: middle;
}
/* line 111, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title table a,
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title table a:link,
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title table a:visited,
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title table a:active {
  display: block;
  color: #000;
  text-decoration: none;
  background: url(../imgs/bullet_arrow_black_left.png) transparent no-repeat left center;
  padding: 0 15px 0 20px;
  margin-left: 20px;
  font-size: 1.05882em;
  line-height: 1em;
}
/* line 127, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title.flex-active {
  -moz-transition: height 0.4s ease-out;
  -o-transition: height 0.4s ease-out;
  -webkit-transition: height 0.4s ease-out;
  transition: height 0.4s ease-out;
  color: #fff;
  background-color: #000;
  height: 50%;
}
/* line 133, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title.flex-active table {
  background: none;
}
/* line 136, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title.flex-active table a,
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title.flex-active table a:link,
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title.flex-active table a:visited,
.front #block-system-main .view.view-display-id-page_2 .carousel-titels-container .carousel-titels .field-name-carousel-title.flex-active table a:active {
  color: #fff;
  background-position: -30px center;
  font-size: 1.88235em;
  line-height: 1em;
}
/* line 152, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_3 {
  position: relative;
  width: 100%;
  line-height: 0;
}
/* line 157, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_3 .contextual-links-wrapper {
  display: none;
}
/* line 161, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_3 .small-img-container {
  display: none;
}
/* line 165, ../sass/all_carousel.scss */
.front #block-system-main .view.view-display-id-page_3 img {
  width: 100%;
  height: auto;
  line-height: 0;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 660px) {
  /* line 7, ../sass/all_carousel.scss */
  .front #block-system-main {
    margin-bottom: 0;
  }
  /* line 178, ../sass/all_carousel.scss */
  .front #block-system-main .view.view-display-id-page_3 .small-img-container {
    display: block;
  }
  /* line 181, ../sass/all_carousel.scss */
  .front #block-system-main .view.view-display-id-page_3 .large-img-container {
    display: none;
  }
}