/* reset */

body, div, table, tbody, thead, tfoot, td, th, span, ul, ul li, ol, ol li, em, header, hgroup, nav, footer, aside, article, section, video, audio, strong, b, i, fieldset, form, label, legend, input, button, select, textarea, dt, dl, dd, blockquote, small, code, object, iframe, address, small, caption, img, hr, h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
	vertical-align:top;
	list-style-type:none;
	border:0 solid #ffffff;
	border-collapse:collapse;
    border-spacing:0;
    font-family: "Rubik", sans-serif;
    font-size:18px;
    color: #2A2A2A;
    line-height: 150%;
	text-align:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

html {
	-webkit-text-size-adjust: none;
}

/* body */

body {
	background-color:#fff;
}

/* links */

a {
    color: #000000CC;
	text-decoration:underline;
	outline: none;
}

a:hover {
    color: #3E5793;
	text-decoration:underline;
	outline: none;
}

a:focus {
    outline: 1px dotted #ccc;
}

img {
    max-width: 100%;
    height: auto;
}

/* margins */

ul,
ol,
table,
object,
iframe,
hr {
	margin:0 0 15px 0;
}

/* forms */

.data-table,
form {
	float:left;
	width:100%;
}

input, 
select {
    vertical-align:middle;
}

label {
    font-weight: bold;
}

input,
textarea,
.wpcf7 input {
    float: left;
    width: 100%;
    height: 42px;
    margin: 0 0 15px 0;
    border: 1px solid #00000026;
    border-radius: 4px;
    color: #676767;
    font-size: 13px;
    line-height: 22px;
}

textarea {
    width:100%;
	height:100px;
    padding: 20px;
}

input[type=submit],
input[type=submit]:hover,
.button,
.wpcf7-submit,
.wpcf7-submit:hover {
    display: inline-block;
    width: auto;
    height: 44px;
    border: 1px solid #fff;
    border-radius: 20px;
    background-color: #5AAA96;
    color: #FFF;
    padding: 14px 24px;
    box-shadow: none;
    box-sizing: border-box;
    cursor: hand;
    cursor: pointer;
}

input[type=submit],
input[type=submit]:hover,
.button,
.button a,
.button:hover,
.button a:hover,
.wpcf7-submit,
.wpcf7-submit:hover {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none;
}

.button:hover {
    opacity: 0.6;
}

input[type=checkbox],
input[type=radio] {
	float: left;
	width: 12px;
	height: 12px;
	margin-top: 2px;
	margin-right: 10px;
}

select {
	width: 200px;
	height: 20px;
	border: 1px solid #808080;
}

/* aligns */

.alignleft {
	float: left;
	margin: 5px 15px 15px 0;
}

.alignright {
	float: right;
	margin: 5px 0 15px 15px;
}

/* horizontal rule */

hr {
	color: #cccccc;
	border: none;
	border-top: 1px solid #cccccc;
	height: 1px;
}

/* container */

.wrapper,
header,
nav,
footer {
	float: left;
	position: relative;
	width: 100%;
}

.container {
	position: relative;
	display: block;
	width: 950px;
    max-width: 100%;
	margin: 0 auto;
}

.c-1440 {
    width: 1440px;
}

.c-950 {
    width: 950px;
}

.c-full {
    width: 100%;
}

/* header */

header {
    max-width: 100%;
    padding: 10px 0 10px 0;
    z-index: 10000;
    border-bottom: 0px solid #5AAA96;
}

header .button {
    position: absolute;
    top: 23px;
    right: 0;
}

.logo {
    width: 82px;
}

.logo img {
    width: 100%;
    max-width: 82px;
    height: auto;
}

/* video */

.video {
    position: relative;
    margin: 0px 0 0 0;
    display: grid;
    place-items: center;
    width: 100%;
    height: 768px;
    background-color: #333333;
}

.video .video-background-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.video .video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.video .video-background iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* search */

.search {
    float: left;
    position: relative;
    width: 130px;
    padding: 30px 0 0 20px;
}

.search .search-button {
    color: #2A2A2A;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
}

.search .search-button svg {
    float: left;
    width: 16px;
    height: 16px;
    margin: 6px 5px 0 0;
}

.search .search-inner {
    display: none;
    position: absolute;
    top: 65px;
    left: 20px;
    width: 288px;
    height: 41px;
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 20px;
    opacity: 1;
}

.search .search-active {
    display: block;
}

.search .search-inner input {
    float: left;
    width: 250px;
    height: 41px;
    padding: 0 0 0 20px;
    border: none;
    background: none;
    color: #676767;
    font-size: 13px;
    line-height: 13px;
    box-shadow: none;
}

.search .search-inner button {
    float: left;
    width: 33px;
    height: 32px;
    margin: 4px 0 0 0;
    border:none;
    background: none;
}

.search .search-inner button img {
    width: 16px;
    height: 16px;
    margin-top: 6px;
}

.search .button {
    float: right;
    margin: 0 0 0 38px;
    background-color: #C2DAE3;
    border:1px solid #C2DAE3;
    font-size: 14px;
}

.search .button:focus {
    outline: 1px dotted #ccc;
}

/* mainmenu */

.mainmenu {
    float: left;
    width: 100%;
    padding: 18px 0 0px 0;
    z-index: 5;
}

.mainmenu ul li {
    float: left;
    position: relative;
    margin: 0 40px 0 0;
    padding: 0 0 15px 0;
}

.mainmenu ul li:last-child {
    margin: 0;
}

.mainmenu ul li a {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    text-decoration: none;
}

.mainmenu ul li ul {
    display: none;
}

.mainmenu ul li ul * {
    text-align: left;
}

.mainmenu ul li:hover ul.sub-menu {
    display: block;
}

.mainmenu ul li ul.sub-menu {
    position: absolute;
    top: 35px;
    left: 0;
    width: 300px;
    padding: 20px 0 10px 20px;
    box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);
    background-color:rgba(255, 255, 255, 0.9);
}

.mainmenu ul li ul.sub-menu li {
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
    text-align: left;
}

.mainmenu ul li ul.sub-menu li a {
    color: #5AAA96;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
}

.mainmenu ul li a:hover,
.mainmenu ul li.current-page-parent a,
.mainmenu ul li.current_page_item a,
.mainmenu ul li ul li.current-menu-item a,
.mainmenu ul li ul.sub-menu li a:hover {
    color: #2A2A2A;
}

.menu-mobile .menu-icon {
    display:none;
    position:absolute;
    top:4px;
    right: 0;
    height:30px;
    margin:0 0 0 5px;
    padding:0 30px 0 0;
    background-image:none;
    cursor:pointer;
}

.menu-mobile .menu-icon span,
.menu-mobile .menu-icon span:before,
.menu-mobile .menu-icon span:after {
    cursor:pointer;
    border-radius:10px;
    height:3px;
    width:29px;
    background:#000;
    position:absolute;
    display:block;
    content:'';
}

.menu-mobile .menu-icon span {
    margin:15px 0 0 3px;
}

.menu-mobile .menu-icon span:before {
    top:-9px;
}

.menu-mobile .menu-icon span:after {
    bottom:-9px;
}

.menu-mobile .search-icon,
.menu-mobile .menu-icon span,
.menu-mobile .menu-icon span:before,
.menu-mobile .menu-icon span:after {
    transition:all 300ms ease-in-out;
}

.menu-mobile .menu-icon.active span {
    background-color:transparent;
}

.menu-mobile .menu-icon.active span:before,
.menu-mobile .menu-icon.active span:after {
    top:0;
    background:#000;
}

.menu-mobile .menu-icon.active span:before {
    transform:rotate(45deg);
}

.menu-mobile .menu-icon.active span:after {
    transform:rotate(-45deg);
}

.cta.button {
    z-index: 10;
}

/* layout general */

.block {
    padding: 64px 0 64px 0;
}

.block.white {
    padding: 64px 0  32px 0;
}

.block-two-col.trans.no-top-padding,
.block-three-col.trans.no-top-padding,
.block.no-top-padding {
    padding-top: 0;
}

.block-two-col.trans.no-bottom-padding,
.block-three-col.trans.no-bottom-padding,
.block.no-bottom-padding {
    padding-bottom: 0;
}

.block-half {
    width: 50%;
}

.block-31 .block-half-right {
    width: 65%;
}

.block-31 .block-half-left {
    width: 35%;
}

.block ul {
    margin: 0 0 30px 0;
}

.block ul li {
    padding: 0 0 4px 20px;
    background-image: url('../images/bullet.png');
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-size: 6px auto;
}

.block.blue ul li,
.block.green ul li {
    background-image: url('../images/bullet_white.png');
}

/* layout - backgrounds */

.blue {
    background-color: #4B6E78;
}

.green,
.pink,
.lightblue {
    background-color: #5AAA96;
}

.blue .block-text *,
.green .block-text *,
.pink .block-text *,
.lightblue .block-text * {
    color: #000 !important;
}

.blue .cta-wrap *,
.green .cta-wrap *,
.pink .cta-wrap *,
.lightblue .cta-wrap *,
.blue .block-text .wrapper *,
.green .block-text .wrapper *,
.pink .block-text .wrapper *,
.lightblue .block-text .wrapper *,
.blue *,
.green *,
.pink *,
.lightblue * {
    color: #fff !important;
}

/* layout - home */

.cms-home .block-1col.white h2 {
    text-align: left;
}

/* layout - header */

.block-header {
    background-color: #5AAA96;
}

.block-header h2,
.block-header h2 em {
    margin: 0;
    font-size: 28px;
    font-weight: 300;
}

.block-header .block-flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 100%;
    padding: 80px 0 40px 0;
}

.block-header .block-flex .block-text-wrap {
    display: flex;
    align-items: center;
    max-width: 700px;
}

.block-header .block-flex .block-text-wrap.full {
    flex: 0 0 100%;
}

.block-header .block-flex .block-text-wrap.full .block-text {
    width:100%;
}

.block-header .block-flex .block-text-wrap .block-text {
    text-align: center;
}

.block-header .block-text *,
.block-header .block-flex .block-text-wrap.full .block-text,
.block-header .block-flex .block-text-wrap.full .block-text * {
    color: #fff; !important;
    text-align: center;
}

.block-header .block-flex .block-image {
    position: relative;
    flex: 0 0 405px;
    text-align: right;
    margin: 20px 0 20px 0;
}

.block-header .block-flex .block-image .block-overlay {
    position: absolute;
    top: 42%;
    right: 0;
    width: 301px;
    height: 160px;
    padding: 28px 40px 28px 40px;
    background-image: url('../images/text.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.block-header .block-flex .block-image .block-overlay * {
    margin: 0;
    color: #fff;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.block-header .block-flex .block-image .block-overlay strong {
    color: #fff;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.block-detail .block-text,
.list-title .block-header .block-text {
    width: 100%;
}

.list-title .block-header h1,
.list-title .block-header p,
.block-detail .block-text h1 {
    margin: 0;
}

.items-list .block-text h4 a {
    color: #000;
    text-decoration: none;
}

/* layout - block-2col-text */

.block-2col-text .block-2col-text-left,
.block-2col-text .block-2col-text-right {
    width: 50%;
}

.block-2col-text .block-2col-text-left {
    padding: 0 40px 0 0;
}

.block-2col-text .block-2col-text-right {
    padding: 0 0 0 40px;
}

.block-2col-text .block-2col-text-cta {
    margin: 0;
    padding: 40px 0 40px 0;
    border-top: 1px solid #ccc;
    text-align: center;
}

.block-2col-text .block-2col-text-cta .button {
    display: inline-block;
}

/* layout - link blocks */

.block-links h2 {
    margin-bottom: 60px;
    text-align: center;
}

.block-links .block-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.block-links .block {
    width: 30%;
    min-height: 258px;
    margin: 0 1.5% 0 1.5%;
    padding: 35px 26px 5px 26px;
    border-radius: 20px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.block-links .block .title {
    margin: 0 0 24px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #000000CC;
    line-height: 26px;
}

.block-links .block ul li {
    padding: 0 0 4px 20px;
    background-image: url('../images/arrow_right.png');
    background-repeat: no-repeat;
    background-position: 0 9px;
    background-size: 8px auto;
}

.block-links .block ul li a {
    font-size: 16px;
    color: #2A2A2A;
    text-decoration: underline;
}

.block-links .block ul li a:hover {
    opacity: 0.8;
}

/* layout - 1 col */

.block-1col * {
    text-align: left;
}

.block-1col.large-header * {
    text-align: center;
}

.block-1col.large-header h2,
.block-1col.large-header h2 em {
    font-size: 62px;
}

.block-1col.large-header p {
    margin: 0;
    font-size: 24px;
}

/* layout - Collage */

.block-collage.background {
    padding: 80px 0 80px 0;
}

.block-collage.hide-text .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.block-collage .block-half {
    padding: 0 10px 0 10px;
}

.block-collage .block-half img {
    margin: 0 0 24px 0;
}

.block-collage .block-left img {
    border-radius: 20px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.block-collage .block-right {
    padding-top: 100px;
}

.block-collage .block-right-inner {
    min-height: 200px;
    padding: 0;
    background-color: #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    text-align: center;
}

.block-collage.border .block-left img,
.block-collage.border .block-right-inner {
    border: 8px solid #fff;
}

.block-collage .block-right .blue img {
    position: relative;
    width: auto;
    max-width: 464px;
    border-radius: 0;
}

.block-collage .block-half .text {
    padding: 24px 32px 32px 32px;
}

/* layout - text submenu */

.block-text-submenu .text {
    width: 100%;
}

.block-text-submenu .submenu-alt {
    padding-top: 15px;
}

.block-text-submenu .text-alt h1 {
    margin-bottom: 15px;
}

.block-text-submenu .text-alt p {
    font-size: 19px;
}

/* layout - Steps */

.block-steps {
    margin-bottom: 40px;
}

.block-steps .step {
    width: 20%;
    padding: 57px 40px 0 0;
    background-repeat: no-repeat;
}

.block-steps .steps-text * {
    text-align: center;
}

.block-steps .steps-text h2 {
    margin: 0 0 20px 0;
}

.block-steps .steps-text p {
    margin: 0 0 50px 0;
}

.block-steps .step p {
    margin: 0;
    font-size: 13px;
    line-height: 22px;
}

.block-steps .step p strong {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.block-steps .step1 {
    background-image: url('../images/icon_1.png');
}

.block-steps .step2 {
    background-image: url('../images/icon_2.png');
}

.block-steps .step3 {
    background-image: url('../images/icon_3.png');
}

.block-steps .step4 {
    background-image: url('../images/icon_4.png');
}

.block-steps .step5 {
    background-image: url('../images/icon_5.png');
}

/* layout - Col image right */

.block-image-right,
.block-image-left {
    padding: 80px 0 60px 0;
}

.block-image-right.no-top-padding,
.block-image-left.no-top-padding {
    padding-top: 0;
}

.block-image-right.no-bottom-padding,
.block-image-left.no-bottom-padding {
    padding-bottom: 0;
}

.block-half-left .block-image {
    padding-top: 5px;
}

.block-image-left.trans .block-half-left {
    padding-top: 40px;
}

.block-image-left.trans .block-half-left .block-image {
    min-height: 200px;
    background-color: #fff;
    text-align: center;
}

.block-image-left.trans .block-half-left .block-image img {
    position: relative;
    width: auto;
    max-width: 464px;
    border-radius: 0;
}

.block-image-left .block-half-right {
    padding-left: 50px;
}

.block-image-right .block-half-right {
    padding-left: 0;
    padding-right: 50px;
}

/* layout - Two col */

.block-two-col,
.block-three-col {
    padding: 104px 0 60px 0;
}

.block-two-col.trans,
.block-three-col.trans {
/*    padding: 184px 0 60px 0;*/
}

.block-two-col .block-half,
.block-three-col .block-third {
    width: 49%;
    padding: 0;
    background-color: #fff;
}

.block-two-col .block-half-left {
    margin: 0 1% 40px 0;
}

.block-two-col .block-half-right {
    margin: 0 0 40px 1%;
}

.block-two-col .block-half .block-image,
.block-three-col.trans .block-third .block-image {
    min-height: 200px;
    text-align: center;
}

.block-two-col .block-half .block-image,
.block-two-col .block-half .block-image img,
.block-three-col .block-third .block-image,
.block-three-col .block-third .block-image img {
    width: 100%;
    max-width: 100%;
}

.items-list .block-image img,
.block-two-col.trans .block-half .block-image img,
.block-three-col.trans .block-third .block-image img {
    position: relative;
    width: auto;
    max-width: 250px;
    border-radius: 0;
}

.block-two-col .block-half .block-text,
.block-three-col .block-third .block-text {
    padding: 24px 32px 32px 32px;
}

.block-two-col .block-half .block-text h2,
.block-three-col .block-third .block-text h3 {
    margin: 0 0 12px 0;
}

/* layout - Three col */

.block-three-col .block-third {
    width: 29.33%;
    margin: 0 2% 0 2%;
}

.block-three-col h2 {
    margin: 0 0 40px 20px;
}

.block-three-col.blue h2,
.block-three-col.green h2,
.block-three-col.pink h2 {
    color: #fff;
}

.block-three-col h4 {
    margin: 0 0 12px 0;
}

.block-three-col.blue .block-third,
.block-three-col.green .block-third,
.block-three-col.pink .block-third {
    border: 8px solid #fff;
}

.block-three-col.blue .block-text,
.block-three-col.green .block-text,
.block-three-col.pink .block-text {
    padding: 16px 24px 24px 24px;
}

.block-three-col .block-third .block-text p {
    margin: 0 0 24px 0;
    font-size: 16px;
}

.block-three-col .block-third .block-image {
    min-height: 170px;
}

.items-list .button,
.block-logo .button,
.block-three-col.blue .button,
.block-three-col.green .button,
.block-three-col.pink .button {
    background-color: #5AAA96;
    color: #FFF;
}

/* layout - News */

.block-news {
    margin-bottom: 40px;
}

.block-news .container {
    width: 990px;
}

.block-news h2 {
    width: 98%;
    margin: 0 0 30px 2%;
}

.block-news .post {
    width: 29.33%;
    margin: 0 2% 0 2%;
}

.block-news .post img {
    max-width: 145px;
    margin: 0 0 18px 0;
}

.block-news .post .time {
    margin: 0 0 18px 0;
    color: #000000CC;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0.13px;
}

.block-news .post h3 {
    margin: 0 0 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 26px;
}

.block-news .post h3 a {
    text-decoration: none;
}

.block-news .post p {
    margin: 0 0 10px 0;
}

.block-news .post a.readmore {
    color: #1C72A7;
}

/* layout - CTA */

.block-cta {
    margin: 0 0 0 0;
    padding: 90px 20px 90px 20px;
}

.block-cta .cta-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    min-height: 310px;
    height: 100%;
    align-items: center;
}

.block-cta .block-text {
    flex: 0 0 50%;
    align-items: center;
}

.block-cta .block-button {
    display: flex;
    flex: 0 0 50%;
    align-items: center;
}

.block-cta .block-text * {
    display: block;
    color: #fff;
}

.block-cta .block-text p {
    margin: 0;
}

.block-cta .block-button .button {
    float: right;
    background-color: #5AAA96;
    color: #FFF;
}

/* layout - slider */

.block-slider {
    margin: 40px 0 40px 0;
    margin: 0;
}

.block-slider .owl-dots {
    display: none !important;
    margin-top: 25px !important;
}

.block-slider .owl-nav {
    display: none;
}

/* layout - video */

.block-video .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 204px;
    height: auto;
    margin-top: -22px;
    margin-left: -102px;
    max-width: 100%;
}

.block-video:hover {
    opacity: 0.8;
}

/* layout - quote */

.block-person  {
    padding-bottom: 0;
}

.block-person .person-left,
.block-person .person-right {
    width: 50%;
    min-height: 558px;
}

.block-person .person-left .person-name {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    height: 147px;
    padding: 25px 35px 0 35px;
    background-image: url(../images/quote_name.png);
    background-repeat: no-repeat;
    background-size: 260px 148px;
    color: #fff;
    font-size: 18px;
    line-height: 150%;
    z-index: 100;
}

.block-person .person-left .person-image {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 343px;
    height: auto;
    max-width: 100%;
    z-index: 50;
}

.block-person .person-right .person-right-wrap {
    width: 464px;
    height: 458px;
    padding: 60px 48px 32px 48px;
    background-image: url(../images/quote_text.png);
    background-repeat: no-repeat;
    background-size: 464px 458px;
}

.block-person .person-right .person-right-wrap p {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.block-person .person-right .person-right-wrap p:before {
    content: "''";
    margin-left: -20px;
    margin-right: 6px;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    line-height: 100%;
}

.block-person .person-right .person-right-wrap p span {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    line-height: 100%;
}

.block-person .owl-nav {
    position: absolute;
    top: 65px;
    left: 190px;
}

.block-person .owl-nav .owl-prev {
    width: 14px;
    height: 14px;
    background-image: url(../images/slider_left.png) !important;
    background-repeat: no-repeat;
    background-size: 14px 14px !important;
}

.block-person .owl-nav .owl-next {
    width: 14px;
    height: 14px;
    background-image: url(../images/slider_right.png) !important;
    background-repeat: no-repeat;
    background-size: 14px 14px !important;
}

.block-person .owl-nav .owl-prev:hover,
.block-person .owl-nav .owl-next:hover {
    background-color: #000 !important;
    opacity: 0.6 !important;
}

.block-person .owl-nav .owl-prev span,
.block-person .owl-nav .owl-next span,
.block-person .owl-dots {
    display: none;
}

.block-header {
    background-image: url('../images/footnote_large.png'), url('../images/bar_left.png'), url('../images/bar_right.png');
    background-repeat: no-repeat, repeat-y, repeat-y;
    background-position: 85% center, 5% top, 90% top;
    background-size: auto 320px, auto, auto;
}

.block-html {
    background-image: url('../images/bar_left.png'), url('../images/bar_right.png');
    background-repeat: repeat-y, repeat-y;
    background-position: 5% top, 90% top;
    background-size: auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 verhouding */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* logos */

.block-logo p {
    float: left;
    width: 70%;
    max-width: 627px;
}

.owl-button {
    float: right;
    position: relative;
    width: 30%;
    z-index: 500;
}

.owl-button .button {
    float: right;
}

.owl-logos {
    position: relative;
    z-index: 1000;
    margin: 0;
}

.owl-logos .item {
    padding-right: 20px;
}

.owl-logos .owl-dots,
.owl-theme.owl-logos .owl-nav,
.owl-logos .owl-nav span {
    display: none;
}

.owl-logos .owl-nav {
    float: right;
    display: block;
    width: 60px;
    margin: 30px 0 0 0;
}

.owl-logos .owl-nav .owl-prev {
    width: 14px;
    height: 14px;
    margin: 0 20px 0 0;
    background-color: #fff;
    background-image: url(../images/slider_left_black.png) !important;
    background-repeat: no-repeat;
    background-size: 14px 14px !important;
}

.owl-logos .owl-nav .owl-next {
    width: 14px;
    height: 14px;
    background-color: #fff;
    background-image: url(../images/slider_right_black.png) !important;
    background-repeat: no-repeat;
    background-size: 14px 14px !important;
}

.owl-logos .owl-nav .owl-prev:hover,
.owl-logos .owl-nav .owl-next:hover {
    background-color: #fff !important;
    opacity: 0.6 !important;
}

/* contact */

.wpcf7 {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 40px;
    border: 0px solid #00000026;
    background-color: #ebebeb;
}

.wpcf7 label,
.wpcf7-form-control.wpcf7-radio {
    float: left;
    display: block;
    width: 100%;
}

.wpcf7-form-control.wpcf7-radio {
    margin-bottom: 20px;
}

.wpcf7 label,
.wpcf7-list-item-label {
    color: #000000CC;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
}

.wpcf7-list-item-label {
    font-weight: normal;
}

.wpcf7 input {
    margin: 5px 0 20px 0;
    padding-left: 20px;
}

.wpcf7 input[type=submit] {
    width: auto;
    margin: 20px 0 30px 0;
    border: none;
}

.wpcf7 textarea {
    height: 116px;
    margin: 5px 0 5px 0;
}

.wpcf7 p,
.wpcf7 p a {
    float: left;
    width: 100%;
    margin: 0;
    color: #1C72A7;
    font-size: 13px;
    text-align: left;
}

.wpcf7 p a {
    display: block;
    width: 100%;
    text-align: left;
}

.wpcf7 p a:hover {
    color: #000;
}

.wpcf7-list-item {
    float: left;
    width: 100%;
    margin: 0 !important;
}

.wpcf7-list-item input {
    margin-right: 10px;
}

/* breadcrumbs */

.breadcrumbs,
.breadcrumbs * {
    color: #000000CC;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0.13px;
    text-decoration: none;
}

.breadcrumbs-list {
    margin-bottom: 40px;
}

#breadcrumbs {
    margin: 30px 0 0 0;
}

/* news - faq */

.items-list {
    margin-top: 40px;
}

.items-stories h4 {
    height: 70px;
    overflow: hidden;
}

.items-list .breadcrumbs {
    margin: 0 0 70px 0;
}

.list-bottom {
    margin: 0 0 47px 0;
    padding: 95px 0 95px 0;
    background-color: #F6AE98;
    text-align: center;
}

.faq-title {
    background-color: #9AD0CB;
}

.info-title {
    background-color: #FEECAF;
}

.list-bottom {
    margin: 0;
    background-color: #F9CEC1;
}

.list-title .title,
.list-bottom .title {
    color: #000000CC;
    font-weight: normal;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
}

.list-title .subtitle,
.list-bottom .subtitle {
    float: none;
    display: inline-block;
    color: #000000CC;

    font-weight: normal;
    font-size: 19px;
    line-height: 34px;
    text-align: center;
}

.list-bottom .title {
    margin: 0 0 20px 0;
    font-size: 26px;
    line-height: 34px;
}

.list-bottom .subtitle {
    max-width: 630px;
}

.list-bottom .subtitle p {
    margin: 0;
    color: #000000CC;
    font-weight: normal;
    font-size: 19px;
    line-height: 34px;
    text-align: center;
}

.list-bottom .subtitle .button {
    margin-top: 20px;
    background-color: #F6AE98;
    border: 1px solid #F6AE98;
    font-size: 20px;
}

.items-list .post {
    margin: 0 0 60px 0;
    padding: 0 0 60px 0;
    border-bottom: 1px solid #e2e2e2;
}

.items-list .block-third {
    margin-bottom: 120px;
}

.faq-list .post {
    margin: 0 0 40px 0;
    padding: 0 0 60px 0;
    border-bottom: 1px solid #e2e2e2;
}

.items-list .post:last-child,
.faq-list .post:last-child {
    border-bottom: 0 solid #e2e2e2;
}

.faq-list h2 {
    margin-bottom: 20px;
}

.items-list .list-image {
    width: 30%;
}

.items-list .list-image img {
    width: 100%;
    border-radius: 0 60px 0 0;
}

.items-list .list-content {
    width: 100%;
    padding: 24px 0 0 0px;
}

.faq-list .list-content,
.item-single .list-content,
.search-list .list-content {
    width: 100%;
    padding: 0;
}

.items-list .list-content .time {
    margin: 0 0 25px 0;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0.13px;
    color: #000000CC;
}

.items-list .list-content h4,
.items-list .list-content h4 a {
    color: #000;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-decoration: none !important;
}

.faq-list .list-content h4,
.faq-list .list-content h4 a {
    margin: 0;
    color: #000;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-decoration: none !important;
}

.items-list .list-content h4 {
    margin: 0 0 10px 0;
}

.items-list .list-content h4 a:hover,
.faq-list .list-content h4 a:hover {
    color: #000;
}

.items-list .list-content p {
    margin: 0 0 25px 0;
    font-size: 16px;
    line-height: 28px;
}

.submenu,
.items-list .list-left {
    width: 25%;
    padding: 30px 24px 20px 24px;
    border-radius: 20px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.submenu h5,
.items-list .list-left h5 {
    margin: 0 0 10px 0;
    font-family: "Rubik", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 20.4px */
}
.submenu ul li,
.items-list .list-left ul li {
    padding: 8px 0 10px 19px;
    border-bottom: 1px solid #e2e2e2;
    background-image: url('../images/arrow_right.png');
    background-repeat: no-repeat;
    background-position: 0 18px;
    background-size: 6px auto;
}

.submenu ul li a,
.items-list .list-left ul li a {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    text-decoration-line: underline;
}

.items-list .list-left ul li.active a {
    color: #000;
    font-weight: bold;
}

.items-list .list-right {
    width: 75%;
    padding: 0 0 0 90px;
}

.items-list .list-content a.readmore {
    width: auto;
    height: auto;
    padding: 0 0 6px 0;
    background: none;
    border-bottom: 2px solid #000;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
    text-transform: uppercase;
}

/* stories */

.stories-list .list-image {
    padding-top: 30px;
}

.stories-single h2 {
    margin: 0 0 10px 0;
}

.stories-single .stories-content {
    margin: 60px 0 80px 0;
}

.stories-single .stories-images {
    margin: 0 0 120px 0;
}

.stories-single .stories-images .container,
.stories-single .stories-cta .container {
    width: 1400px;
    max-width: 100%;
}

.stories-single .stories-images .stories-image {
    width: 32.83%;
    margin: 0 0.25% 10px 0.25%;
    overflow: hidden;
}

.stories-single .stories-images .stories-image img {
    transition: transform .6s;
    cursor: hand;
    cursor: pointer;
}

.stories-single .stories-images .stories-image:hover img {
    transform: scale(1.2);
    opacity: 0.6;
}

.stories-single .stories-more {
    margin: 0 0 60px 0;
}

.stories-single .stories-more * {
    text-align: center;
}

.stories-single .stories-cta {
    margin-bottom: 0;
    background-color: #F9CEC1;
}

.fancy-lightbox .fancybox-bg {
    background-color: #ffffff;
}

.fancy-lightbox .fancybox-button {
    width: 40px !important;
    height: 40px !important;
    padding: 5px 0 0 4px !important;
    background: none;
    border: 2px solid #000;
    border-radius: 40px;
    box-sizing: border-box;
}

.fancy-lightbox .fancybox-button--arrow_left {
    left: 10px !important;
}

.fancy-lightbox .fancybox-button--arrow_right {
    right: 10px !important;
}

/* navigation */

.navigation {
    margin:25px 0 15px 0;
    text-align:left;
}

.navigation .inner-wrapper {
    text-align:left;
}

.navigation a,
.navigation span {
    float:none;
    width: 43px;
    height: 43px;
    display:inline-block;
    margin:0 5px 10px 0;
    padding:9px 0 9px 0;
    border: 1px solid #00000026;
    border-radius: 100%;
    background-color:#ffffff;
    color:#00000080;
    font-family: 'Fredoka One', cursive;
    font-weight: normal;
    font-size:14px;
    text-decoration:none;
    text-align: center;
    line-height: 26px;
    box-sizing: border-box;
}

.navigation span.current {
    color: #00000080;
    background-color:#FEECAF;
    border: 1px solid #FEECAF;
}

.navigation a.prev,
.navigation a.next {
    background-image: url('../images/icon_arrow_left.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.navigation a.next {
    background-image: url('../images/icon_arrow_right.png');
}

.navigation a:hover {
    color: #00000080;
    background-color:#FEECAF;
}

/* back to link */

.back-to-link {
    margin-top: 30px;
    margin-bottom: 60px;
}

/* accordeon */

.block-accordeon {
    padding: 64px 0 64px 0;
}

.accordeon-left {
    width: 100%;
}

.accordeon-left P {
    width: 100%;
}

.accordeon-right {
    width: 100%;
}

.jq_acc {
    float:left;
    width:100%;
    margin:0px 0px 15px 0px;
}

.green .jq_acc *,
.lightblue .jq_acc *,
.blue .jq_acc * {
    color: #000 !important;
}

.jq_acc_title {
    float:left;
    width:100%;
    margin: 0 0 12px 0;
    padding:16px 24px 15px 24px;
    border:1px solid #466473;
    border-radius: 0px;
    background-color:#fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    background-image: url(../images/dropdown_down.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 96% 23px;
    cursor:hand;
    cursor:pointer;
}

.jq_acc_title p {
    margin: 0 0 20px 0;
    font-size: 16px;
}

.jq_acc_title ul li,
.jq_acc_title ul li * {
    font-size: 16px;
}

.jq_acc_title p:last-child,
.jq_acc_title ul:last-child{
    margin: 0;
}

.acc-active {
    background-image: url(../images/dropdown_up.png);
    background-color:#cde5df;
}

.jq_acc_content {
    display:none;
    float:left;
    width:100%;
    padding:16px 0 20px 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.jq_acc_content .wrapper {
    margin: 24px 0 0 0;
}

.jq_acc_content .wrapper .button {
    width: auto;
    height: auto;
    padding: 0 0 8px 0;
    background: none;
    border-bottom: 2px solid #000;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
}


.jq_acc_content img {
    border: 1px solid #4B6E78;
}

/* footer */

footer {
    margin: 0px 0 0 0;
    padding: 40px 0 0px 0;
    background-color: #4B6E78;
}

.post-faq footer,
.post-stories footer {
    margin: 0;
}

footer *,
footer p {
    margin: 0;
    color: #fff !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}

footer h6 {
    margin: 0 0 20px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 26px;
}

footer .footer-address {
    width: 33%;
}

footer .footer-about {
    width: 33%;
}

footer .footer-faq {
    width: 33%;
}

footer .footer-faq ul li {
    padding: 0 0 3px 20px;
    background-image: url('../images/arrow_right_blue.png');
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-size: 6px auto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

footer .footer-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 60px 0 80px 0;
    border-radius: 20px;
    background-color: #d8e2fd;
    text-align: center;
}

footer .footer-logos div {
    padding: 40px 15px 20px 15px;
    text-align: center;
}

.counter {
    float: left;
    width: 218px;
    height: 138px;
    margin: 40px 0 0 0;
    padding: 24px 0 0 0;
    background-image: url('../images/counter.png');
    background-repeat: no-repeat;
    background-size: 218px 138px;
    text-align: center;
}

.block-header .counter {
    position: absolute;
    top: 42%;
    right: 0;
    background-image: url('../images/counter_black.png');
}

.block-header .counter * {
    color: #fff;
}

.counter .number {
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
}

.counter .text {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
}

/* footer */

.copyright {
    padding: 0px 0 30px 0;
}

.copyright a {
    display: inline-block;
    padding: 0 40px 0 0;
    color: #000000CC;
    font-size: 16px;
    line-height: 150%;
    text-decoration: none;
}

.copyright a:hover {
    text-decoration: underline;
}

.copyright a.social {
    float: right;
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 0 0 16px;
}

.copyright a.social img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* headings */

P {
    margin-bottom: 40px;
    color: #2A2A2A;
    font-family: "Rubik", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

P.align-left {
    text-align: left;
}

P.align-right {
    text-align: center;
}

P.align-right {
    text-align: right;
}

P.nomargin {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 30px 0;
    color: #000000;
    font-family: "Rubik", sans-serif;
    font-weight: bold;
    font-size: 56px;
    line-height: 100%;
}

h1 {
    margin: 0 0 30px 0;
}

h2 {
    margin: 0 0 30px 0;
    font-size: 36px;
}

h3 {
    font-size: 24px;
    line-height: 120%;
}

h4 {
    font-size: 20px;
    line-height: 120%;
}

h5 {
    font-size: 18px;
    line-height: 120%;
}

h5 {
    font-size: 17px;
    line-height: 120%;
}

.wpcf7-response-output {
    float: left;
}

.field-hide,
.beloftes .wpcf7-textarea {
    display: none !important;
}

.wpcf7 label,
.wpcf7-list-item-label {
    font-size: 16px;
}