/* Default */
html, body {overflow-x: hidden}
body {font-family:'Khand'}
/*.headslider {min-height: 500px}*/
.vphidden {opacity: 0}
.vpvisible, .vphidden.animate {opacity: 1}
.expanded {position: relative; min-height: 0; height: 0; opacity: 0; overflow: hidden}
.relative {position: relative}
.absolute, .button.absolute {position: absolute}
.spacer-bottom-15 {border-bottom: 15px solid #FFF}
.float-left {float: left}
.float-right {float: right}
.clear {clear: both}
.display-block {display: block}
.rotate90 {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*="col-"] {
    padding-left: 0;
    padding-right: 0
}
.lightboxOverlay {z-index: 999999}
.lightbox {z-index: 1000000}

/* Menu */
nav a {
    font-family:'Khand';
    width: 16.666666%;
    text-align: center;
    float: left;
    line-height: 30px;
    letter-spacing: 3px;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

a, a:hover, a:focus, a:visited, a:active, a:checked {
    outline: none
}

/* Text */
.line-height-30 {line-height: 30px}
.line-height-32 {line-height: 32px}
.uppercase {text-transform: uppercase}
.break-word {word-wrap: break-word}
.justify {text-align: justify}
.p-justify p {text-align: justify}
.logolink, .logolink:hover, .logolink:focus, .logolink:visited, .logolink:active, .logolink:checked {outline: none; text-decoration: none}

/* Width */
.width-100-perc, .width-100-perc > img, img.width-100-perc {width: 100%}
.width-50-perc, .width-50-perc > img, img.width-50-perc {width: 50%}
.min-width-292 {min-width: 292px}
.max-width-100-perc {max-width: 100%}

/* Height */
img {height: auto}
.height-20 {height: 20px}
.height-30 {height: 30px}
.height-32 {height: 32px}
.height-100 {height: 100px}
.height-325 {height: 325px}
.height-400 {height: 400px}
.height-100-perc {height: 100%}
.min-height-325, .min-height-325 > .row:not(.expanded) {min-height: 325px}
.min-height-325 .height-100-perc {min-height: 325px}
.min-height-400, .min-height-400 > .row:not(.expanded) {min-height: 400px}
.min-height-400 .height-100-perc {min-height: 400px}

/* Padding */
.padding-0 {padding: 0}
.padding-15 {padding: 15px}
.padding-15-0 {padding: 15px 0}
.padding-15-30 {padding: 15px 30px}
.padding-20 {padding:20px}
.padding-30 {padding:30px}
.padding-30-15 {padding: 30px 15px}
.padding-30-0 {padding: 30px 0}
.padding-50-0 {padding: 50px 0}
.padding-75-0 {padding:75px 0}
.padding-0-5 {padding: 0 5px}
.padding-0-15 {padding: 0 15px}
.padding-30-15-30-30 {padding: 30px 15px 30px 30px}
.padding-30-30-30-15 {padding: 30px 30px 30px 15px}
.padding-0-100-0-15, .button.next.padding-0-100-0-15 {padding: 0 100px 0 15px}
.padding-200-0 {padding: 200px 0}
.padding-top-0 {padding-top: 0}
.padding-top-15 {padding-top: 15px}
.padding-top-30 {padding-top: 30px}
.padding-top-50 {padding-top: 50px}
.padding-right-0 {padding-right: 0}
.padding-right-15 {padding-right: 15px}
.padding-right-30 {padding-right: 30px}
.padding-right-60 {padding-right: 60px}
.padding-bottom-0 {padding-bottom: 0}
.padding-bottom-15 {padding-bottom: 15px}
.padding-bottom-30 {padding-bottom: 30px}
.padding-bottom-50 {padding-bottom: 50px}
.padding-left-0 {padding-left: 0}
.padding-left-9 {padding-left: 9px}
.padding-left-15 {padding-left: 15px}
.padding-left-30 {padding-left: 30px}

/* Margin */
.margin-0 {margin: 0}
.highlight h1, .highlight h2, .highlight h3, .highlight h4 {margin-top: 0; color:black;}
.margin-top-0 {margin-top: 0}
.margin-bottom-0 {margin-bottom: 0}
.margin-5-0 {margin: 5px 0}
.margin-30-0 {margin: 30px 0}
.margin-0-15 {margin: 0 15px}
.margin-left-15 {margin-left: 15px}
.margin-left-min-10 {margin-left: -10px}
.margin-top-15 {margin-top: 15px}
.margin-top-16 {margin-top: 16px}
.margin-top-30 {margin-top: 30px}
.margin-top-40 {margin-top: 40px}
.margin-top-50 {margin-top: 50px}
.margin-right-15 {margin-right: 15px}
.margin-right-30 {margin-right: 30px}
.margin-right-min-30 {margin-right: -30px}
.margin-bottom-15 {margin-bottom: 15px}
.margin-bottom-30 {margin-bottom: 30px}
.margin-bottom-50 {margin-bottom: 50px}
.padding-left-10 { padding-left:10px; }
/* Position */
.bottom-0 {bottom: 0}
.right-0 {right: 0}
.right-15 {right: 15px}
.right-min-15 {right: -15px}

/* Flex */
.display-flex {display: flex}
.display-flex div {flex: 1}
.display-inline-flex {display: inline-flex}
.flex-end {align-self: flex-end}
.flex-center {align-self: center}
.justify-flex-end {justify-content: flex-end}
.justify-flex-center {justify-content: center}
.flex-direction-column {flex-direction: column}
.vertical-align {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;

}
.vcenter {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}

/* Display */
.inline-block {display: inline-block}

/* Button */
.button {
    display: inline-block;
    text-align: center;
    line-height: 32px;
    height: 32px;
    outline: none;
    border: 0;
    position: relative;
}

.full-block-link {
    display: block
}
.full-block-link:hover, .full-block-link:active, .full-block-link:visited, .full-block-link:checked {
    text-decoration: none;
    cursor: pointer
}

.button:hover,
.button:hover:after,
.button:hover:before,
.woning:hover .button:after,
.woning:hover .button:before,
.full-block-link:hover .button:after,
.full-block-link:hover .button:before {
    cursor: pointer;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    text-decoration: none
}

.button.prev:hover:before,
.woning:hover .button:before,
.full-block-link:hover .button.prev:before {
    -webkit-animation-name: prev;
    -moz-animation: prev;
    -o-animation: prev;
    -ms-animation: prev;
    animation-name: prev;
}
.button.next:hover:after,
.woning:hover .button:after,
.full-block-link:hover .button.next:after {
    -webkit-animation-name: next;
    -moz-animation: next;
    -o-animation: next;
    -ms-animation: next;
    animation-name: next;
}

.button.with-text:hover {text-decoration: underline}

.button:after, .button:before {
    display: inline-block;
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 32px;
    line-height: 32px;
    width: 32px;
    height: 32px;
    top: 0;
    overflow: hidden
}

.button.next {
    float: right;
    padding-right: 32px
}

.button.prev {
    float: left;
    padding-left: 32px
}
.button.next:after {content: '\f105'; right: 0; text-align:center;}
.button.prev:before {content: '\f104'; left: 0}
.button.up:after {content: '\f106'; top: 0}
.button.down:after {content: '\f107'; bottom: 0}

.button.readmore {
    position: absolute;
    right: 32px;
    bottom: 0
}

.text-img-right .button.readmore {
    right: 16px
}

.subscribe_button .button {padding: 15px 0; height: 62px}
.subscribe_button a.button:hover span {text-decoration: underline}
.subscribe_button a.button.next:after, subscribe_button a.button.prev:before {    
    font-size: 40px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin: 11px 0
}
.subscribe_button a.button.next:after {right: -40px}
.subscribe_button a.button.prev:before {left: -40px}

.ajax-woning a.button {}

/* Breadcrumb */
.breadcrumbs span a, .breadcrumbs span a:visited, .breadcrumbs span a:focus, .breadcrumbs span a:hover, .breadcrumbs span a:active {color: #a49c99}

/* Animation */

/* Header */
.fixedheader {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: top 1000ms ease;
    -moz-transition: top 1000ms ease;
    -o-transition: top 1000ms ease;
    transition: top 1000ms ease;
    z-index: 500;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}
.scrollActive .fixedheader {
    position: fixed
}
.scrollActive .fixedheader .container-fluid.padding-top-30 {
    padding-top: 0
}
.scrollActive .fixedheader .container.margin-bottom-30 {
    margin-bottom: 15px
}
.scrollActive .fixedheader img {
    width: 70%;
    height: auto
}
.scrollActive .logo {
    font-size: 30px;
    line-height: 30px;
    padding: 10px 30px
}
.scrollActive .fixedheader [class*="margin-top"] {
    margin-top: 15px
}
.scrollActive .navbar-nav {
    margin-top: 0
}
.scrollActive .navbar-right li {
    /*padding-top: 8px*/
}

/* Slider */
.slick-arrow {
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in
}
header .headslider .slide {position: relative}
header .headslider .slide span.headertext {
    text-shadow: 0px 0px 6px #505a5f;
    position: absolute; 
    bottom: 0; 
    right: 20%; 
    text-align: right; 
    font-size: 48px; 
    line-height: 48px; 
    color: white; 
    margin: 30px 0
}
header .headslider .prevArrow,
header .headslider .nextArrow,
.gallery-slick .slick-arrow {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 50;
    text-align: center
}
header .headslider .prevArrow,
.slick .prevArrow {left: 0}
header .headslider .nextArrow,
.slick .nextArrow {right: 0}
header .headslider .slick-arrow:hover,
.slick .slick-arrow:hover,
.gallery-slick .slick-arrow:hover {
    cursor: pointer
} 
header .headslider ul.slide-dots {
    position: absolute;
    bottom: 15px;
    left: 15px;
    list-style: none;
    padding: 0
}
header .headslider ul.slide-dots li {
    float: left;
    padding: 5px
}
header .headslider ul.slide-dots li:after,
.slick ul.slide-dots li:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
}
header .headslider ul.slide-dots li:hover,
.slick ul.slide-dots li:hover{
    cursor: pointer
}
header .headslider ul.slide-dots li button,
.slick ul.slide-dots li button {
    display: none
}

.slick .slide-dots {
    position: absolute;
    list-style: none;
    bottom: 15px;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick .slide-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick .slick-arrow {
    position: absolute;
    top: calc(50% - 35px);
    padding: 0 10px;
    z-index: 100
}

.slick img {outline: none}

.gallery-slick .slick-slide img {
    margin: 0 auto;
    width: auto;
    padding: 0 10px
}

.gallery-slick .slick-slide, .gallery-slick .slick-slide:hover, .gallery-slick .slick-slide:active, .gallery-slick .slick-slide:focus, .gallery-slick .slick-slide:visited {
    outline: none
}

.gallery-slick .slick-arrow {width: 32px; height: 32px}
.gallery-slick .slick-arrow:before {line-height: 32px; display: block; font-size: 32px}
.gallery-slick .slick-arrow.prevArrow {left: -30px}
.gallery-slick .slick-arrow.nextArrow {right: -30px}

/* Date */
span.day {
    font-family: 'dinblack';
    font-size: 36px;
    line-height: 26px
}
span.month {
    font-family: 'dinblack';
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase
}
span.year {
    font-family: 'Khand';
    font-size: 16px;
    line-height: 16px
}
span.day, span.month, span.year {
    display: block;
    text-align: center;
    clear: both
}

/* Quote */
.quote {height: 315px; border: 2px solid black}

/* Misc */
.woningdetail {display: none}
.woningdetail table tr {border-top: 4px solid}
.woningdetail table tr:last-of-type {border-bottom: 4px solid}
.woningdetail table tr td {padding: 5px 0}
.woningdetail table tr td:last-of-type {text-align: right}

/* Nieuws */
.newsarticle {
}
.newsarticle aside {
}

.newsarticle article {
    padding-left: 10px;
    border-left: 2px solid;
    max-height: 90px
}

.newsarticle figure img,
.experience figure img{
    float: left
}

.newsarticle figure figcaption {
    float: left;
    margin-left: 15px
}

/* Experience */
.experience figure figcaption {
}

/* Misc */
.spacer-left-17 {border-left: 17px solid transparent}
.overlay {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.95);
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}
.same-height {overflow: hidden}

footer * {font-size: 13px; }
footer ul {
    list-style: none;
    padding: 0;
    float: left;
    margin-right: 30px
}
footer span { font-size:14px;}

/* Plattegronden */
.plattegrond:after {
    content: '';
    background-image: url('../img/zoom.png');
    background-size: 25px;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 15px;
    top: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.plattegrond:hover:after {
    background-size: 35px;
    width: 35px;
    height: 35px
}

/* Interactive map */
svg {width: 100%; height: 100%}
.interactive svg {min-height: 800px /* IE fix*/}
.interactive .toggle {display: inline-block; width: 150px; text-align: center; padding: 10px 0}
.interactive .toggle:hover {cursor: pointer}

.interactive g polygon {fill: transparent; stroke: transparent} 
.interactive g:hover polygon, .interactive g.active polygon {cursor: pointer; opacity: 0.65; stroke: white}
.interactive g.sold:hover polygon, .interactive g.sold.active polygon {cursor: auto}

.interactive g path {fill: transparent; stroke: transparent} 
.interactive g, .interactive g:hover path, .interactive g.active path {cursor: pointer; opacity: 0.8; stroke: white}
.interactive g.sold:hover path, .interactive g.sold.active path {cursor: auto}



.interactive g.free polygon, .interactive g.free path, .interactive g.free:hover polygon, .interactive g.free.active polygon, .interactive g.free:hover path, .interactive g.free.active path {fill: #96c11f}
.interactive g.option polygon, .interactive g.option path, .interactive g.option:hover polygon, .interactive g.option.active polygon, .interactive g.option:hover path, .interactive g.option.active path {fill: #fbba00}
.interactive g.sold polygon, .interactive g.sold path, .interactive g.sold:hover polygon, .interactive g.sold.active polygon, .interactive g.sold:hover path, .interactive g.sold.active path {fill: #f92000}

.interactive g.inactive polygon, .interactive g.inactive:hover polygon {fill: #d8d8d8; stroke: #404040; opacity: 0.8}
.interactive g.inactive path, .interactive g.inactive:hover path {fill: #d8d8d8; stroke: #404040; opacity: 0.8}

.interactive .woningdetail {display: block}

.interactive label {
    width: 150px; 
    text-align: center; 
    padding: 2px 2px 2px 0; 
    transition:all 0.5s ease
}
.interactive .interactive-personen label { width:55px; }
label.btn.btn-secondary.active {
    border: 1px solid black;
    border-radius: 0;
}

.interactive label[for="free"] {border-left: 4px solid #96c11f}
.interactive label[for="option"]{border-left: 4px solid #fbba00}
.interactive label[for="sold"] {border-left: 4px solid #f92000}

.interactive label[for="free"], .interactive label[for="free"].active {background: linear-gradient(to left, transparent 50%, #96c11f 50%)}
.interactive label[for="option"], .interactive label[for="option"].active {background: linear-gradient(to left, transparent 50%, #fbba00 50%)}
.interactive label[for="sold"], .interactive label[for="sold"].active {background: linear-gradient(to left, transparent 50%, #f92000 50%)}

.interactive label[for="free"].active .inside {background: #96c11f; color: white}
.interactive label[for="option"].active .inside {background: #fbba00; color: white}
.interactive label[for="sold"].active .inside {background: #f92000; color: white}

.interactive label[for="free"],
.interactive label[for="option"],
.interactive label[for="sold"] {
    background-size: 200% 100%; background-position: right bottom
}

.interactive label[for="free"].active,
.interactive label[for="option"].active,
.interactive label[for="sold"].active {
    background-size: 200% 100%; background-position: left bottom
}

.interactive label:hover {background-position: left bottom; cursor: pointer}

.interactive label .inside {margin: 2px 2px 2px 0; padding: 4px 0; display: block; transition:all 0.5s ease}

.interactive input {visibility: hidden; left: -999px; position: absolute}

.interactive .showPlans {display: none; float: left}
.interactive .showPlans:first-of-type {display: block}

.interactive-image { margin:0; margin-bottom:3px; }
.tooltip h4 { font-family:'Montserrat';}
.tooltip p { font-family:'Roboto Slab';}
.tooltip { z-index:100100; }
.tooltip.free .tooltip-inner {background-color: #96c11f}
.tooltip.free.top .tooltip-arrow {border-top-color: #96c11f}
.tooltip.free.right .tooltip-arrow {border-right-color: #96c11f}
.tooltip.free.bottom .tooltip-arrow {border-bottom-color: #96c11f}
.tooltip.free.left .tooltip-arrow {border-left-color: #96c11f}
.tooltip.option .tooltip-inner {background-color: #fbba00}
.tooltip.option.top .tooltip-arrow {border-top-color: #fbba00}
.tooltip.option.right .tooltip-arrow {border-right-color: #fbba00}
.tooltip.option.bottom .tooltip-arrow {border-bottom-color: #fbba00}
.tooltip.option.left .tooltip-arrow {border-left-color: #fbba00}
.tooltip.sold .tooltip-inner {background-color: #f92000}
.tooltip.sold.top .tooltip-arrow {border-top-color: #f92000}
.tooltip.sold.right .tooltip-arrow {border-right-color: #f92000}
.tooltip.sold.bottom .tooltip-arrow {border-bottom-color: #f92000}
.tooltip.sold.left .tooltip-arrow {border-left-color: #f92000}

.tooltip.top .tooltip-arrow{
    bottom:-10px;
    left:50%;
    margin-left:-15px;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:15px solid #fff
}
.tooltip.left .tooltip-arrow{
    top:50%;
    right:-10px;
    margin-top:-15px;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-left:15px solid #fff
}
.tooltip.bottom .tooltip-arrow{
    top:-10px;
    left:50%;
    margin-left:-15px;
    border-left:15px solid transparent;
    border-right:51px solid transparent;
    border-bottom:15px solid #fff
}
.tooltip.right .tooltip-arrow{
    top:50%;
    left:-10px;
    margin-top:-15px;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-right:15px solid #fff
}

.interactive .popup {
    display: none;
    position: absolute;
    padding: 5px;
    top: 0;
    left: 15px;
    font-size:14px;
    right: 15px;
    bottom: 4.25%;
    z-index: 100;
    height: auto;
    background: rgba(122,122,122,0.25)
}

@media (max-width: 768px) {
    .interactive .popup {
        padding: 10px
    }
    .interactive #toon {display: none}
    .interactive label {width: 33.3333%; float: left}
    .interactive label[for="free"], 
    .interactive label[for="option"], 
    .interactive label[for="sold"] {
        background-position: left bottom
    }
}

.interactive .popup.load .loader {
    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 27%
}

.interactive .popup.load .loader .pulse {
    display: inline-block;
    position: relative;
    width: 6px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    -webkit-animation: pulse 750ms infinite;
    animation: pulse 750ms infinite;
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
}

.interactive .popup.load .loader .pulse:before, .interactive .popup.load .loader .pulse:after {
    content: '';
    position: absolute;
    display: block;
    height: 16px;
    width: 6px;
    background: rgba(255, 255, 255, 0.2);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: pulse 750ms infinite;
    animation: pulse 750ms infinite;
}

.interactive .popup.load .loader .pulse:before {
    left: -12px;
}
.interactive .popup.load .loader .pulse:after {
    left: 12px;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}


@-webkit-keyframes pulse {
    50% {
        background: white;
    }
}
@keyframes pulse {
    50% {
        background: white;
    }
}

.interactive .popup .inner {
    position: relative;
    width: 100%;
    background: white;
    padding: 0 15px;
    height: 100%;
    overflow: hidden;
    border-top: 15px solid white;
    border-bottom: 15px solid white
}

.interactive .popup  .close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 2em;
    z-index: 99999;
    color: red
}

/* Media Query */
@media (max-width: 1199px) {
    .interactive svg {min-height: 0}

    .interactive .popup .close {
        right: 30px;
        top: 25px
    }

    /*.text-img .center {align-self: center}*/
    /*.text-img-left .center {padding: 30px 15px 30px 30px}*/
    /*.text-img-right .center {padding: 30px 30px 30px 15px}*/

    .subscribe_button a.button {height: auto}
    .subscribe_button a.button.next:after {display: none}
    .subscribe_button a.button.next:hover:after {
        -webkit-animation-name: none;
        -moz-animation: none;
        -o-animation: none;
        -ms-animation: none;
        animation-name: none;
    }
}

@media (min-width: 992px) {
    .padding-left-md-0 {padding-left: 0}
    .display-md-flex {display: flex}
    .right-md-15 {right: 15px}
}

@media (max-width: 991px) {
    #form111 .row div {margin-bottom: 15px}
    #download111 .row div {margin-bottom: 15px}
    .button.next {padding-right: 0}

    .scrollActive .fixedheader .container-fluid.padding-top-15.padding-bottom-15 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .headslider img {width: 100%; height: auto}
    .headslider .headertext {display: none}
}

@media (min-width: 768px) and (max-width: 991px) {
    /*.container {width: 100%}*/
}

@media (min-width: 768px) {
    .margin-sm-right-30 {margin-right: 30px}
    .padding-sm-right-15 {padding-right: 15px}
    .display-sm-flex {display: flex}
}

@media (max-width: 767px) {
    .text-align-max-sm-center {text-align: center}

    .text-img .center {text-align: center}
    .text-img .center img {width: 100%}
    .text-img .min-height-325, .text-img .min-height-325 > .row:not(.expanded) {min-height: auto}
    .text-img .min-height-400, .text-img .min-height-400 > .row:not(.expanded) {min-height: auto}
    .text-img .expanded .padding-30-15-30-30,
    .text-img .expanded .padding-30-30-30-15 {padding: 15px}

    .text-img-right .button,
    .text-img-left .button,
    .text-img-right .button.readmore, .text-img-right .button.link,
    .news-facebook .button,
    .parallax .button {right: 15px}

    .news-facebook.padding-50-0,

    .parallax .padding-50-0 {padding: 0}
    .parallax .padding-right-0 {padding: 0; margin-bottom: -15px}

    .text-img-right .padding-right-0 {padding: 0}
}

/* Animations */
@-webkit-keyframes prev {
    from {
        padding-right: 0
    }
    50% {
        padding-right: 10px
    }
    to {
        padding-right: 0
    }
}

@keyframes prev {
    from {
        padding-right: 0
    }
    50% {
        padding-right: 10px
    }
    to {
        padding-right: 0
    }
}

@-webkit-keyframes next {
    from {
        padding-left: 0
    }
    50% {
        padding-left: 10px
    }
    to {
        padding-left: 0
    }
}

@keyframes next {
    from {
        padding-left: 0
    }
    50% {
        padding-left: 10px
    }
    to {
        padding-left: 0
    }
}

/* Menu */
.mobileMenu {display: none}
@media (max-width: 1199px) {
    .fa-bars:hover, .fa-close:hover {
        cursor: pointer
    }

    .mobileMenu {
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 9999999;
        background-color: grey;
        overflow-y: scroll;
    }
    .mobileMenu.closed {
        -webkit-transform: translateX(217px);
        -ms-transform: translateX(217px);
        transform: translateX(217px)
    }
    .mobileMenu.open { 
        -webkit-transform: translateX(17px);
        -ms-transform: translateX(17px);
        transform: translateX(17px)

    }
    .mobileMenu.open span.fa {
        -webkit-transition: color 0.5s ease-in-out;
        -moz-transition: color 0.5s ease-in-out;
        -o-transition: color 0.5s ease-in-out;
        transition:color 0.5s ease-in-out
    }
    .mobileMenu.open span.fa:hover {
        color: red;
        cursor: pointer
    }
    .mobileMenu a {
        display: block;
        padding: 25px 15px;
        width: 200px;
        text-align: center;
        -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
        -moz-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
        -o-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
        transition: background 0.5s ease-in-out, color 0.5s ease-in-out
    }
    .mobileMenu.open ~ .pagewrapper {
        /*        -webkit-transform: translateX(-200px);
                -ms-transform: translateX(-200px);
                transform: translateX(-200px)*/
    }

    .highlight {
        margin-bottom: 30px
    }
    .highlight figure figcaption {width: 100%; position: relative}
}

.form-control-feedback {
    right: 20px
}
textarea {max-width: 100%}

.actiebanner {
    padding:20px 50px;
    position:absolute;
    z-index:40000;
    left:0;
    color:#fff;
    text-align:center;
    max-width:600px;
    animation-delay:1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
.actiebanner h1 {
    font-size:38px !important;
    margin:0;
    line-height:40px !important;
}
.actiebanner h2 {
    font-size:22px;
    margin:0;
    margin-top:10px;
}

@media screen and (max-width: 991px) {
    .actiebanner {
        position: relative;
        max-width:auto;

    }

    .actiebanner h1 {
        font-size: 26px !important;
    }
    .actiebanner h2 {
        margin-top:5px;

    }
    .newsarticle article {
        max-height:none;
    }

}
.padding-20 { padding:20px; }