/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

:root {

}

html {
    scroll-behavior: smooth;
}

html.has-scroll-smooth, .has-scroll-smooth body {
    overflow: hidden;
}

html, body {
    
    height: 100vh;
    
    background-color: #F5F7F8;
}

html.config-mode-on, body.config-mode {
    width: 100%;
}

/* FONT & TEXT STYLING */

/* font converted using font-converter.net. thank you! */
/* Bold */
@font-face {
    font-family: "GTWalsheimProBold";
    src: url("../fonts/GTWalsheimProBold.eot"); /* IE9 Compat Modes */
    src: url("../fonts/GTWalsheimProBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/GTWalsheimProBold.otf") format("opentype"), /* Open Type Font */ url("../fonts/GTWalsheimProBold.svg") format("svg"), /* Legacy iOS */ url("../fonts/GTWalsheimProBold.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/GTWalsheimProBold.woff") format("woff"), /* Modern Browsers */ url("../fonts/GTWalsheimProBold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: 700;
    font-style: normal;
}

/* Medium */
@font-face {
    font-family: "GTWalsheimPro-Medium";
    src: url("../fonts/GT-Walsheim-Pro-Medium.eot"); /* IE9 Compat Modes */
    src: url("../fonts/GT-Walsheim-Pro-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/GT-Walsheim-Pro-Medium.otf") format("opentype"), /* Open Type Font */ url("../fonts/GT-Walsheim-Pro-Medium.svg") format("svg"), /* Legacy iOS */ url("../fonts/GT-Walsheim-Pro-Medium.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/GT-Walsheim-Pro-Medium.woff") format("woff"), /* Modern Browsers */ url("../fonts/GT-Walsheim-Pro-Medium.woff2") format("woff2"); /* Modern Browsers */
    font-weight: 500;
    font-style: normal;
}

/* Regular */
@font-face {
    font-family: "GTWalsheimProRegular";
    src: url("../fonts/GTWalsheimProRegular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/GTWalsheimProRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/GTWalsheimProRegular.otf") format("opentype"), /* Open Type Font */ url("../fonts/GTWalsheimProRegular.svg") format("svg"), /* Legacy iOS */ url("../fonts/GTWalsheimProRegular.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/GTWalsheimProRegular.woff") format("woff"), /* Modern Browsers */ url("../fonts/GTWalsheimProRegular.woff2") format("woff2"); /* Modern Browsers */
    font-weight: 400;
    font-style: normal;
}

/* Light */
@font-face {
    font-family: "GTWalsheimPro-Light";
    src: url("../fonts/GT-Walsheim-Pro-Light.eot"); /* IE9 Compat Modes */
    src: url("../fonts/GT-Walsheim-Pro-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/GT-Walsheim-Pro-Light.otf") format("opentype"), /* Open Type Font */ url("../fonts/GT-Walsheim-Pro-Light.svg") format("svg"), /* Legacy iOS */ url("../fonts/GT-Walsheim-Pro-Light.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/GT-Walsheim-Pro-Light.woff") format("woff"), /* Modern Browsers */ url("../fonts/GT-Walsheim-Pro-Light.woff2") format("woff2"); /* Modern Browsers */
    font-weight: 300;
    font-style: normal;
}

* {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    color: #27445C;
}
body{
    font-family: 'GTWalsheimProRegular';
}
span, a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
}


h1, h2, h4 {
    font-family: 'GTWalsheimProRegular';
}

h1.page-title, h3, h5, h6 {
    font-family: 'GTWalsheimPro-Medium';
}

h1.page-title{
    font-size: 28px;
    line-height: 30px;
}
.page-show h1 {
    margin-bottom: 30px;
}
h1 {
    font-size: 28px;
    line-height: 30px;
}

h2 {
    font-size: 22px;
    line-height: 24px;
}

h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 18px;
}

h4 {
    font-size: 18px;
    line-height: 20px;
    color: rgba(39, 68, 92, 0.5);
}

h5 {
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 20px;
}

h6 {
    font-size: 15px;
    line-height: 26px;
}

p, u, select, section, td, th, option, form, input, b, strong, ul, ol, li, textarea, label, button, input, iframe, table {
    font-family: 'GTWalsheimProRegular', sans-serif;
    font-size: 15px;
    line-height: 26px;
}

.no-margin {
    margin-left: 0!important;
    margin-bottom: 0!important;
    margin-top: 0!important;
    margin-right: 0!important;
}

.op-50 {
    opacity: .5;
}

/*SMOOTH SCROLL STYLING*/
/* ::-webkit-scrollbar {
    display: none;
} */

.homepage-intro-tekst {
    border-bottom: 1px solid #F2BD55;
    margin-bottom: 20px;
}

#js-scroll {
    position: relative;
    min-height: 100vh;
}

html.has-scroll-smooth {
    overflow: hidden;
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.has-scroll-smooth body {
    overflow: hidden;
}

.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100vh;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    opacity: 0;
    z-index: 111111;
}


.c-scrollbar:hover {
    -webkit-transform: scaleX(1.45);
    -ms-transform: scaleX(1.45);
    transform: scaleX(1.45);
}

.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1;
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #F2BD55;
    opacity: 1;
    width: 5px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

/* GENERAL STYLING */

:focus {
    outline: none !important;
}

.lockScroll {
    width: 100%;
    overflow: hidden;
    position: fixed;
}

.render-content {
    position: relative;
}

.full-link-btn {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 2;
    top: 0;
    left: 0;
}

.bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-contain{
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    
}

.main-content-wrapper {
    width: 100%;
    position: relative;
}


/* SECTION STYLING */

.section-container {
    position: relative;
    width: 100%;
}

.section-content {
    position: relative;
    z-index: 2;
}

.plate--container {
    width: 100%;
    max-width: 1400px;
    padding: 0 5%;
}

/* DISPLAY FLEX STYLING */

.fl-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.fl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.fl-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.jc-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.jc-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.jc-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.jc-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ai-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ai-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

/* 404 MESSAGE  */

.error-message {
    position: relative;
    width: 100%;
    height: 500px;
    z-index: 3;
}

/* NAVIGATION STYLING */

.navigation {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    background: white;
}

.navbar {
    position: relative;
    height: 100%;
    padding: 10px 0;
}

.navbar-nav .dropdown-menu {
    position: absolute;
    float: none;
    top: 90px;
    left: unset;
    right: 0;
    display: none;
    z-index: -1000;
    padding: 0 0 0 0;
    border: none;
    opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
.navbar-nav .dropdown-menu.active-cta{
    display: block;
    z-index: 1000;
    opacity: 1;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
}
.navbar-nav .dropdown-menu .close-cta{
    position: absolute;
    right: 0;
    top: 0;
    height: 80px;
    width: 80px;
    background: rgba(255, 255, 255, 0);
    z-index: 5;
    cursor: pointer;
}

.navbar-inner {
    position: relative;
}

.navbar-brand {
    position: relative;
    margin-right: 30px;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 101;
}

.navbar-brand img {
    max-height: 100%;
    width: 220px;
    margin-top: 0;
}

.navbar-collapse {
    position: relative;
    width: 100%;

}

.navbar-nav {
    position: relative;
    width: 100%;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.navbar-nav form.search input {
    height: 46px;
    border-radius: 50px;
    background: #F5F7F8;
    border: 1px solid #E5E7E8;
    padding: 10px 17px 10px 50px;
    color: rgba(39, 68, 92, 0.5);
    width: 100%;
}

.navbar-nav form.search {
    position: relative;
    min-width: 325px;
    margin-right: 10px;
}

.navbar-nav form.search:before {
    content: url("../images/search.svg");
    position: absolute;
    left: 17px;
    top: 10px;
    width: 30px;
    height: calc(100% - 20px);
    padding-top: 4px;
}

.navbar-nav .nav-item {
    padding-right: 20px;
}

.navbar-nav .nav-item.button {
    padding-right: 0px;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0;
}

.navbar-nav .nav-item.button a {
    color: #FFFFFF;
}

.navbar-nav .nav-item.button:before {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-nav .nav-item.button.first:before {
    background-color: #F2BD55;
}

.navbar-nav .nav-item.button.last {
    margin-right: 0px;
}

.navbar-nav .nav-item.last {
    padding-right: 0;
}

/* DROPDOWN STYLING */

.dropdown-menu.active {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: none;
    min-width: 100px;
    padding: 10px 0;
    margin: 0 0 0 0;
    border-radius: 0;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 5px 15px;
    clear: both;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    text-decoration: none;
}

/* NAVBAR TOGGLER STYLING */

.navbar-toggler {
    display: none;
    padding-right: 0;
    margin-right: 5%;
    z-index: 100;
    position: relative;
}

.navbar-toggler:focus {
    outline: none;
}

.bars {
    position: relative;
    height: auto;
    width: 30px;
}

.bar {
    width: 100%;
    height: 1px;
    background: #27445C;
    margin-bottom: 6.5px;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

.bar.bar-3 {
    margin-bottom: 0;
}

.menu-open .bars {
    margin: 0;
}

.menu-open .bar-1 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-open .bar-3 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -15px;
}

.menu-open .bar-2 {
    opacity: 0;
}

/* BUTTONS */

.button {
    position: relative;
    min-width: 150px;
    min-height: 46px;
    height: auto;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block;
}
.button.share:hover:before{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.page_bottom {
    border-bottom: 1px solid #E5E7E8;
    margin-bottom: 60px;
}
.item-wrapper .button{
    margin-top: 30px;
    z-index: 10;
}
.button.share{
    margin-top: 60px;
    margin-bottom: 75px;
    padding-right: 10px;
    padding-left: 40px;
    padding-top: 10px;
}

.book .buttons, .education .buttons{
    margin-top: 40px;
}
.button.share p {
    margin-right: 30px;
}
.button.share a, .button.share p {
    position: relative;
    margin-bottom: 0;
    padding: 0;
}
.sidebar-cta .button{
    width: 100%;
} 

.post-header-wrapper .button.link-button{
    margin-top: 0;
    margin-bottom: 0;
}

.sidebar .button.link-button{
    margin: 0;
    padding: 0;
}

.sidebar .button.link-button a{
    padding-bottom: 0;
    padding-top: 0;
}

.post-header-wrapper .button.link-button a {
    padding: 0 0 5px;
}

.button.link-button {
    min-width: unset;
    overflow: hidden;
    min-height: unset;
}

.button.dark a {
    color: white;
}

.bottom-link .button.link-button {
    margin-bottom: 0;
    margin-top: 0;
}

.button a span {
    position: relative;
}

.button.link-button a {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-width: unset;
    position: relative;
    min-height: 25px;
}

.button.link-button a span:before {
    content: '';
    position: absolute;
    bottom: -2px;
    height: 1px;
    background: #27445C;
    width: 100%;
    right: 0;
    -webkit-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.button.link-button:hover a span:before {
    right: calc(-100% + -120px);
    -webkit-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    background: #27445C;
}

.buttons .button:nth-child(1) {
    margin-right: 35px;
}

.post-header-wrapper .button.link-button a span:after, 
.post-header-wrapper .button.link-button a span:before{
    background: #ffffff;
}

.button.link-button a span:after {
    content: '';
    position: absolute;
    bottom: -2px;
    height: 1px;
    width: 100%;
    right: unset;
    background: #27445C;
    -webkit-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    left: calc(-100% - 120px);
    z-index: 0;
}

.button.link-button:hover a span:after {
    right: auto;
    left: 0;
    height: 1px;
    z-index: 1;
    -webkit-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.buttons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 0px;
}

.sidebar .buttons{
    padding-bottom: 30px ;
}

.button.link-button:before {
    display: none;
}

.button:before {
    content: '';
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0px 3px 6px rgba(39, 68, 92, 0.05);
    box-shadow: 0px 3px 6px rgba(39, 68, 92, 0.05);
}

.button.dark:before {
    background-color: #0A83B7;
}

.button input, .navbar-nav form .submit-form-btn input {
    -webkit-appearance: none;
    border: 0;
    background: none;
    color: white;
    height: 100%;
    width: 100%;
    cursor: pointer;
    outline: none;
    padding: 10px 15px;
    position: relative;
}

.button:hover:before {
    -webkit-transform: scale(1.075);
    -ms-transform: scale(1.075);
    transform: scale(1.075);
}

.button a {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    width: 100%;
    height: 100%;
    min-height: 46px;
    min-width: 150px;
    text-align: center;
    color: #27445C;
    text-decoration: none;
    padding: 10px 15px;
}

/* HOME HEADER */

.home-header-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    padding: 100px 0;
    background-position: center center;
    background-size: cover;
    min-height: 200px;
}
.post-header-wrapper * {
    color: #FFFFFF;
}
.home-header-wrapper:before, .post-header-wrapper:before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(38, 145, 191);
    background: -o-linear-gradient(217deg, rgba(10, 131, 183, 0), #0A83B7);
    background: linear-gradient(233deg, rgba(10, 131, 183, 0), #0A83B7);
    position: absolute;
    opacity: .85;
}

.home-header-inner {
    position: relative;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}

.sidebar .sidebar-inner.nmc .sidebar-item{
    margin-bottom: 50px;
}
.education .post-header-wrapper, .book .post-header-wrapper{
    margin-bottom: 0;
}
/* PAGE MAIN */
.page-content .main {
    position: relative;
    width: calc((100% / 12) * 6);
    min-height: 400px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 40px;
}
.page-content{
    /* overflow-x: hidden; */
}

.end .relative.invisibleItem{
    max-height: 0;
    overflow: hidden;
}
.page-content .main.page-show {
    position: relative;
    margin-top: 0px;
    padding-top: 60px;
}

.page-content .main.page-show .plate--container, .plr-0 .plate--container{
    padding-left: 0;
    padding-right: 0;
}
/* .post .page-content .sidebar{
    padding-top: 0;
} */
.page-content .sidebar {
    position: relative;
    width: calc((100% / 12) * 3);
    min-height: 400px;
    padding-top: 40px;
    padding-left: 20px;
    /* padding-bottom: 100px; */
    /* margin-bottom: 170px; */
}

/* .page-content .sidebar h3, .page-content .sidebar p {
    margin-bottom: 30px;
} */

.main .main-inner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 300px;
}

.navbar .sidebar .sidebar-inner, .navbar .sidebar .sidebar-inner .sidebar-item{
    margin-bottom: 0;
    cursor: default;
}
.navbar .sidebar .sidebar-inner::before{
    content: url('../images/pijl-1.svg');
    position: absolute;
    right: 30px;
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 2;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    top: 30px;
}
.sidebar .sidebar-inner {
    position: relative;
    width: 100%;
    /*margin-bottom: 100px;
    */
}

.main .page-element {
    border-bottom: 1px solid #F2BD55;
    margin-bottom: 40px;
}
.page-element.edu{
    border-bottom: none;
}
.main .page-element.edu .profile .profile-bottom{
    padding-bottom: 0;
}

.main .page-element.no-border {
    border-bottom: none;
    margin-bottom: unset;
}

.main .profile {
    position: relative;
    width: 100%;
    padding-right: 10%;
    min-height: unset;
}
.book .page-content .main{
    margin-top: -260px;
}

.book .main .profile, .education .main .profile {
    width: 100%;
    padding-right: 0;
}

.profile .profile-top {
    height: 110px;
}

.profile .profile-top .image {
    height: 175px;
    width: 175px;
    border: 2px solid #f5f7f8;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 0;
    background-position: center center;
    background-size: cover;
    background-color: white;
    position: relative;
    box-shadow: 0px 3px 50px rgba(39, 68, 92, 0.05);
    top: -100px;
}

.book .main .profile .profile-top .image{
    height: 320px;
    width: 210px;
    border-radius: 0;
}

.profile-top .image .image--inner{
    position: absolute;
    height: calc(100% - 60px);
    width: calc(100% - 60px);
    top: 30px;
    left: 30px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.profile-top .image .image--inner.book-cover{
    height: 100%;
    width: 100%;
    top: 0;
    left: 0px;
    background-size: cover;

}
.main .profile .title div:nth-child(1) {
    margin-bottom: 3px;
}

.main .profile .title div:nth-child(1) span {
    font-family: 'GTWalsheimPro-Medium';
    font-size: 32px;
}

.main .profile-bottom p{
    margin-bottom: 0;
}

.main .profile .title span {
    font-family: 'GTWalsheimProRegular';
    font-size: 25px;
    line-height: 32px;
    color: white;
}
.book .main .profile .profile-top .title{
    margin-top: 180px;
}
.main .profile .profile-top .title {
    width: calc((100% - 5%) - 155px);
    height: 100%;
    margin-top: 35px;
    padding-bottom: 15px;
    color: #FFFFFF;
}

.main .profile h1 {
    margin-bottom: 7px;
}

.main .profile h4 {
    margin-bottom: 15px;
}

.main .profile .profile-bottom {
    min-height: 100px;
    padding-bottom: 25px;
}
.slider-wrapper{
    position: relative;
}
.main .content-wrapper .slider-wrapper {
    padding: 25px 25px 0;
    background-color: #E5E7E8;
    min-height: unset;
    margin-bottom: 40px;
    border-radius: 3px;
    overflow: hidden;
}

.main .book.content-wrapper .slider-wrapper {
    margin-bottom: 0;
}

.main .content-wrapper .slider-wrapper::before{
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 25px;
    background-color: #e5e7e8;
    position: absolute;
    z-index: 3;
}
.main .content-wrapper .slider-wrapper .swiper-container {
    padding-bottom: 50px;
    overflow-y: visible;
    overflow-x: visible;
}

.main .page-element h3 {
    margin-bottom: 15px;
}

.plate--container.no-reviews{
    padding-top: 0px;
}

.main .post-element .post-content {
    width: 100%;
    /*background: rgba(255, 255, 255, 0.4);*/
    /*margin-bottom: 40px;*/
    position: relative;
}
.post-content{
    position: relative;
}

.main .post-element .panel {
    padding: 10px 20px 0px;
    background: white;
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 3px 50px rgba(39, 68, 92, 0.05);
    box-shadow: 0px 3px 50px rgba(39, 68, 92, 0.05);
    border-radius: 3px;
    display: block;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

.main .post-element ::-webkit-scrollbar {
    width: 1em;
    height: 3px;
    position: absolute;

}

.main .post-element ::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}

.main .post-element ::-webkit-scrollbar-thumb {
    background-color: #e5e7e8;
    outline: none;
    max-width: 40px;
    max-height: 40px;
}

.main .post-element .panel .inner-panel {
    padding: 0 10px 10px;
    position: relative;
    display: inline-block;
}
.main .post-element .panel .inner-panel:nth-child(1){
    padding-left: 0;
}

.main .post-element .panel .inner-panel:nth-child(1):after {
    width: calc(100% - 10px);
    left: 0;
}

.main .post-element .panel .inner-panel:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 0;
    width: calc(100% - 20px);
    left: 10px;
    background-color: #F2BD55;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main .post-element .panel .inner-panel.checked:after {
    height: 3px;
}

.main .post-element .panel .inner-panel input.blog_checkbox {
    opacity: 0;
    height: calc(100% + 25px);
    width: calc(100% + 30px);
    position: absolute;
    left: -15px;
    top: 0;
}

.category-selection-field {
    position: relative;
    margin-bottom: 0;
}
.sticky-disabled .sidebar-inner.sticky{
    margin-bottom: 0!important;
}
.main .post-element .post-content .post-top {
    margin-bottom: 20px;
}

.affiliteit {
    background-color: white;
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 20px;
}

.affiliteit.last {
    padding: 0px 20px 10px 20px;
}

.affiliteit-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    margin-top: 12px;
}

.affiliteit-content {
    padding: 10px 0;
    width: calc(100% - 80px);
    border-bottom: 1px solid #efefef;
}

.affiliteit.last .affiliteit-content {
    border-bottom: 1px solid white;
}

.affiliteit-content h3 {
    margin-bottom: 5px !important;
}

.affiliteit-content p {
    margin: 0;
}

/*.main .post-element .post-content .post-bottom .content-inner{
padding-bottom: 40px;
}*/
.main .post-element .post-content .author {
    position: relative;
}

.main .author .image {
    height: 45px;
    width: 45px;
    border-radius: 100%;
    background-color: #0a83b7;
    margin-right: 25px;
    background-position: center center;
    background-size: cover;
}

.main .post-element .post-content .featured-image {
    height: 200px;
    margin-bottom: 25px;
    background-color: rgba(255, 255, 255, 0.4);
    background-position: center center;
    background-size: cover;
}

.main .post-element {
    padding-bottom: 40px;
    width: 100%;
}

.main .element .image {
    height: 75px;
    width: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
}

.main .book .element .image {
    height: 100%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}

/* SIDEBAR */
.profile-sidebar{
    position: relative;
    width: calc((100% / 12) * 3);
    margin-top: 40px;
    z-index: 4;
    padding-right: 20px;
    padding-bottom: 50px;
}

.profile-sidebar .profile {
    background: white;
    padding: 25px;
    text-align: center;
    position: relative;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 3px 50px rgba(39, 68, 92, 0.05);
    box-shadow: 0px 3px 50px rgba(39, 68, 92, 0.05);
    border-radius: 3px;
    margin-bottom: 40px;
}
.sidebar .sidebar-inner .sidebar-item {
    position: relative;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 3px 50px rgba(39, 68, 92, 0.05);
    box-shadow: 0px 3px 50px rgba(39, 68, 92, 0.05);
    border-radius: 3px;
    /*min-height: 200px;*/
    margin-bottom: 40px;
}


body .page-content #mc_embed_signup{
     background-color: transparent;
}
.sidebar .sidebar-inner .sidebar-item.cta {
    padding: 30px 30px 20px;
}

.navbar .sidebar .sidebar-inner .sidebar-item.cta {
    padding: 0px;
}
.navbar .sidebar .sidebar-inner .sidebar-item.cta {
    padding: 0px;
}
.navbar #mc_embed_signup form{
    margin-bottom: 0!important
}
.navbar .sidebar-item{
    min-width: 390px;
}
.navbar .sidebar-item p, .navbar .sidebar-item h3{
    width: 85%;
}
.sidebar .sidebar-inner .sidebar-item.cta .button:before, .submit-form-btn:before {
    background: #F2BD55;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sidebar .sidebar-inner.is-inview {
    padding-top: 45px;
}

.sidebar-inner.sticky{
    max-width: 360px;
    margin-bottom: 200px;
}
.sidebar-inner.sticky.end {
    bottom: 0!important;
    top: unset!important;
    margin-bottom: 0px;
}

body #mc_embed_signup form{
    margin-bottom: 50px!important;
}

.sidebar button.accordion {
    width: 100%;
    padding: 10px 60px 10px 25px;
    background: white;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
}

.sidebar button.accordion:before {
    content: url('../images/pijl-2.svg');
    position: absolute;
    right: 25px;
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
            transform: translateY(4px);
}

.sidebar button.accordion:after {
    content: url('../images/pijl-1.svg');
    position: absolute;
    right: 25px;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.sidebar .active-menu button.accordion:before {
    opacity: 0;
}

.sidebar .active-menu button.accordion:after {
    opacity: 1;
}

.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


.sidebar .sidebar-nav.sidebar-item li {
    position: relative;
    list-style: none;
    border-bottom: 1px solid #E5E7E8;
}

.sidebar .sidebar-nav.sidebar-item li:nth-child(1){
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
}
.sidebar .sidebar-nav.sidebar-item li:nth-last-child(1) {
    border-bottom: none;
    overflow: hidden;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
}

.sidebar .inactive-menu .panel {
    max-height: 0 !important;
}

.sidebar .panel {
    padding: 0px 25px;
    margin: 0;
    background-color: white;
    max-height: 0;

    overflow: hidden;
    -webkit-transition: max-height .3s ease-out;
    -o-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out;
    position: relative;
}

/* PAGE BOTTOM */
.page-content-footer {
    position: relative;
    padding: 40px 0 0px;
}

.page-content-footer .main-bottom {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

.page-content-footer .main-bottom .page-element{
    width: 100%;
    position: relative;
}
.page-content-footer .main-bottom .page-element::before{
    content: '';
    height: calc(100% - 50px);
    width: 10000px;
    background-color: white;
    right: 0px;
    position: absolute;
    border-radius: 3px;
}

.page-content-footer .main-bottom .swiper-container {
    padding-bottom: 50px;
}

.page-content-footer .main-bottom .swiper-slide {
    padding: 25px 5% 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    background: transparent;
    height: auto;
}

/* POST SHOW */
.page-show .post-element .post-bottom .buttons,
.page-show .post-element .post-bottom .content-inner h3,
.page-show .post-element .post-bottom .featured-image{
    display: none;
}
.mt-40{
    margin-top: 40px!important;
}

 

/* SLIDERS */
.swiper-container {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
}

.swiper-slide {
    text-align: center;
    background: rgba(255, 255, 255, 0.4);
    height: 320px;
    width: 300px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    width: 50px;
    height: 50px;
    background: white;
    border-radius: 100%;
    bottom: 27px;
    top: unset;
}
.swiper-pagination-progressbar{
    background-color: transparent;
}

.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: unset;
    bottom: 50px;

}

.sidebar .relative {
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
}

footer{
    position: relative;
}
/* .sidebar .sidebar-inner{
    overflow-x: hidden;
} */

/* .content_for_post{
    overflow-x: hidden;
} */

.invisibleItem{
    transform: translateX(150%);
    -webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
    -ms-transform: translateX(150%);
    -o-transform: translateX(150%);
    opacity: 0;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: rgba(39, 68, 92, 0.20);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    /* transition-duration: 1s!important; */
}
.swiper-button {
    border: 1px solid #E5E7E8;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.swiper-button:hover {
    -webkit-box-shadow: 0px 3px 36px rgba(39, 68, 92, 0.1);
    box-shadow: 0px 3px 36px rgba(39, 68, 92, 0.1);
    border: 1px solid #FFFFFF;
}

.swiper-button-next:after {
    content: url('../images/pijl-2.svg');
    position: absolute;
    height: 50%;
    line-height: 33px;
    font-size: unset;
}

.swiper-button-prev:after {
    content: url('../images/pijl-2.svg');
    height: 50%;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    line-height: 33px;
    font-size: unset;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: auto;
    right: calc(5% + 10px);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 5%;
    left: auto;
    /* -webkit-transform: translateX(calc(100% + 10px));
    -ms-transform: translateX(calc(100% + 10px));
    transform: translateX(calc(100% + 10px)); */
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 0%;
    bottom: 22.5px;
    z-index: 50;
    height: 5px;
    width: 100%;
    background: transparent;
    border-radius: 0;
    opacity: 1!important;
}

.swiper-scrollbar-drag {
    
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 2px;
    left: 0;
    top: 0;
    background: rgba(39, 68, 92, 0.20);
    transition-duration: 1000ms!important;
    
}

.swiper-slide .element {
    height: 100%;
}

.swiper-slide.references h3, .page-show .post-element .excerpt {
    font-family: 'GTWalsheimPro-Light';
    font-size: 18px;
    line-height: 31px;
    margin-bottom: 15px;
    font-weight: 300;
}

.swiper-slide.references p {
    padding-left: 10%;
    width: 100%;
    position: relative;
}

.swiper-slide.references p:before {
    content: '';
    left: 0;
    top: 13px;
    width: 8%;
    height: 1px;
    background: #E5E7E8;
    position: absolute;
}

.swiper-slide .element-inner {
    position: relative;
    height: 100%;
}
#education .swiper-wrapper, #books .swiper-wrapper{
    -webkit-transition-timing-function:linear!important; 
    -o-transition-timing-function:linear!important; 
    transition-timing-function:linear!important; 
}
.education .swiper-slide {
    width: 591px;
    height: 300px;
    background: white;
    padding: 15px;
}

.book .swiper-slide {
    width: 140px;
    height: 215px;
}

.slider-wrapper ::-webkit-scrollbar {
    width: 1em;
    position: absolute;
}

.slider-wrapper ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
}

.slider-wrapper ::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    max-width: 40px;
    max-height: 40px;
}


/* MAIL CHIMP */
#mc_embed_signup form{
    position: relative!important;
    background-color: #FFFFFF!important;
    -webkit-box-shadow: 0px 3px 50px rgba(39, 68, 92, 0.05)!important;
    box-shadow: 0px 3px 50px rgba(39, 68, 92, 0.05)!important;
    border-radius: 3px!important;
    /*min-height: 200px;
    */margin-bottom: 30px!important;
    padding: 25px 25px 15px!important;
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    -ms-border-radius: 3px!important;
    -o-border-radius: 3px!important;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
}

#mc_embed_signup .button input{
    -webkit-appearance: none!important;
    border: 0!important;
    background: none!important;
    color: white!important;
    height: 100%!important;
    width: 100%!important;
    cursor: pointer!important;
    outline: none!important;
    padding: 10px 15px!important;
    position: relative!important;
    margin: 0;
}
#mc_embed_signup .button{
    position: relative!important;
    min-width: 150px!important;
    min-height: 46px!important;
    height: auto!important;
    cursor: pointer!important;
    -webkit-transition: all .3s ease!important;
    -o-transition: all .3s ease!important;
    transition: all .3s ease!important;
    margin-bottom: 10px!important;
    margin-top: 10px!important;
    display: inline-block!important;
    -moz-transition: all .3s ease!important;
    -ms-transition: all .3s ease!important;
    width: 100%!important;
}

#mc_embed_signup .button{
    position: relative!important;
    min-width: 150px!important;
    min-height: 46px!important;
    width: 100%!important;
    height: auto!important;
    cursor: pointer!important;
    background: transparent!important;
    margin-bottom: 10px!important;
    margin-top: 10px!important;
    display: inline-block!important;
    -webkit-transition: all .3s ease!important;
    -o-transition: all .3s ease!important;
    transition: all .3s ease!important;
    -moz-transition: all .3s ease!important;
    -ms-transition: all .3s ease!important;
    
}
#mc_embed_signup .mc-field-group label{
    position: absolute!important;
    margin-bottom: 0px!important;
    z-index: 5!important;
    padding-left: 40px!important;
    display: block!important;
    left: 22px!important;
    margin: 0!important;
    padding: 0!important;
    width: 100%!important;
    opacity: .5;
    transition: all .4s!important;
    -webkit-transition: all .4s!important;
    -o-transition: all .4s!important;
    -moz-transition: all .4s!important;
    -ms-transition: all .4s!important;
}
#mc_embed_signup .mc-field-group{
    width: 100%!important;
    padding-bottom: 10px!important;
    min-height: 46px!important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.mc-field-group::before{
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    height: calc(100% - 10px);
    width: calc(100%);
    background-color: #F5F7F8;
    border-radius: 50px;
    border: 1px solid #E5E7E8;
}
#mc_embed_signup .mc-field-group input{
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    background: transparent!important;
    color: #274463!important;
    display: block!important;
    margin-top: 0px!important;
    outline: 0!important;
    width: 100%!important;
    z-index: 6!important;
    min-height: 46px!important;
    border-radius: 50px!important;
    border: none!important;
    padding: 5px 18px!important;
    -webkit-border-radius: 50px!important;
    -moz-border-radius: 50px!important;
    -ms-border-radius: 50px!important;
    -o-border-radius: 50px!important;
}
/* POST HEADER */

.post-header-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    padding: 50px 0 50px 0;
    min-height: 200px;
}

.post-header-inner {
    position: relative;
    width: 100%;
}

.post-header-inner .content-wrapper{
    padding-left: calc((100% / 4) + 20px);
} 

.post-header-inner .content-wrapper .page-title{
    width: 100%;
}
.featureditem .post-content {
    width: calc(50% - 15px);
    margin-right: 30px;
}

.featureditem .post-content:nth-last-child(1){
    margin-right: 0%;
}

.featureditem .featured-image {
    height: 185px;
    margin-bottom: 40px;
    margin-top: 20px;
    background-size: cover;
    background-position: center center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.main_book.detail .main, .main_education.detail .main{
    padding-top: 0;
}

/* loader */
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 62px;
    height: 62px;
    margin: 8px;
    border: 6px solid rgb(230, 233, 234);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: rgb(230, 233, 234) transparent transparent transparent;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;

  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
/* POST ITEM */

.items-container {
    position: relative;
}

.item-wrapper {
    position: relative;
    width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 2%;
    /* border: 1px solid #000000; */
    border-radius: 0;
}

.item-wrapper .item-inner {
    position: relative;
}

.item-wrapper .item-content {
    padding: 15px 0;
    color: #000000;
}

.items-container.posts .post-content{
    display: none;
}

.item-wrapper .item-inner p {
    margin-bottom: 0;
}

.boek.item-wrapper .item-image {
    background-color: transparent;
    padding: 0;
    overflow: hidden;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
} 

.boek.item-wrapper .item-image .image-inner{
    background-position: left center;
}

.item-wrapper .item-image {
    position: relative;
    height: 167px;
    padding: 30px;
    background-color: white;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.item-wrapper .item-image .image-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.featureditem {
    border-bottom: 1px solid #E5E7E8;
}

/* CONTACTFORM STYLING */

::-webkit-input-placeholder {
    color: rgba(39, 68, 92, 0.5);
}
::-moz-placeholder {
    color: rgba(39, 68, 92, 0.5);
}
:-ms-input-placeholder {
    color: rgba(39, 68, 92, 0.5);
}
::-ms-input-placeholder {
    color: rgba(39, 68, 92, 0.5);
}
::placeholder {
    color: rgba(39, 68, 92, 0.5);
}

.form-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 3;
    width: 100%;
}

.form-field--is-active .form-field__control::after {
    color: #274463;
    opacity: .8;
    -webkit-transform: scaleX(150);
    -ms-transform: scaleX(150);
    transform: scaleX(150);
}

.form-field--is-active label, .form-field-container .form-field--is-active label {
    color: #274463;
    opacity: .8;
    font-size: 11px;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    z-index: 10;
}

.form-field::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0 ;
    height: 100%;
    width: 100%;
    background-color: white;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: 1px solid #E5E7E8;
}
.textarea .form-field::before{
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
}

.form-field--is-filled label, .form-field-container .form-field--is-filled label{
    font-size: 11px;
    z-index: 10;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 1;
}

.form-field-container .form-field--is-active .form-field__control::after {
    -webkit-transform: scaleX(150);
    -ms-transform: scaleX(150);
    transform: scaleX(150);
}

/*.form-field-container .form-field--is-active .form-field__label {*/
/*-webkit-transform: translateY(0px);*/
/*-ms-transform: translateY(0px);*/
/*transform: translateY(0px);*/
/*}*/

/*.form-field-container .form-field--is-filled .form-field__label {*/
/*-webkit-transform: translateY(0px);*/
/*-ms-transform: translateY(0px);*/
/*transform: translateY(0px);*/
/*}*/

.form-field__label {
    position: absolute;
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 0;
    opacity: .5;

    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.form-field_check_label {
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-field_check_label span {
    margin-left: 10px;
}

.form-field__control {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.form-field__control::after {
    border-bottom: 2px solid rgba(69, 87, 96, 0.48);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 1%;
}
textarea.form-field__input{
    min-height: 170px;
    height: auto;
    border-radius: 23px;
    padding: 25px 40px 100px 22px;
}
.form-field-container.textarea .form-field{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.form-field__input,
.form-field__textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: #274463;
    display: block;
    margin-top: 0px;
    outline: 0;
    width: 100%;
    z-index: 5;
    min-height: 46px;
    border-radius: 50px;
    border: none;
    padding: 5px 25px;
}
.sidebar .form-field__input,
.sidebar .form-field__textarea{
    background: #F5F7F8;
}

.form-field-container {
    position: relative;
    display: inline-block;
    overflow: visible;
    padding-top: 0px;
    width: 100%;
    margin-bottom: 10px;
}

.form-field-container label {
    position: absolute;
    margin-bottom: 0px;
    z-index: 4;
    padding-left: 22px;
}
.form-field-container.textarea label{
    padding-top: 10px;
}

.form-field-container input {
    margin-top: 0;
    padding: 5px 22px;
}

.form-field.first label {
    display: block;
}

.form-field.select select {
    padding: 5px;
    border: 1px solid #27445C;
}

textarea,
input[type="file"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

.form-field input[type="file"] {
    padding-left: 0;
    -webkit-appearance: none;
}

.form-field input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

.form-field input[type="file"]:before {
    content: 'Bestand kiezen';
    display: inline-block;
    padding: 5px 15px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
}

.form-field input[type="checkbox"] {
    position: relative;
    -webkit-appearance: none;
    padding: 9px;
    width: 20px;
    height: 20px;
    border: 1px solid #27445C;
}

.form-field input[type="checkbox"]:checked {
    color: #27445C;
}

.form-field input[type="checkbox"]:after,
.form-field input[type="radio"]:after {
    content: '';
    position: absolute;
    width: 20px !important;
    height: 20px !important;
    top: -1px;
    left: -1px;
    background-color: transparent;

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.form-field input[type="radio"]:after {
    top: 0;
    left: 0;
    border-radius: 100%;
}

.form-field input[type="checkbox"]:checked:after {
    background-color: #27445C;
}

.form-field input[type="radio"] {
    position: relative;
    -webkit-appearance: none;
    padding: 10px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #27445C;
}

.form-field input[type="radio"]:checked {
    color: #27445C;
}

.form-field input[type="radio"]:checked:after {
    background-color: #27445C;
}

textarea {
    min-height: 150px;
    max-height: 350px;
}

.search-result-title a:hover{
    color: #F2BD55;

}

.search-result-title {
    z-index: 10;
    position: relative;
}
/* FOOTER */

.sticky-stopper{
    border: 0px solid #f2bd55;
    /* transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px); */
}

.footer {
    position: relative;
    padding: 45px 0 45px 0;
    background-color: #f5f7f8;
    z-index: 10;
}

/* .footer .plate--container {
    padding-left: 30%;
    padding-right: 5%;
} */

.footer .plate--container .footer--inner {
    /* padding-left: 140px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}
.sticky-element {
    position: fixed;
    background-color: #25d366;
    right: 45px;
    bottom: 45px;
    height: 65px;
    width: 65px;
    border-radius: 100%;
    z-index: 9999;
}

.sticky-element .contact_icon{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 3px;
}

.mobile{
    display: none!important;
}
.sticky-element .counter-number{
    position: absolute;
    top: -2px;
    right: 3px;
    height: 19px;
    width: 19px;
    border-radius: 100%;
    background: #F72D39;
    color: white;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
}

.footer .plate--container .footer--inner .column {
    padding-left: calc(100% / 3);
    width: 100%;
    position: absolute;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.social_media a:before {
    background: transparent;
    height: 100%;
    width: 28px;
    line-height: 26px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: baseline;
    font-family: 'FontAwesome';
    color: #cdd4d8;
    border: none;
    text-align: left;
    font-size: 18px;
    z-index: 2;
    position: relative;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.social_media a.linkedin:before {
    content: '\f0e1';
}
.social_media a:hover::before{
    color: #F2BD55;
}
.social_media a.twitter:before {
    content: '\f099';
}

.social_media a.facebook:before {
    content: '\f082';
}

.social_media a.pinterest:before {
    content: '\f231';
}

.social_media a.instagram:before {
    content: '\f16d';
}

.company-info{
    margin-top: 65px;
    margin-bottom: 65px;
}
.footer .footer-column {
    width: calc(100% / 3);
    padding-right: 10%;
}

.footer .footer-column p:nth-last-child(1) {
    margin-bottom: 0;
}

.footer .footer-column.right {
    padding-right: 0;
}

.footer .socials p {
    margin-right: 30px;
    margin-bottom: 0;
}

.mobile{
    display: none;
}

.post.posts .post-content-inner{
    margin-bottom: 40px;
}

#bookinput input, #educationinput input {
    background: #f5f7f8;
    color: rgba(39, 68, 92, 0.5);
}

#bookinput label, #educationinput label {
    display: none;
}

#bookinput::before, 
#educationinput::before{
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: transparent;
    z-index: 100;
}

.buttons{
    z-index: 10;
}

.content_for_post .main{
    padding-top: 40px;
}

.post-content .buttons .button.link-button {
    display: none;
}
.mobile{
    display: none;
}

.profile .social_media {
    position: relative;
    margin-top: 20px;
}

.profile .social_media a {
    height: 40px;
    width: 40px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: 0 auto;
    background-color: #0A83B7;
    border-radius: 50px;
    border: 1px solid #0A83B7;
}

.profile .social_media a::before{
    text-align: center;
    height: unset;
    color: white;
}

.profile .social_media a:hover{
    text-decoration: unset;
}
.profile .social_media a:hover::before{
    color: white;
}
/* MEDIA QUERIES */
@media screen and (max-height: 700px){
    .sidebar .relative{
        display: none;
    }
}
@media screen and (min-width: 1500px) {
    .items-container .item-wrapper:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 1499px) and (min-width: 1025px) {
    .item-wrapper {
        position: relative;
        width: 49%;
        margin-right: 2%
    }
    .item-wrapper:nth-child(2n) {
        margin-right: 0%
    }

}

@media screen and (max-width: 1100px) {
    .navbar-nav form.search{
        min-width: 200px;
    }
}

@media screen and (max-width: 1024px) {
    .items-container .item-wrapper:nth-child(2n) {
        margin-right: 0;
    }

    .page-content .sidebar {
        display: none;
    }
    .navbar-nav .dropdown-menu{
        display: none!important;
        z-index: 1000;
        opacity: 1;
        top: 0;
        transform: translate(0, 0);
        width: 100%;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        position: relative;
        margin: 15px 0 0 0;
    }
    .navbar-nav .dropdown-menu.mobile.active-cta{
        display: block!important;
    }

    .menu-buttons{
        width: 100%;
    }
    .navbar .navbar-collapse .sidebar-item{
        min-width: unset;
    }
    .page-content .main {
        width: calc((100% / 12) * 8);
        padding-right: 0;
    }

    .profile-sidebar{
        width: calc((100% / 12) * 4);
        margin-top: -110px;
    }
    
    .profile .profile-top .image{
        height: 175px;
        width: 175px;
    }
    .mobile{
        display: block;
    }
    .sidebar{
        margin-top: 30px;
        width: 100%;
        max-width: unset;
        min-width: unset;
    }
    .sidebar button.accordion{
        padding: 7.5px 15px;
        background-color: unset;
    }
    .navbar .plate--container{
        padding-left: 0;
        padding-right: 0;
    }
    .sidebar button.accordion:before, .sidebar button.accordion:after{
        right: 15px;
    }
    .sidebar .panel{
        padding: 0 15px;
        background: transparent;
    }
    .featured-image {
        height: 300px;
    }
    .navbar-toggler {
        display: block;
    }
    .navbar-collapse{
        position: absolute;
        width: 100%;
        top: -17px;
        height: 100vh;
        z-index: 99;
        overflow-y: scroll;
        overflow-x: hidden;
        background: #F5F7F8;
        left: 100%;
        padding: 100px 5% 30px;
        -webkit-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
        transition: all .7s ease-in-out;
    }
    .navbar-nav .nav-item.button{
        width: calc(50% - 7.5px);
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .navbar-nav .nav-item.button:nth-child(2n){
        margin-right: 0px;
    }
    .navbar-nav{
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .menu-open .navbar-collapse{
        left: 0;
    }
    .navbar-nav form.search {
        min-width: unset;
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    .navbar-brand{
        margin-right: 30px;
        margin-left: 5%;
    }
    .mobile{
        display: block!important;
    }
    .desktop{
        display: none!important;
    }
    .plate--container{
        padding-left: 5%;
        padding-right: 5%;
    }

    .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        display: none;
    }
    .post-header-inner .content-wrapper{
        padding-left: calc((((100% / 12) * 4) + 20px));
    }

}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 810px) {
    .profile-sidebar {
        width: 100%;
        padding: 0 0 0 0;
        margin-top: -40px;
        position: relative;
    }
    .post-header-wrapper{
        min-height: 150px;
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .sticky-bar{
        position: relative;
    }
    .profile-sidebar .sticky-bar:before{
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        width: 100%;
        height: calc(100% - 40px);
        background-color: #FFFFFF;
        -webkit-box-shadow: 0px 3px 50px rgba(39, 68, 92, 0.05);
        box-shadow: 0px 3px 50px rgba(39, 68, 92, 0.05);
        border-radius: 3px;
    }
   
    .post-header-wrapper{
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .page-content .main{
        width: 100%;
        padding: 0 0 0 0;
        margin-top: 0!important;    
    }
    

    .profile-sidebar .profile-bottom{
        text-align: left;
    }

    .post-header-inner .content-wrapper {
        padding-left: 0;
    }

    .profile .profile-top .image {
        margin-right: 15px;
        border: 5px solid white;
    }

    .profile-bottom h3{
        margin-bottom: .5rem;
    }
    .profile-sidebar .profile{
        padding: 15px;
        background-color: unset;
        background: unset;
        box-shadow: none;
        border-radius: unset;
        -webkit-border-radius: unset;
        -moz-border-radius: unset;
        -ms-border-radius: unset;
        -o-border-radius: unset;
}

    .profile .profile-top {
        margin-bottom: 15px;
        justify-content: flex-start;
    }

    .sticky-element{
        right: 5%;
        bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    h1, .main .profile .title div:nth-child(1) span, h1.page-title  {
        font-size: 25px;
        line-height: 30px;
    }

    h2, .main .profile .title span {
        font-size: 22px;
        line-height: 24px;
    }

    h3 {
        font-size: 18px;
        line-height: 22px;
    }

    h4 {
        font-size: 18px;
        line-height: 20px;
        color: rgba(39, 68, 92, 0.5);
    }


    p, h5 {
        margin-bottom: 10px;
    }

    .item-wrapper, .items-container .item-wrapper:nth-child(3n) {
        position: relative;
        width: 100%!important;
        margin-right: 0%!important;
    }    
    .edu .profile-top{
         display: none;
    } 
    /* .main_book.detail .main, .main_education.detail .main {
        margin-top: 0;
        padding-top: 60px;
    } */
    .page-content .main.page-show{
        padding-top: 30px
    }
    .page-content .main {
        margin-top: 40px;
    }

    .home-header-wrapper{
        min-height: 150px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .main .profile .profile-top .image {
        height: 150px;
        width: 150px;
        margin-right: 30px;
    }

    .main .profile .profile-bottom {
        padding-bottom: 20px;
    }

    .main .post-element {
        padding-bottom: 30px;
    }

    .main .page-element {
        margin-bottom: 30px;
    }

    .main .profile .profile-top .title {
        width: calc((100% - 30px) - 150px);
        height: 100%;
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .main .profile h4 {
        margin-bottom: 30px;
    }

    .main .post-element .post-content .featured-image {
        height: 200px;
    }

    .main .content-wrapper .slider-wrapper {
        padding: 30px 0px 0px 30px;
        min-height: unset;
        margin-bottom: 30px;
    }

    .main .content-wrapper .slider-wrapper:before{
        display: none;
    }


    .main .content-wrapper .slider-wrapper .swiper-container {
        padding-bottom: 30px;
        overflow-x: visible;
        overflow-y: visible;
    }

    .main .post-element .panel {
        display: block;
        width: 100%;
        padding: 2.5px 0px 0px 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap
    }

    .main .post-element .panel .inner-panel {
        padding: 7.5px 15px;
        display: inline-block;
    }

    .main .post-element .panel .inner-panel:nth-last-child(1) {
        margin-right: auto;
    }

    .main .profile{
        padding-left: 0;
        min-height: unset;
    }

    .buttons, .sidebar .buttons {
        padding-bottom: 10px;
    }

    .button.share{
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .footer .sticky-element{
        right: 5%;
        bottom: 10px
    }

    .page_bottom{
        margin-bottom: 0;
    }

    .filter .mt-5 {
        text-align: center;
    }

    .swiper-container-horizontal > .swiper-scrollbar {
        display: none;
    }

    /* .page-content-footer .main-bottom {
        padding-left: 5%;
    } */

    .page-content-footer .main-bottom .swiper-slide {
        padding: 30px 30px 30px 0 ;
    }

    .page-content-footer .main-bottom {
        width: 100%;
        padding-right: 0px;
        padding: 0px;
    }

    .plate--container.no-reviews{
        padding-top: 0;
    }
    .page-content-footer .main-bottom .page-element::before{
        height: calc(100% - 30px);
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 30px;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
        bottom: 0;
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: auto;
        right: 100px;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
        bottom: 0;
    }
    .footer .plate--container {
        padding-left: 5%;
        padding-right: 5%;
    }
    .footer .footer-column{
        width: 50%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .footer .plate--container .footer--inner{
        padding: 60px 0 0 0;
    }
    .page-content-footer .main-bottom .swiper-container{
        padding-bottom: 30px;
    }
    .page-content-footer{
        padding: 60px 0 0px 0;
    }
    .footer{
        padding: 30px 0;
    }
    .footer .plate--container .footer--inner .column{
        padding-left: 0;
        width: 100%;
        position: relative;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .footer .socials p{
        width: 100%;
        margin-bottom: 10px;
    }
    .featureditem .post-content{
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;  
    }

    .education .swiper-slide{
        padding: 20px 30px;
        height: auto;
    }

    .main .element .image{
        height: 65px;
    }
    .main .post-element .post-content{
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 600px) {
    .main .profile .profile-top .title {
        width: calc((100% - 30px) - 120px);
        padding-bottom: 0px;
    }
    .main .profile .profile-top{
        margin-bottom: 30px ;
    }
    .main .profile .profile-top .image{
        height: 120px;
        width: 120px;
        margin-right: 20px;
    }

    .footer .footer-column{
        width: 100%;
    }

    .profile .profile-top .image{
        height: 125px;
        width: 125px;
        top: -30px;
        border: 3px solid white;
    }
}