@import url(../css/font-awesome.min.css);

:root {
    --primary: #004362;
    --secondary: #ffb100;
    --grey: #dddddd;
    --green: #73c9b7;
    --grey--light: #ecebeb;
    --grey--dark: #717171;
    --primary-opacity: rgba(0, 69, 98, .8);
}

a {
    transition: all .25s ease;
    text-decoration: none;
    color: inherit;
}

@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
    max-width: 100%;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html.remodal-is-locked{
    overflow:visible !important;
}

input[type="text"], input[type="submit"], select, textarea, button {
    -webkit-appearance: none;
}

body {
    margin: 0px;
    padding: 100px 0 0 !important;
    font-family: 'Quicksand', sans-serif;

    font-size: 18px;
    line-height: 30px;
    color: #000000;
    /*transition: padding .3s ease-in-out;*/
}

h1, h2, h3, h4, h5, h6, p, form, input, ul, li {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

ul, ol, li {
    list-style: none;
}

input, select, textarea {
    font-family: 'Quicksand', sans-serif;
}

button {
    border: 0;
    cursor: pointer;
}

a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover {
    text-decoration: none;
    outline: none;
}

a img {
    border: 0px;
    outline: none;
}

.clear {
    clear: both;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
    display: block;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

.hidden {
    display: none;
}

@media screen and (max-width:1230px){
    body {
        padding-top: 60px !important;
    }
}

/* ======================================== Utility ============================================ */
.u-img-container, .u-img-container--cover, .u-img-container--contain {
    position: relative;
}

.u-img-container img[src=''], .u-img-container--cover img[src=''], .u-img-container--contain img[src=''] {
    display: none;
}

.u-img-container--cover {
    background: url("../images/placeholder.png") no-repeat center / cover;
}

.u-img-container--cover img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    pointer-events: none;
    object-fit: cover;
}

.u-img-container--contain {
    display: flex;
    justify-content: center;
    align-items: center;
}

.u-img-container--contain img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}


/* ======================================== Wrapper Styles ============================================ */
.wrapper {
    width: 100%;
    margin: 0px auto;
}

/* ======================================== Container Styles ============================================ */
.container {
    max-width: 1466px;
    margin: 0px auto;
}

.dag_content .container{
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
}

.home_banner {
    width: 100%;
    background: no-repeat center / cover;
    position: relative;
    z-index:1;
}

.home_banner:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:var(--primary-opacity);
    z-index:-1;
}

.mask {
    width: 100%;
    min-height: 64vh;
}

.mask_content {
    width: 420px;
    padding: 30px;
    float: right;
    text-align: right;
    margin-top: 70px;
    line-height:30px;
}
.mask_content.home {
    text-align: left;
    float:none;
    margin:0;
    max-width:620px;
    width:100%;
}

.mask_content.home a+a{
    margin-top:10px;
}

@media screen and (max-width:1230px){
    .mask {
        min-height: 67vh;
    }
}

@media screen and (min-width:751px){
    .mask_content.home{
        position: absolute;
        top: 50%;
        transform: translateY(-75%);
    }
}

.mask_content h2 {
    font-size: 24px;
    line-height: 26px;
    color: #2e2d2c;
    font-weight: bold;
    position: relative;
    padding-bottom: 15px;
}

.mask_content.home h2{
    font-size:55px;
    color:#FFFFFF;
}

.mask_content.home h3{
    font-size:30px;
    margin-bottom:30px;
    color:#FFFFFF;
}

.mask_content h2:after {
    content: '';
    background: #2daae1;
    width: 178px;
    height: 7px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
}

.mask_content.home h2:after {
    content:none;
}

.mask_content p {
    margin-top: 15px;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
}

.banner_bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #1d6fb7;
}

.banner_bottom:before {
    content: '';
    position: absolute;
    left: 0%;
    top: 0;
    background: #2daae1;
    width: 50%;
    height: 100%;
}

.abonnementen_open {
    display: none;
    padding: 55px 0 35px;
    position: absolute;
    left: 0;
    right:0;
    bottom: 100px;
    overflow: hidden;
}

.abonnementen_open:before {
    background: rgba(46, 45, 44, 0.80);
    position: absolute;
    left: -50%;
    top: 0;
    width: 100%;
    content: '';
    height: 100%;
}

.abonnementen_open:after {
    background: rgba(46, 45, 44, 0.80);
    position: absolute;
    right: -50%;
    top: 0;
    width: 100%;
    content: '';
    height: 100%;
}

#close_abon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    z-index: 11;
}

#close_abon2 {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    z-index: 11;
}

.abonnementen_open ul {
    position: relative;
    z-index: 1;
    width: 18%;
    padding: 0 4% 0 0;
    float: left;
    border-right: 1px solid #e4e4e4;
}

.abonnementen_open li {
    color: #feffff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
    text-align: right;
}

.abonnementen_open li a {
    border-bottom: 3px solid transparent
}

.abonnementen_open li a:hover, .abonnementen_open li a.active {
    border-color: #2daae1;
}

.details {
    float: left;
    width: 54%;
    padding: 0 4%;
    border-right: 1px solid #e4e4e4;
    color: #feffff;
    position: relative;
    z-index: 11;
}

.details h2 {
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 25px;
    text-transform: uppercase;
}

.details p {
    padding: 0 0 25px;
}

.details .more {
    padding: 10px 20px;
}

.banner_bottom a {
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
}

.resultaten_btn a, .abon_btn a, #abon_btn_trigger, .dagcommentaar_btn a {
    padding: 35px 0;
}

.abon_btn {
    float: left;
    width: 28%;
    text-align: center;
    background: #2daae1;
    position: relative;
    z-index: 1;
}

.dagcommentaar_btn {
    float: left;
    width: 29%;
    background: #282828;
    text-align: center;
    position: relative;
    z-index: 1;
}

.time {
    float: left;
    width: 23%;
    background: #3c3c3c;
    text-align: center;
    position: relative;
    z-index: 1;
}

.resultaten_btn {
    float: left;
    width: 20%;
    background: #1d6fb7;
    text-align: center;
}

.time p {
    font-size: 26px;
    color: #ffffff;
    float: left;
    padding: 34px 0 26px 2%;
    width: 65%;
    text-align: center;
    text-transform: uppercase;
}

.time time {
    font-size: 26px;
    color: #ffffff;
    float: left;
    padding: 29px 0;
    margin: 5px 0;
    width: 25%;
    text-align: center;
    width: 85px;
    background: #282828;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.abon_btn #abon_btn_trigger {
}

.abonnementen {
    width: 100%;
    padding: 100px 0;
    position:relative;
    z-index:2;
}

.abonnementen_left {
    width: 34%;
    float: left;
}

.abonnementen_right {
    width: 63%;
    float: right;
    padding: 60px 0 0;
}

.abonnementen_right strong {
    color:var(--secondary);
}

.abonnementen_left h2 {
    font-size: 35px;
    color: #282828;
    line-height: 38px;
    font-weight: bold;
    padding: 0 0 30px;
}

.abonnementen_left ul {
    margin: 0 0 25px;
    float: left;
    width: 100%;
}

.abonnementen_left li {
    color: #2e2d2c;
    width: 96%;
    padding: 0 0 0 4%;
    float: left;
    position: relative;
}

.abonnementen_left li:before {
    content: '';
    background: #ff8a00;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 12px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.abonnementen_right h3 {
    font-size: 93px;
    line-height: 96px;
    color: #000000;
    text-transform: uppercase;
}

.center_section {
    padding: calc(100vw / 1920 * 445) 0 calc(100vw / 1920 * 250);
    width: 100%;
    background: var(--primary) center / cover no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87d2f2', endColorstr='#009fe3', GradientType=0); /* IE6-9 */
    position: relative;
    margin-top: calc(-100vw / 1920 * 270);
    z-index: 1;
}

.center_section:before,
.center_section:after,
.center_section .container:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background: center / cover no-repeat;
}

.center_section .container:before {
    opacity: .85;
    background: var(--primary); /* Old browsers */
    background: -moz-linear-gradient(-45deg, var(--primary) 0%, #055a44 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, var(--primary) 0%, #055a44 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, var(--primary) 0%, #055a44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ab487', endColorstr='#055a44', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    height: 100%;
    top: 0;
    z-index: -1;
}

.center_section:before,
.center_section:after {
    background: center / cover no-repeat;
}

.center_section:before {
    height: calc(100vw / 1920 * 375);
    top: -1px;
    background-image: url('../images/graph-mask-top.png');
}

.center_section:after {
    height: calc(100vw / 1920 * 250);
    bottom: -1px;
    background-image: url('../images/graph-mask-bottom.png');
}

.center_section .container ul.slick-slider{
    margin-left: -1.75%;
    width: 101.75%;
}

.center_section .container ul.slick-slider li{
    margin:0 1.75% 0;
}

.center_section .container ul.slick-slider button{
    top:0;

    background:url('../images/play.png') center / cover no-repeat;
    width:30px;
    height:30px;
}

.center_section .container ul.slick-slider button:before,
.center_section .container ul.slick-slider button:after{
    content:none;
}

.center_section .container ul.slick-slider .slick-next{
    right:1.75%;
    transform:translateY(-50%);
}

.center_section .container ul.slick-slider .slick-prev{
    left:1.75%;
    transform:translateY(-50%)rotate(180deg);
}

@media screen and (max-width:1000px){
    .center_section .container ul.slick-slider{
        margin:0 -13px 0;
    }
    .center_section .container ul.slick-slider li{
        margin:0 13px 0;
    }
}

.equal_col {
    width: 48%;
    float: left;
}

.equal_col.last {
    float: right;
}

.equal_col h2 {
    font-size: 35px;
    color: #ffffff;
    line-height: 38px;
    font-weight: bold;
    padding: 0 0 30px;
    text-shadow: rgba(0, 0, 0, 0.30) 0 2px 2px;
}

.equal_col li {
    width: 100%;
    float: left;
    padding: 0 0 10px;
}

.equal_col li .col_img {
    width: 154px;
    float: left;
    border: 4px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #393939;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#393939), to(#13110c));
    background: -webkit-linear-gradient(#393939, #13110c);
    background: -moz-linear-gradient(#393939, #13110c);
    background: -ms-linear-gradient(#393939, #13110c);
    background: -o-linear-gradient(#393939, #13110c);
    background: linear-gradient(#393939, #13110c);
    -pie-background: linear-gradient(#393939, #13110c);
    color: #fff;
    text-align: center;
    min-height: 154px;
}

.equal_col li .col_img img {
    float: left;
    width: 100%;
}

.equal_col li .col_img h3 {
    font-size: 52px;
    line-height: 52px;
    font-weight: bold;
}

.equal_col li .col_img h3 span {
    font-size: 19px;
    line-height: 19px;
}

.center_section .more {
    margin: 45px 0 0;
    padding: 10px 0;
    width: 270px;
    text-align: center;
}

.col_desc {
    width: 70%;
    float: right;
}

.col_desc h2 {
    font-size: 18px;
    text-shadow: none;
    padding: 0;
}

.col_desc p {
    color: #fff;
}

.col_desc p a {
    color: #fff;
    text-decoration: underline;
}

.col_desc p a:hover {
    text-decoration: none;
}

.overons {
    background: #ffffff;
    padding: 40px 0 50px;
    width: 100%;
    position: relative;
}

/*.overons:before{content:''; background:url(../images/center_mask.png) no-repeat center top / cover; width:100%; position:absolute; left:0; top:-400px;*/
/*height:400px;}*/
.overons_content {
    float: left;
    width: calc(100% / 12 * 7 - 16px);
}

@media screen and (min-width:751px){
    .overons_content h2{
        margin-top:40px;
    }
}

.overons_image {
    float: right;
    /*width: 57%;*/
    width:calc(100% / 12 * 5 - 16px);
    height:520px;
}

.twitterfeed {
    float: right;
    width: 39%;
}

.overons_content h2 {
    font-size: 35px;
    color: #2e2d2c;
    line-height: 38px;
    font-weight: bold;
    padding: 0 0 30px;
}

.overons_content p {
    padding: 0 0 30px;
}

.more:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.news_section {
    background: #009fe3;
    padding: 50px 0 30px;
    width: 100%;
}

.uitgelicht {
    float: left;
    width: 58%;
}

.newsletter {
    float: right;
    width: 36%;
}

.newsletter_page {
    box-sizing: border-box;
    width: 70%;
}
.newsletter_page h3 {
    font-size: 35px;
    font-weight: 600;
    padding-bottom:51px;
}

.newsletter_page form{
    display:flex;
}

.newsletter_page.brochure form{
    flex-wrap:wrap;
    justify-content: space-between;
}


.newsletter_page.brochure form ul {
    float: left;
    width: calc(50% - 5px);
}

.newsletter_page.brochure form ul:nth-child(odd) {
    float: right;
}

.newsletter_page.brochure form li {
    float: left;
    width: 100%;
    padding: 0 0 15px;
}

.newsletter_page.brochure form li.submit{
    display:flex;
}

.newsletter_page input:not([type="submit"]) {
    border: 2px solid var(--grey);
    width: 100%;
    padding: 12.5px 10px;
    font-size: 18px;
    background: none;
    transition: border .3s ease-in-out;
    box-sizing: border-box;
}
.newsletter_page input:not([type="submit"]):hover{
    border-color: var(--primary);
}

@media only screen and (max-width: 1300px) {
    .newsletter_page {
        width: 100%;
    }
    .newsletter_page input {
        width: 100%;
    }
}
.news_section h2 {
    font-size: 35px;
    color: #ffffff;
    font-weight: bold;
    padding: 0 0 15px;
    line-height: normal;
}

.uitgelicht li {
    width: 27%;
    padding: 0 3% 0 0;
    margin: 0 3% 0 0;
    float: left;
    border-right: 1px solid #e4e4e4;
    min-height: 100px;
}

.uitgelicht li h3 {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
}

.uitgelicht li p {
    color: #ffffff;
}

.uitgelicht li a {
    color: #fff;
    text-decoration: underline;
}

.uitgelicht li a:hover {
    text-decoration: none;
}

.newsletter form {
    margin: 25px 0 0;
    float: left;
    width: 100%;
}

.videos_section {
    padding: 50px 0;
    background: #ffffff;
}

.videos_section h2 {
    font-size: 35px;
    color: #2e2d2c;
    font-weight: bold;
    padding: 0 0 30px;
}

.videos_section li, .center_section li {
    width: 31%;
    float: left;
    margin: 0 3.5% 0 0;
}

.videos_section li:last-child, .center_section li:last-child {
    margin-right: 0;
}

.videos_section li img, .center_section li img {
    float: left;
    width: 100%;
}

.videos_section li p, .center_section li p {
    color: #2e2d2c;
    width: 100%;
    text-align: center;
}

.videos_section li p a {
    color: #0084ff;
    font-weight: bold;
}

.center_section li p {
    color: #ffffff;
}

.video_box {
    position: relative;
    width: 100%;
    float: left;
    margin: 0 0 18px;
}

.video_box .link {
    background: rgba(0, 0, 0, 0.50) url(../images/play.png) no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.videos_section li img.shadow {
    position: absolute;
    left: 0;
    bottom: -20px;
}

/* ======================================== Utilities ============================================ */

.u-content-footer,
.u-content-title,
.u-content-block {
    position: relative;
    width: 100%;
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 20px;
    z-index: 5;
}

.u-content-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.u-content-title {
    margin-bottom: 4vh;
}

.u-content-footer {
    margin-top: 4vh;
}

.u-content-footer a:not([class]) {
    text-transform: uppercase;
    color: #FFB100;
}

/* ======================================== Grid ============================================ */

.u-grid {
    position: relative;
    display: flex;
    width: calc(100% + 30px);
    margin: 0 -15px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.u-grid-1 {
    width: calc(100% / 12 * 1 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

.u-grid-2 {
    width: calc(100% / 12 * 2 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

.u-grid-3 {
    width: calc(100% / 12 * 3 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

.u-grid-4 {
    width: calc(100% / 12 * 4 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

.u-grid-5 {
    width: calc(100% / 12 * 5 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

.u-grid-6 {
    width: calc(100% / 12 * 6 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

.u-grid-7 {
    width: calc(100% / 12 * 7 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

.u-grid-8 {
    width: calc(100% / 12 * 8 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

.u-grid-9 {
    width: calc(100% / 12 * 9 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

.u-grid-10 {
    width: calc(100% / 12 * 10 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

.u-grid-11 {
    width: calc(100% / 12 * 11 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

.u-grid-12 {
    width: calc(100% / 12 * 12 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

@media screen and (min-width: 351px) {
    .u-grid-xs-1 {
        width: calc(100% / 12 * 1 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xs-2 {
        width: calc(100% / 12 * 2 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xs-3 {
        width: calc(100% / 12 * 3 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xs-4 {
        width: calc(100% / 12 * 4 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xs-5 {
        width: calc(100% / 12 * 5 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xs-6 {
        width: calc(100% / 12 * 6 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xs-7 {
        width: calc(100% / 12 * 7 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xs-8 {
        width: calc(100% / 12 * 8 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xs-9 {
        width: calc(100% / 12 * 9 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xs-10 {
        width: calc(100% / 12 * 10 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xs-11 {
        width: calc(100% / 12 * 11 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xs-12 {
        width: calc(100% / 12 * 12 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media screen and (min-width: 551px) {
    .u-grid-sm-1 {
        width: calc(100% / 12 * 1 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-sm-2 {
        width: calc(100% / 12 * 2 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-sm-3 {
        width: calc(100% / 12 * 3 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-sm-4 {
        width: calc(100% / 12 * 4 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-sm-5 {
        width: calc(100% / 12 * 5 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-sm-6 {
        width: calc(100% / 12 * 6 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-sm-7 {
        width: calc(100% / 12 * 7 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-sm-8 {
        width: calc(100% / 12 * 8 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-sm-9 {
        width: calc(100% / 12 * 9 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-sm-10 {
        width: calc(100% / 12 * 10 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-sm-11 {
        width: calc(100% / 12 * 11 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-sm-12 {
        width: calc(100% / 12 * 12 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media screen and (min-width: 771px) {
    .u-grid-md-1 {
        width: calc(100% / 12 * 1 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-md-2 {
        width: calc(100% / 12 * 2 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-md-3 {
        width: calc(100% / 12 * 3 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-md-4 {
        width: calc(100% / 12 * 4 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-md-5 {
        width: calc(100% / 12 * 5 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-md-6 {
        width: calc(100% / 12 * 6 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-md-7 {
        width: calc(100% / 12 * 7 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-md-8 {
        width: calc(100% / 12 * 8 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-md-9 {
        width: calc(100% / 12 * 9 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-md-10 {
        width: calc(100% / 12 * 10 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-md-11 {
        width: calc(100% / 12 * 11 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-md-12 {
        width: calc(100% / 12 * 12 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media screen and (min-width: 1181px) {
    .u-grid-xl-1 {
        width: calc(100% / 12 * 1 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xl-2 {
        width: calc(100% / 12 * 2 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xl-3 {
        width: calc(100% / 12 * 3 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xl-4 {
        width: calc(100% / 12 * 4 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xl-5 {
        width: calc(100% / 12 * 5 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xl-6 {
        width: calc(100% / 12 * 6 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xl-7 {
        width: calc(100% / 12 * 7 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xl-8 {
        width: calc(100% / 12 * 8 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xl-9 {
        width: calc(100% / 12 * 9 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xl-10 {
        width: calc(100% / 12 * 10 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xl-11 {
        width: calc(100% / 12 * 11 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .u-grid-xl-12 {
        width: calc(100% / 12 * 12 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}


/* ======================================== Footer Styles ============================================ */

.flex-footer {
    background-color: #562EB2;
    padding-top: 10vh;
    padding-bottom: 20px;
    color: #ffffff;
    position: relative;
}

.flex-footer__col, .flex-footer__col--full {
    width: calc(100% / 12 * 12 - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 2vh;
}

@media screen and (min-width: 551px) {
    .flex-footer__col, .flex-footer__col--full {
        width: calc(100% / 12 * 6 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media screen and (min-width: 771px) {
    .flex-footer__col, .flex-footer__col--full {
        width: calc(100% / 12 * 4 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media screen and (min-width: 1291px) {
    .flex-footer__col, .flex-footer__col--full {
        width: calc(100% / 12 * 3 - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}

.flex-footer__col h5, .flex-footer__col--full h5 {
    margin-bottom: 10px;
    font-weight: 700;
}

.flex-footer__col ul:not(.c-social) li, .flex-footer__col--full ul:not(.c-social) li {
    font-size: 1rem;
    line-height: 1.25;
    position: relative;
    font-weight: 700;
}

.flex-footer__col ul:not(.c-social) li a, .flex-footer__col--full ul:not(.c-social) li a {
    font-size: 1em;
}

.flex-footer__col ul:not(.c-social) li a:hover, .flex-footer__col--full ul:not(.c-social) li a:hover {
    color: #FFB100;
}

.flex-footer__col ul:not(.c-social) li + li, .flex-footer__col--full ul:not(.c-social) li + li {
    margin-top: 10px;
}

.flex-footer__col--full {
    width: calc(100% / 12 * 12 - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5vh;
}

.flex-footer__disclaimer {
    width: calc(100% / 12 * 12 - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    order: 99;
    font-size: 0.75rem;
    padding-top: 20px;
}

@media screen and (min-width: 551px) {
    .flex-footer__disclaimer {
        padding-top: 40px;
        text-align: left;
    }
}

.flex-footer__disclaimer a:hover {
    color: #FFB100;
}

.flex-footer__disclaimer li {
    width: 100%;
}

@media screen and (min-width: 551px) {
    .flex-footer__disclaimer li {
        width: auto;
    }
}

.flex-footer__disclaimer li:not(:last-child):after {
    padding: 0 5px;
}

@media screen and (min-width: 551px) {
    .flex-footer__disclaimer li:not(:last-child):after {
        content: '|';
    }
}

.flex-footer .logo-footer svg {
    width: 187px;
    height: 50px;
}

.flex-footer .logo-footer svg * {
    fill: currentColor;
}

.flex-footer__col .flex-form input:not([type=submit]){
    width: 100%;
    padding: 8px;
    font-family: Quicksand,sans-serif;
    font-size: 1rem;
    border: 2px solid #fff;
    border-radius: 0;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.flex-footer__col .flex-form {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex-footer__col .flex-form__row {
    width: 100%;
    margin-bottom: 10px;
}

.flex-footer__col .flex-form__submit {
    display: flex;
    width: 100%;
    margin-bottom: 0;
    align-items: center;
}

@media screen and (min-width: 551px) {
    .flex-footer__col .flex-form__row {
        margin-bottom: 20px;
    }
}

.c-direct {
    position: fixed;
    font-size: 0.85rem;
    z-index: 999;
    bottom: 7vh;
    right: 0;
    display: flex;
    flex-direction: column;
    width: auto;
    background: transparent;
    align-items: flex-end;
}

@media screen and (min-width: 551px) {
    .c-direct {
        font-size: 1rem;
        bottom: 10vh;
    }
}

@media screen and (min-width: 771px) {
    .c-direct {
        font-size: 1.125rem;
        bottom: 18vh;
    }
}

.c-direct__inner {
    position: absolute;
    bottom: 0;
    right: calc(100% - 625em);
    display: flex;
    flex-direction: column;
}

.c-direct__btn {
    font-size: 1em;
    font-weight: 700;
    display: flex;
    align-items: center;
    align-content: center;
    overflow: hidden;
    position: relative;
    min-width: 3.125em;
    max-width: 3.125em;
    height: 3.125em;
    margin-bottom: 0;
    padding: 0.625em;
    border-radius: 5px;
    transition: all 0.25s ease;
    text-align: left;
    white-space: nowrap;
    color: #24272B;
    background-color: #f0be32;
    box-sizing: border-box;
}

.c-direct__btn svg {
    width: 1.875em;
    min-width: 1.875em;
    height: 1.875em;
    min-height: 1.875em;
    margin-right: 0.625em;
}

.c-direct__btn svg * {
    fill: currentColor;
}

.c-direct__btn:hover {
    max-width: 200px;
    background-color: #0ab487;
    color: #ffffff;
}

.chat_fixed {
    position: fixed;
    right: 70px;
    bottom: 96px;
    z-index: 52;
}

/* ======================================== Media Styles ============================================ */
.inner_content {
    background: #F2F2F2;
}

.breadcrumb {
    width: 100%;
    float: left;
    padding: 5px 0;
}

.breadcrumb li {
    color: #9d9d9c;
    float: left;
    padding: 0 10px 0 0;
}

.breadcrumb li a {
    color: #9d9d9c;
}

.inner_content h1 {
    font-size: 60px;
    color: #000000;
    font-weight: bold;
    line-height: 1;
    padding: 0 0 15px;
}

.big_video {
    width: 100%;
    float: left;
}

.big_video .video_box {
    width: 65%;
    float: left;
    background: none;
    -webkit-box-shadow: rgba(0, 0, 0, 0.50) 0px 0px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.50) 0px 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.50) 0px 0px 10px;
}

.big_video .video_box .link {
    background-color: inherit;
    z-index: 3;
}

.big_video .video_box .overlay {
    background: url(../images/big_shadow.png) no-repeat center bottom;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.big_video .video_box .video_thumbnail {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    background-position: center;
}

.video_caption {
    position: absolute;
    left: 0;
    bottom: 20px;
    padding: 0 10%;
    width: 80%;
    z-index: 15;
}

.big_video .video_box img {
    float: left;
    width: 100%;
}

.BV_desc {
}

.video_caption h3 {
    color: #ffffff;
    font-size: 19px;
}

.video_caption p {
    color: #ffffff;
}

.video_caption h3 a {
    color: #0084ff;
}

#big_video_caption h3 span {
    display: none;
}

.BV_desc {
    float: right;
    width: 32%;
    padding: 30px 0 0;
}

.BV_desc h2 {
    color: #000000;
    font-size: 21px;
    font-weight: bold;
    padding: 0 0 20px;
}

.BV_desc p {
    color: #000000;
    padding: 0 0 20px;
}

.videos_section {
    float: left;
    width: 100%;
    padding: 25px 0;
}

.center_section h2 {
    color: #ffffff;
    font-weight:700;
    text-align:center;
}

.videos_section ul, .center_section ul {
    padding: 25px 0;
    width: 100%;
    float: left;
}

.videos_section .video_caption, .center_section .video_caption {
    bottom: 5px;
    width: 94%;
    padding: 0 3%;
}

.videos_section .video_caption h3, .center_section .video_caption h3 {
    float: left;
    font-weight: bold;
    width: auto;
}

.videos_section .video_caption span, .center_section .video_caption span {
    display: inline-block;
    font-weight: initial;
    float: right;
    font-size: 12px;
    color: #fffffe;
}

.videos_section .video_box .link, .center_section .video_box .link {
    background-color: inherit;
}

.videos_section .video_box .overlay, .center_section .video_box .overlay {
    background: url(../images/big_shadow.png) no-repeat center bottom / 100%;
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.videos_section .video_box, .center_section .video_box {
    -webkit-box-shadow: rgba(0, 0, 0, 0.50) 0px 0px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.50) 0px 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.50) 0px 0px 10px;
    height: 260px;
    background-position: center;
}

/* ======================================== Dagcommentaar Styles ============================================ */

.dagcommentaar_banner .mask { /*background-image:url(../images/inner_mask.svg); */
    min-height: 570px;
}

.dagcommentaar_banner h2:after {
    display: none;
}

.dagcommentaar_banner .mask_content {
    width: 75%;
    padding-right: 0;
    margin-top: 400px;
}

.dagcommentaar_banner h2 {
    font-size: 50px;
    text-align: right;
    text-transform: uppercase;
    line-height: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.dagcommentaar_banner h3 {
    font-size: 31px;
    text-align: right;
    color: #35a8df;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
}

.bottom_bb {
    width: 100%;
    position: relative;
    height: 105px;
    margin: 60px 0 80px;
    float: left;
}

.dag_content {
    background: #F2F2F2;
}

.gray_container {
    background: rgba(250, 250, 250, 0.90);
    padding: 5%;
    padding-top: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.dag_content h1 {
    font-size: 28px;
    color: #000000;
    font-weight: bold;
    line-height: 1;
    padding: 0 0 15px;
}

.dag_content h2 {
    padding-top: 10px;
    padding-bottom: 16px;
}

.dag_content p img{
    height:auto;
}

.dag_content p:not(:last-child) {
    padding-bottom: 16px;
}

.dag_content .article-info__top,
.dag_content .article-info__bottom{
    text-transform:uppercase;
}

.dag_content .article-info__top span{
    color:var(--primary);
}

.dag_content .article-info__bottom{
    margin-bottom:15px;
}

@media screen and (min-width: 771px) {
    .dag_content h1 {
        font-size: 40px;
    }
}

@media screen and (min-width: 1201px) {
    .dag_content h1 {
        font-size: 60px;
    }
    .dag_content .article-info__bottom{
        margin-bottom:50px;
    }
}

.timer_content {
    width: 100%;
    display: inline-block;
    padding: 0 0 30px;
}

.timer_content h2 {
    font-size: 24px;
    color: #2e2d2c;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
    padding: 0 0 30px;
    float: left;
}

.timer_content .more {
    float: right;
    padding: 5px 15px;
    margin: -10px 0 0;
}

.timer_content p {
    width: 100%;
    float: left;
}

.bottom_bb .banner_bottom:before, .bottom_bb .abon_btn {
    background: #ffffff;
}

.bottom_bb .abon_btn a {
    color: #35a8df;
}

/* ======================================== Textpage Styles ============================================ */

.dag_content .breadcrumb {
    /*position: absolute;*/
    /*width: 70%;*/
    /*right: 0;*/
    /*top: -60px;*/
}

.dag_content .breadcrumb a, .dag_content .breadcrumb li {
    color: #FFFFFF;
}

.sidebar {
    width: 465px;
    background: #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, .16);
    padding: 20px 25px 25px;
    box-sizing: border-box;
    z-index:1;
    margin-top:-55px;
}

.sidebar .sidebar__item {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    position:relative;
}

.sidebar .sidebar__item:hover .sidebar__item__title{
    color:var(--primary);
}

.sidebar .sidebar__item:not(:last-of-type) {
    margin-bottom: calc(100vw / 1920 * 30);
}

.sidebar .sidebar__item .sidebar__item__title {
    flex:1;
    margin-left: 15px;
    font-size: 20px;
    line-height: 25px;
    transition:all .3s ease-in-out;
}

.sidebar .sidebar__item .sidebar__item__img {
    width: 195px;
    min-height: 125px;
}

.sidebar .sidebar__item a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.SB_right {
    flex:1;
    margin-right:20px;
}

.SB_right article,
.SB_right .SB_right__content{
    background:#FFFFFF;
    display: inline-block;
    box-shadow:0 0 5px rgba(0,0,0,.16);
    margin-bottom:calc(100vw / 1920 * 225);
    width: 100%;
    box-sizing: border-box;
}

.SB_right article ol,
.SB_right .SB_right__content ol,
.SB_right article ol li,
.SB_right .SB_right__content ol li{
    list-style-type: decimal;
}

.SB_right article ul,
.SB_right .SB_right__content ul,
.SB_right article ol,
.SB_right .SB_right__content ol {
    margin: 0 0 25px;
    float: left;
    width: 100%;
}

.SB_right article ul li,
.SB_right .SB_right__content ul li {
    color: #2e2d2c;
    width: 96%;
    padding: 0 0 0 20px;
    float: left;
    position: relative;
}

.SB_right article ul li:before,
.SB_right .SB_right__content ul li:before {
    content: '';
    background: #ff8a00;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 12px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.sidebar li {
    width: 100%;
    float: left;
    position:relative;
}

.sidebar li a:before{
    content:"";
    position:absolute;
    left:-25px;
    top:0;
    width:0;
    height:100%;
    background:var(--primary);
    transition:all .3s ease-in-out;
}

.sidebar li a:after{
    content:"";
    position:absolute;
    left:-25px;
    top:0;
    width:calc(100% + 50px);
    height:100%;
    transition:all .3s ease-in-out;
    z-index:-1;
}

.sidebar li a {
    color: #2e2d2c;
    padding: 5px 0;
    float: left;
    width:100%;
}

.sidebar li.active:after, .sidebar li.current-menu-item:after, .sidebar li a:hover:after{
    background:var(--grey);
}
.sidebar li.active:before, .sidebar li.current-menu-item:before, .sidebar li a:hover:before {
    width:5px;
}

.sidebar .more {
    margin: 30px 0 0;
}

@media screen and (max-width:1350px){
    .sidebar {
        width: 400px;
    }
    .sidebar .sidebar__item .sidebar__item__img {
        width:125px;
    }

    .sidebar .sidebar__item .sidebar__item__title {
        font-size:16px;
        line-height:1.25;
    }
}

@media screen and (max-width:1000px){
    .sidebar {
        margin:20px 0 calc(100vw / 1920 * 225);
        width:100%;
    }
    .dag_content .SB_right article,
    .dag_content .SB_right{
        margin:0;
    }

    .sidebar .sidebar__items{
        display:flex;
        flex-wrap:wrap;
        justify-content: space-between;
    }

    .sidebar .sidebar__items ul{
        width:100%;
    }

    .sidebar .sidebar__items h2{
        width:100%;
    }

    .sidebar .sidebar__item{
        width:calc(50% - 10px);
    }

    .sidebar .sidebar__item .sidebar__item__img {
        width:75px;
        min-height:75px;
    }
}

@media screen and (max-width:560px){
    .sidebar .sidebar__item{
        width:100%;
        max-width:420px;
    }
}

.shadow_box {
    display: inline-block;
    -webkit-box-shadow: #666 0px 0px 10px;
    -moz-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;
    margin: 40px 0;
}

.shadow_box img {
    float: left;
}

.aligncenter {
    text-align: center;
}

/* ======================================== Abbonnementen Styles ============================================ */
.abbon_banner {
    background-image: url(../images/abonnementen_banner.jpg);
}

.abon_content {
    background: url(../images/text_bottom_bg.jpg) repeat-x center top #35a8df;
    padding-bottom: 40px;
}

.abon_sidebar {
    float: left;
    width: 27%;
}

.abon_right {
    /*background: rgba(250, 250, 250, 0.90);*/
    float: right;
    width: 71%;
    padding: 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.abon_sidebar li {
    width: 100%;
    float: left;
}

.abon_sidebar li a {
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    background: #282828;
    position: relative;
    font-size: 21px;
    line-height: normal;
    color: #ffffff;
    padding: 25px 35px 25px 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.abon_sidebar li a:before {
    position: absolute;
    right: 20px;
    top: 25px;
    content: "\f054";
    color: #fff;
    font-family: 'FontAwesome';
}

.abon_sidebar li a:after {
    background: #e4e4e4;
    width: 80%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    height: 1px;
}

.abon_sidebar li a:hover, .abon_sidebar li.active a {
    background: #35a8df;
}

.abon_sidebar li:last-child a :after {
    display: none;
}

.abon_right p {
    padding: 0 0 30px;
}

.abon_right h2 {
    padding: 0 0 30px;
    font-size: 22px;
    color: #2e2d2c;
    font-weight: bold;
}

.abon_right ul.tick {
    padding: 0 0 30px;
}

.abon_right .tick li {
    padding: 0 0 0 32px;
    background: url(../images/tick.png) no-repeat left 7px;
}

.abon_right p a {
    color: #35a8df;
}

.abon_right h2.no_padding {
    padding: 0;
}

.button_content {
    width: 100%;
    position: relative;
}

.button_content .more {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    position: relative;
}

.button_content .more .fa {
    position: absolute;
    right: 15px;
    top: 17px;
    z-index: 11;
}

.popup_content {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 11;
    background: rgba(40, 40, 40, 0.90);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5%;
    background: #3d3d3d;
    color: #fff;
}

.popup_content h1 {
    font-size: 48px;
    color: #ffffff;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
}

.popup_content p {
    padding: 0 0 5px;
}

.line {
    background: #fff;
    height: 1px;
    width: 100%;
    display: inline-block;
    font-size: 0;
    margin: 0 0 5px;
}

.popup_content h3 {
    font-size: 22px;
    color: #35a8df;
    line-height: normal;
    font-weight: bold;
    padding: 0 0 30px;
}

.logo_icons {
    width: 100%;
}

.logo_icons li {
    display: inline-block;
    margin: 0 40px 0 0;
    max-width: 100px;
}

.logo_icons li:hover {
    cursor: pointer;
}

.logo_icons li a {
    padding: 15px 0;
    width: 86px;
    text-align: center;
    display: inline-block;
    background: #fff;
    border: 5px solid transparent;
}

.logo_icons li.active a {
    border-color: #35a8df;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.logo_icons li span {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
}

.popup_content button, .popup_content input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:none;
    cursor: pointer;
    background: #35a8df;
    color: #fff;
    font-weight: bold;
    padding: 10px 0;
    width: 274px;
    display: inline-block;
    font-size: 18px;
    margin: 30px 0 0;
}
.input_fields {
    width: 100%;
    display: inline-block;
}

.input_fields li {
    width: 48%;
    float: left;
    padding: 0 0 15px;
}

.input_fields li.right {
    float: right;
}

.input_fields li input {
    background: #fff;
    font-size: 18px;
    color: #282828;
    width: 97%;
    padding: 10px 0 10px 3%;
    border: none;
    -webkit-transition: background .25s;
    -moz-transition: background .25s;
    -ms-transition: background .25s;
    -o-transition: background .25s;
    transition: background .25s;
}

.input_fields li input.large_field {
    width: 70%;
}
.input_fields li input.error {
    background: #ffa8a8;
}
.input_fields li input.error::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #8e5d5d;
}
.input_fields li input.error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #8e5d5d;
    opacity:  1;
}
.input_fields li input.error::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #8e5d5d;
    opacity:  1;
}
.input_fields li input.error:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #8e5d5d;
}
.input_fields li input.small_field {
    width: 20%;
    float: right;
}

.kies_een {
    width: 100%;
    display: inline-block;
}

.kies_een .equal {
    width: 48%;
    float: left;
}

.kies_een .equal_right {
    float: right;
}

.kies_een input[type="radio"] {
    display: none;
}

.kies_een input[type="radio"] + label:before {
    width: 17px;
    height: 17px;
    margin: 0 10px 0 0;
    background: #e1e1e1;
    border: 1px solid #bfbfbf;
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.kies_een input[type="radio"]:checked + label:before {
    background: #e1e1e1 url(../images/dot.png) no-repeat center center;
}

.kies_een input[type="radio"] + label {
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

.kies_een ul {
    margin: 5px 0 0 7%;
}

.kies_een li {
    color: #ffffff;
    position: relative;
    padding: 0 0 0 8%;
}

.kies_een li:before {
    content: '';
    background: #fff;
    width: 5px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

/* ======================================== Resultaten Styles ============================================ */
.resultaat {
    position: relative;
    padding: 40px;
    background: #FFFFFF;
    box-shadow: 0 0 5px rgba(0,0,0,.16);
    margin-bottom: calc(100vw / 1920 * 225);
    /*overflow:hidden;*/
}

.resultaat p a {
    color: var(--primary);
}

.resultaat .row{
    display:flex;
}

.top_table {
    padding: 50px 0 0;
    float: left;
    width: 100%;
}

.side_TT {
    width: 85px;
    /*float: left;*/
}

@media screen and (max-width:1000px){
    .side_TT.blank {
        width: 0;
    }
}

.table_desc {
    /*width: 75%;*/
    /*float: right;*/
    flex:1;
}

.tabs_top {
    width: 100%;
    float: left;
    margin: 0 0 40px;
}

.tabs_top ul {
    -webkit-box-shadow: rgba(0, 0, 0, 0.26) 0 0 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.26) 0 0 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.26);
    float: left;
    background: #fff;
}

.tabs_top li {
    float: left;
    border-right: 1px solid #e5e5e5;
    user-select:none;
}
/*.tabs_top li:last-of-type {*/
    /*padding: 12px 20px;*/
/*}*/

.tabs_top li a {
    float: left;
    padding: 12px 20px;
    color: #262626;
}

.tabs_top li a:hover, .tabs_top li.active a {
    background: var(--primary);
    color: #fff;
    font-weight: bold;
}

.side_TT .years {
    text-align: right;
    padding: 175px 0 0;
    height:100%;
}

.side_TT .years li {
    padding: 7px 0;
}

.side_TT .years li a {
    color: #000000;
    width: 70px;
    display: inline-block;
    border-bottom: 5px solid transparent;
    text-align: left;
    padding: 2px 0;
}

.side_TT .years li a:hover, .side_TT .years li.active a {
    color: #000000;
    font-weight: bold;
    border-color: var(--primary);
}

.table_tabs {
    width: 100%;
    float: left;
}

.table_tabs li {
    float: left;
}

.table_tabs li a {
    float: left;
    padding: 3px 25px;
    color: #262626;
    border-bottom: 5px solid #e5e5e5;
}

.table_tabs li a:hover, .table_tabs li.active a {
    border-color: var(--primary);
    font-weight: bold;
}

.table_desc .more {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: normal;
    padding: 22px 50px;
    margin: 10px 0 0;
}

.bottom_table .table_tabs .months{
    display:flex;
}

.bottom_table .table_tabs li{
    flex:1;
}

.bottom_table .table_tabs li a {
    padding: 3px 12px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.table_img {
    padding: 18px 0 0;
    width: 100%;
    display: inline-block;
}

table.results {
    border-collapse: collapse;
    width: 100%;
    font-size: 17px;
    line-height: 43px;
}

table.results td {
    padding: 0 14px;
}

table.results th {
    text-align: left;
    padding: 0 14px;
}

table.results tr:nth-of-type(even) {
    background-color: #F2F2F2;
}

table.results tr:nth-of-type(odd) {
    background-color: #ffffff;
}

table.results thead tr:first-of-type {
    background-color: transparent;
    color: black;
}
th.buy_date {
    width: 100px !important;
}
th.fund {
    width: 150px !important;
}
th.amount {
    width: 80px !important;
}
th.call_put {
    width: 85px !important;
}
th.series {
    width: 120px !important;
}
th.sell_date,
th.profit_loss,
th.sell_price,
th.buy_price{
    width: 120px !important;
}
/* ======================================== Nieuwsoverzicht Styles ============================================ */
.news_box {
    padding: 0 0 30px 0;
    margin: 0 0 30px;
    float: left;
    width: 100%;
    border-bottom: 2px solid #e6e6e6;
}

.news_img {
    float: left;
    width: 39%;
    max-width: 390px;
}

.news_img .shadow_box {
    margin: 0;
}

.news_desc {
    float: right;
    width: 57%;
}

.news_desc--full_width {
    width: 100%;
}

.news_desc h2 {
    color: #2e2d2c;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 20px;
}

.news_desc h2 a {
    color: #2e2d2c;
}

.news_desc p a {
    color: #2e2d2c;
    text-decoration: underline;
}

.news_desc p a:hover {
    text-decoration: none;
}

.pagination {
    width: 100%;
    float: left;
    display:flex;
    justify-content: center;
    margin:20px 0;
}

.pagination ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination li {
    float: left;
    user-select:none;
    transition:all .3s ease-in-out;
    display: flex;
    width:auto !important;
    padding:0 !important;

}

.pagination li:before{
    content:none !important;
}

.pagination .page-numbers{
    min-width:31px;
    height:31px;
    text-align:center;
    border:2px transparent solid;
    align-items: center;
    justify-content: center;
}

.pagination .dots{
    margin:0 5px;
    pointer-events: none;
}

.pagination li a {
    float: left;
    color: #000000;
    padding: 0 5px;
    width:100%;
    height: 100%;
    box-sizing:border-box;
    text-align:center;
    transition:all .3s ease-in-out;
    display:flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.pagination li.current,
.pagination .page-number:hover {
    /*display:block;*/
    border-color:var(--secondary);
    border-radius:3px;
}

.pagination li.current{
    background:var(--secondary);
    margin:0;
}

.pagination .prev:hover a,
.pagination .next:hover a{
    color:var(--secondary);
}

@media screen and (max-width:590px){
    .pagination .prev,
    .pagination .next{
        display:none;
    }
}

.news_img .shadow_box .col_img {
    width: 154px;
    float: left;
    border: 4px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #393939;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#393939), to(#13110c));
    background: -webkit-linear-gradient(#393939, #13110c);
    background: -moz-linear-gradient(#393939, #13110c);
    background: -ms-linear-gradient(#393939, #13110c);
    background: -o-linear-gradient(#393939, #13110c);
    background: linear-gradient(#393939, #13110c);
    -pie-background: linear-gradient(#393939, #13110c);
    color: #fff;
    text-align: center;
    min-height: 154px;
}

.agenda_img .shadow_box .col_img {
       width: 154px;
       float: left;
       border: 4px solid #ffffff;
       -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
       border-radius: 3px;
       background: #35a8df;
       background: -webkit-gradient(linear, 0 0, 0 bottom, from(#35a8df), to(#0979af));
       background: -webkit-linear-gradient(#35a8df, #0979af);
       background: -moz-linear-gradient(#35a8df, #0979af);
       background: -ms-linear-gradient(#35a8df, #0979af);
       background: -o-linear-gradient(#35a8df, #0979af);
       background: linear-gradient(#35a8df, #0979af);
       -pie-background: linear-gradient(#35a8df, #0979af);
       color: #fff;
       text-align: center;
       min-height: 154px;
   }
.news_img .shadow_box .col_img h3 {
    font-size: 52px;
    line-height: 52px;
    font-weight: bold;
}

.news_img .shadow_box .col_img h3 span {
    font-size: 19px;
    line-height: 19px;
}

/* ======================================== Contact Styles ============================================ */
.contact_left {
    width: calc(50% - 10px);
    float: left;
    height: 480px;
}

.contact_right {
    width: calc(50% - 10px);
    float: right;
}

.contact_right p:not(:last-of-type) {
    padding: 0 0 30px;
}

.contact_form {
    width: 100%;
    float: left;
    padding: 40px 0 0;
    position:relative;
}

.contact_form .wpcf7 .wpcf7-form{
    position:static;
}

@media only screen and (max-width: 750px) {
    .contact_left {
        height: 250px;
        margin-bottom:20px;
    }
    .contact_right p:not(:last-of-type){
        padding-bottom:15px;
    }
    .contact_form{
        padding-top: 20px;
    }
}

.contact_form ul {
    float: left;
    width: calc(50% - 5px);
}

.contact_form ul:nth-child(odd) {
    float: right;
}

.contact_form li {
    float: left;
    width: 100%;
    padding: 0 0 15px;
}

.contact_form li input:not([type="submit"]), .contact_form li textarea {
    border: 2px solid var(--grey);
    width: 100%;
    padding: 12.5px 10px;
    font-size: 18px;
    background: none;
    transition: border .3s ease-in-out;
    box-sizing:border-box;
}

.contact_form li input:not([type="submit"]):hover, .contact_form li textarea:hover {
    border-color: var(--primary);
}

.contact_form li.submit{
    display:flex;
}

.contact_form li textarea {
    min-height: 245px;
    overflow: auto;
    resize:vertical;
}

.contact_form li button {
    width: 260px;
    padding: 8px 0;
    font-size: 18px;
}

.contact_home .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    display: none !important;
}

.contact_home span.wpcf7-not-valid-tip {
    font-size: 12px;
    line-height: 12px;
}

.contact_home .ajax-loader {
    display: none !important;
}

.contact_home .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 0;
    padding: 10px;
}

.contact_home div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
    font: 26px/30px dashicons;
    margin-right: 16px;
    vertical-align: middle;
}

.contact_home div.wpcf7-mail-sent-ok:before {
    content: "\f147";
}

.contact_home .form-control {
    width: 100%;
    margin-bottom: 10px;
}

.contact_home .form-control input {
    width: 100%;
    padding: 10px 15px;
    box-sizing : border-box;
    border: 1px solid #adacac;
    font-size: 14px;
}

.contact_home .form-control input[type="submit"] {
    background: #ff8a00;
    border: none;
    color: #ffffff;
}

.contact_home .form-control input[type="submit"]:hover {
    cursor: pointer;
    opacity: 0.8;
}

.wpcf7 .wpcf7-not-valid-tip{
    display:none;
}

.wpcf7 .wpcf7-not-valid:not([type="submit"]){
    border-color:#ce0228;
}

.response,
div.wpcf7 form .wpcf7-response-output {
    font-size: 1em;
    font-weight: 400;
    position: absolute;
    bottom: -10px;
    width: 100%;
    margin: 0;
    padding: 10px;
    transform: translateY(100%);
    text-align: center;
    border: none;
    user-select: none;
    pointer-events: none;
    box-sizing: border-box;
    line-height:30px;
}

div.wpcf7 form.sent .wpcf7-response-output {
    color: #000000;
    background-color: var(--primary);
}

.is-error,
div.wpcf7 form.failed .wpcf7-response-output,
div.wpcf7 form.aborted .wpcf7-response-output,
div.wpcf7 form.invalid .wpcf7-response-output,
div.wpcf7 form.unaccepted .wpcf7-response-output {
    color: #ce0228;
    background-color: #eeb6b6;
}

div.wpcf7 form.spam .wpcf7-response-output {
    color: #f56e28;
    background-color: #f5d1bf;
}

.response {
    bottom: -21px;
}

div.wpcf7 .ajax-loader{

    width: 44px;
    height: 44px;
    margin: 0;

    transition: all .1s ease-in-out;

    background: url('../images/spinner.svg') center / 25px no-repeat;
    opacity:0;
}

.wpcf7 .ajax-loader.is-active {
    opacity:1;
}

.wpcf7 li.submit{
    position:relative;
    z-index:1;
}

.remodal .wpcf7{
    line-height:0;
}

@media only screen and (min-width: 641px) {
    .remodal.login-modal {
        max-width: 595px;
    }
}

.remodal-overlay{
    backdrop-filter:blur(5px)
}

.login-modal {
    text-align: left;
    padding-left: 97px;
    padding-right: 97px;
}

@media (max-width: 459px) {
    .login-modal {
        padding-left: 55px;
        padding-right: 55px;
    }
}

@media (max-width: 379px) {
    .login-modal {
        padding-left: 35px;
        padding-right: 35px;
    }
}

.login-modal .remodal-close {
    top: 14px;
    right: 15px;
    left: auto;
    width: auto;
    height: auto;
}

.login-modal .modal-title {
    padding-bottom: 25px;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
}

.login-modal .buttons{
    display:flex;
    flex-wrap:wrap;
}

.login-modal .buttons .c-btn{
    margin-bottom:10px;
}

.login-modal .buttons .c-btn:first-of-type{
    margin-right:10px;
}

.login-modal .modal-title+p{
    margin-top:-15px;
    padding-bottom:25px;
}

.login-modal input[type="text"],
.login-modal input[type="password"] {
    border: 2px solid var(--grey);
    width: 100%;
    padding: 12.5px 10px;
    font-size: 18px;
    background: none;
    transition: border .3s ease-in-out;
    box-sizing: border-box;
    margin-bottom:15px;
}

.login-modal input[type="text"]:hover,
.login-modal input[type="password"]:hover {
    border-color: var(--primary);
}

.login-modal input[type="text"].error,
.login-modal input[type="password"].error {
    border-color: red;
}

.login-modal input[type="text"].error::-webkit-input-placeholder, .login-modal input[type="password"].error::-webkit-input-placeholder {
    color: red;
}

.login-modal input[type="text"].error:-moz-placeholder, .login-modal input[type="password"].error:-moz-placeholder { /* Firefox 18- */
    color: red;
}

.login-modal input[type="text"].error::-moz-placeholder, .login-modal input[type="password"].error::-moz-placeholder { /* Firefox 19+ */
    color: red;
}

.login-modal input[type="text"].error:-ms-input-placeholder, .login-modal input[type="password"].error:-ms-input-placeholder {
    color: red;
}

.login-modal input[type="checkbox"] {
    display: none;
}

div#errors {
    padding: 10px;
    border: 1px solid red;
    line-height: 1.5;
    font-size: 14px;
    color: white;
    background: red;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    user-select:none;
    width: 100%;
    box-sizing: border-box;
}

div#errors a{
    color:white;
    text-decoration: underline;
}

div#errors a:hover{
    text-decoration: none;
}

.login-modal input[type="checkbox"] + label,
.login-modal input[type="checkbox"] + label span {
    cursor: pointer;
}

.login-modal input[type="checkbox"] + label {
    font-size: 18px;
}

.login-modal input[type="checkbox"] + label span {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 14px;
    background-image: url("../images/checkbox-unchecked.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.login-modal input[type="checkbox"]:checked + label span {
    background-image: url("../images/checkbox-checked.svg");
}

.login-modal .remodal-confirm:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.u-clearfix:after {
    display: table;
    clear: both;

    content: " ";
}

.resultaten-container{
    margin-top: -245px;
    z-index:1;
    position: relative;
}

.resultaten-wrapper {
    position: relative;
    padding: 40px;
    background:#FFFFFF;
    box-shadow: 0 0 5px rgba(0,0,0,.16);
    margin-bottom: calc(100vw / 1920 * 225);
}

.resultaten-wrapper * {
    box-sizing: border-box;
}

.resultaten-wrapper h2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.resultaten-overzicht {
    position: relative;
    width: calc(100% + 20px);
    left: -10px;
}

.resultaten-overzicht__item {
    position: relative;
    float: left;
    width: 33.33%;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    min-height:315px;
}

.resultaten-overzicht__item.full-width {
    width: 100%;
}

.resultaten-overzicht__item > .inside {
    box-shadow: 0 0 5px rgba(0,0,0,.26);
    border-radius: 3px;
    overflow: hidden;
}

.resultaten-overzicht__item__top {
    padding-top: 31px;
    padding-left: 39px;
    padding-right: 39px;
    padding-bottom: 16px;
    background-color: #ffffff;
}

.resultaten-overzicht__item__text {
    padding-bottom: 7px;
}

.resultaten-overzicht__item__text .left {
    float: left;
}

.resultaten-overzicht__item__text .name,
.resultaten-overzicht__item__text .rate {
    font-size: 27px;
    font-weight: 700;
    text-transform: uppercase;
}

.resultaten-overzicht__item__text .sub {
    font-size: 18px;
    font-weight: 400;
}

.resultaten-overzicht__item__text .rate img {
    padding-right: 16px;
}

.resultaten-overzicht__item__text .right {
    float: right;
}

.resultaten-overzicht__item__graph {
    position: relative;
}

.resultaten-overzicht__item__graph .graph{
    min-height:160px;
}

.resultaten-overzicht__item__graph img {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*max-width: 100%;*/
    width: 100%;
}

.resultaten-overzicht__item__bottom {
    display: block;
}

@media (max-width: 1350px) {
    .resultaten-overzicht__item {
        width: 50%;
    }
}

@media (max-width: 1000px) {
    .resultaten-overzicht__item {
        width: 100%;
        margin-bottom: 35px;
    }
}

@media (max-width: 450px) {
    .resultaten-overzicht__item__top {
        padding-left: 20px;
        padding-right: 20px;
    }

    .resultaten-overzicht__item__text .left,
    .resultaten-overzicht__item__text .right {
        float: none;
        display: block;
        padding-bottom: 15px;
    }
}

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
    stroke: var(--primary) !important;
    stroke-width: 2px;
}
.ct-point {
    stroke-width: 4px !important;
}
.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
    fill: var(--primary) !important;
}
.chartist-tooltip {
    position: absolute;
    display: inline-block;
    opacity: 0;
    min-width: 5em;
    padding: .5em;
    background: var(--secondary);
    color: #ffffff;
    font-family: Oxygen,Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear; }
.chartist-tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top-color: var(--secondary); }
.chartist-tooltip.tooltip-show {
    opacity: 0.9;
}

.ct-area, .ct-line {
    pointer-events: none; }

foreignObject span.ct-horizontal {
    padding-top: 5px;
    transform: rotate(16deg);
}


.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.7em;
    margin-left: -2.7em;
    width: 5.4em;
    height: 5.4em;
}

.hill {
    position: absolute;
    width: 7.1em;
    height: 7.1em;
    top: 1.7em;
    left: 1.7em;
    background-color: transparent;
    border-left: .25em solid var(--primary);
    transform: rotate(45deg);
}

/*#hill:after {*/
    /*content: '';*/
    /*position: absolute;*/
    /*width: 7.1em;*/
    /*height: 7.1em;*/
    /*left: 0;*/
    /*background-color: #404456;*/
/*}*/

.box {
    position: absolute;
    left: 0;
    bottom: -.1em;
    width: 1em;
    height: 1em;
    background-color: transparent;
    border: .25em solid var(--secondary);
    border-radius: 15%;
    transform: translate(0, -1em) rotate(-45deg);
    animation: push 2.5s cubic-bezier(.79, 0, .47, .97) infinite;
}

@keyframes push {
    0% {
        transform: translate(0, -1em) rotate(-45deg);
    }
    5% {
        transform: translate(0, -1em) rotate(-50deg);
    }
    20% {
        transform: translate(1em, -2em) rotate(47deg);
    }
    25% {
        transform: translate(1em, -2em) rotate(45deg);
    }
    30% {
        transform: translate(1em, -2em) rotate(40deg);
    }
    45% {
        transform: translate(2em, -3em) rotate(137deg);
    }
    50% {
        transform: translate(2em, -3em) rotate(135deg);
    }
    55% {
        transform: translate(2em, -3em) rotate(130deg);
    }
    70% {
        transform: translate(3em, -4em) rotate(217deg);
    }
    75% {
        transform: translate(3em, -4em) rotate(220deg);
    }
    100% {
        transform: translate(0, -1em) rotate(-225deg);
    }
}
ul.years::-webkit-scrollbar {
    width: 5px;
}

ul.years::-webkit-scrollbar-track {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #f6f6f6;
}

ul.years::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: var(--primary);
    cursor:pointer;
}
ul.years::-webkit-scrollbar-thumb:window-inactive {
    background: var(--grey);
}
.select2-container {
    padding: 12px 20px;
    width: 200px;
    height:100%;
}

.select2-container--default .select2-selection--single {
    /*padding:12px 20px;*/
    border: none !important;
    border-radius: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
a.paginate_button {
    padding: 0 2px;
}
a.paginate_button.current {
    color: #009fe3;
}
.ct-area {
    fill-opacity: .5;
}
/* ======================================== Week selector ============================================ */
.week_selector {
    margin-top: 30px;
}

.week_selector__title {
    font-size: 24px;
    color: #2e2d2c;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
    padding: 0;
}

.week_selector__title__clear {
    float: right;
    position: relative;
    margin: 1px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    border-radius: 50%;
    background: #FF8A00;
    color: white;
    font-size: 12px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.week_selector__title__clear:hover {
    background: #FBA845;
}

.week_selector__title__clear:after {
    content: "✖";
}

.week_selector__item {
    color: black;
    display: block;
}

.week_selector__item{
    position: relative;
    padding: 5px 0;
}

.week_selector__item:before {
    content: "";
    position: absolute;
    left: -25px;
    top: 0;
    width: 0;
    height: 100%;
    background: var(--primary);
    transition: all .3s ease-in-out;
}

.week_selector__item:after {
    content: "";
    position: absolute;
    left: -25px;
    top: 0;
    width: calc(100% + 50px);
    height: 100%;
    transition: all .3s ease-in-out;
    z-index: -1;
}

.week_selector__item:hover:before,
.week_selector__item--active:before{
    width: 5px;
}

.week_selector__item:hover:after,
.week_selector__item--active:after{
    background: var(--grey);
}

.week_selector__item:after {
    content: '';
    display: block;
    clear: both;
}

.week_selector__item__number {
    font-weight: bold;
}

.week_selector__item__date {
    float: right;
}

.week_selector__week {
    display: none;
}

.week_selector__week--visible {
    display: block;
}

.week_selector__year {
    cursor: pointer;
}

.week_selector__year.active {
    font-weight: bold;
}

/* Sly */
.frame {
    padding: 0;
    width: 100%;
    overflow: hidden;
    height: 46px;
}

.frame .slidee {
    margin: 0; padding: 0; width: 100%; list-style: none;
}

.frame .slidee li {
    float: left;
    margin: 0 0 5px 0;
    width: 100px;
    height: 26px;
    text-align: center;
    padding: 10px 0;
}

.scrollbar {
    width: 100%;
    height: 7px;
    margin-bottom: 10px;
    background-color: #F6F6F6;
    cursor: pointer;
}

.scrollbar .handle {
    width: 100px; /* overriden if dynamicHandle: 1 */
    height: 100%;
    background: var(--primary);
}

@media only screen and (max-width: 1000px) and (min-width: 750px) {
    .week_selector__item {
        margin-bottom: 10px;
    }

    .week_selector__item__date {
        float: left;
    }
}

@media only screen and (max-width: 750px) {
    .week_selector__item {
        width: 50%;
        float: left;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

table.personal_info {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 36px;
}
table.personal_info tr {
    vertical-align: top;
    padding: 38px 0;
    border-bottom: 2px solid #e6e6e6;
}
table.personal_info tr:first-of-type td {
    padding-top: 0;
}
table.personal_info td {
    width: 50%;
    padding: 38px 0;
}
td .left, td .right {
    float: left;
}
td h3 {
    font-weight: bold;
}
td .left {
    width: 70%;
}
td .right {
    width: 30%;
}

/* Blocks */

.information {
    width: 100%;
    float: left;
}

.information * {
    box-sizing:border-box;
}

.information h3 {
    width: 100%;
    background: var(--primary);
    color: #000000;
    font-size:20px;
    cursor: pointer;
    line-height: 18px;
    padding: 15px 3%;
    margin: 12px 0 4px 0;
    transition: all .3s ease-in-out;
    border-radius:3px;
    border:2px var(--primary) solid;
    position:relative;
}

.information h3:after{
    content:"";
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:11px;
    transition: all .3s ease-in-out;
    background:url('../images/white_down.png') center / cover no-repeat;
}

.information h3:hover,
.information h3.active{
    background-color:transparent;
}

.information h3.active:after,
.information h3:hover:after{
    background-image:url('../images/arrow-black.png');
}

.information h3.active:after {
    transform:translateY(-50%)rotate(180deg);
}

.information p {
    padding: 15px 3%;
    font-size: 16px;
    line-height: 20px;
}
.information .text-content {
    display: none;
}
.information .text-content.active {
    display: block !important;
}

/* ======================================== New blocks ============================================ */


.SB_right .u-content-block{
    margin:0;
    padding:0;
    max-width:none;
}

.SB_right .u-content-row{
    padding: 20px 0;
}

.SB_right .u-content-row.row-faq article{
    padding: 0;
    box-shadow: none;
    margin: 0;
}

/* ======================================== Info ============================================ */
.info {
    background: var(--grey);
    padding: 29px 0;
}

.info h2 {
    font-weight: 700;
}

.info a {
    text-decoration: underline;
    color: #000000;
    font-weight: 700;
}

.info a:hover {
    text-decoration: none;
}

/* ======================================== Current ============================================ */
.current {
    margin-top:20px;
    position: relative;
    z-index: 1;
}

.current .current__headline {
    display: flex;
    margin-bottom:10px;
}

.current .current__title {
    font-size: 30px;
    font-weight: 700;
    color:#000000;
}

.current .current__headline a {
    font-size: 20px;
    color: #000000;
    margin-left:auto;
}

.current .current__items {
    margin: 0 -10px;
}

.current .current__item,
.current .current__item--highlight{
    display: inline-flex !important;
    float: left;
    height: 100%;
    min-height: 248px;
    margin: 0 10px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    position: relative;
    z-index:1;
    padding:20px;
    box-sizing: border-box;
}

.current .current__item:after,
.current .current__item a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.current .current__item:after {
    content: "";
    z-index: -1;
    background: rgba(51, 51, 51, .5);
    transition:all .3s ease-in-out;
}

.current .current__item--highlight{
    justify-content: space-between;
    margin-bottom: 20px;
    padding:0;
    box-shadow:none;
    width: 100%;
}

.current .current__item__img {
    width: calc(100% / 12 * 5 - 10px);
    min-height:220px;
}

.current .current__item__col {
    width: calc(100% / 12 * 7 - 10px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (max-width: 750px){
    .current .current__item--highlight{
        display:block !important;
    }

    .current .current__item__img{
        width: 100%;
    }

    .current .current__item__col{
        width: 100%;
    }
}

.current .current__item__content{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* line-height: 18px; */
    box-sizing: border-box;
    max-height: 165px;
    margin-bottom:20px;
    width: 100%;
    flex:1;
}

.current .current__item__content p {
    padding:0;
}

@media screen and (max-width: 1200px) and (min-width: 1000px){
    .current .current__item__content{
        max-height:150px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 750px){
    .current .current__item__content{
        max-height:125px;
    }
}

@media only screen and (max-width: 750px){
    .current .current__item__content{
        max-height:125px;
    }
}

.current .current__item:hover:after{
    background: rgba(51, 51, 51, .35);
}

.current .current__item span {
    display: block;
    width: 100%;
    text-align: center;
    color:#FFFFFF;
}

.current .current__item .current__item__title {
    font-weight: 700;
}

.current .current__dots{
    margin-left:10px;
}

.current .current__dots ul{
    position:relative;
    display:flex;
    height:100%;
    left:auto;
    top:auto;
}

.current .current__dots ul li{
    width:30px;
    height:100%;
    display:flex;
    align-items:center;
}

.current .current__dots ul li button{
    position:relative;
}

.current .current__dots ul li button:before{
    background:rgba(255,255,255,.5);
    border-radius:0;
    transition:all .3s ease-in-out;
}
.current .current__dots ul li button,
.current .current__dots ul li button:before{
    width:30px;
    height:5px;
}

.current .current__dots ul li.slick-active button:before{
    background:#FFFFFF;
}

.current .current__dots ul li:not(:last-of-type){
    margin-right:10px;
}

@media screen and (max-width:999px){
    .current .current__item {
        min-height:190px;
    }
}


@media screen and (max-width:725px){
    .current .current__dots ul li button,
    .current .current__dots ul li button:before,
    .current .current__dots ul li{
        width:20px;
    }
}

@media screen and (min-height:521px){
    .current{
        margin-top: -90px;
    }

    .current .current__title {
        color:#FFFFFF;
    }

    .current .current__headline a {
        color: #FFFFFF;
    }
}

/* ======================================== Stories ============================================ */
.stories{
    padding:calc(100vw / 1920 * 100) 0 calc(100vw / 1920 * 200);
}

.stories h2{
    font-size: 35px;
    line-height: 38px;
    font-weight: bold;
    padding: 0 0 30px;
}

.stories .stories__items{
    background:#F2F2F2;
}

.stories .stories__items:hover .slick-arrow{
    opacity:.5;
}

.stories .slick-initialized .stories__item{
    display:flex;
    height: inherit !important;
}

.stories .slick-track{
    display: flex !important;
}

.stories .stories__item .stories__item__img{
    width:calc(100vw / 1920 * 400);
    height:calc(100vw / 1920 * 400);
    min-width:200px;
    min-height:200px;
}

.stories .stories__item .stories__item__img+.stories__item__col article{
    max-width:705px;
}

.stories .stories__item .stories__item__col{
    flex:1;
    display: flex;
    flex-direction: column;
}

.stories .stories__item .stories__item__col article{
    display:flex;
    flex-wrap:wrap;
    max-width:965px;
    padding:65px 60px 0 80px;
    flex:1;
}

@media screen and (min-width:661px){
    .stories .stories__item .stories__item__img+.stories__item__col article{
        padding-left:60px;
    }
}

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

    .stories .stories__item .stories__item__col article{
        padding-left:60px;
    }
    .stories .stories__item .stories__item__img{
        display:none;
    }
}

@media screen and (max-width:500px){
    .stories .stories__item .stories__item__col article{
        padding: 25px 45px 0;
    }
}

.stories .stories__item .stories__item__col p{
    width:100%;
    color:#148969;
    font-style:italic;
}

.stories .stories__item .stories__item__col p:before,
.stories .stories__item .stories__item__col p:after{
    content:"";
    width:17px;
    height:13px;
    display: inline-block;
    padding-top:8px;
    background-repeat:no-repeat;
}

.stories .stories__item .stories__item__col p:before{
    background-image:url('../images/quote-before.png');
    margin-right:5px;
}

.stories .stories__item .stories__item__col p:after{
    background-image:url('../images/quote-after.png');
    margin-left:5px;
}

.stories .stories__item .stories__item__col span{
    margin-left:auto;
    font-weight:700;
}

.stories .stories__item .stories__item__col span:before{
    content: "-";
}

.stories .stories__item .stories__item__bottom{
    height:calc(100vw / 1920 * 50);
    min-height:20px;
    background:#148969;
    position:relative;
}

.stories .stories__item .stories__item__bottom:before,
.stories .stories__item .stories__item__bottom:after{
    content:"";
    position:absolute;
    top:0;
    width:calc(100% / 3);
    height:100%;
}

.stories .stories__item .stories__item__bottom:before{
    left:0;
    background: #255A4C;
}

.stories .stories__item .stories__item__bottom:after{
    right:0;
    background: #0AB487;
}

.stories .slick-arrow{
    z-index: 1;
    width: 85px;
    height: 85px;
    margin:0;
    opacity:.15;
    transition:all .3s ease-in-out;
}

@media screen and (max-width:815px){
    .stories .slick-arrow {
        width: calc(100vw / 815 * 70);
        height: calc(100vw / 815 * 70);
        min-width:40px;
        min-height:40px;
        background-size:contain !important;

    }
}

.stories .slick-arrow:before{
    content:none;
}

.stories .slick-arrow,
.stories .slick-arrow:hover{
    background:url('../images/arrow.png') center no-repeat;
}

.stories .stories__items .slick-arrow:hover{
    opacity:1;
}

.stories .slick-prev{
    left:0;
    transform:translateY(-50%)rotate(180deg);
}

.stories .slick-next{
    right:0;
    transform:translateY(-50%);
}

.container.signup{
    display:flex;
    flex-direction:row-reverse;
    align-items:flex-start;
    margin-top:0;
    padding-bottom:calc(100vw / 1920 * 150);
}

.container.signup .SB_right{
    margin-top:0;
}

.container.signup .SB_right .SB_right__content{
    margin-bottom:0;
    background:transparent;
    box-shadow: none;
}

.dag_content .SB_right{
    margin-top:calc(-100vh / 1080 * 245);
    z-index: 1;
    position:relative;
}

.dag_content .sidebar+.SB_right{
    max-width:931px;
}

@media screen and (max-width:1480px){
    .dag_content .sidebar+.SB_right {
        max-width: 835px;
    }
}

@media screen and (max-width:1480px){
    .dag_content .sidebar+.SB_right {
        max-width: 760px;
    }
}

@media screen and (min-width:1001px) and (max-width:1200px){
    .dag_content .sidebar+.SB_right {
        max-width: 580px;
    }
}

@media screen and (max-width:1000px){
    .dag_content .SB_right {
        width: 100%;
    }
}

.dag_content .SB_right article,
.dag_content .SB_right .SB_right__content{
    padding:20px;
}

@media screen and (min-width:771px){
    .dag_content .SB_right article,
    .dag_content .SB_right .SB_right__content{
        padding:40px;
    }
}

.dag_content .SB_right article table,
.dag_content .SB_right .SB_right__content table{
    width:100%;
    max-width:900px;
    border:2px solid var(--primary);
    border-collapse: collapse;
    cursor:pointer;
}

.dag_content .SB_right article table td,
.dag_content .SB_right .SB_right__content table td{
    padding:10px;
    border-color:#000000;
}

.dag_content .SB_right article table tr,
.dag_content .SB_right .SB_right__content table tr{
    transition:all .3s ease-in-out;
}

.dag_content .SB_right article table tr:nth-child(even),
.dag_content .SB_right .SB_right__content table tr:nth-child(even){
    background:rgba(10,180,135, .2);
}

.dag_content .SB_right article table tr:hover,
.dag_content .SB_right .SB_right__content table tr:hover{
    background-color:var(--grey);
}

@media screen and (max-width:1000px){
    .text_banner+.dag_content > .container{
        flex-wrap:wrap;
        flex-direction: column-reverse;
    }
}

.contact_container{
    padding: 40px;
    background: #FFFFFF;
    box-shadow: 0 0 5px rgba(0,0,0,.16);
    margin-bottom: calc(100vw / 1920 * 225);


    box-sizing: border-box;
}

.contact_banner+.dag_content .container{
    margin-top: -245px;
    position: relative;
    z-index:1;
    flex-direction: row;
    flex-wrap: wrap;
}

.breadcrumbs{
    padding: 5px 0;
}

.breadcrumbs ul{
    display:flex;
}

.breadcrumbs li{
    padding-right:10px;
}

.breadcrumbs,
.breadcrumbs a{
    color:#FFFFFF;
}

/* ======================================== Sign-up form ============================================ */

.shares_page{
    padding-top: calc(100vw / 1920 * 65);
    position:relative;
}

.shares_page:after{
    content:"";
    position: absolute;
    top:0;
    left:0;
    background:#F6FDFA;
    width:calc(100vw / 1920 * 1500);
    height:calc(100% - (100vw / 1920 * 150));
    border-bottom-right-radius: calc(100vw / 1920 * 80);
}

.shares_page:before{
    content:"";
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#FFFFFF;
}

.shares_page input:not([type="submit"]){
    background:#FFF !important;
    border-color:transparent;
}

.shares_page .shares_page__button{
    margin: 0 20px 20px;
    padding: 20px;
    background-color: var(--primary);
    border-top-right-radius: 50px;
    position:sticky;
    top: 99px;
    z-index: 999;
}

.shares_page .shares_page__button h3 {
    margin-bottom: 10px;
    color: #FFFFFF;
}

.shares_page .breadcrumb {
    padding: 0 20px;
}

.shares_page .breadcrumb li,
.shares_page .breadcrumb li a{
    color: #000000;
}

@media screen and (min-width: 771px) {
    .shares_page .shares_page__button {
        margin: 0 40px 20px;
    }

    .shares_page .breadcrumb {
        padding: 0 40px;
    }
}



body.signupform .sidebar{
    position:sticky;
    top:140px;
    margin:0;
    background:var(--primary);
    color:#FFF;
    border-top-right-radius: 50px;
}

body.signupform .sidebar h2{
    color:#FFF;
}

body.signupform.admin-bar .sidebar{
    top:172px;
}

@media screen and (max-width:1000px) {
    .shares_page .container.signup {
        flex-wrap:wrap;
        justify-content: center;
    }

    body.signupform .sidebar{
        position: relative;
        bottom: 0;
        top:initial;
        margin: 0;
        max-width:500px;
        padding: 10px 15px 15px;
        order:1;
    }
}

.form-box{
    /*display:flex;*/
    padding-bottom:calc(100vh / 1080 * 72);
}

.form-box *{
    box-sizing:border-box;
}

.form-box h3{
    font-size:18px;
    font-weight:700;
    margin-bottom:25px;
}

.form-box__left{
    /*width:300px;*/
}

.form-box__left span{
    font-size:16px;
    font-style:italic;
}

.form-box__left p{
    font-size: .85em;
    margin-bottom: 25px;
    margin-top: -20px;
}

.form-box__right{
    flex:1;
}

.form-box__right .select2-container{
    padding:0;
}

.form-box__right .payment-options .issuer-options{
    margin-top:-10px;
    margin-bottom:10px;
}

.form-box__right .form-control{
    display:flex;
}

.form-box__right .form-control input:not([type="submit"]):hover{
    border-color:var(--primary);
}

.form-box__right .form-control input:not(:last-of-type){
    margin-right:30px;
}

.form-box__right .form-control input[name="firstname"],
.form-box__right .form-control input[name="zipcode"]{
    width:130px;
}

.form-box__right .form-control input[name="insertion"]{
    width:155px;
}

.form-box__right .form-control input[name="housenumber"]{
    width:150px;
}

.form-box__right .form-control input[name="housenumberextra"]{
    width:135px;
}

.form-box__right .form-control:not(:last-of-type){
    margin-bottom:15px;
}

.form-control.errors {
    margin-top: 15px;
    padding: 10px 19px;
    border: 1px solid red;
    line-height: 1.5;
    font-size: 14px;
    color: red;
    user-select:none;
    pointer-events:none;
}

.form-control.errors button{
    pointer-events: auto;
    color:red;
    text-decoration: underline;
    padding:0;
    background:transparent;
}

.form-control.errors button:hover{
    text-decoration: none;
}

.form-box__right .issuer-options{
    transition:all .3s ease-in-out;
    height:58px;
    overflow:hidden;
}

.form-box__right .issuer-options.is-hidden{
    height:0;
}

.form-box.form-box__radio input[type="radio"],
.form-box input[type="checkbox"]{
    display:none;
}

.form-box input[type="checkbox"]+label{
    margin-left:40px;
    position:relative;
    cursor:pointer;
}

.form-box input[type="checkbox"]+label:before{
    content:"";
    position:absolute;
    top:3px;
    left:-16px;
    transform:translateX(-100%);
    outline:2px var(--grey) solid;
    width:23px;
    height:23px;
    background-image:#FFFFFF;
    border:4px #FFFFFF solid;
    box-sizing:border-box;
    transition:all .3s ease-in-out;
}

.form-box input[type="checkbox"]:checked+label:before{
    background-color:var(--secondary);
}

.form-box.form-box__radio label{
    display:flex;
    width:100%;
    border:2px var(--grey) solid;
    padding:20px 25px;
    transition:all .3s ease-in-out;
    cursor:pointer;
    position:relative;
    background:#FFF;
}


.form-box.form-box__radio label:after{
    content:"";
    position:absolute;
    right:25px;
    top:50%;
    transform:translateY(-50%);
    width:25px;
    height:25px;
    border-radius:50%;
    background:var(--grey) url('../images/check.svg') center / 0 0 no-repeat;
    transition:all .3s ease-in-out;
}

.form-box.form-box__radio input:checked+label,
.form-box.form-box__radio label:hover{
    border-color:var(--primary);
}

.form-box.form-box__radio input:checked+label:after{
    background-color:var(--secondary);
    background-size:13px 13px;
}

.form-box.form-box__radio label:not(:last-of-type){
    margin-bottom:20px;
}

.form-box.form-box__radio label img{
    width:32px;
    height:32px;
    margin-right:25px;
}

.form-box.form-box__radio label span{
    line-height:32px;
    display:flex;
}

.form-box.form-box__radio label > span{
    width:100%;
    padding-right:30px;
}

.form-box.form-box__radio label .name{
    flex:1;
    display:block;
}

.form-box.form-box__radio label .amount{
    position:relative;
}

.form-box.form-box__radio label .discount{
    position:absolute;
    bottom:0;
    right:0;
    transform:translateY(100%);
    width:200px;
    display: flex;
    justify-content: flex-end;
    user-select:none;
    pointer-events:none;
    font-size:12px;
    line-height:1;
}

.form-box.shares .form-box__right .form-control{
    flex-wrap:wrap;
    width:calc(100% + 30px);
    margin-left:-15px;
}

.form-box.shares .form-box__right .form-control label,
.form-box.shares .form-box__right .form-control input{
    display:block;
    width:calc(50% - 30px);
    margin:0 15px;
}

.form-box.shares .form-box__right .form-control label{
    order:-1;
}

.form-flex input:not([type="submit"]),
.form-flex textarea{
    border: 2px solid var(--grey);
    width: 100%;
    padding: 12.5px 10px;
    font-size: 18px;
    background: none;
    transition:border .3s ease-in-out;
}

.form-flex input:not([type="submit"]).js-disabled{
    pointer-events: none;
    user-select:none;
    background:var(--grey--light);
    color:var(--grey--dark);
}

.form-flex input:not([type="submit"]):focus,
.form-flex textarea:focus{
    outline:0;
    border-color:var(--primary);
}

.form-flex input:not([type="submit"]).pwc-error{
    border-color:red;
}

.form-flex textarea{
    height: 254px;
    overflow: auto;
}

body > .select2-container{
    padding:0;
}

.sidebar .selection.shares .discount .value:before,
.sidebar .selection.shares .discount .value:after{
    content:none !important;
}

.sidebar .selection .title{
    background:#FFFFFF;
    color:#000;
    padding:10px;
    margin-bottom:10px;
}

.sidebar .selection .title > span{
    font-size:14px;
    line-height:1.25;
    display:block;
}

.sidebar .selection .sub,
.sidebar .selection .discount,
.sidebar .selection .total{
    padding:0 10px;
    display:flex;
    height:30px;
    transition:all .3s ease-in-out;
    overflow:hidden;
}

.sidebar .selection .name{
    flex:1;
}

.sidebar .selection .value{
    min-width:100px;
}

.sidebar .selection .discount.is-active .value:before{
    content:"-";
}

.sidebar .selection .discount.is-active .value:after{
    content:"%";
}

.sidebar .selection .discount:not(.is-active),
.sidebar .selection .sub:not(.is-active){
    height:0;
}

.sidebar .selection .total{
    border-top:1px transparent solid;
}

.sidebar .selection .is-active+.total{
    border-top-color:var(--grey);
}

.sidebar .selection .total .value{
    font-size:26px;
    font-weight:700;
}

@media screen and (max-width:1000px) {
    body.page-template-signup-form .sidebar,
    body.page-template-signup-form.admin-bar .sidebar{
        position: relative;
        bottom: 0;
        top:initial;
        margin: 0;
        max-width:500px;
        padding: 10px 15px 15px;
        order:1;
    }
    body.page-template-signup-form .container{
        flex-wrap:wrap;
        justify-content: center;
    }
    .form-box {
        display: block;
    }

    .form-box__left {
        margin-bottom:10px;
    }
}

@media screen and (max-width:620px){
    .form-box__right .form-control{
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .form-box__right .form-control:not(:last-of-type){
        margin:0;
    }

    .form-box__right .form-control input[name]{
        width:calc(50% - 5px);
        margin:0 0 10px;
    }

    .form-box__right .form-control input[name="surname"],
    .form-box__right .form-control input[name="street"]{
        width:100%;
    }

}

@media screen and (max-width:540px){
    .form-box.form-box__radio label span{
        display:block;
        line-height:1.25;
    }

    .form-box.form-box__radio label .discount{
        position: static;
        bottom: auto;
        transform: none;
        right: auto;
        display:block;
    }
}

@media screen and (max-width:420px){
    .form-box.form-box__radio label{
        padding:10px;
    }
    .form-box.form-box__radio label:after{
        right:10px;
    }
    .form-box__right .form-control input[name]{
        width:100%;
    }
}

@media screen and (max-width:630px){
    body.page-template-signup-form .sidebar .c-btn{
        display:none;
    }
}

.flex-form li:not(:last-of-type){
    padding-bottom:15px;
}

.flex-form li.submit{
    display:flex;
}

.flex-form input:not([type="submit"]),
.flex-form textarea{
    border: 2px solid var(--grey);
    width: 100%;
    padding: 12.5px 10px;
    font-size: 18px;
    background: none;
    transition: border .3s ease-in-out;
    box-sizing: border-box;
}

.flex-form input:not([type="submit"]):hover,
.flex-form textarea:hover{
    border-color: var(--primary);
}

.flex-form textarea{
    resize:vertical;
    min-height:100px;
    max-height:250px;
}

.dag_content div.current{
    display:flex;
    flex-wrap:wrap;
    width: calc(100% + 20px);
    margin:0 0 0 -10px;
}

.dag_content .current .current__item{
    width:100%;
    margin-bottom:20px;
}

.sidebar_.SB_right .current .current__item{

}

@media screen and (min-width: 501px) {
    .dag_content .current .current__item {
        width: calc(100% / 12 * 6 - 20px);
    }
}

@media screen and (min-width: 1201px) {
    .dag_content .current .current__item {
        width: calc(100% / 12 * 4 - 20px);
    }
    .sidebar+.SB_right .current .current__item{
        width: calc(100% / 12 * 6 - 20px);
    }
}

@media screen and (min-width:1001px) and (max-width: 1200px) {
    .sidebar+.SB_right .current .current__item{
        width: 100%;
    }
}


.wpcf7-form{
    position:relative;
}

.dag_content .pagenav ul,
.dag_content .pagenav ul li{
    list-style: disc outside none;
    margin-left: 20px;
}

.dag_content .pagenav a{
    color:var(--primary);
}

.dag_content .pagenav a:hover{
    text-decoration:underline;
}

.row-files ul{
    border: 2px solid var(--primary);
}

.row-files ul li{
    background:url("../images/ico-download.svg") calc(100% - 10px) center / 20px no-repeat;
    width: 100% !important;
    box-sizing: border-box !important;
}

.row-files ul li:before{
    content:none !important;
}

.row-files ul li:not(:first-of-type){
    border-top:1px solid #000000;
}

.row-files ul li:nth-child(even){
    background-color:rgba(10,180,135, .2);
}

.row-files ul li:hover{
    background-color:var(--grey);
}

.row-files ul li a{
    padding:10px 40px 10px 10px;
    display: block;
    width:100%;
    color:#000000;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.reset-password .wp-pwd{
    position:relative;
}

.reset-password input[type="text"],
.reset-password input[type="password"]{
    margin:0;
}

.reset-password input:focus,
.reset-password button:focus{
    outline:none;
}

.reset-password button .dashicons{
    background:center / 25px no-repeat;
    width:100%;
    height:100%;
    display:block;
}

.reset-password button .dashicons:before{
    content:none !important;
}

.reset-password button .dashicons-hidden{
    background-image:url('../images/ico-pass-hide.svg');
}

.reset-password button .dashicons-visibility{
    background-image:url('../images/ico-pass-show.svg');
}

.reset-password .wp-hide-pw{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background:transparent;
}

.reset-password #pass-strength-result {
    background-color: #eee;
    border: 2px solid #ddd;
    color: #23282d;
    margin: -2px 0 15px;
    padding: 3px 5px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    opacity: 0;
    user-select:none;
    pointer-events:none;
    min-height:40px;
}

.reset-password #pass-strength-result.short {
    background-color: #f1adad;
    border-color: #e35b5b;
    opacity: 1
}

.reset-password #pass-strength-result.bad {
    background-color: #fbc5a9;
    border-color: #f78b53;
    opacity: 1
}

.reset-password #pass-strength-result.good {
    background-color: #ffe399;
    border-color: #ffc733;
    opacity: 1
}

.reset-password #pass-strength-result.strong{
    background-color: #c1e1b9;
    border-color: #83c373;
    opacity: 1;
}

.reset-password #pass1-text.short, .reset-password #pass1.short {
    border-color: #e35b5b
}

.reset-password #pass1-text.bad, .reset-password #pass1.bad {
    border-color: #f78b53
}

.reset-password #pass1-text.good, .reset-password #pass1.good {
    border-color: #ffc733
}

.reset-password #pass1-text.strong, .reset-password #pass1.strong {
    border-color: #83c373
}

.reset-password input[type="checkbox"]+label{
    position:relative;
    padding-left: 30px;
    user-select:none;
}

.reset-password input[type="checkbox"]+label:before,
.reset-password input[type="checkbox"]+label:after{
    content:"";
    position:absolute;
    transition: all .25s ease;
    box-sizing: border-box;
}

.reset-password input[type="checkbox"]+label:before{
    left:0;
    top:0;
    width:20px;
    height:20px;
    background:#FFFFFF;
    border:2px solid var(--primary);
}

.reset-password input[type="checkbox"]+label:after{
    left:5px;
    top:5px;
    width:10px;
    height:10px;
}

.reset-password input[type="checkbox"]:checked+label:after{
    background:var(--primary);
}

.f-files input[type="file"]{
    display:none;
}

.f-files label {
    width: 100% !important;
    background-color: #fff;
    margin: 10px 0;
    cursor: pointer;
    display: flex !important;
    flex-wrap: wrap;
    max-width:550px;
}
.f-files label span:not([class]) {
    font-size: 1rem;
    display: block;
    border: 2px solid var(--grey);
    width: 100%;
    font-weight: 400;
    position: relative;
    padding: 20px 90px 20px 75px;
    min-height:74px;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.f-files label span:not([class]):after,
.f-files label span:not([class]):before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    transition: all .3s ease-in-out;
}

.f-files label span:not([class]):after{
    right: 25px;
    background: var(--grey) url(../images/check.svg) center / 0 0 no-repeat;
    border-radius: 50%;
}

.f-files label span:not([class]):before {
    left:25px;
    background:url('../img/svg-min/ico-upload.svg') center / contain no-repeat;
}

.f-files label.is-active span:not([class]):after {
    background-color: var(--secondary);
    background-size: 13px 13px;
}

.f-files label span:not([class]):hover,
.f-files label.is-active span:not([class]){
    border-color:var(--primary);
}

.f-files label .photo1 {
    order: 1;
}
.f-files__buttons, .f-files__buttons--remove {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    transition: all 0.25s ease;
    user-select: none;
}
.f-files__buttons--remove {
    background: url('../img/svg-min/ico-remove.svg') #ce0228 center / 13px no-repeat;
}
.f-files__buttons--remove:hover {
    background-color: #fd0634;
}

@media screen and (max-width:420px){
    .f-files label span:not([class]){
        padding:10px 80px 10px 45px;
        min-height: 45px;
    }
    .f-files label span:not([class]):before{
        left:10px;
    }
    .f-files label span:not([class]):after{
        right:10px;
    }
    .f-files__buttons, .f-files__buttons--remove{
        right:45px;
    }
}

.signupform .dagcommentaar_banner .mask{
    min-height:350px;
}