#pp-nav,
#pp-nav li,
#pp-nav ul,
.pp-slidesNav li {
    display: inline-block
}

.main-menu a,
h4 {
    font-weight: 400
}

.main-menu a,
h2 {
    text-transform: uppercase
}

body.new {
    font-size: 16px
}

p {
    font-size: 1.1rem;
    font-family: proxima-nova, sans-serif;
    line-height: 1.3rem
}

p.prox {
    font-family: proxima-nova, sans-serif!important
}

td,
th {
    font-family: proxima-nova, sans-serif;
    font-size: .9rem
}

.p-padding {
    margin-top: 1rem;
    margin-bottom: 1rem
}

ul li {
    line-height: 2em
}

.paddingtop80 {
    padding-top: 80px
}

.paddingbottom80 {
    padding-bottom: 80px
}

.paddingbottom40 {
    padding-bottom: 40px
}

.paddingbottom20 {
    padding-bottom: 20px
}

.paddingright50 {
    padding-right: 50px
}

.paddingleftright300 {
    padding-left: 30px;
    padding-right: 0
}

.marginbottom10 {
    margin-bottom: 10px
}

.paddingleft15 {
    padding-left: 15px
}

.paddingleft10p {
    padding-left: 10%;
    padding-right: 2%
}

.paddingtopbottom30 {
    padding: 30px 20px
}

.marginbottom20 {
    margin-bottom: 20px
}

.margintop80 {
    margin-top: 80px
}

.margintop40 {
    margin-top: 40px
}

.marginbottom80 {
    margin-bottom: 80px
}

.new h2 {
    color: #fff
}

.new h1 {
    font-size: 3rem;
    color: #000;
    line-height: 1.5
}

#logo.visiblenone img {
    visibility: visible;
    opacity: 1;
    transition: all .5s ease
}

.z-index1000 {
    z-index: 100000
}

.new a {
    color: #fff;
    transition: all .5s ease
}

.color-o {
    background-color: #ff5014
}

.acf-field-checkbox.four-columns ul,
.acf-field-checkbox.three-columns ul,
.acf-field-checkbox.two-columns ul {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.acf-field-checkbox.two-columns ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.acf-field-checkbox.three-columns ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.acf-field-checkbox.four-columns ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

.new .main-header__nav a.active,
.new .main-header__nav a:hover,
.new a:hover {
    color: #cd1719;
    text-decoration: none;
    transition: all .5s ease
}

h4 {
    color: #fff;
    font-size: 2.3rem
}

#pp-nav {
    margin: 0 auto!important;
    width: 40%;
    right: 17px;
    top: auto!important;
    bottom: 17px;
    text-align: right;
    z-index: 100
}

.main-header,
.main-header__tools {
    width: 8.3333333333vw;
    border-right: 1px solid #e9e9e9
}

.posrel,
.posrel2,
.posrel3,
.posrel4,
.posrel5 {
    text-align: center;
    position: absolute;
    width: 100%
}

#pp-nav ul {
    z-index: -1
}

button:focus {
    outline: -webkit-focus-ring-color auto 0
}

body.is-menu {
    overflow: hidden
}

.main-header {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: #fff;
    z-index: 1112
}

.main-header__nav,
.main-header__tools {
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column
}

.main-header__tools {
    justify-content: center;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 9999!important
}

.main-header__nav {
    width: 25vw;
    position: absolute;
    top: 0;
    left: 8.3333333333vw;
    color: #1a1a1a;
    justify-content: center;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: -webkit-transform .5s cubic-bezier(.52, 0, .61, 1);
    transition: transform .5s cubic-bezier(.52, 0, .61, 1);
    transition: transform .5s cubic-bezier(.52, 0, .61, 1), -webkit-transform .5s cubic-bezier(.52, 0, .61, 1)
}

.main-menu {
    list-style: none;
    padding-left: 46px
}

.main-menu li {
    text-align: left;
    padding: .5rem;
    opacity: 1;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
    transition: opacity .5s ease, -webkit-transform 1.5s ease;
    transition: transform 1.5s ease, opacity .5s ease;
    transition: transform 1.5s ease, opacity .5s ease, -webkit-transform 1.5s ease
}

.main-menu a {
    display: block;
    padding: .5rem 0;
    font-size: 2rem;
    line-height: .4
}

.hamburger,
.hamburger-box {
    display: inline-block;
    position: relative
}

.hamburger {
    padding: .625rem .3125rem .3125rem;
    cursor: pointer;
    outline: 0;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: -20px 0 0;
    overflow: visible;
    z-index: 2
}

.book h4,
.color-o h2,
.color-w h2,
.main-header__contact a {
    text-transform: uppercase
}

.heightnew2,
.heighttable,
.padding0,
tbody.set {
    overflow: hidden
}

.hamburger-box {
    width: 2.5rem;
    height: 24px
}

.main-header__logo {
    margin-bottom: auto
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    width: 2.5rem;
    height: 4px;
    background-color: #fff;
    border-radius: 0;
    position: absolute;
    transition-property: color, -webkit-transform;
    transition-property: transform, color;
    transition-property: transform, color, -webkit-transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: 11px;
    transition: all .15s .2s ease
}

.hamburger-inner:after {
    top: 22px;
    transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    bottom: -11px
}

.main-header__contact {
    margin-top: auto
}

.main-header__contact a {
    font-weight: 700;
    letter-spacing: .2em;
    font-size: .75em;
    line-height: 1.33333333;
    padding: 2.66666667em 1em 2.25em;
    display: block
}

.color-bl a,
.color-bl p {
    font-size: 16px
}

.main-header::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color .2s ease
}

.activemenu.main-header__nav {
    width: 40vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 8.3333333333vw;
    background: #000;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform .5s cubic-bezier(.52, 0, .61, 1);
    transition: transform .5s cubic-bezier(.52, 0, .61, 1);
    transition: transform .5s cubic-bezier(.52, 0, .61, 1), -webkit-transform .5s cubic-bezier(.52, 0, .61, 1)
}

.activemenu2 .main-header::before {
    right: 0;
    background-color: rgba(255, 255, 255, .6)
}

.activemenu2 .hamburger .hamburger-inner {
    -webkit-transform: translate3d(0, 11px, 0) rotate(135deg);
    transform: translate3d(0, 11px, 0) rotate(135deg);
    transition-delay: .1s
}

.activemenu2 .hamburger .hamburger-inner::after {
    -webkit-transform: translate3d(0, -22px, 0) rotate(-270deg);
    transform: translate3d(0, -22px, 0) rotate(-270deg);
    transition-delay: .1s
}

.activemenu2 .hamburger .hamburger-inner::before {
    width: 0;
    transition-delay: .15s
}

.icon-messge {
    max-width: 38%;
    margin-bottom: 15px
}

.homeh1 h1 {
    line-height: 1.2em;
    margin-bottom: 20px
}

.padding0 {
    padding: 0
}

.bg-color-h {
    padding: 30px;
    background-color: transparent;
    transition: all .5s ease;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    color: #bfbfbf;
    font-weight: 700
}

.bg-color-h:nth-of-type(odd) {
    border-right: 0
}

.bg-color-h:nth-of-type(8) {
    padding: 0
}

.bg-color-o {
    color: #fff;
    background-color: #ff5014
}

.bg-color-o h2 {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px
}

.bg-color-h a {
    color: #bfbfbf;
    transition: all .5s ease;
    display: inline-block;
    margin: 0;
    padding: 60px 20px
}

.bg-color-h a:hover,
.bg-color-h:hover a {
    color: #fff;
    text-decoration: none;
    transition: all .5s ease
}

.bg-color-h:hover,
a:hover .bg-color-h {
    background-color: #ff5014;
    color: #fff;
    transition: all .5s ease
}

.book h4 {
    color: #fff
}

.bg-img {
    background: url(../img/optimized/background-main.png) center center no-repeat;
    background-size: cover;
    margin-top: 50px
}

.red-bg-xs {
    background: url(../img/optimized/background-main-red.jpg) center center no-repeat;
    background-size: cover
}

.heightnew.bg-img2,
.heightsame {
    min-height: 502px
}

.heightnew2 {
    height: 502px
}

.heightnew.margintop10 {
    margin-top: 0
}

.paddingright0 {
    padding-right: 0
}

.book ul li {
    color: #000
}

.book .ui-widget-content {
    border: 0;
    background: 0 0;
    color: #fff
}

.book .ui-state-default,
.book .ui-widget-content .ui-state-default,
.book .ui-widget-header .ui-state-default {
    border: 0;
    background: 0 0;
    font-weight: 600;
    color: #000
}

.h-33 {
    height: 32%
}

.h-49 {
    height: 49%
}

.col1 {
    border-left: 15px solid #fff
}

.heighttable {
    height: 536px
}


/*!*.onhover{*!*/


/*!*visibility: visible;*!*/


/*!*}*!*/

.color-bl a {
    color: #2b2b2b;
    text-decoration: underline
}

.posrel,
.posrel2 {
    visibility: visible;
    opacity: 1;
    margin-top: 39%;
    margin-left: -15px;
    transition: all .5s ease
}

.posrel3,
.posrel4,
.posrel5 {
    visibility: visible;
    opacity: 1;
    margin-left: -35px;
    transition: all .5s ease
}

.hoverdsp,
.hoverdsp2,
.hoverdsp3,
.hoverdsp4,
.hoverdsp5 {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.hover1:hover .hoverdsp,
.hover2:hover .hoverdsp2,
.hover3:hover .hoverdsp3,
.hover4:hover .hoverdsp4,
.hover5:hover .hoverdsp5 {
    opacity: 1;
    visibility: visible;
    transition: all .5s ease
}

.hover1:hover .posrel,
.hover2:hover .posrel2,
.hover3:hover .posrel3,
.hover4:hover .posrel4,
.hover5:hover .posrel5 {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.margintop10 {
    margin-top: 10px
}

.color-o h2,
.color-o p,
.color-w h2,
.color-w p {
    color: #fff
}

h2.color-o,
h2.color-w {
    color: #000;
    padding-top: 40px;
    margin-left: 20px;
    font-size: 32px
}

span.color-sp,
span.tick.color-sp:before {
    color: #ff5014
}

#ui-id-57:before,
#ui-id-59:before,
#ui-id-67:before,
#ui-id-69:before {
    font-size: 24px;
    position: absolute;
    top: -35px;
    left: 10px
}

.color-o p,
h2.color-w p {
    line-height: 1.6em
}

#ui-id-57,
#ui-id-59,
#ui-id-67,
#ui-id-69 {
    margin-top: 50px
}

#ui-id-57:before {
    content: 'Gesloten kantoor'
}

#ui-id-59:before {
    content: 'Flexplekken'
}

#ui-id-67:before {
    content: 'Optie maatschappelijke zetel'
}

#ui-id-69:before {
    content: 'Lidmaatschap'
}

span.tick.color-sp:before,
span.tick:before {
    content: "\2713";
    font-weight: 700;
    font-size: 2rem
}

.set,
.set2 {
    display: none
}

span.tick:before {
    color: #000
}

span.aftertext {
    position: relative
}

span.aftertext:after {
    content: "(inbegrepen)";
    color: #000;
    font-size: .7rem;
    position: absolute;
    top: 14px;
    left: -19px
}

.contact-new .form-control {
    font-family: proxima-nova, sans-serif;
    display: block;
    width: 100%;
    height: auto;
    padding: .5rem 1rem;
    font-size: 1rem;
    line-height: 1.8;
    color: #fff;
    background-color: transparent;
    background-clip: padding-box;
    border: 2px solid #fff;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.contact-new .form-control::-webkit-input-placeholder {
    color: #fff
}

.contact-new .form-control::-moz-placeholder {
    color: #fff
}

.contact-new .form-control:-ms-input-placeholder {
    color: #fff
}

.contact-new .form-control::-ms-input-placeholder {
    color: #fff
}

.contact-new .form-control::placeholder {
    color: #fff
}

.contact-new h2,
.contact-new h3 {
    color: #fff
}

span.wpcf7-not-valid-tip {
    color: #f7b4b4;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.btn,
p.btn-books {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    transition: all .3s ease
}

#fac2 ul,
.btn-default:before,
p.btn-books {
    display: inline-block
}

.btn10 {
    padding-left: 10%;
    padding-right: 10%
}

.btn5 {
    padding-left: 5%;
    padding-right: 5%
}

.btn5-5 {
    margin-top: 20px;
    padding: 1% 3%
}

.btn10-10 {
    margin-top: 20px;
    padding: 5% 15%
}

.btn {
    text-decoration: none;
    border-radius: 0
}

.btn:hover {
    transition: all .3s ease;
    text-decoration: none!important
}

.btn-default {
    background-color: transparent;
    border: none;
    color: #fff!important;
    position: relative
}

p .btn-default {
    border: 1px solid #cd1719;
    margin-top: 17px;
    margin-bottom: 17px
}

.btn-default:before {
    content: "";
    background: url(../../img/arrow-white.svg) no-repeat;
    background-size: 400px 14px;
    width: 401px;
    height: 13px;
    position: absolute;
    top: -13px;
    left: -198px
}

.btn-default:hover,
.btn-inverse {
    background-color: #fff;
    color: #cd1719!important
}

.txt-top,
article {
    position: relative
}

.btn-inverse {
    border: 2px solid #fff
}

.btn-inverse:hover {
    background-color: #cd1719;
    color: #fff!important
}

.btn-primary {
    border: 2px solid #cd1719;
    background-color: #cd1719;
    color: #fff
}

.btn-primary:hover,
.btn-white {
    background-color: #fff;
    color: #cd1719!important
}

.btn-white {
    border: 2px solid #fff
}

.btn-white:hover {
    background-color: #cd1719;
    border: 2px solid #cd1719;
    color: #fff!important
}

.wpcf7-checkbox,
label {
    color: #fff
}

p.btn-books {
    margin-top: 30px;
    margin-left: 20px;
    text-decoration: none;
    border-radius: 0;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff!important;
    padding: 3%
}

p.btn-books:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: #ff5014!important;
    transition: all .3s ease
}

.margintopbottom80 {
    margin-top: 80px;
    margin-bottom: 180px
}

.vertical-align-new .pp-tableCell,
.vertical-align-new2 .pp-tableCell {
    vertical-align: top!important
}

.vertical-align-new {
    padding-top: 80px
}

#landing {
    width: 100%;
    min-height: 100%;
    padding: 0
}

.wpcf7-response-output {
    color: #FFF
}

#landing .infoForm input[type=text],
#landing .infoForm input[type=email] {
    width: 50%;
    background: 0 0;
    border: none;
    border-bottom: 2px solid #FFF;
    color: #FFF;
    border-radius: 0;
    font-family: proxima-nova;
    font-weight: 400
}

#landing .infoForm input[type=text]::-webkit-input-placeholder,
#landing .infoForm input[type=email]::-webkit-input-placeholder {
    color: #FFF;
    opacity: 1;
    font-family: proxima-nova;
    font-weight: 400
}

#landing .infoForm input[type=text]::-moz-placeholder,
#landing .infoForm input[type=email]::-moz-placeholder {
    color: #FFF;
    opacity: 1;
    font-family: proxima-nova;
    font-weight: 400
}

#landing .infoForm input[type=text]:-ms-input-placeholder,
#landing .infoForm input[type=email]:-ms-input-placeholder {
    color: #FFF;
    opacity: 1;
    font-family: proxima-nova;
    font-weight: 400
}

#landing .infoForm input[type=text]::-ms-input-placeholder,
#landing .infoForm input[type=email]::-ms-input-placeholder {
    color: #FFF;
    opacity: 1;
    font-family: proxima-nova;
    font-weight: 400
}

#landing .infoForm input[type=text]::placeholder,
#landing .infoForm input[type=email]::placeholder {
    color: #FFF;
    opacity: 1;
    font-family: proxima-nova;
    font-weight: 400
}

#landing .infoForm input[type=submit] {
    border: 2px solid #FFF;
    background: 0 0;
    color: #FFF;
    font-family: proxima-nova;
    font-weight: 400;
    padding: 5px 10px;
    transition: all .5s
}

#fac2 button,
td,
th {
    border: 1px solid #DDD
}

#fac2 button,
.sep,
.txt-l {
    font-weight: 700
}

#landing .infoForm input[type=submit]:hover {
    background: #FFF;
    color: #ff5014
}

#landing .infoForm .wpcf7-response-output {
    color: #FFF
}

article {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}

#fac2 ul {
    z-index: 10;
    margin-bottom: 20px;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

td+td,
th,
th+th {
    display: none
}

#fac2 li {
    list-style: none;
    width: 33.33333%;
    float: left
}

#fac2 li:last-child,
#fac2 li:nth-of-type(3) button {
    border-right: 1px solid #DDD
}

#fac2 button {
    width: 100%;
    border-right: 0;
    border-top: 0;
    padding: 5px;
    background: #FFF;
    font-size: 16px;
    line-height: 18px;
    height: 74px;
    color: #999;
    margin-bottom: 10px
}

.sep,
th {
    background: #F5F5F5
}

#fac2 li.active button {
    background: #F5F5F5;
    color: #000
}

table {
    border-collapse: collapse;
    table-layout: fixed;
    width: auto
}

td,
th {
    height: 46px;
    padding: 8px;
    empty-cells: show;
    text-align: left
}

td+td,
th+th {
    text-align: center
}

td.default {
    display: table-cell
}

.bg-purple {
    border-top: 3px solid #ff5014
}

.bg-blue {
    border-top: 3px solid #000
}

.txt-l {
    font-size: 28px
}

.txt-top {
    top: -9px;
    left: -2px
}

.tick {
    font-size: 18px
}

.hide {
    border: 0;
    background: 0 0
}

.dsplnone-mobile {
    display: none
}

.smallth {
    display: inline
}

small {
    color: #fff
}

.largeth {
    display: none
}

section.btn-books p {
    color: #fff;
    font-size: 1rem
}

.main-header__hamburger {
    float: right;
    text-align: center;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #cd1719;
    z-index: 200
}

@media (min-width:992px) {
    #fac ul {
        display: none
    }
    td,
    th {
        display: table-cell!important;
        width: 297px
    }
    td+td,
    th+th {
        width: auto
    }
    table {
        width: 100%
    }
    .dsplnone-mobile {
        display: block
    }
    #landing {
        overflow: hidden
    }
}

@media (max-width:991px) {
    .main-header,
    .main-header__tools {
        height: 83px;
        background: #fff;
        width: 100%
    }
    #landing .row .infoForm input {
        width: 100%
    }
    body,
    body.is-menu,
    html {
        overflow: visible!important
    }
    .btn-dspl-sm {
        display: none
    }
    .main-header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 12;
        border-right: 0 solid #e9e9e9
    }
    .main-header__tools {
        display: block;
        justify-content: inherit;
        flex-direction: row;
        border-right: 0;
        padding: 0;
        text-align: left;
        position: relative;
        z-index: 2
    }
    .main-header__logo {
        display: block;
        height: auto;
        width: 100%;
        max-width: 166px;
        z-index: 2;
        float: left
    }
    .main-header__hamburger {
        float: right;
        text-align: center;
        padding-right: 15px;
        padding-bottom: 20px;
        padding-left: 15px!important;
        padding-top: 20px;
        background-color: #cd1719;
        z-index: 200
    }
    .main-header__contact {
        display: none
    }
    #logo img {
        visibility: visible;
        opacity: 1;
        transition: all .5s ease
    }
    .main-header__nav {
        width: 100%;
        height: 8.3333333333vw;
        position: absolute;
        top: 82px;
        left: 8.3333333333vw;
        background: #fff;
        color: #1a1a1a;
        display: flex;
        flex-direction: column;
        justify-content: inherit;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        transition: -webkit-transform .5s cubic-bezier(.52, 0, .61, 1);
        transition: transform .5s cubic-bezier(.52, 0, .61, 1);
        transition: transform .5s cubic-bezier(.52, 0, .61, 1), -webkit-transform .5s cubic-bezier(.52, 0, .61, 1)
    }
    .main-menu {
        list-style: none;
        background-color: #cd1719
    }
    .main-menu li {
        text-align: center;
        padding: .5rem;
        opacity: 1;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
        transition: opacity .5s ease, -webkit-transform 1.5s ease;
        transition: transform 1.5s ease, opacity .5s ease;
        transition: transform 1.5s ease, opacity .5s ease, -webkit-transform 1.5s ease
    }
    .main-menu a {
        display: block;
        padding: 8px 0;
        font-size: 1.3rem;
        line-height: .4;
        font-weight: 400
    }


.new .main-header__nav a.active, .new .main-header__nav a:hover, .new a:hover{
  color:#000;
}


    .hamburger,
    .hamburger-box {
        display: inline-block;
        position: relative
    }
    .main-menu a:hover {
        color: #000;
        font-weight: 400
    }
    .hamburger {
        padding: .625rem .3125rem .3125rem;
        cursor: pointer;
        outline: 0;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: -20px 0 0;
        overflow: visible;
        z-index: 2
    }
    .hamburger-box {
        width: 2.5rem;
        height: 42px
    }
    .main-header__logo {
        margin-bottom: auto
    }
    .icon-messge,
    .logo-books {
        max-width: 38%;
        margin-bottom: 15px
    }
    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        width: 2.5rem;
        height: 4px;
        background-color: #fff;
        border-radius: 0;
        position: absolute;
        transition-property: color, -webkit-transform;
        transition-property: transform, color;
        transition-property: transform, color, -webkit-transform;
        transition-duration: .15s;
        transition-timing-function: ease
    }
    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -1px
    }
    .hamburger-inner:after,
    .hamburger-inner:before {
        content: "";
        display: block
    }
    .hamburger-inner:before {
        top: 11px;
        transition: all .15s .2s ease
    }
    .hamburger-inner:after {
        top: 22px;
        transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
        transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
        transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
        bottom: -11px
    }
    .main-header__contact {
        margin-top: auto
    }
    .main-header__contact a {
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: .2em;
        font-size: .75em;
        line-height: 1.33333333;
        padding: 2.66666667em 1em 2.25em;
        display: block
    }
    .main-header::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0);
        transition: background-color .2s ease
    }
    .activemenu.main-header__nav {
        width: 110%;
        height: 100%;
        position: absolute;
        top: 82px;
        background: #cd1719;
        color: #fff;
        display: block;
        flex-direction: column;
        justify-content: inherit;
        left: 0;
        transition: -webkit-transform .5s cubic-bezier(.52, 0, .61, 1);
        transition: transform .5s cubic-bezier(.52, 0, .61, 1);
        transition: transform .5s cubic-bezier(.52, 0, .61, 1), -webkit-transform .5s cubic-bezier(.52, 0, .61, 1)
    }
    .activemenu2 .main-header::before {
        right: 0;
        background-color: rgba(0, 0, 0, 0)
    }
    .activemenu2 .hamburger .hamburger-inner {
        -webkit-transform: translate3d(0, 11px, 0) rotate(135deg);
        transform: translate3d(0, 11px, 0) rotate(135deg);
        transition-delay: .1s
    }
    .activemenu2 .hamburger .hamburger-inner::after {
        -webkit-transform: translate3d(0, -22px, 0) rotate(-270deg);
        transform: translate3d(0, -22px, 0) rotate(-270deg);
        transition-delay: .1s
    }
    .activemenu2 .hamburger .hamburger-inner::before {
        width: 0;
        transition-delay: .15s
    }
    .bg-color-h:nth-of-type(5),
    .bg-color-h:nth-of-type(6) {
        border-bottom: 1px solid #bfbfbf
    }
    .color-o a.btn5-5 {
        display: none
    }
    .paddingtopbottom30 {
        padding-left: 10px;
        padding-right: 10px
    }
    .bg-color-o h2 {
        color: #fff;
        padding-top: 40px;
        padding-bottom: 40px
    }
    .new h2 {
        font-size: 28px
    }
    .new h1 {
        font-size: 2rem
    }
    #contacteerons h3 {
        font-size: 1rem
    }
    .bg-color-h a {
        color: #444
    }
}

h1,
h2 {
    font-family: proxima-nova;
    font-weight: 400;
    color: #FFF
}

#bgImage {
    background: url(img/LR-img/background.png) 5% 5% no-repeat;
    -ms-background-size: cover;
    background-size: cover;
    position: fixed;
    top: 0;
    width: 110%;
    z-index: 0;
    height: 110%
}

.padding35 {
    padding: 35px
}

body,
html {
    height: 100%
}

h1 {
    font-size: 130px;
    text-transform: uppercase;
    line-height: .75em
}

@media (min-width:1600px) {
    .smallth {
        display: none
    }
    .largeth {
        display: inline
    }
}

@media (min-width:2000px) {
    .main-menu {
        list-style: none;
        padding-left: 90px
    }
}

@media (min-width:2450px) {
    .icon-messge {
        max-width: 50%;
        margin-bottom: 15px
    }
}

@media (max-width:1500px) {
    .dsplnone1 {
        display: none
    }
}

@media (max-width:992px) {
    .bg-img,
    .bg-img-b,
    .bg-img2,
    .heightnew.bg-img2 {
        min-height: 219px
    }
    h1 {
        font-size: 60px
    }
    h2 {
        font-size: 40px
    }
    .paddingleftright300 {
        padding-left: 15px;
        padding-right: 0
    }
    .paddingleft0 {
        padding-left: 0
    }
}

h2 {
    font-size: 36px;
    margin-bottom: 10px
}

@media screen and (max-width:786px) {
    .bg-img,
    .bg-img-b,
    .bg-img2,
    .heightnew.bg-img2 {
        min-height: 219px
    }
    .acf-field-checkbox.three-columns ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .bg-color-h {
        background-color: transparent;
        transition: all .5s ease;
        border-right: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
        color: #444;
        font-weight: 700;
        padding: 20px
    }
    .paddingleftright300 {
        padding-left: 15px;
        padding-right: 0
    }
    .paddingleft0 {
        padding-left: 0
    }
    #pp-nav {
        display: none
    }
    .btn5-5 {
        margin-top: 20px;
        padding: 5% 15%
    }
    .btn5 {
        padding: 4% 10%
    }
    .btn10 {
        padding: 9% 10%
    }
}

@media screen and (max-width:550px) {
    #fac2 button {
        font-size: 12px
    }
}

@media (max-width:1199px) {
    .posrel,
    .posrel2 {
        position: absolute;
        visibility: visible;
        opacity: 1;
        margin-top: 20%;
        width: 100%;
        text-align: center;
        margin-left: -15px;
        transition: all .5s ease
    }
    .marginbottomlg20 {
        margin-bottom: 10px
    }
    .col1 {
        border-left: 15px solid #fff;
        border-right: 15px solid #fff
    }
    .main-header__contact a {
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: .2em;
        font-size: .65em;
        line-height: 1.33333333;
        padding: 2.66666667em 1em 2.25em;
        display: block
    }
}

.posrelmenu,
.posrelmenu2 {
    position: absolute!important;
    z-index: 50
}

   .posrelmenu2 #myMenu {
    padding-left:10px;
   }

.posrelmenu #myMenu li a,
.posrelmenu2 #myMenu li a {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    font-family: proxima-nova, sans-serif
}

.posrelmenu #myMenu li,
.posrelmenu2 #myMenu li {
    display: inline;
    list-style-type: none

}

.color-bl h2,
.color-bl p {
    color: #000
}

.marginleft20 {
    margin-left: 20px
}

.posrelmenu2 {
    padding-top: 10px;
    background-color: #cd1719
}

.posrelmenu2 #myMenu {
    margin-bottom: 8px
}

.posrelmenu2 #myMenu li a {
    color: #fff;
    padding: 10px
}

.posrelmenu {
    bottom: -11px;
    height: 80px;
    padding-top: 22px;
    background-color: #fff
}

.posrelmenu #myMenu li {
    color: #cd1719
}

.home2:before,
.nvdexposant h2:after,
.praktisch h2:before {
    display: inline-block;
    content: ""
}

.posrelmenu #myMenu li a {
    color: #cd1719;
    padding: 10px;
    z-index: 9999
}

.bg-img-left p,
.bg-img-left-right p,
.home2 p,
.homeh1 h2,
.homeh1 p {
    color: #fff
}

.bg-img-left .paddingleftright50,
.bg-img-left-right .col-4 {
    padding-right: 50px;
    padding-left: 50px
}

.home2:before {
    position: relative;
    top: 17px;
    border-top: 2px solid #fff;
    width: 4rem
}

.home2 p {
    font-size: 1.5rem;
    margin-left: 5rem
}

.bg-img-left {
    background-image: url(../img/optimized/background-main-50.png);
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position: left top;
    margin-top: 50px
}

.bg-img-left.red-bg {
    background-image: url(../img/optimized/background-main-50.png), url(../img/optimized/background-main-red-50.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 50% 100%;
    background-position: left top, right top;
    margin-top: 50px
}

.bg-img-left-right,
.bg-img-left-right.red-bg {
    background-repeat: no-repeat, no-repeat;
    background-size: 50% 100%, 50% 53%;
    background-position: left top, right top;
    margin-top: 50px
}

.bg-img-left h2 {
    padding-bottom: 20px
}

.bg-img-left ul li {
    color: #fff;
    list-style: none
}

.bg-img-left-right {
    background-image: url(../img/optimized/background-main-50.png), url(../img/optimized/programma-new.png)
}

.bg-img-left-right.red-bg {
    background-image: url(../img/optimized/background-main-red-50.png), url(../img/optimized/programma-new.png)
}

.bg-img-left-right .ui-accordion-content p {
    color: #000
}

.bg-img-left-right ul li {
    color: #fff;
    list-style: none
}

.contact-new h2 span,
.praktisch h2 {
    color: #cd1719
}

.paddingbottom120 {
    padding-bottom: 11rem
}

.paddingleft50 {
    padding-left: 50px
}

.praktisch {
    padding-right: 0
}

.praktisch h2 {
    padding-left: 40px;
    position: relative
}

.praktisch h2:before {
    background: url(../../img/arrow-red.svg) no-repeat;
    background-size: 100px 14px;
    width: 101px;
    height: 13px;
    position: absolute;
    bottom: 25px;
    left: -66px
}

.praktisch h3.ui-accordion-header {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    padding-left: 1.6rem;
    padding-bottom: .5rem
}

.praktisch #accordion,
.praktisch #accordion-sm,
.praktisch #accordion2,
.praktisch #accordion2-sm {
    background-color: #fff;
    padding-bottom: 80px;
    padding-top: 20px
}

.praktisch #accordion,
.praktisch #accordion2 {
    margin-left: 8rem
}

.contact-new .contact2,
.contact-new2 .contact2 {
    padding-top: 3rem
}

.contact-new h2 {
    padding-bottom: 30px
}

.contact-new p {
    color: #fff
}

.contact-new2 h2 {
    font-size: 5rem;
    line-height: 5rem
}

.contact-new2 h2 span {
    color: #cd1719
}

.blocks h2,
.blocks p,
.contact-new2 p {
    color: #fff
}

.blocks {
    background-color: #333;
    border: 1px solid #fff;
    padding: 20px 10px 10px 15px;
    cursor:pointer;
      -webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;

}

.blocks:hover {
 background-color: #cd1719
  }

.blocks h2 {
    padding-bottom: 0!important
}

.blocks.red {
    background-color: #cd1719
}

.blocks.red:hover {
 background-color: #333;
  }

.buttoncontent p {
    font-size: 1rem
}

.nvdexposant h2 {
    line-height: 1.9rem;
    font-size: 1.8rem;
    position: relative
}

.nvdexposant h2 span {
    color: #cd1719
}

.nvdexposant h2:after {
    position: absolute;
    border-bottom: 2px solid #fff;
    width: 4rem;
    bottom: -9px;
    left: 0
}

.margintop20 {
    margin-top: 20px
}

.marginbottom40 {
    margin-bottom: 40px
}

.mobiletheme #programma-xs h2 {
    color: #000
}

.mobiletheme #bezoekers-xs p,
.mobiletheme #paketten-xs p,
.mobiletheme #standhouders-xs p {
    color: #fff
}

.mobiletheme .bg-img-xs {
    background: url(../img/optimized/programma.png) center center no-repeat;
    background-size: cover
}

.mobiletheme .contact-xs .bg-img {
    margin-top: 0
}

.mobiletheme .contact-xs h2 {
    font-size: 2rem
}

.mobiletheme .contact-new h2 {
    font-size: 4rem;
    line-height: 4rem
}

@media (min-width:992px) {
    .activemenu.main-header__nav {
        width: 47vw
    }
    .main-header__nav {
        width: 32vw
    }
    .posrelmenu2 #myMenu li a {
        font-size: 1rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: proxima-nova, sans-serif
    }
}

@media (min-width:1086px) {
    .activemenu.main-header__nav {
        width: 42vw
    }
}

@media (min-width:1101px) {
    .posrelmenu2 #myMenu li a {
        font-size: 1.2rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: proxima-nova, sans-serif
    }
}

@media (min-width:1400px) {
    .standhouders {
        margin-bottom: 9rem;
        margin-top: 6rem
    }
    .praktisch {
        padding-right: 0;
        margin-top: 6rem
    }
}

@media (min-width:1455px) {
    .activemenu.main-header__nav {
        width: 33vw
    }
}

@media (min-width:1601px) {
    .activemenu.main-header__nav {
        width: 27vw
    }
}

@media (max-width:992px) {
    .dsplnone {
        display: none!important
    }
    .bg-img {
        margin-top: 0
    }
    #contact-xs .contacth h2 {
        font-size: 2rem!important;
        line-height: 2rem!important
    }
}