/* ==========================================================================
	BASE
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html,
body {
  box-sizing: border-box;
  height: 100%;
  -webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  color: #33345c;
  font-weight: 400;
}
ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}
/* @end */
/* @group default links */
a:link,
a:active,
a:visited {
  outline: none;
  color: #43b379;
}
a:hover {
  text-decoration: none;
}
a:hover,
a:focus {
  color: #f57e2b;
}
a:active,
a:focus,
*:focus {
  outline: none !important;
}
.noclick {
  cursor: default;
}
img {
  max-width: 100%;
}
.align-right {
  text-align: right;
}
.container {
  position: relative;
}
.containerxx {
  background: rgba(75, 125, 88, 0.05);
}
/* ==========================================================================
	BACKGROUND COLORS
   ========================================================================== */
.bg-blue {
  background-color: #33345c;
}
.bg-orange {
  background-color: #f57e2b;
}
.bg-purple {
  background-color: #f3edf5;
}
.bg-sky {
  background-color: #e3eef8;
}
.bg-pink {
  background-color: #fce6f2;
}
.bg-green {
  background-color: #43b379;
}
.bg-glass {
  background-color: rgba(112, 171, 217, 0.6);
}
.bg-light {
  background-color: rgba(0, 0, 0, 0.05);
}
/* ==========================================================================
	HEADINGS
   ========================================================================== */
h1,
h2,
h3,
h4,
.h0,
.h1,
.h2,
.h3,
.h4 {
  font-family: 'Open Sans', sans-serif;
  line-height: 1em;
  margin: 0 0 5px;
  color: #33345c;
  font-weight: 700;
}
h1 a,
h2 a,
h3 a,
h4 a,
.h0 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a {
  color: inherit;
}
.h0 {
  font-size: 68px;
  line-height: 1em;
}
h1,
.h1 {
  font-size: 36px;
  line-height: 1em;
}
h2,
.h2 {
  font-size: 28px;
  line-height: 1.2em;
}
h3,
.h3 {
  font-size: 20px;
  line-height: 1.2em;
}
.h-white {
  color: #fff;
}
.h-blue {
  color: #33345c;
}
.h-orange {
  color: #f57e2b;
}
.h-purple {
  color: #8b539c;
}
.h-sky {
  color: #70abd9;
}
.h-pink {
  color: #d60b52;
}
.h-green {
  color: #43b379;
}
@media (max-width: 1280px) {
  .h0 {
    font-size: 58px;
  }
  h1,
  .h1 {
    font-size: 46px;
  }
}
@media (max-width: 991px) {
  .h0 {
    font-size: 48px;
  }
  h1,
  .h1 {
    font-size: 42px;
  }
  h2,
  .h2 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .h0 {
    font-size: 46px;
  }
  h1,
  .h1 {
    font-size: 40px;
  }
  h2,
  .h2 {
    font-size: 24px;
  }
}
/* ==========================================================================
	ARTICLE OUTPUT  DEFAULTS
   ========================================================================== */
.main-content .post-header {
  margin-bottom: 40px;
}
.post-intro {
  color: #70abd9;
}
.post-entry h1,
.post-output h1,
.post-entry h2,
.post-output h2,
.post-entry h3,
.post-output h3 {
  margin-bottom: 10px;
  color: #f57e2b;
}
.post-entry h1,
.post-output h1 {
  font-size: 36px;
}
.post-entry h2,
.post-output h2 {
  font-size: 34px;
}
.post-entry h3,
.post-output h3 {
  font-size: 28px;
}
.post-entry h4,
.post-output h4 {
  font-size: 24px;
}
.post-entry p:last-child,
.post-output p:last-child {
  margin-bottom: 0;
}
.post-entry ul,
.post-output ul,
.post-entry ol,
.post-output ol,
.post-entry li,
.post-output li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.post-entry ul,
.post-output ul {
  margin: 0 0 30px;
}
.post-entry ul li,
.post-output ul li {
  margin-left: 20px;
  list-style: disc;
}
.post-entry ol,
.post-output ol {
  margin: 0 0 30px;
}
.post-entry ol li,
.post-output ol li {
  margin-left: 20px;
  list-style: decimal;
}
.post-entry .tabel,
.post-output .tabel {
  width: 100%;
  border: none;
  border-radius: 3px;
  margin-bottom: 30px;
  background: #f8f8f8;
  border-top: 3px solid #43b379;
  border-bottom: 3px solid #33345c;
}
.post-entry .tabel.autowidth,
.post-output .tabel.autowidth {
  width: auto;
}
.post-entry .tabel p,
.post-output .tabel p {
  margin: 0;
}
.post-entry .tabel th,
.post-output .tabel th,
.post-entry .tabel td,
.post-output .tabel td {
  padding: 8px;
  padding-bottom: 6px;
  border-left: 1px solid #fff;
  vertical-align: top;
}
.post-entry .tabel thead,
.post-output .tabel thead {
  background: #33345c;
  color: #fff;
  font-weight: bold;
}
.post-entry .tabel tfoot,
.post-output .tabel tfoot {
  background: #43b379;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}
.post-entry .tabel tfoot td,
.post-output .tabel tfoot td {
  padding: 4px 8px;
}
.post-entry .tabel tbody tr,
.post-output .tabel tbody tr {
  background: #f8f8f8;
}
.post-entry .tabel tbody tr:nth-child(odd),
.post-output .tabel tbody tr:nth-child(odd) {
  background: #eee;
}
/* ==========================================================================
	CONTAINERS
   ========================================================================== */
.site-wrapper {
  /* overflow: hidden; */
  padding-top: 100px;
}
.container {
  position: relative;
  background-color: rgba(25, 86, 153, 0);
}
.main-body {
  padding-top: 60px;
}
.main-content {
  margin-bottom: 60px;
}
.main-aside {
  margin-bottom: 60px;
}
/* ==========================================================================
	COMPANY LOGO
   ========================================================================== */
.comp-logo {
  display: block;
  width: 450px;
  height: 80px;
  background-image: url(../de_img/logo-sith.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
/* ==========================================================================
	HEADER
   ========================================================================== */
.site-header {
  width: 100%;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
}
.site-header .container {
  height: 100px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.site-header .comp-logo {
  position: absolute;
  top: 25px;
  left: 25px;
  transition: all 0.3s ease-in-out;
}
.site-header .mod-languages {
  position: absolute;
  top: 36px;
  right: 115px;
  transition: all 0.3s ease-in-out;
}
.site-header .mod-search {
  width: 240px;
  position: absolute;
  top: 36px;
  right: 220px;
  transition: all 0.3s ease-in-out;
}
.scrolled .site-header {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.scrolled .site-header .container {
  height: 80px;
}
.scrolled .site-header .comp-logo {
  width: 400px;
  height: 60px;
  top: 20px;
}
.scrolled .site-header .mod-languages {
  top: 27px;
}
.scrolled .site-header .mod-search {
  top: 27px;
}
@media (max-width: 991px) {
  .site-wrapper {
    padding-top: 70px;
  }
  .site-header {
    background: #43b379;
  }
  .site-header .container {
    height: 70px;
  }
  .site-header .comp-logo {
    width: 280px;
    height: 32px;
    top: 21px;
    left: 25px;
    background-image: url(../de_img/logo-sith-wit.svg);
  }
  .site-header .mod-search {
    display: none;
  }
  .site-header .mod-languages {
    display: none;
    top: 20px;
    right: 100px;
  }
  .site-header .nav-trigger {
    top: 11px;
    right: 20px;
  }
  .site-header .nav-icon:before,
  .site-header .nav-icon:after,
  .site-header .nav-icon div {
    background-color: #fff;
  }
  .scrolled .site-header .container {
    height: 70px;
  }
  .scrolled .site-header .comp-logo {
    width: 280px;
    height: 32px;
    top: 21px;
    left: 25px;
  }
  .scrolled .site-header .mod-languages {
    top: 20px;
    right: 100px;
  }
  .scrolled .site-header .nav-trigger {
    top: 11px;
    right: 20px;
  }
}
@media (max-width: 480px) {
  .site-header .comp-logo {
    width: 230px;
    height: 25px;
    top: 24px;
  }
  .scrolled .site-header .comp-logo {
    width: 230px;
    height: 25px;
    top: 24px;
  }
}
.main-content {
  float: right;
}
@media (max-width: 767px) {
  .main-content {
    float: none;
    clear: both;
  }
  .main-aside {
    float: none;
    clear: both;
  }
}
.sticker {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  margin-bottom: 30px;
}
/* ==========================================================================
	FOOTER
  ========================================================================== */
.site-footer {
  padding: 40px 0 40px;
  background: #43b379;
  position: relative;
  z-index: 30;
  color: #fff;
}
.site-footer a {
  color: #fff;
}
.site-footer .comp-logo {
  display: none;
  width: 260px;
  height: 30px;
  background-image: url(../de_img/logo-sith-wit.svg);
}
.site-footer .credits {
  margin-top: 40px;
  font-size: 13px;
  text-align: center;
}
.site-footer .mod-footer {
  padding-top: 40px;
}
.site-footer .mod-footer .item {
  margin-bottom: 40px;
}
.site-footer .mod-footer h3 {
  color: #fff;
  font-size: 18px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.site-footer .mod-footer .splitcol .post-output {
  column-count: 2;
  column-gap: 40px;
}
.site-footer .mod-footer .socials {
  font-size: 46px;
}
/* ==========================================================================
	MOBILE MENU
   ========================================================================== */
.nav-trigger {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 36px;
  top: 25px;
  transition: all 0.3s ease-in-out;
}
.scrolled .nav-trigger {
  top: 15px;
}
.nav-icon {
  display: block;
  width: 40px;
  cursor: pointer;
  position: absolute;
  top: 7px;
  left: 5px;
  transition: all 0.3s ease-in-out;
}
.nav-icon:before,
.nav-icon:after,
.nav-icon div {
  background-color: #43b379;
  content: '';
  display: block;
  position: relative;
  height: 4px;
  margin: 6px 0;
  transition: all 0.3s ease-in-out;
}
.nav-trigger.open .nav-icon:before,
.nav-trigger.open .nav-icon:after,
.nav-trigger.open .nav-icon div {
  left: 0;
}
.nav-trigger.open .nav-icon:before {
  transform: translateY(10px) rotate(135deg);
  -moz-transform: translateY(10px) rotate(135deg);
  -webkit-transform: translateY(10px) rotate(135deg);
}
.nav-trigger.open .nav-icon:after {
  transform: translateY(-10px) rotate(-135deg);
  -moz-transform: translateY(-10px) rotate(-135deg);
  -webkit-transform: translateY(-10px) rotate(-135deg);
}
.nav-trigger.open .nav-icon div {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.mobile-nav {
  width: 100%;
  height: 100%;
  padding: 0;
  background: #43b379;
  color: #fff;
  overflow: hidden;
  position: fixed;
  top: -100%;
  left: 0;
  z-index: 600;
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  transition: all 0.6s ease 0s;
  pointer-events: none;
}
.mobile-nav .container {
  height: 100vh;
  z-index: 200;
  font-size: 18px;
  padding-top: 110px;
  padding-bottom: 10px;
  position: relative;
}
.mobile-nav h2,
.mobile-nav h3,
.mobile-nav h4 {
  color: #fff;
}
.mobile-nav a {
  color: #fff;
}
.mobile-nav a:hover {
  color: #33345c;
}
.mobile-nav .menu-header {
  margin: 30px 0;
}
.mobile-nav .top {
  display: none;
  margin: 0 0 40px;
  overflow: hidden;
}
.mobile-nav .top .mod-search {
  width: 75%;
  float: left;
}
.mobile-nav .top .mod-languages {
  width: 25%;
  float: left;
  text-align: right;
}
.mobile-nav .masonry {
  column-count: 3;
  column-gap: 40px;
  margin: 40px 10%;
}
.mobile-nav .masonry .mainnav > li {
  margin-bottom: 30px;
}
.mobile-nav .masonry .mainnav > li > a {
  display: block;
  font-weight: bold;
  font-size: 22px;
  text-transform: uppercase;
}
.mobile-nav .mainnav > li {
  break-inside: avoid;
}
.mobile-nav .mainnav > li ul {
  padding-bottom: 0;
}
.mobile-nav .mainnav > li ul a {
  line-height: 2em;
}
.mobile-nav .mainnav > li ul ul {
  display: none;
  padding-left: 20px;
}
.slick-menu .menu-parent .mainnav ul {
  display: none;
}
.slick-menu .menu-sub .menu-sub-target ul {
  display: none;
}
.shownav .mobile-nav {
  top: 0;
  pointer-events: auto;
}
@media (max-width: 991px) {
  .mobile-nav {
    background: #fff;
    color: #43b379;
  }
  .mobile-nav h2,
  .mobile-nav h3,
  .mobile-nav h4 {
    color: #43b379;
  }
  .mobile-nav a {
    color: #43b379;
  }
  .mobile-nav a:hover {
    color: #33345c;
  }
  .mobile-nav .top {
    display: block;
  }
  .mobile-nav .masonry {
    column-count: 2;
    column-gap: 40px;
    margin: 40px 0;
  }
}
@media (max-height: 750px) {
  .mobile-nav .mainnav {
    position: static;
    transform: translate(0, 0);
  }
}
@media (max-width: 540px) {
  .mobile-nav .masonry {
    column-count: 1;
    text-align: center;
  }
}
/* ==========================================================================
	SERACH PANEL
   ========================================================================== */
.search-panel {
  width: 100%;
  height: 100%;
  padding: 0;
  background: #33345c;
  color: #fff;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 620;
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  transition: all 0.4s ease 0s;
}
.search-panel .container {
  padding-top: 260px;
  color: #fff;
}
.search-panel .h2 {
  color: #fff;
  text-align: center;
}
.search-panel .mod-search {
  margin: 30px 10%;
  position: relative;
}
.search-panel .mod-search input {
  width: 100%;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 8px;
  color: #33345c;
  padding-left: 10px;
}
.search-panel .mod-search button {
  height: 50px;
  border: none;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
}
.search-panel .mod-search button .bg-svg {
  position: absolute;
  top: 0;
  right: -1px;
  transform-origin: top right;
  transform: scale(1.25);
}
.search-panel .mod-search button .bg-svg path {
  fill: #d60b52;
}
.search-panel .mod-search button i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out 0s;
  color: #fff;
  font-size: 20px;
}
.showsearch .search-panel {
  left: 0;
}
/* ==========================================================================
	ANIMATIONS
   ========================================================================== */
@keyframes FadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-25%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes FadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(25%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes FadeInUp {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* ==========================================================================
	BUTTONS
   ========================================================================== */
a.button-round {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  padding: 0 20px;
  white-space: nowrap;
  border: none;
  position: relative;
  background: #43b379;
  color: #fff;
  border-radius: 20px;
  transition: all 0.2s ease-in-out 0s;
  cursor: pointer;
}
a.button-round.medium {
  font-size: 18px;
  line-height: 42px;
  padding: 0 26px 2px;
  border-radius: 24px;
}
a.button-round:hover {
  background-color: #33345c;
  color: #fff;
}
a.button-round.bg-white {
  background: #fff;
  color: #505050;
}
a.button-round.bg-orange {
  background: #f57e2b;
  color: #fff;
}
a.button {
  display: inline-block;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  padding: 0 15px;
  white-space: nowrap;
  border: none;
  position: relative;
  background: #43b379;
  color: #fff;
  border-radius: 2px;
  transition: all 0.2s ease-in-out 0s;
}
a.button:hover {
  background-color: #33345c;
  color: #fff;
}
a.button.medium {
  height: 34px;
  font-size: 17px;
  line-height: 34px;
  padding: 0 55px 0 12px;
}
a.button.medium .bg-svg {
  transform-origin: top right;
  transform: scale(0.85);
}
a.button.medium i {
  font-size: 15px;
}
a.button.white {
  background: rgba(255, 255, 255, 0.4);
  color: #fff;
}
a.button.white .bg-svg path {
  fill: #fff;
}
a.button.white i {
  color: #70abd9;
}
a.button.white:hover {
  background-color: #fff;
  color: #70abd9;
}
a.button.blue {
  background: #d4e6f4;
  color: #33345c;
}
a.button.blue .bg-svg path {
  fill: #33345c;
}
a.button.blue:hover {
  background-color: #33345c;
  color: #fff;
}
a.button.green {
  background: #edf0c1;
  color: #43b379;
}
a.button.green .bg-svg path {
  fill: #43b379;
}
a.button.green:hover {
  background-color: #43b379;
  color: #fff;
}
a.button.sky {
  background: #c6ddf0;
  color: #70abd9;
}
a.button.sky .bg-svg path {
  fill: #70abd9;
}
a.button.sky:hover {
  background-color: #70abd9;
  color: #fff;
}
a.button.purple {
  background: #d9c6df;
  color: #8b539c;
}
a.button.purple .bg-svg path {
  fill: #8b539c;
}
a.button.purple:hover {
  background-color: #8b539c;
  color: #fff;
}
a.button.pink {
  background: #f6aed5;
  color: #d60b52;
}
a.button.pink .bg-svg path {
  fill: #d60b52;
}
a.button.pink:hover {
  background-color: #d60b52;
  color: #fff;
}
/* ==========================================================================
	BUTTON MODIFIERS
   ========================================================================== */
/* ==========================================================================
	BUTTON COLORS
   ========================================================================== */
/* ==========================================================================
	BUTTON GROUP
   ========================================================================== */
/* ==========================================================================
	ICON ANIMATION IN BUTTON
   ========================================================================== */
.button [class^="icon-"],
.button [class*=" icon-"] {
  display: inline-block;
  transform: translate(0, 0);
  transition: all 0.1s ease-out;
}
.hover .button [class^="icon-"],
.button:hover [class^="icon-"],
.hover .button [class*=" icon-"],
.button:hover [class*=" icon-"] {
  transition: all 0.3s cubic-bezier(0.2, 0.9, 0.3, 2.5), color 0.1s ease-out;
}
.hover .button .icon-arrow-left,
.button:hover .icon-arrow-left {
  transform: translate(-3px, 0);
}
.hover .button .icon-arrow-right,
.button:hover .icon-arrow-right {
  transform: translate(3px, 0);
}
.hover .button .icon-arrow-up,
.button:hover .icon-arrow-up {
  transform: translate(0, -3px);
}
.hover .button .icon-arrow-down,
.button:hover .icon-arrow-down {
  transform: translate(0, 3px);
}
@font-face {
  font-family: 'fontello';
  src: url('../de_font/fontello.eot?82179661e');
  src: url('../de_font/fontello.eot?82179661e#iefix') format('embedded-opentype'), url('../de_font/fontello.woff2?82179661e') format('woff2'), url('../de_font/fontello.woff?82179661e') format('woff'), url('../de_font/fontello.ttf?82179661e') format('truetype'), url('../de_font/fontello.svg?82179661e#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?82179661#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-videocam:before {
  content: '\e800';
}
/* '' */
.icon-mapmarker:before {
  content: '\e801';
}
/* '' */
.icon-kruisje:before {
  content: '\e805';
}
/* '' */
.icon-arrow-right:before {
  content: '\e812';
}
/* '' */
.icon-right-open-mini:before {
  content: '\e813';
}
/* '' */
.icon-left-open-mini:before {
  content: '\e814';
}
/* '' */
.icon-jobs:before {
  content: '\e821';
}
/* '' */
.icon-living:before {
  content: '\e823';
}
/* '' */
.icon-study:before {
  content: '\e825';
}
/* '' */
.icon-leisure:before {
  content: '\e826';
}
/* '' */
.icon-sport:before {
  content: '\e827';
}
/* '' */
.icon-thehague:before {
  content: '\e828';
}
/* '' */
.icon-vlogmarker:before {
  content: '\e829';
}
/* '' */
.icon-search:before {
  content: '\e831';
}
/* '' */
.icon-user:before {
  content: '\e832';
}
/* '' */
.icon-facebook-squared:before {
  content: '\e835';
}
/* '' */
.icon-health:before {
  content: '\e83a';
}
/* '' */
.icon-course:before {
  content: '\e83b';
}
/* '' */
.icon-internatiol:before {
  content: '\e83c';
}
/* '' */
.icon-instagramm:before {
  content: '\e83f';
}
/* '' */
.icon-twitter:before {
  content: '\f099';
}
/* '' */
.icon-youtube:before {
  content: '\f167';
}
/* '' */
.icon-youtube-play:before {
  content: '\f16a';
}
/* '' */
/* ==========================================================================
	FORM CONTROL
   ========================================================================== */
/* ==========================================================================
	VIDEO CONTAINER
   ========================================================================== */
.video-container {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ==========================================================================
	PAGINATION
   ========================================================================== */
/* ==========================================================================
	SECTIONS
   ========================================================================== */
/* ==========================================================================
	MAP OF THEWORLD
   ========================================================================== */
.tpl-cms-page-map .mod-banner {
  display: none;
}
.location-map {
  height: 800px;
}
.legenda-map {
  padding: 20px;
  padding-bottom: 5px;
  background: #fff;
}
.legenda-map ul {
  overflow: hidden;
}
.legenda-map ul li {
  width: 25%;
  float: left;
  margin-bottom: 15px;
}
.legenda-map ul li .icon {
  height: 30px;
  float: left;
  margin-right: 10px;
}
.legenda-map ul li .text {
  display: block;
  line-height: 30px;
}
@media (max-width: 1280px) {
  .location-map {
    height: 750px;
  }
}
@media (max-width: 991px) {
  .location-map {
    height: 650px;
  }
  .legenda-map ul li {
    width: 33.3334%;
  }
}
@media (max-width: 767px) {
  .location-map {
    height: 600px;
  }
  .legenda-map ul li {
    width: 50%;
  }
}
@media (max-width: 620px) {
  .location-map {
    height: 600px;
  }
}
@media (max-width: 480px) {
  .legenda-map ul li {
    width: 100%;
  }
}
.mod-infobubble {
  background: #ee450f url(../de_img/bg-popup-15.jpg) top left no-repeat;
  background-size: cover;
  background: #43b379;
}
.mod-infobubble .inner {
  padding: 40px 20px 20px;
  width: 360px;
  position: relative;
}
.mod-infobubble .inner .goto {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.mod-infobubble.cat-14 {
  background: #0009f3 url(../de_img/bg-popup-14.jpg) top left no-repeat;
  background-size: cover;
  background: #43b379;
}
.mod-infobubble.cat-15 {
  background: #ee450f url(../de_img/bg-popup-15.jpg) top left no-repeat;
  background-size: cover;
  background: #43b379;
}
.mod-infobubble .post-video {
  background: rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
.mod-infobubble .post-header {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .mod-infobubble .inner {
    width: 300px;
  }
}
@media (max-width: 500px) {
  .mod-infobubble .inner {
    width: 280px;
  }
}
@media (max-width: 420px) {
  .mod-infobubble .inner {
    width: 246px;
  }
}
.gm-style .gm-style-iw-d {
  overflow: hidden !important;
}
.gm-style .gm-style-iw-c {
  padding: 0;
  border-radius: 0;
}
.gm-style .gm-style-iw-c button.gm-ui-hover-effect {
  top: 5px !important;
  right: 5px !important;
  z-index: 20;
}
.gm-style .gm-style-iw-c button.gm-ui-hover-effect img {
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
}
.gm-style .gm-style-iw-t:after {
  background: #43b379;
}
.gm-style.gm-cat-14 .gm-style-iw-t:after {
  background: #43b379;
}
.gm-style.gm-cat-15 .gm-style-iw-t:after {
  background: #43b379;
}
/* ==========================================================================
	PAGE-BANNER
   ========================================================================== */
.page-banner-a {
  position: relative;
}
.page-banner-a .bgimg {
  height: 100%;
  width: 100%;
  max-width: 1680px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.page-banner-a .container {
  padding-top: 300px;
}
.page-banner-a .page-glassbox {
  z-index: 10;
}
.page-banner-a .page-glassbox .page-header {
  margin-bottom: 30px;
}
.page-banner-b .inner {
  background: #fff;
  overflow: hidden;
  border-radius: 0 50px;
  padding-left: 35%;
  position: relative;
}
.page-banner-b .inner:before {
  display: block;
  content: "";
  width: 360px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 40%;
  z-index: 2;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+79&0+0,1+79 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 79%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 79%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 79%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
.page-banner-b .bgimg {
  width: 60%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.page-banner-b .page-glassbox {
  border-radius: 0;
  padding: 70px 60px 30px;
  z-index: 5;
}
.page-banner-b .page-glassbox .page-header {
  margin-bottom: 30px;
}
/* ==========================================================================
	GLASSBOX
   ========================================================================== */
.page-glassbox {
  border-radius: 0 50px;
  padding: 70px 8% 40px;
  color: #fff;
  position: relative;
}
.page-glassbox .page-header {
  margin-right: 30%;
}
.page-glassbox .page-header h1 {
  line-height: 1.1em;
}
.page-glassbox .page-intro {
  font-size: 22px;
  line-height: 1.6em;
}
.page-glassbox .page-intro p:last-child {
  margin-bottom: 0;
}
.page-glassbox.pull-up {
  padding: 40px 8%;
  min-height: 400px;
  margin-top: -200px;
}
.page-glassbox.pull-up .page-header {
  margin-bottom: 60px;
}
.page-glassbox.glassbox-top {
  border-radius: 0 50px 0 0;
}
.page-glassbox.glassbox-top .page-header {
  margin-bottom: 0;
}
.page-glassbox.glassbox-bottom {
  border-radius: 0 0 0 50px;
  padding-top: 40px;
}
/* ==========================================================================
	VOLG ARTICLE VIEW
   ========================================================================== */
.content-container {
  padding-bottom: 80px;
}
.tpl-volg-article {
  position: relative;
}
.tpl-volg-article .article-col {
  margin-top: 60px;
}
.tpl-volg-article .article-col .article-intro {
  margin-bottom: 30px;
}
.tpl-volg-article .article-col .article-actions {
  margin-top: 40px;
}
.tpl-volg-article .article-col .article-actions .button {
  margin: 0 10px 10px 0;
}
/* ==========================================================================
	ACTIVITETIEN
   ========================================================================== */
.activity-list {
  margin-top: 60px;
}
.activity-list .item {
  margin-bottom: 60px;
}
.activity-list .item .activity-actions {
  margin-top: 30px;
}
.activity-list .inner {
  background: #fafafa;
  padding: 30px;
  border-radius: 0 30px;
}
.event-dates {
  overflow: hidden;
}
.event-dates .date {
  float: left;
  margin: 0 10px 10px 0;
  background: #c6ddf0;
  padding: 3px 10px;
  border-radius: 0 5px;
}
/* ==========================================================================
	SEARCH / ZOEKEN
   ========================================================================== */
.tpl-search {
  padding-bottom: 60px;
}
.tpl-search .search-form {
  margin: 30px 0;
  padding: 30px;
  background: #f8f8f8;
  position: relative;
}
.tpl-search .search-form input {
  height: 40px;
  width: 100%;
  border: 1px solid #eee;
  padding: 6px 10px;
}
.tpl-search .search-form button {
  height: 40px;
  border: none;
  background: #43b379;
  color: #fff;
  padding: 0 15px;
  line-height: 40px;
  position: absolute;
  top: 30px;
  right: 30px;
}
.tpl-search .search-results .list {
  margin-top: 30px;
}
.tpl-search .search-results .item {
  margin-bottom: 40px;
}
.tpl-cms-page-map .page-header {
  padding: 10px 20px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1460f+0,0200fe+100 */
  background: #f1460f;
  /* Old browsers */
  background: -moz-linear-gradient(left, #f1460f 0%, #0200fe 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f1460f 0%, #0200fe 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f1460f 0%, #0200fe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1460f', endColorstr='#0200fe', GradientType=1);
  /* IE6-9 */
}
.tpl-cms-page-map .page-header h1 {
  color: #fff;
  font-weight: 800;
  line-height: 1.2em;
  margin: 0;
  text-transform: none;
  font-size: 50px;
}
@media (max-width: 991px) {
  .tpl-cms-page-map .page-header h1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .tpl-cms-page-map .page-header h1 {
    font-size: 36px;
  }
}
@media (max-width: 620px) {
  .tpl-cms-page-map .page-header h1 {
    font-size: 30px;
  }
}
.tpl-cms-vlog .top-bar {
  background: #ee450f url(../de_img/bg-vlog.jpg) top left no-repeat;
  background-size: cover;
  padding: 60px 0;
}
.tpl-cms-vlog .mod-banner {
  display: none;
}
.tpl-cms-vlog .main-body {
  padding-top: 0;
}
.tpl-cms-vlog .col-left .vlog-map {
  margin-bottom: 30px;
}
.tpl-cms-vlog .col-left .button-round {
  width: 100%;
  text-align: center;
  background: #0100fd;
  color: #fff;
  line-height: 50px;
  border-radius: 25px;
  font-size: 18px;
}
.tpl-cms-vlog .col-left .button-round:hover {
  background: #01ee0c;
}
.tpl-cms-vlog .post-video {
  background: rgba(0, 0, 0, 0.2);
}
.tpl-cms-vlog .post-box {
  padding-bottom: 20px;
  color: #fff;
}
.tpl-cms-vlog .post-box h1,
.tpl-cms-vlog .post-box h2,
.tpl-cms-vlog .post-box h3,
.tpl-cms-vlog .post-box h4 {
  color: #fff;
  font-weight: 800;
  line-height: 1.2em;
}
.tpl-cms-vlog .post-box .post-entry a {
  display: inline-block;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.tpl-cms-vlog h1 {
  font-size: 60px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 5px solid #0100fd;
}
.tpl-cms-vlog .post-header {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .tpl-cms-vlog h1 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .tpl-cms-vlog h1 {
    font-size: 40px;
  }
}
@media (max-width: 640px) {
  .tpl-cms-vlog h1 {
    font-size: 36px;
  }
}
.tpl-cms-together h1,
.tpl-cms-together .h1 {
  font-size: 42px;
  margin-bottom: 0.5em;
}
.tpl-cms-together h2,
.tpl-cms-together .h2 {
  font-size: 28px;
  margin-bottom: 0.5em;
}
.tpl-cms-together h3,
.tpl-cms-together .h3 {
  font-size: 24px;
  margin-bottom: 0.5em;
}
.tpl-cms-together .main-body {
  padding: 0;
}
.tpl-cms-together .mod-banner {
  display: none;
}
.tpl-cms-together .mod-tg-banner .inner {
  background-color: #33345c;
}
.tpl-cms-together .mod-tg-banner .drieluik {
  width: 400px;
  height: 160px;
  border-right: 30px solid #33345c;
  background: #33345c url(../de_img/create-to-connect.png) right center no-repeat;
  background-size: auto 140px;
  position: absolute;
  top: 60px;
  left: -150px;
  z-index: 200;
}
.tpl-cms-together .mod-tg-intro .inner {
  padding-top: 60px;
  padding-bottom: 60px;
}
.tpl-cms-together .mod-tg-intro .post-output {
  margin: 40px 0;
}
.tpl-cms-together .mod-tg-teaser {
  background: url(../de_img/bg-connect.jpg);
  background-position: center center;
  background-size: cover;
}
.tpl-cms-together .mod-tg-teaser .inner {
  padding-top: 60px;
  padding-bottom: 60px;
  color: #fff;
}
.tpl-cms-together .mod-tg-teaser .inner h2,
.tpl-cms-together .mod-tg-teaser .inner h3,
.tpl-cms-together .mod-tg-teaser .inner h4,
.tpl-cms-together .mod-tg-teaser .inner p {
  color: #fff;
}
.tpl-cms-together .mod-tg-blox {
  padding-top: 60px;
}
.tpl-cms-together .mod-tg-blox .item {
  margin-bottom: 60px;
}
.tpl-cms-together .mod-tg-blox .inner {
  padding: 40px;
  border: 2px solid #f57e2b;
}
.tpl-cms-together .mod-tg-meedoen {
  padding-top: 40px;
}
.tpl-cms-together .mod-tg-meedoen .mod-header .inner {
  padding-top: 60px;
  padding-bottom: 60px;
}
.tpl-cms-together .mod-tg-meedoen .article {
  margin-bottom: 40px;
}
.tpl-cms-together .mod-tg-meedoen .article .container {
  overflow: hidden;
}
.tpl-cms-together .mod-tg-meedoen .article .col-left,
.tpl-cms-together .mod-tg-meedoen .article .col-right {
  width: 50%;
  float: left;
}
.tpl-cms-together .mod-tg-meedoen .article .col-left {
  padding-right: 20px;
}
.tpl-cms-together .mod-tg-meedoen .article .col-right {
  padding: 60px;
}
.tpl-cms-together .mod-tg-meedoen .article:nth-child(odd) .col-left {
  float: right;
  padding-left: 20px;
  padding-right: 0;
}
.tpl-cms-together .mod-tg-form {
  color: #fff;
}
.tpl-cms-together .mod-tg-form .inner {
  padding-top: 60px;
  padding-bottom: 60px;
}
.tpl-cms-together .mod-tg-form h2,
.tpl-cms-together .mod-tg-form h3,
.tpl-cms-together .mod-tg-form h4,
.tpl-cms-together .mod-tg-form p,
.tpl-cms-together .mod-tg-form label {
  color: #fff;
}
.tpl-cms-together .mod-tg-corona .inner {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.tpl-cms-together .mod-tg-corona .inner .post-image {
  width: 25%;
  float: left;
}
.tpl-cms-together .mod-tg-corona .inner .post-output {
  width: 75%;
  float: left;
  padding-left: 60px;
}
.tpl-cms-together .col-narrow {
  padding-left: 20%;
  padding-right: 20%;
}
@media (max-width: 1280px) {
  .tpl-cms-together h1,
  .tpl-cms-together .h1 {
    font-size: 38px;
  }
  .tpl-cms-together h2,
  .tpl-cms-together .h2 {
    font-size: 28px;
  }
  .tpl-cms-together h3,
  .tpl-cms-together .h3 {
    font-size: 24px;
  }
  .tpl-cms-together .mod-tg-meedoen .article .col-right {
    padding: 30px 0 30px 30px;
  }
  .tpl-cms-together .mod-tg-meedoen .article:nth-child(odd) .col-right {
    padding: 30px 30px 30px 0;
  }
  .tpl-cms-together .col-narrow {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (max-width: 991px) {
  .tpl-cms-together .mod-tg-banner {
    margin-bottom: 100px;
  }
  .tpl-cms-together .mod-tg-banner .container {
    width: 100%;
    padding: 0;
  }
  .tpl-cms-together .mod-tg-banner .drieluik {
    width: 355px;
    height: 100px;
    border-right: 20px solid #33345c;
    background-size: auto 80px;
    position: absolute;
    top: auto;
    bottom: -130px;
    left: -150px;
    z-index: 200;
  }
  .tpl-cms-together .col-narrow {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .tpl-cms-together h1,
  .tpl-cms-together .h1 {
    font-size: 28px;
  }
  .tpl-cms-together h2,
  .tpl-cms-together .h2 {
    font-size: 24px;
  }
  .tpl-cms-together h3,
  .tpl-cms-together .h3 {
    font-size: 20px;
  }
}
@media (max-width: 680px) {
  .tpl-cms-together .mod-tg-meedoen .article .col-left,
  .tpl-cms-together .mod-tg-meedoen .article .col-right {
    float: none;
    width: 100%;
    padding: 0 !important;
  }
  .tpl-cms-together .mod-tg-meedoen .article .col-left {
    margin-bottom: 30px;
  }
  .tpl-cms-together .mod-tg-meedoen .article .col-left img {
    width: 100%;
  }
}
.h-darkbrown {
  color: #1d1e1b;
}
.tree-menu-id-111,
.tree-menu-id-191 {
  background-color: #fcc10a;
}
.tree-menu-id-111 .mod-banner,
.tree-menu-id-191 .mod-banner {
  display: none;
}
.tree-menu-id-111 .site-footer,
.tree-menu-id-191 .site-footer {
  background-color: #d60b52;
}
.tree-menu-id-111 .main-body,
.tree-menu-id-191 .main-body {
  position: relative;
}
.tree-menu-id-111 .main-body .bgimg,
.tree-menu-id-191 .main-body .bgimg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}
.tree-menu-id-111 .main-body .main-container,
.tree-menu-id-191 .main-body .main-container {
  position: relative;
  z-index: 100;
}
.tree-menu-id-111 .mod-hi-hero,
.tree-menu-id-191 .mod-hi-hero {
  background: url(../de_img/hi/bghero.svg);
  background-size: auto 500px;
  background-position: center top;
}
.tree-menu-id-111 .mod-hi-hero .container,
.tree-menu-id-191 .mod-hi-hero .container {
  height: 500px;
}
@media (max-width: 1280px) {
  .tree-menu-id-111 .mod-hi-hero,
  .tree-menu-id-191 .mod-hi-hero {
    background-size: auto 360px;
  }
  .tree-menu-id-111 .mod-hi-hero .container,
  .tree-menu-id-191 .mod-hi-hero .container {
    height: 360px;
  }
}
@media (max-width: 991px) {
  .tree-menu-id-111 .site-header,
  .tree-menu-id-191 .site-header {
    background: #d60b52;
  }
  .tree-menu-id-111 .mod-hi-hero,
  .tree-menu-id-191 .mod-hi-hero {
    background-image: url(../de_img/hi/bghero-mobile.svg);
    background-size: auto 470px;
  }
  .tree-menu-id-111 .mod-hi-hero .container,
  .tree-menu-id-191 .mod-hi-hero .container {
    height: 470px;
  }
}
@media (max-width: 767px) {
  .tree-menu-id-111 .mod-hi-hero,
  .tree-menu-id-191 .mod-hi-hero {
    background-size: auto 340px;
  }
  .tree-menu-id-111 .mod-hi-hero .container,
  .tree-menu-id-191 .mod-hi-hero .container {
    height: 340px;
  }
}
@media (max-width: 680px) {
  .tree-menu-id-111 .mod-hi-hero,
  .tree-menu-id-191 .mod-hi-hero {
    background-size: auto 300px;
  }
  .tree-menu-id-111 .mod-hi-hero .container,
  .tree-menu-id-191 .mod-hi-hero .container {
    height: 300px;
  }
}
@media (max-width: 580px) {
  .tree-menu-id-111 .mod-hi-hero,
  .tree-menu-id-191 .mod-hi-hero {
    background-size: auto 200px;
  }
  .tree-menu-id-111 .mod-hi-hero .container,
  .tree-menu-id-191 .mod-hi-hero .container {
    height: 200px;
  }
}
.tree-menu-id-111 .mod-breadcrumbs a,
.tree-menu-id-191 .mod-breadcrumbs a {
  color: #1d1e1b;
}
.tree-menu-id-111 .mod-breadcrumbs a:hover,
.tree-menu-id-191 .mod-breadcrumbs a:hover {
  color: #d60b52;
}
.tree-menu-id-111 .mod-submenu .mainnav > li,
.tree-menu-id-191 .mod-submenu .mainnav > li {
  display: none;
}
.tree-menu-id-111 .mod-submenu .mainnav > li.isopen,
.tree-menu-id-191 .mod-submenu .mainnav > li.isopen {
  display: block;
}
.tree-menu-id-111 .mod-submenu .mainnav > li a,
.tree-menu-id-191 .mod-submenu .mainnav > li a {
  padding: 20px;
  background: #d60b52;
  color: #1d1e1b;
  font-size: 28px;
  font-weight: bold;
}
.tree-menu-id-111 .mod-submenu .mainnav > li a:hover,
.tree-menu-id-191 .mod-submenu .mainnav > li a:hover {
  background: #d60b52;
  color: #1d1e1b;
  opacity: 0.8;
}
.tree-menu-id-111 .mod-submenu .mainnav li.isactive > a,
.tree-menu-id-191 .mod-submenu .mainnav li.isactive > a {
  background: #d60b52;
  color: #1d1e1b;
}
.tree-menu-id-111 .mod-submenu .mainnav ul a,
.tree-menu-id-191 .mod-submenu .mainnav ul a {
  padding: 20px;
  background: #1d1e1b;
  color: #d60b52;
  font-size: 26px;
}
.tree-menu-id-111 .mod-submenu .mainnav ul a:hover,
.tree-menu-id-191 .mod-submenu .mainnav ul a:hover {
  background: #1d1e1b;
  color: #d60b52;
  opacity: 0.8;
}
.tree-menu-id-111 .mod-submenu .mainnav ul a.active,
.tree-menu-id-191 .mod-submenu .mainnav ul a.active {
  background: #d60b52;
  color: #1d1e1b;
}
.tree-menu-id-111 .mod-submenu .mainnav ul ul,
.tree-menu-id-191 .mod-submenu .mainnav ul ul {
  display: none;
  padding-bottom: 3px;
  margin-top: -3px;
}
.tree-menu-id-111 .mod-submenu .mainnav ul ul a,
.tree-menu-id-191 .mod-submenu .mainnav ul ul a {
  padding: 12px 20px 12px 40px;
  font-size: 20px;
  margin-bottom: 0;
}
.tree-menu-id-111 .mod-submenu .mainnav ul ul a:hover,
.tree-menu-id-191 .mod-submenu .mainnav ul ul a:hover {
  background: #1d1e1b;
  color: #d60b52;
  opacity: 0.8;
}
.tree-menu-id-111 .mod-submenu .mainnav ul ul a.active,
.tree-menu-id-191 .mod-submenu .mainnav ul ul a.active {
  background: #1d1e1b;
  color: #d60b52;
}
.tree-menu-id-111 .has-bgimage .post .inner,
.tree-menu-id-191 .has-bgimage .post .inner {
  padding: 40px;
  background: rgba(252, 193, 10, 0.8);
}
.tree-menu-id-111 .main-content .post-entry,
.tree-menu-id-191 .main-content .post-entry,
.tree-menu-id-111 .main-content .post-output,
.tree-menu-id-191 .main-content .post-output {
  color: #1d1e1b;
}
.tree-menu-id-111 .main-content .post-entry h1,
.tree-menu-id-191 .main-content .post-entry h1,
.tree-menu-id-111 .main-content .post-output h1,
.tree-menu-id-191 .main-content .post-output h1,
.tree-menu-id-111 .main-content .post-entry h2,
.tree-menu-id-191 .main-content .post-entry h2,
.tree-menu-id-111 .main-content .post-output h2,
.tree-menu-id-191 .main-content .post-output h2,
.tree-menu-id-111 .main-content .post-entry h3,
.tree-menu-id-191 .main-content .post-entry h3,
.tree-menu-id-111 .main-content .post-output h3,
.tree-menu-id-191 .main-content .post-output h3 {
  color: #1d1e1b;
}
.tree-menu-id-111 .main-content .post-entry p,
.tree-menu-id-191 .main-content .post-entry p,
.tree-menu-id-111 .main-content .post-output p,
.tree-menu-id-191 .main-content .post-output p,
.tree-menu-id-111 .main-content .post-entry ul,
.tree-menu-id-191 .main-content .post-entry ul,
.tree-menu-id-111 .main-content .post-output ul,
.tree-menu-id-191 .main-content .post-output ul,
.tree-menu-id-111 .main-content .post-entry ol,
.tree-menu-id-191 .main-content .post-entry ol,
.tree-menu-id-111 .main-content .post-output ol,
.tree-menu-id-191 .main-content .post-output ol {
  color: #1d1e1b;
}
.tree-menu-id-111 .main-content .post-entry a,
.tree-menu-id-191 .main-content .post-entry a,
.tree-menu-id-111 .main-content .post-output a,
.tree-menu-id-191 .main-content .post-output a {
  color: #d60b52;
}
/* ==========================================================================
	mod-banner
   ========================================================================== */
.mod-banner {
  min-height: 300px;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
}
.tpl-home .mod-banner {
  min-height: 350px;
}
.mod-banner:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.mod-banner .stripes-left,
.mod-banner .stripes-right {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.mod-banner .stripes-left div,
.mod-banner .stripes-left:before,
.mod-banner .stripes-left:after {
  display: block;
  content: "";
  height: 300%;
  position: absolute;
  top: -60px;
  transform-origin: top right;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mod-banner .stripes-left div {
  width: 600px;
  background: #43b379;
  left: -300px;
}
.mod-banner .stripes-left:before {
  width: 100px;
  background: #fff;
  left: 470px;
}
.mod-banner .stripes-left:after {
  width: 10px;
  background: #43b379;
  left: 600px;
}
.mod-banner .stripes-right div,
.mod-banner .stripes-right:before,
.mod-banner .stripes-right:after {
  display: block;
  content: "";
  height: 200%;
  position: absolute;
  top: -60px;
  transform-origin: top center;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mod-banner .stripes-right div {
  width: 180px;
  background: #43b379;
  right: -140px;
}
.mod-banner .stripes-right:before {
  width: 10px;
  background: #fff;
  right: 140px;
}
.mod-banner .stripes-right:after {
  width: 10px;
  background: #fff;
  right: -215px;
}
@media (max-width: 1280px) {
  .mod-banner {
    min-height: 260px;
  }
  .tpl-home .mod-banner {
    min-height: 300px;
  }
  .mod-banner .stripes-left div {
    left: -350px;
  }
  .mod-banner .stripes-left:before {
    width: 80px;
    left: 370px;
  }
  .mod-banner .stripes-left:after {
    width: 6px;
    left: 475px;
  }
  .mod-banner .stripes-right div {
    width: 100px;
    right: -280px;
  }
  .mod-banner .stripes-right:before {
    width: 6px;
    right: -60px;
  }
  .mod-banner .stripes-right:after {
    right: -350px;
  }
}
@media (max-width: 991px) {
  .mod-banner {
    min-height: 200px;
  }
  .tpl-home .mod-banner {
    min-height: 240px;
  }
  .mod-banner .stripes-left div {
    width: 75px;
    left: 140px;
  }
  .mod-banner .stripes-left:before {
    width: 8px;
    left: 248px;
  }
  .mod-banner .stripes-left:after {
    display: none;
  }
  .mod-banner .stripes-right div {
    width: 40px;
    right: -180px;
    background: #fff;
  }
  .mod-banner .stripes-right:before {
    width: 6px;
    right: -120px;
  }
  .mod-banner .stripes-right:after {
    display: none;
  }
}
.mod-intro {
  padding-top: 160px;
}
.mod-intro .col-left .post-header {
  margin-bottom: 15px;
}
.mod-intro .col-right .post {
  padding: 20px;
  margin-bottom: 30px;
  background-color: #efefef;
}
.mod-intro .col-right .post a:hover {
  opacity: 0.8;
}
.mod-intro .col-right .post.bg-groen {
  background-color: #43b379;
  color: #fff;
}
.mod-intro .col-right .post.bg-groen h1,
.mod-intro .col-right .post.bg-groen h2,
.mod-intro .col-right .post.bg-groen h3,
.mod-intro .col-right .post.bg-groen h4 {
  color: #33345c;
}
.mod-intro .col-right .post.bg-groen p,
.mod-intro .col-right .post.bg-groen ul {
  color: #fff;
}
.mod-intro .col-right .post.bg-groen a {
  color: #33345c;
}
.mod-intro .col-right .post.bg-blauw {
  background-color: #33345c;
  color: #fff;
}
.mod-intro .col-right .post.bg-blauw h1,
.mod-intro .col-right .post.bg-blauw h2,
.mod-intro .col-right .post.bg-blauw h3,
.mod-intro .col-right .post.bg-blauw h4 {
  color: #43b379;
}
.mod-intro .col-right .post.bg-blauw p,
.mod-intro .col-right .post.bg-blauw ul {
  color: #fff;
}
.mod-intro .col-right .post.bg-blauw a {
  color: #43b379;
}
.mod-intro .col-right .post.bg-oranje {
  background-color: #f57e2b;
  color: #fff;
}
.mod-intro .col-right .post.bg-oranje h1,
.mod-intro .col-right .post.bg-oranje h2,
.mod-intro .col-right .post.bg-oranje h3,
.mod-intro .col-right .post.bg-oranje h4 {
  color: #fff;
}
.mod-intro .col-right .post.bg-oranje p,
.mod-intro .col-right .post.bg-oranje ul {
  color: #fff;
}
.mod-intro .col-right .post.bg-oranje a {
  color: #33345c;
}
.mod-intro .col-right .post-image {
  display: block;
  margin-bottom: 15px;
}
.mod-intro .col-right .post-header {
  margin-bottom: 15px;
}
.mod-intro .col-right .post-entry {
  font-size: 15px;
}
.mod-intro .col-right .post-entry p,
.mod-intro .col-right .post-entry ul {
  margin-bottom: 20px;
}
.mod-intro .col-right .post-entry p:last-child,
.mod-intro .col-right .post-entry ul:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .mod-intro .col-left {
    margin-bottom: 60px;
  }
}
.mod-blox {
  padding: 60px 0 40px;
}
.mod-blox .item {
  margin-bottom: 35px;
}
.mod-blox .item:hover {
  opacity: 0.8;
}
.mod-blox .item i {
  font-size: 60px;
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
}
.mod-blox .item .inner {
  min-height: 200px;
  padding: 70px 40px;
  background: #33345c;
  color: #43b379;
}
.mod-blox .item .inner h2 {
  color: #43b379;
}
.mod-blox .item .inner em {
  font-style: normal;
}
.mod-blox .item .inner .goto {
  display: none;
}
.mod-blox .item .inner .info {
  max-width: 280px;
  position: absolute;
  left: 165px;
  top: 50%;
  transform: translateY(-50%);
}
.mod-blox .item:nth-child(even) .inner {
  background: #43b379;
  color: #33345c;
}
.mod-blox .item:nth-child(even) .inner h2 {
  color: #33345c;
}
@media (max-width: 1280px) {
  .mod-blox .item .inner {
    background: #33345c;
    color: #43b379;
  }
  .mod-blox .item .inner h2 {
    color: #43b379;
  }
  .mod-blox .item:nth-child(even) .inner {
    background: #33345c;
    color: #43b379;
  }
  .mod-blox .item:nth-child(even) .inner h2 {
    color: #43b379;
  }
  .mod-blox .item:nth-child(2) .inner,
  .mod-blox .item:nth-child(3) .inner,
  .mod-blox .item:nth-child(6) .inner,
  .mod-blox .item:nth-child(7) .inner {
    background: #43b379;
    color: #33345c;
  }
  .mod-blox .item:nth-child(2) .inner h2,
  .mod-blox .item:nth-child(3) .inner h2,
  .mod-blox .item:nth-child(6) .inner h2,
  .mod-blox .item:nth-child(7) .inner h2 {
    color: #33345c;
  }
}
@media (max-width: 991px) {
  .mod-blox .item i {
    left: 40px;
  }
  .mod-blox .item .inner .info {
    left: 145px;
  }
}
@media (max-width: 700px) {
  .mod-blox .item .inner {
    min-height: 10px;
    padding: 40px 20px;
    text-align: center;
  }
  .mod-blox .item .inner i {
    font-size: 60px;
    position: static;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
  .mod-blox .item .inner .info {
    max-width: 100%;
    position: static;
    transform: translateY(0);
    margin-top: 20px;
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .mod-blox .item {
    width: 100%;
    float: none;
  }
  .mod-blox .item:nth-child(even) .inner {
    background: #33345c;
    color: #43b379;
  }
  .mod-blox .item:nth-child(even) .inner h2 {
    color: #43b379;
  }
  .mod-blox .item:nth-child(odd) .inner {
    background: #43b379;
    color: #33345c;
  }
  .mod-blox .item:nth-child(odd) .inner h2 {
    color: #33345c;
  }
}
.mod-languages {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
}
.mod-languages a {
  color: #43b379;
}
.mod-breadcrumbs {
  color: #666;
  margin-bottom: 20px;
}
.mod-breadcrumbs a {
  color: #666;
}
.mod-breadcrumbs a:hover {
  color: #43b379;
}
.mod-breadcrumbs.has-padding {
  padding: 25px 0;
}
.mod-breadcrumbs.clean {
  margin-bottom: 0;
}
.mod-search {
  border: 2px solid #43b379;
  border-radius: 15px;
  position: relative;
  font-size: 16px;
}
.mod-search input {
  width: 100%;
  height: 26px;
  background: transparent;
  border: none;
  padding-left: 15px;
}
.mod-search button {
  width: 34px;
  height: 26px;
  background: none;
  border: none;
  text-align: center;
  color: #43b379;
  position: absolute;
  top: 0;
  right: 0;
}
.mod-search button i:before {
  margin: 0;
}
.mod-drieluik .container {
  position: relative;
}
.mod-drieluik .container:before {
  display: block;
  content: "";
  width: 400px;
  height: 215px;
  background: #43b379 url(../de_img/sith-drieluik.gif?v=1.2) center center no-repeat;
  background-size: 80%;
  position: absolute;
  top: 0;
  left: 176px;
  z-index: 200;
  transform: translateY(-50%);
}
@media (max-width: 1280px) {
  .mod-drieluik .container:before {
    left: 122px;
  }
}
@media (max-width: 991px) {
  .mod-drieluik .container:before {
    left: 20px;
  }
}
@media (max-width: 650px) {
  .mod-drieluik .container:before {
    left: 0;
    width: 300px;
    height: 165px;
  }
}
.mod-submenu .mainnav a {
  display: block;
  margin-bottom: 3px;
}
.mod-submenu .mainnav > li {
  display: none;
}
.mod-submenu .mainnav > li.isopen {
  display: block;
}
.mod-submenu .mainnav > li a {
  padding: 20px;
  background: #43b379;
  color: #33345c;
  font-size: 24px;
  font-weight: bold;
}
.mod-submenu .mainnav > li a:hover {
  background: #33345c;
  color: #43b379;
  opacity: 0.8;
}
.mod-submenu .mainnav li.isactive > a {
  background: #43b379;
  color: #33345c;
}
.mod-submenu .mainnav ul a {
  padding: 20px;
  background: #33345c;
  color: #43b379;
  font-size: 18px;
  font-weight: normal;
}
.mod-submenu .mainnav ul a:hover {
  background: #43b379;
  color: #33345c;
  opacity: 0.8;
}
.mod-submenu .mainnav ul a.active {
  background: #f57e2b;
  color: #33345c;
}
.mod-submenu .mainnav ul ul {
  display: none;
  padding-bottom: 3px;
  margin-top: -3px;
}
.mod-submenu .mainnav ul ul a {
  padding: 12px 20px 12px 40px;
  font-size: 16px;
  margin-bottom: 0;
}
.mod-submenu .mainnav ul ul a:hover {
  background: #43b379;
  color: #33345c;
  opacity: 0.8;
}
.mod-submenu .mainnav ul ul a.active {
  background: #f57e2b;
  color: #33345c;
}
.mod-video {
  padding: 60px 0;
}
.mod-vlog-intro {
  padding: 80px 0;
  background: #33345c url("../de_img/bg-vlog-blue.jpg");
  background-size: cover;
  color: #fff;
}
.mod-vlog-intro h1,
.mod-vlog-intro h2,
.mod-vlog-intro h3,
.mod-vlog-intro h4 {
  color: #fff;
  font-weight: 800;
  line-height: 1.2em;
}
.mod-vlog-intro h1,
.mod-vlog-intro h2 {
  font-size: 60px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 5px solid #f57e2b;
}
.mod-vlog-intro a {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.mod-vlog-intro a:hover {
  opacity: 0.8;
}
.mod-vlog-intro .post-output {
  max-width: 950px;
}
.mod-vlog-intro.has-video .container {
  overflow: hidden;
}
.mod-vlog-intro.has-video .col-left {
  width: 55%;
  float: left;
}
.mod-vlog-intro.has-video .col-right {
  width: 45%;
  float: left;
  padding-left: 80px;
}
.mod-vlog-intro.bg-green {
  background: #43b379 url("../de_img/bg-vlog-green.jpg");
}
.mod-vlog-intro.bg-green h1,
.mod-vlog-intro.bg-green h2 {
  border-color: #f57e2b;
}
.mod-vlog-intro.bg-orange {
  background: #f57e2b url("../de_img/bg-vlog-orange.jpg");
}
.mod-vlog-intro.bg-orange h1,
.mod-vlog-intro.bg-orange h2 {
  border-color: #43b379;
}
@media (max-width: 1280px) {
  .mod-vlog-intro.has-video h1,
  .mod-vlog-intro.has-video h2 {
    font-size: 46px;
  }
  .mod-vlog-intro.has-video .col-left {
    width: 55%;
  }
  .mod-vlog-intro.has-video .col-right {
    width: 45%;
    padding-left: 40px;
  }
}
@media (max-width: 991px) {
  .mod-vlog-intro {
    padding: 60px 0;
  }
  .mod-vlog-intro h1,
  .mod-vlog-intro h2 {
    font-size: 50px;
  }
  .mod-vlog-intro.has-video h1,
  .mod-vlog-intro.has-video h2 {
    font-size: 46px;
  }
  .mod-vlog-intro.has-video .col-left {
    width: 100%;
    margin-bottom: 40px;
  }
  .mod-vlog-intro.has-video .col-right {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .mod-vlog-intro {
    padding: 40px 0;
  }
  .mod-vlog-intro h1,
  .mod-vlog-intro h2 {
    font-size: 40px;
  }
  .mod-vlog-intro.has-video h1,
  .mod-vlog-intro.has-video h2 {
    font-size: 40px;
  }
}
@media (max-width: 640px) {
  .mod-vlog-intro h1,
  .mod-vlog-intro h2 {
    font-size: 36px;
  }
  .mod-vlog-intro.has-video h1,
  .mod-vlog-intro.has-video h2 {
    font-size: 36px;
  }
}
.mod-vlog-categeories {
  padding: 60px 0 40px;
}
.mod-vlog-categeories .mod-header {
  max-width: 800px;
  margin-bottom: 60px;
}
.mod-vlog-categeories .mod-header .h1 {
  font-weight: 800;
  font-size: 48px;
}
.mod-vlog-categeories .cat-list .item {
  margin-bottom: 30px;
}
.mod-vlog-categeories .cat-list .item .inner {
  padding: 60px 30px;
  background-color: #33345c;
  color: #fff;
  position: relative;
}
.mod-vlog-categeories .cat-list .item .inner .icon {
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.mod-vlog-categeories .cat-list .item .inner .title {
  font-weight: 700;
  font-size: 28px;
  display: block;
  margin-left: 90px;
}
.mod-vlog-categeories .cat-list .item:nth-child(6n+2) .inner {
  background-color: #43b379;
}
.mod-vlog-categeories .cat-list .item:nth-child(6n+3) .inner {
  background-color: #f57e2b;
}
.mod-vlog-categeories .cat-list .item:nth-child(6n+4) .inner {
  background-color: #f57e2b;
}
.mod-vlog-categeories .cat-list .item:nth-child(6n+6) .inner {
  background-color: #43b379;
}
.mod-vlog-categeories .cat-list .item:hover {
  opacity: 0.8;
}
.mod-vlog-categeories .cat-list .goto {
  display: none;
}
@media (max-width: 991px) {
  .mod-vlog-categeories .mod-header {
    margin-bottom: 40px;
  }
  .mod-vlog-categeories .mod-header .h1 {
    font-size: 40px;
  }
}
@media (max-width: 520px) {
  .mod-vlog-categeories .mod-header .h1 {
    font-size: 30px;
  }
  .mod-vlog-categeories .cat-list .item .inner {
    padding: 40px 30px;
  }
  .mod-vlog-categeories .cat-list .item .inner .icon {
    width: 60px;
    height: 60px;
  }
  .mod-vlog-categeories .cat-list .item .inner .title {
    font-size: 24px;
    margin-left: 70px;
  }
}
.mod-featured-vlogs {
  padding: 20px 0 60px;
}
.mod-featured-vlogs .vlog-item {
  margin-top: 40px;
}
.mod-featured-vlogs .vlog-item .inner {
  background-color: #33345c;
  padding: 30px;
}
.mod-featured-vlogs .vlog-item .post-video {
  background: rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
.mod-featured-vlogs .vlog-item .post-info {
  margin-bottom: 20px;
}
.mod-featured-vlogs .vlog-item .post-info .h2 {
  color: #43b379;
  font-size: 24px;
  margin-bottom: 15px;
}
.mod-featured-vlogs .vlog-item .post-info .post-entry {
  color: #fff;
}
.mod-featured-vlogs .vlog-item .button-round {
  background: #fff;
  color: #33345c;
}
.mod-featured-vlogs .vlog-item:nth-child(6n+3) .inner {
  background-color: #f57e2b;
}
.mod-featured-vlogs .vlog-item:nth-child(6n+3) .post-info .h2 {
  color: #33345c;
}
.mod-featured-vlogs .vlog-item:nth-child(6n+2) .inner {
  background-color: #43b379;
}
.mod-featured-vlogs .vlog-item:nth-child(6n+2) .post-info .h2 {
  color: #33345c;
}
.mod-featured-vlogs .vlog-item:nth-child(6n+4) .inner {
  background-color: #f57e2b;
}
.mod-featured-vlogs .vlog-item:nth-child(6n+4) .post-info .h2 {
  color: #33345c;
}
.mod-featured-vlogs .vlog-item:nth-child(6n+6) .inner {
  background-color: #43b379;
}
.mod-featured-vlogs .vlog-item:nth-child(6n+6) .post-info .h2 {
  color: #33345c;
}
.mod-featured-vlogs .postxxx {
  margin-bottom: 40px;
}
.mod-featured-vlogs .postxxx.cat-14 .h2 {
  color: #0100fd;
}
.mod-featured-vlogs .postxxx.cat-14 .button-round {
  background: #0100fd;
}
.mod-featured-vlogs .postxxx.cat-15 .h2 {
  color: #ee450f;
}
.mod-featured-vlogs .postxxx.cat-15 .button-round {
  background: #ee450f;
}
@media (max-width: 680px) {
  .mod-featured-vlogs .vlog-item {
    width: 100%;
    float: none;
  }
}
.mod-return {
  margin-bottom: 60px;
}
/* ==========================================================================
	SLIDERS
   ========================================================================== */
.slick-news-images {
  position: relative;
  border-radius: 0 30px;
  overflow: hidden;
}
.slick-news-images .item {
  display: block !important;
  position: relative;
}
.slick-news-images .item .inner {
  height: 375px;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 1280px) {
  .slick-images .item {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .slick-images .slick-prev {
    left: 70px;
  }
  .slick-images .slick-next {
    right: 70px;
  }
}
@media (max-width: 400px) {
  .slick-images .item {
    height: 240px;
  }
  .slick-images .slick-prev,
  .slick-images .slick-next {
    opacity: 0;
  }
}
/* ==========================================================================
	BREADCRUMBS
   ========================================================================== */
.breadcrumbs {
  overflow: hidden;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}
.breadcrumbs li {
  float: left;
}
.breadcrumbs .divider {
  display: inline-block;
  font-size: 12px;
  margin: 0 6px;
}
.breadcrumbs .divider i {
  position: relative;
  top: -2px;
}
.breadcrumbs a {
  color: #fff;
}
.breadcrumbs a:hover {
  color: #33345c;
}
@media (max-width: 991px) {
  .breadcrumbs {
    margin-bottom: 40px;
  }
}
/* ==========================================================================
	ACCORDEON
   ========================================================================== */
.accordeon .question {
  border-top: 1px solid #70abd9;
  border-bottom: 1px solid #70abd9;
  margin-top: -1px;
  background: #fff;
  padding: 20px 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-in-out 0s;
}
.accordeon .question h2,
.accordeon .question h3 {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
}
.accordeon .question i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out 0s;
  color: #d60b52;
}
.accordeon .question.open {
  padding-left: 20px;
  background: #d4e6f4;
}
.accordeon .question.open i {
  transform: translateY(-50%) rotate(90deg);
}
.accordeon .answer {
  padding: 20px;
}
.accordeon .answer .article-actions {
  margin-top: 20px;
}
/* ==========================================================================
	CONTACT-PERSOON
   ========================================================================== */
.contact-persoon {
  overflow: hidden;
}
.contact-persoon .image {
  width: 50%;
  float: left;
  padding-right: 40px;
}
.contact-persoon .image .profile-image {
  height: 360px;
  background-size: cover;
  background-position: center center;
  border-radius: 30px 30px 0 0;
  position: relative;
}
.contact-persoon .image .profile-image:before {
  display: block;
  content: "";
  width: 102%;
  height: 100%;
  background: url(../img/svg/profile-mask-sky.svg);
  background-size: contain;
  background-position: bottom left;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -1px;
  left: -4px;
}
.contact-persoon .image .profile-image img {
  display: none;
}
.contact-persoon .info {
  width: 50%;
  float: left;
  color: #70abd9;
}
.contact-persoon .links {
  margin-bottom: 50px;
}
.contact-persoon .links a {
  color: #9c9d9d;
}
.contact-persoon h2,
.contact-persoon h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 26px;
  margin: 30px 0;
}
.contact-persoon.volg .image {
  width: 100%;
  float: none;
  padding-right: 0;
}
.contact-persoon.volg .info {
  width: 100%;
  float: none;
  margin-top: -60px;
  position: relative;
  z-index: 10;
}
.contact-persoon.volg .links {
  margin-bottom: 20px;
}
.contact-persoon.volg h2,
.contact-persoon.volg h3 {
  width: 60%;
  font-size: 20px;
  margin: 0 0 15px;
  font-weight: bold;
}
/*======================================
  Selectric
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}
.selectric-responsive {
  width: 100%;
}
.selectric {
  border: none;
  background: #fff;
  position: relative;
  border-radius: 10px;
}
.selectric .bg-svg {
  position: absolute;
  top: 0;
  right: -1px;
  transform-origin: top right;
  transform: scale(1.25);
}
.selectric .bg-svg path {
  fill: #d60b52;
}
.selectric i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out 0s;
  color: #fff;
  font-size: 20px;
}
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 30px 0 0;
  padding: 5px;
  font-size: 18px;
  line-height: 40px;
  color: #d60b52;
  min-height: 40px;
}
.selectric .button {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOCA1IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjgiIGhlaWdodD0iNSI+PHBhdGggZD0iTTcuNzgxIDEuNDQ0Yy0uMjgxLjMwNy0zLjIzOCAzLjMxMS0zLjIzOCAzLjMxMS0uMTUxLjE2NC0uMzQ3LjI0NS0uNTQ0LjI0NS0uMTk3IDAtLjM5NC0uMDgyLS41NDMtLjI0NSAwIDAtMi45NTctMy4wMDMtMy4yMzktMy4zMTEtLjI4MS0uMzA3LS4zLS44NTkgMC0xLjE4OC4zMDEtLjMyOC43MTktLjM1NCAxLjA4NyAwbDIuNjk1IDIuNzU1IDIuNjk0LTIuNzU1Yy4zNjgtLjM1NC43ODctLjMyOCAxLjA4NyAwIC4zMDEuMzI4LjI4Mi44ODEgMCAxLjE4N3oiIGZpbGw9IiNiYmIiLz48L3N2Zz4K) no-repeat 50%;
  font: 0/0 a;
}
@media \0screen\,screen\9  {
  .selectric .button {
    color: #DDD;
    text-align: center;
    font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
  }
}
.selectric-hover .selectric {
  border-color: #CCC;
}
.selectric-hover .selectric .button {
  color: #888;
}
.selectric-hover .selectric .button:after {
  border-top-color: #888;
}
.selectric-open {
  z-index: 9999;
}
.selectric-open .selectric {
  background: #fff;
}
.selectric-open .selectric i {
  transform: translateY(-50%) rotate(90deg);
}
.selectric-open .selectric-items {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
}
.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}
.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}
.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}
/* Items box */
.selectric-items {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-17px);
  -ms-transform: translateY(-17px);
  -o-transform: translateY(-17px);
  transform: translateY(-17px);
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 2px solid #c6ddf0;
  z-index: -1;
  box-shadow: 0 0 10px -6px, inset 0 0 0px 1px #fff;
  margin: 8px 0;
  padding: 10px 0;
  border-radius: 4px;
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-items:before,
.selectric-items:after {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  width: 0;
  height: 0;
  border-bottom: 10px solid #c6ddf0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin-top: 3px;
  margin-left: -20px;
}
.selectric-items:after {
  margin-top: 4px;
  border-bottom-color: #FFF;
}
.selectric-above .selectric-items:before,
.selectric-above .selectric-items:after {
  top: 100%;
  border-bottom-width: 0;
  border-top: 6px solid #c6ddf0;
  margin-top: 0;
}
.selectric-above .selectric-items:after {
  border-top-color: #FFF;
  margin-top: -1px;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul,
.selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  min-height: 24px;
}
.selectric-items li {
  display: block;
  padding: 6px 30px 6px 10px;
  color: #33345c;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.selectric-items li.selected {
  background: #c6ddf0;
  color: #33345c;
}
.selectric-items li.highlighted {
  background: #c6ddf0;
  color: #33345c;
}
.selectric-items li:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  right: -10px;
  width: 30px;
  height: 100%;
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEwIj48cGF0aCBkPSJNMCA1YzAtLjIyNC4wNzItLjQxNS4yMTctLjU3MmwxLjA1My0xLjE0NWMuMTQ0LS4xNTcuMzItLjIzNi41MjYtLjIzNi4yMDYgMCAuMzgyLjA3OS41MjYuMjM2bDIuMjc2IDIuNDgzIDUuMDc5LTUuNTNjLjE0NS0uMTU3LjMyLS4yMzYuNTI2LS4yMzYuMjA2IDAgLjM4Mi4wNzkuNTI2LjIzNmwxLjA1MyAxLjE0NWMuMTQ0LjE1Ny4yMTcuMzQ4LjIxNy41NzIgMCAuMjI0LS4wNzIuNDE1LS4yMTcuNTcybC02LjY1OCA3LjIzOWMtLjE0NC4xNTctLjMyLjIzNi0uNTI2LjIzNi0uMjA2IDAtLjM4Mi0uMDc5LS41MjYtLjIzNmwtMy44NTYtNC4xOTJjLS4xNDUtLjE1Ny0uMjE3LS4zNDgtLjIxNy0uNTcyeiIgZmlsbD0iI2JiYiIvPjwvc3ZnPgo=) no-repeat 50% 50%;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.selectric-items li.selected:after {
  opacity: 1;
  right: 0;
}
.selectric-items li:hover {
  background: #c6ddf0;
  color: #33345c;
}
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}
/*======================================
  Pagination
======================================*/
.pagination {
  margin-bottom: 20px;
}
.pagination ul {
  text-align: center;
}
.pagination ul li {
  display: inline-block;
  padding: 0 3px;
}
.pagination ul li a,
.pagination ul li span {
  display: block;
  line-height: 1;
  padding: 10px 18px 10px;
  background: #33345c;
  border-radius: 0 6px;
  color: #fff;
}
.pagination ul li a:hover,
.pagination ul li span:hover {
  background: #d60b52;
}
.pagination ul li span.pagenav {
  background: #70abd9;
}
.tpl-cms-studar-home .site-header,
.tpl-cms-studar-home .site-footer,
.tpl-cms-studar-home .mod-banner,
.tpl-cms-studar-home .mobile-nav {
  display: none !important;
}
@media (max-width: 1280px) {
  .tpl-cms-studar-home .site-wrapper {
    padding-top: 80px;
  }
}
.tpl-studar-theme {
  color: #101820;
  font-family: 'Kanit', sans-serif;
}
.tpl-studar-theme h1,
.tpl-studar-theme h2,
.tpl-studar-theme h3,
.tpl-studar-theme h4,
.tpl-studar-theme .h1,
.tpl-studar-theme .h2,
.tpl-studar-theme .h3,
.tpl-studar-theme .h4 {
  margin: 0;
  font-family: 'Russo One', sans-serif;
  color: #101820;
}
.tpl-studar-theme h1,
.tpl-studar-theme .h1 {
  font-size: 60px;
}
.tpl-studar-theme h2,
.tpl-studar-theme .h2 {
  font-size: 40px;
}
.tpl-studar-theme h3,
.tpl-studar-theme .h3 {
  font-size: 30px;
}
.tpl-studar-theme h4,
.tpl-studar-theme .h4 {
  font-size: 20px;
}
@media (max-width: 1480px) {
  .tpl-studar-theme h1,
  .tpl-studar-theme .h1 {
    font-size: 50px;
  }
  .tpl-studar-theme h2,
  .tpl-studar-theme .h2 {
    font-size: 36px;
  }
  .tpl-studar-theme h3,
  .tpl-studar-theme .h3 {
    font-size: 28px;
  }
}
@media (max-width: 1280px) {
  .tpl-studar-theme h1,
  .tpl-studar-theme .h1 {
    font-size: 46px;
  }
  .tpl-studar-theme h2,
  .tpl-studar-theme .h2 {
    font-size: 32px;
  }
  .tpl-studar-theme h3,
  .tpl-studar-theme .h3 {
    font-size: 26px;
  }
}
@media (max-width: 991px) {
  .tpl-studar-theme h1,
  .tpl-studar-theme .h1 {
    font-size: 38px;
  }
  .tpl-studar-theme h2,
  .tpl-studar-theme .h2 {
    font-size: 28px;
  }
  .tpl-studar-theme h3,
  .tpl-studar-theme .h3 {
    font-size: 24px;
  }
}
.tpl-studar-theme .t-white {
  color: #fff;
}
.tpl-studar-theme .t-blue {
  color: #2ED9C3;
}
.tpl-studar-theme .t-dark {
  color: #101820;
}
.tpl-studar-theme .containerx {
  background-color: rgba(75, 25, 100, 0.2);
}
.tpl-studar-theme .studar-button,
.tpl-studar-theme .button {
  display: inline-block;
  line-height: 1em;
  height: unset;
  background-color: #101820;
  color: #2ED9C3;
  padding: 15px 40px;
  border-radius: 300px;
}
.tpl-studar-theme .studar-header {
  width: 100%;
  background-color: #2ED9C3;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 800;
}
.tpl-studar-theme .studar-header .container {
  height: 100px;
}
.tpl-studar-theme .studar-header .studar-logo {
  display: block;
  width: 300px;
  height: 60px;
  background-image: url(../de_img/studar/studar-logo.svg);
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.tpl-studar-theme .studar-header .studar-menu {
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.tpl-studar-theme .studar-header .studar-menu li {
  float: left;
  margin-left: 40px;
}
.tpl-studar-theme .studar-header .studar-menu a {
  display: block;
  font-family: 'Russo One', sans-serif;
  color: #fff;
  font-size: 25px;
}
.tpl-studar-theme .studar-header .studar-menu a:hover {
  opacity: 0.7;
}
@media (max-width: 1280px) {
  .tpl-studar-theme .studar-header .container {
    height: 80px;
  }
  .tpl-studar-theme .studar-header .studar-logo {
    height: 40px;
  }
  .tpl-studar-theme .studar-header .studar-menu li {
    margin-left: 30px;
  }
  .tpl-studar-theme .studar-header .studar-menu a {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .tpl-studar-theme .studar-header .studar-menu {
    display: none;
  }
}
.tpl-studar-theme .studar-section {
  border-bottom: 0px solid red;
}
.tpl-studar-theme .studar-section .container {
  min-height: 300px;
}
.tpl-studar-theme .studar-hero {
  overflow: hidden;
  background-color: #2ED9C3;
}
.tpl-studar-theme .studar-hero .container {
  min-height: unset;
  position: relative;
}
.tpl-studar-theme .studar-hero .inner {
  position: relative;
  height: 1100px;
}
.tpl-studar-theme .studar-hero .inner:before {
  display: block;
  content: "";
  width: 3000px;
  height: 100%;
  background-image: url(../de_img/studar/bg-hero.svg);
  background-size: 2500px auto;
  background-position: bottom center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.tpl-studar-theme .studar-hero .app-store-info {
  width: 480px;
  position: absolute;
  bottom: 400px;
  left: 0;
  z-index: 10;
}
.tpl-studar-theme .studar-hero .app-store-info .subtitle {
  font-size: 32px;
}
.tpl-studar-theme .studar-hero .app-store-info .actions {
  margin-top: 30px;
}
.tpl-studar-theme .studar-hero .app-store-info .actions a {
  display: block;
  height: 70px;
  width: 220px;
  border-radius: 15px;
  float: left;
  background-color: #F5F5F5;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  background-image: url(../de_img/studar/button-play-store.jpg);
  background-size: auto 50px;
  background-position: center center;
  background-repeat: no-repeat;
}
.tpl-studar-theme .studar-hero .app-store-info .actions a:nth-child(1) {
  margin-right: 30px;
}
.tpl-studar-theme .studar-hero .app-store-info .actions a.appstore {
  background-image: url(../de_img/studar/button-app-store.jpg);
}
.tpl-studar-theme .studar-hero .app-store-info .actions a:hover {
  opacity: 0.8;
}
.tpl-studar-theme .studar-hero .title {
  max-width: 750px;
  position: absolute;
  top: 160px;
  left: 0;
  z-index: 10;
}
.tpl-studar-theme .studar-hero .telephone {
  width: 650px;
  height: 1015px;
  background-image: url(../de_img/studar/studar-hero-phone.png);
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -80px;
  right: 0;
  z-index: 3;
}
@media (max-width: 1480px) {
  .tpl-studar-theme .studar-hero .inner {
    height: 900px;
  }
  .tpl-studar-theme .studar-hero .inner:before {
    background-size: 2200px auto;
  }
  .tpl-studar-theme .studar-hero .title {
    max-width: 650px;
    top: 100px;
  }
  .tpl-studar-theme .studar-hero .telephone {
    width: 550px;
    height: 860px;
    bottom: -100px;
  }
  .tpl-studar-theme .studar-hero .app-store-info {
    bottom: 300px;
  }
  .tpl-studar-theme .studar-hero .app-store-info .actions a {
    width: 210px;
  }
}
@media (max-width: 1280px) {
  .tpl-studar-theme .studar-hero .inner {
    height: 900px;
  }
  .tpl-studar-theme .studar-hero .inner:before {
    background-size: 2100px auto;
  }
  .tpl-studar-theme .studar-hero .title {
    max-width: 580px;
  }
  .tpl-studar-theme .studar-hero .telephone {
    width: 500px;
    height: 780px;
    bottom: -85px;
    right: -50px;
  }
  .tpl-studar-theme .studar-hero .app-store-info {
    width: 350px;
    bottom: 160px;
  }
  .tpl-studar-theme .studar-hero .app-store-info .actions a {
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .tpl-studar-theme .studar-hero .inner {
    height: 900px;
  }
  .tpl-studar-theme .studar-hero .inner:before {
    background-size: 2000px auto;
  }
  .tpl-studar-theme .studar-hero .title {
    max-width: 580px;
  }
  .tpl-studar-theme .studar-hero .telephone {
    width: 500px;
    height: 780px;
    bottom: -85px;
    right: -50px;
  }
  .tpl-studar-theme .studar-hero .app-store-info {
    max-width: 300px;
    bottom: 60px;
  }
}
@media (max-width: 767px) {
  .tpl-studar-theme .studar-hero .inner {
    height: 850px;
  }
  .tpl-studar-theme .studar-hero .inner:before {
    background-size: 1800px auto;
    left: -1150px;
    transform: none;
  }
  .tpl-studar-theme .studar-hero .title {
    max-width: 580px;
  }
  .tpl-studar-theme .studar-hero .telephone {
    width: 430px;
    height: 670px;
    bottom: -25px;
    right: 0;
  }
  .tpl-studar-theme .studar-hero .app-store-info {
    max-width: 300px;
    bottom: 60px;
  }
}
@media (max-width: 600px) {
  .tpl-studar-theme .studar-hero .inner {
    height: 950px;
  }
  .tpl-studar-theme .studar-hero .inner:before {
    background-size: 1800px auto;
    left: -1150px;
    transform: none;
  }
  .tpl-studar-theme .studar-hero .title {
    max-width: unset;
    top: 60px;
  }
  .tpl-studar-theme .studar-hero .telephone {
    width: 430px;
    height: 670px;
    bottom: 113px;
  }
}
@media (max-width: 470px) {
  .tpl-studar-theme .studar-hero .inner {
    height: 1000px;
  }
  .tpl-studar-theme .studar-hero .inner:before {
    background-size: 1800px auto;
    left: -1150px;
    transform: none;
  }
  .tpl-studar-theme .studar-hero .telephone {
    width: 340px;
    height: 670px;
    bottom: 225px;
  }
}
.tpl-studar-theme .studar-features {
  overflow: hidden;
}
.tpl-studar-theme .studar-features .inner {
  height: 1200px;
  position: relative;
  z-index: 5;
}
.tpl-studar-theme .studar-features .inner:before {
  display: block;
  content: "";
  width: 2500px;
  height: 100%;
  background-image: url(../de_img/studar/bg-features.svg);
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 43%;
  transform: translateX(-50%);
  z-index: -1;
}
.tpl-studar-theme .studar-features .telephone {
  width: 1200px;
  height: 1000px;
  background-image: url(../de_img/studar/feature-phone.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
  top: 100px;
  left: 150px;
  z-index: 2;
}
.tpl-studar-theme .studar-features .feature {
  width: 600px;
  height: 400px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  opacity: 1;
  position: absolute;
  z-index: 10;
}
.tpl-studar-theme .studar-features .feature h3 {
  color: #2ED9C3;
  position: absolute;
}
.tpl-studar-theme .studar-features .feature .panel {
  width: 250px;
  height: 170px;
  background-color: #fff;
  border-radius: 25px;
  position: absolute;
  padding: 15px;
  font-size: 15px;
  line-height: 1.4em;
}
.tpl-studar-theme .studar-features .feature .panel p:last-child {
  margin: 0;
}
.tpl-studar-theme .studar-features .feature-a {
  top: 0;
  left: 150px;
  background-image: url(../de_img/studar/feature-agenda.png);
}
.tpl-studar-theme .studar-features .feature-a h3 {
  top: 110px;
  left: 105px;
}
.tpl-studar-theme .studar-features .feature-a .panel {
  top: 65px;
  left: 295px;
}
.tpl-studar-theme .studar-features .feature-b {
  top: 100px;
  left: 940px;
  background-image: url(../de_img/studar/feature-map.png);
}
.tpl-studar-theme .studar-features .feature-b h3 {
  top: 230px;
  left: 360px;
}
.tpl-studar-theme .studar-features .feature-b .panel {
  top: 105px;
  left: 50px;
}
.tpl-studar-theme .studar-features .feature-c {
  top: 440px;
  left: 0;
  background-image: url(../de_img/studar/feature-deals.png);
}
.tpl-studar-theme .studar-features .feature-c h3 {
  top: 250px;
  left: 120px;
}
.tpl-studar-theme .studar-features .feature-c .panel {
  top: 165px;
  left: 280px;
}
.tpl-studar-theme .studar-features .feature-d {
  top: 700px;
  left: 820px;
  background-image: url(../de_img/studar/feature-matching.png);
}
.tpl-studar-theme .studar-features .feature-d h3 {
  top: 60px;
  left: 340px;
}
.tpl-studar-theme .studar-features .feature-d .panel {
  top: 90px;
  left: 45px;
}
@media (max-width: 1480px) {
  .tpl-studar-theme .studar-features .telephone {
    width: 1000px;
    height: 900px;
    top: 230px;
    left: 150px;
  }
  .tpl-studar-theme .studar-features .feature {
    transform: scale(0.9);
  }
  .tpl-studar-theme .studar-features .feature-a {
    top: 130px;
    left: 110px;
  }
  .tpl-studar-theme .studar-features .feature-b {
    top: 363px;
    left: 723px;
  }
  .tpl-studar-theme .studar-features .feature-c {
    top: 615px;
    left: -100px;
  }
  .tpl-studar-theme .studar-features .feature-d {
    top: 850px;
    left: 460px;
  }
}
@media (max-width: 1280px) {
  .tpl-studar-theme .studar-features {
    margin-top: -50px;
  }
  .tpl-studar-theme .studar-features .inner {
    height: 1000px;
  }
  .tpl-studar-theme .studar-features .inner:before {
    width: 2000px;
    height: 100%;
    background-image: url(../de_img/studar/bg-features-mobile.png);
    background-position: top right;
    bottom: auto;
    top: 50px;
    left: -200px;
    transform: translateX(0);
  }
  .tpl-studar-theme .studar-features .telephone {
    width: 800px;
    height: 720px;
    top: 120px;
    left: 40px;
  }
  .tpl-studar-theme .studar-features .feature {
    transform: scale(0.75);
  }
  .tpl-studar-theme .studar-features .feature-a {
    top: -10px;
    left: -42px;
  }
  .tpl-studar-theme .studar-features .feature-b {
    top: 188px;
    left: 448px;
  }
  .tpl-studar-theme .studar-features .feature-c {
    top: 603px;
    left: -100px;
  }
  .tpl-studar-theme .studar-features .feature-d {
    top: 481px;
    left: 388px;
  }
}
@media (max-width: 991px) {
  .tpl-studar-theme .studar-features {
    margin-top: 40px;
  }
  .tpl-studar-theme .studar-features .inner {
    height: 1000px;
  }
  .tpl-studar-theme .studar-features .inner:before {
    width: 1300px;
    height: 100%;
    background-image: url(../de_img/studar/bg-features-mobile.png);
    background-position: top right;
    bottom: auto;
    top: 50px;
    left: -200px;
    transform: translateX(0);
  }
  .tpl-studar-theme .studar-features .telephone {
    width: 900px;
    height: 800px;
    top: 130px;
    left: -57px;
  }
  .tpl-studar-theme .studar-features .feature-a {
    top: -50px;
    left: -90px;
  }
  .tpl-studar-theme .studar-features .feature-b {
    top: 160px;
    left: auto;
    right: -100px;
  }
  .tpl-studar-theme .studar-features .feature-c {
    top: 650px;
    left: auto;
    right: -100px;
  }
  .tpl-studar-theme .studar-features .feature-d {
    top: 400px;
    left: -90px;
  }
}
@media (max-width: 660px) {
  .tpl-studar-theme .studar-features {
    margin-top: 40px;
  }
  .tpl-studar-theme .studar-features .inner {
    height: 1200px;
  }
  .tpl-studar-theme .studar-features .inner:before {
    top: 200px;
  }
  .tpl-studar-theme .studar-features .telephone {
    width: 1000px;
    height: 900px;
    top: 138px;
    left: -137px;
  }
  .tpl-studar-theme .studar-features .feature-a {
    top: -50px;
    left: -90px;
  }
  .tpl-studar-theme .studar-features .feature-b {
    top: 230px;
    left: 0;
    right: auto;
  }
  .tpl-studar-theme .studar-features .feature-c {
    top: 750px;
    left: 0;
    right: auto;
  }
  .tpl-studar-theme .studar-features .feature-d {
    top: 500px;
    left: -90px;
  }
}
@media (max-width: 510px) {
  .tpl-studar-theme .studar-features .feature-a {
    top: -50px;
    left: -126px;
  }
  .tpl-studar-theme .studar-features .feature-b {
    top: 230px;
    left: -110px;
    right: auto;
  }
  .tpl-studar-theme .studar-features .feature-c {
    top: 490px;
    right: auto;
    left: -133px;
  }
  .tpl-studar-theme .studar-features .feature-d {
    top: 800px;
    left: -100px;
    right: auto;
  }
}
.tpl-studar-theme .studar-info {
  overflow: hidden;
}
.tpl-studar-theme .studar-info .inner {
  height: 1690px;
}
.tpl-studar-theme .studar-info .inner:before {
  display: block;
  content: "";
  width: 2500px;
  height: 100%;
  background-image: url(../de_img/studar/bg-info.svg);
  background-size: 2500px auto;
  background-position: top right;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 47%;
  transform: translateX(-50%);
  z-index: -2;
}
.tpl-studar-theme .studar-info .inner:after {
  display: block;
  content: "";
  width: 2022px;
  height: 780px;
  background-image: url(../de_img/studar/studar-map.png);
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
  position: absolute;
  top: 685px;
  right: 10%;
  z-index: 6;
}
.tpl-studar-theme .studar-info .content {
  max-width: 500px;
  text-align: center;
  padding: 40px;
  position: absolute;
  top: 365px;
  right: 251px;
  z-index: 4;
}
.tpl-studar-theme .studar-info .content:before {
  display: block;
  content: "";
  width: 2500px;
  height: calc(100% + 600px);
  background-image: url(../de_img/studar/bg-map-text.svg);
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  top: -346px;
  left: -161px;
  z-index: -1;
}
.tpl-studar-theme .studar-info .article-output {
  margin-top: 30px;
}
@media (max-width: 1480px) {
  .tpl-studar-theme .studar-info .inner:before {
    width: 2515px;
  }
}
@media (max-width: 1280px) {
  .tpl-studar-theme .studar-info {
    overflow: hidden;
    margin-top: -150px;
  }
  .tpl-studar-theme .studar-info .inner {
    height: 1370px;
  }
  .tpl-studar-theme .studar-info .inner:before {
    width: 1800px;
    background-image: url(../de_img/studar/bg-info.png);
    background-size: 1800px auto;
  }
  .tpl-studar-theme .studar-info .inner:after {
    height: 600px;
    top: 696px;
    right: 1%;
  }
  .tpl-studar-theme .studar-info .content {
    right: 0px;
  }
  .tpl-studar-theme .studar-info .content:before {
    top: -335px;
    left: -115px;
  }
}
@media (max-width: 991px) {
  .tpl-studar-theme .studar-info {
    margin-top: -20px;
  }
  .tpl-studar-theme .studar-info .inner:before {
    top: -50px;
  }
  .tpl-studar-theme .studar-info .inner:after {
    height: 500px;
    top: 715px;
    right: -2%;
  }
  .tpl-studar-theme .studar-info .content {
    top: 325px;
  }
}
@media (max-width: 767px) {
  .tpl-studar-theme .studar-info .inner:before {
    top: -50px;
    left: auto;
    right: -1300px;
  }
  .tpl-studar-theme .studar-info .inner:after {
    height: 500px;
    top: 715px;
    right: -2%;
  }
  .tpl-studar-theme .studar-info .content {
    top: 325px;
  }
}
@media (max-width: 500px) {
  .tpl-studar-theme .studar-info .inner:after {
    height: 360px;
    top: 873px;
    right: -12%;
  }
  .tpl-studar-theme .studar-info .content {
    padding: 30px;
  }
}
.tpl-studar-theme .studar-about {
  padding: 80px 0;
}
.tpl-studar-theme .studar-about .content {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
.tpl-studar-theme .studar-about .article-output {
  margin-top: 30px;
}
.tpl-studar-theme .studar-text {
  background-color: #2ED9C3;
  padding: 40px 0;
}
.tpl-studar-theme .studar-text .post {
  padding: 40px 0;
  text-align: center;
}
.tpl-studar-theme .studar-partners {
  overflow: hidden;
}
.tpl-studar-theme .studar-partners .inner {
  height: 1100px;
  position: relative;
}
.tpl-studar-theme .studar-partners .inner:before {
  display: block;
  content: "";
  width: 3000px;
  height: 100%;
  background-image: url(../de_img/studar/bg-partners.svg);
  background-size: 2250px auto;
  background-position: bottom center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.tpl-studar-theme .studar-partners .section-title {
  width: 380px;
  text-align: center;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.tpl-studar-theme .studar-partners .logos {
  width: 1200px;
  height: 650px;
  position: absolute;
  top: 260px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.tpl-studar-theme .studar-partners .logo {
  width: 220px;
  position: absolute;
  z-index: 5;
}
.tpl-studar-theme .studar-partners .logo-u {
  top: 0px;
  left: 40px;
}
.tpl-studar-theme .studar-partners .logo-kabk {
  top: 240px;
  left: 0;
}
.tpl-studar-theme .studar-partners .logo-hoh {
  top: 90px;
  left: 300px;
}
.tpl-studar-theme .studar-partners .logo-hhs {
  top: 410px;
  left: 260px;
}
.tpl-studar-theme .studar-partners .logo-campus {
  top: 110px;
  right: 250px;
  width: 330px;
}
.tpl-studar-theme .studar-partners .logo-gemeente {
  top: 360px;
  right: 380px;
}
.tpl-studar-theme .studar-partners .logo-inholland {
  top: 40px;
  right: 0;
}
.tpl-studar-theme .studar-partners .logo-hs {
  top: 310px;
  right: 60px;
}
@media (max-width: 1280px) {
  .tpl-studar-theme .studar-partners .inner {
    height: 870px;
  }
  .tpl-studar-theme .studar-partners .inner:before {
    background-size: 1800px auto;
  }
  .tpl-studar-theme .studar-partners .logos {
    top: 210px;
    transform-origin: center top;
    transform: translateX(-50%) scale(0.8);
  }
}
@media (max-width: 991px) {
  .tpl-studar-theme .studar-partners .inner {
    height: 680px;
  }
  .tpl-studar-theme .studar-partners .inner:before {
    background-size: 1400px auto;
  }
  .tpl-studar-theme .studar-partners .logos {
    top: 180px;
    transform: translateX(-50%) scale(0.6);
  }
}
@media (max-width: 767px) {
  .tpl-studar-theme .studar-partners .inner {
    height: 555px;
  }
  .tpl-studar-theme .studar-partners .inner:before {
    background-size: 1150px auto;
  }
  .tpl-studar-theme .studar-partners .section-title {
    top: 60px;
  }
  .tpl-studar-theme .studar-partners .logos {
    top: 140px;
    transform: translateX(-50%) scale(0.5);
  }
}
@media (max-width: 620px) {
  .tpl-studar-theme .studar-partners .inner {
    height: 580px;
  }
  .tpl-studar-theme .studar-partners .inner:before {
    background-size: 1200px auto;
  }
  .tpl-studar-theme .studar-partners .section-title {
    top: 60px;
  }
  .tpl-studar-theme .studar-partners .logos {
    width: 900px;
    height: 700px;
    top: 130px;
  }
  .tpl-studar-theme .studar-partners .logo-u {
    top: 0px;
    left: 40px;
  }
  .tpl-studar-theme .studar-partners .logo-kabk {
    top: 240px;
    left: 0;
  }
  .tpl-studar-theme .studar-partners .logo-hoh {
    top: 70px;
    left: 340px;
  }
  .tpl-studar-theme .studar-partners .logo-hhs {
    top: 206px;
    left: 610px;
  }
  .tpl-studar-theme .studar-partners .logo-campus {
    top: 351px;
    right: 163px;
  }
  .tpl-studar-theme .studar-partners .logo-gemeente {
    top: 438px;
    right: 485px;
  }
  .tpl-studar-theme .studar-partners .logo-inholland {
    top: 19px;
    right: 0;
  }
  .tpl-studar-theme .studar-partners .logo-hs {
    top: 490px;
    right: 30px;
  }
}
@media (max-width: 480px) {
  .tpl-studar-theme .studar-partners .inner {
    height: 620px;
  }
  .tpl-studar-theme .studar-partners .inner:before {
    background-size: 1275px auto;
  }
  .tpl-studar-theme .studar-partners .section-title {
    top: 60px;
  }
  .tpl-studar-theme .studar-partners .logos {
    width: 730px;
    height: 880px;
    top: 130px;
  }
  .tpl-studar-theme .studar-partners .logo-u {
    top: 0px;
    left: 40px;
  }
  .tpl-studar-theme .studar-partners .logo-kabk {
    top: 240px;
    left: 0;
  }
  .tpl-studar-theme .studar-partners .logo-hoh {
    top: 99px;
    left: 262px;
  }
  .tpl-studar-theme .studar-partners .logo-hhs {
    top: 247px;
    left: 482px;
  }
  .tpl-studar-theme .studar-partners .logo-campus {
    top: 417px;
    right: 94px;
  }
  .tpl-studar-theme .studar-partners .logo-gemeente {
    top: 535px;
    right: 447px;
  }
  .tpl-studar-theme .studar-partners .logo-inholland {
    top: 19px;
    right: 0;
  }
  .tpl-studar-theme .studar-partners .logo-hs {
    top: 605px;
    right: 30px;
  }
}
.tpl-studar-theme .studar-contact {
  background-color: #2ED9C3;
  padding: 40px 0 60px;
}
.tpl-studar-theme .studar-contact .col-left .inner {
  max-width: 360px;
  margin-left: 5%;
}
.tpl-studar-theme .studar-contact .col-left .article-output {
  margin-top: 40px;
  margin-bottom: 40px;
}
.tpl-studar-theme .studar-contact .col-right .article-title {
  display: none;
}
@media (max-width: 991px) {
  .tpl-studar-theme .studar-contact .col-left {
    margin-bottom: 40px;
  }
  .tpl-studar-theme .studar-contact .col-left .inner {
    max-width: none;
    margin-left: 0;
  }
  .tpl-studar-theme .studar-contact .col-left .article-output {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .tpl-studar-theme .studar-contact .col-right .article-title {
    display: block;
    margin-bottom: 20px;
  }
}
.tpl-studar-theme .studar-footer {
  background-color: #2ED9C3;
  padding: 30px 0 40px;
  font-size: 14px;
  color: #fff;
}
.tpl-studar-theme .studar-footer a {
  color: #060A0F;
}
.tpl-studar-theme .studar-footer a:hover {
  color: #060A0F;
  opacity: 0.7;
}
.tpl-studar-theme .pageform .std .form-row {
  width: 50%;
  float: left;
}
.tpl-studar-theme .pageform .std .form-row.type-textarea,
.tpl-studar-theme .pageform .std .form-row.type-checkbox {
  width: 100%;
  float: none;
}
.tpl-studar-theme .pageform .std .form-row .label {
  display: block;
  color: #fff;
  margin-bottom: 10px;
}
.tpl-studar-theme .pageform .std .form-row input[type="text"],
.tpl-studar-theme .pageform .std .form-row input[type="password"],
.tpl-studar-theme .pageform .std .form-row textarea {
  border: none !important;
  border-radius: 30px !important;
  padding-left: 20px;
}
.tpl-studar-theme .pageform .std .form-row input[type="text"],
.tpl-studar-theme .pageform .std .form-row input[type="password"] {
  height: 60px;
}
.tpl-studar-theme .pageform .std .form-row:nth-child(1),
.tpl-studar-theme .pageform .std .form-row:nth-child(3) {
  padding-right: 15px;
}
.tpl-studar-theme .pageform .std .form-row:nth-child(2),
.tpl-studar-theme .pageform .std .form-row:nth-child(4) {
  padding-left: 15px;
}
.tpl-studar-theme .pageform .std .form-row .checkers {
  border: none;
}
.tpl-studar-theme .pageform .std .form-row .checkers .checker-label {
  padding: 0;
  overflow: hidden;
}
.tpl-studar-theme .pageform .std .form-row .checkers .checker-label input {
  float: left;
  margin-right: 8px;
}
.tpl-studar-theme .pageform .std .form-row .checkers .checker-label .text {
  display: block;
  float: left;
  color: #fff;
}