/* HAMBURGER MENU */
.hamburger-menu {
    width:40px; height:40px; margin-left:15px; display:none;
    cursor:pointer; position:relative; box-sizing:border-box;
    -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.hamburger-menu span {
    width:30px; height:30px; overflow:hidden; display:block;
    position:absolute; top:50%; left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.hamburger-menu span:before, .hamburger-menu span:after {
    content:""; position:absolute;
    -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
    width:100%; height:3px;
}
.hamburger-menu span:before {
    top:0; right:0; opacity:0;
}
.hamburger-menu span:after {
    top:6px; left:0; background:#453755;
    -webkit-box-shadow:0 7px 0 #453755, 0 14px 0 #453755;
    box-shadow:0 7px 0 #453755, 0 14px 0 #453755;
}
body.menu-open .hamburger-menu span:after {
    top:14px; left:0px;
    width:100%; height:3px; -webkit-box-shadow:none; box-shadow:none; background:#000;
    -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);
}
body.menu-open .hamburger-menu span:before {
    content:""; position:absolute; top:14px; right:1px;
    width:100%; height:3px; background:#000;
    -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);
}
body.menu-open .hamburger-menu span:before {opacity:1;}

/****************************** Desktop versions *******************************/
@media only screen and (max-width:1440px) {
    /****************************
     * Over ons
     ****************************/
    .white_bg_section.vc_row {padding:40px 0;}
    .white_bg_section.vc_row > div {padding-top:30px;}
}
@media only screen and (max-width:1170px) {
    /* CTA Buttons */
    .cta-buttons [class*="cta-item"] {width:60px; height:60px; line-height:60px;}
    .cta-item-contact {font-size:30px;}
    .cta-item-countdown {font-size:50px;}
    .cta-item-extra {font-size:40px;}
    #countdown {margin-top:10px;}
}
/****************************** Tablet versions *******************************/
@media only screen and (max-width:1024px) {
    body {padding-top:65px;}
    body.menu-open {overflow:hidden;}

    /* HAMBURGER MENU */
    .hamburger-menu {display:block;}

    /* LOGO */
    .logo a img {max-height:65px;}

    /* TOOLS > Search form */
    .search-form .dgwt-wcas-search-wrapp {min-width:250px;}

    /* MAIN MENU */
    header .main_header_wrapper {top:-66px;}
    header .main_header_wrapper > .inner {
        -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
    }
    .main-menu-wrapper {
        position:fixed; top:0; right:-400px; z-index:1;
        width:100%; max-width:400px; height:100%; background:#fff;
        padding:65px 0 0; box-sizing:border-box; overflow:auto;
        -webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
    }
    #primary-menu {
        border-top:1px solid rgba(255, 90, 90, .5); padding-top:15px;
        -webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
    }
    body.menu-open .main-menu-wrapper {right:0;}
    .main-menu ul.menu {display:block;}
    .main-menu ul.menu > li {text-align:center; margin-bottom:5px;}

    /* MENU (submenu) */
    .main-menu li:hover ul.sub-menu {opacity:1; visibility:visible; margin-top:0;}
    .main-menu ul.sub-menu {
        position:relative; top:auto; left:auto; background:none; border:none;
        opacity:1; visibility:visible; margin:0; transform:none;
    }
    .main-menu ul.sub-menu:before {display:none;}
    .main-menu ul.sub-menu > li:not(:last-child) {border-bottom:none;}
    .main-menu ul.sub-menu > li > a {color:#000; display:inline-block; padding:4px 10px;}
    .main-menu ul.sub-menu > li > a:hover,
    .main-menu ul.sub-menu > li > a:focus,
    .main-menu ul.sub-menu > li.active > a {color:#ff5a5a;}

    /* TOOLS > Lang switcher */
    body.language-open .tool-icons .lang-switcher ul.lang-list {top:100%; opacity:1; visibility:visible;}

    /****************************
     * Homepage
     ****************************/
    .custom.tparrows {height:40px; width:40px;}
    #home-banner .custom.tparrows:before {line-height:40px;}

    /****************************
     * Footer
    ****************************/
    footer {font-size:16px;}
    .cta-item-contact.direct-call {display:block;}
    .cta-item-contact.to-contact-page {display:none;}

    /****************************
     * Single blog
     ****************************/
    .related-articles .related-title {font-size:45px;}
    .related-articles .read-more-btn {top:16px;}

    /****************************
     * Visual Composer Elements
    ****************************/
    /* Slick arrow */
    .slick-arrow {width:40px; height:40px;}
    .slick-arrow:before {font-size:23px;}
    .slick-prev {left:-10px}
    .slick-next {right:-10px}

    .custom-background-position.vc_row-has-fill {padding:30px 0;}

    .mceContentBody h1, .main_content h1 {font-size:50px;}
    .mceContentBody h2, .main_content h2 {font-size:40px;}
    .mceContentBody h3, .main_content h3 {font-size:35px;}
    .mceContentBody h4, .main_content h4 {font-size:30px;}
    .mceContentBody h5, .main_content h5 {font-size:25px;}
    .mceContentBody h6, .main_content h6 {font-size:22px;}
    .txt_size_65px {font-size:50px}
    .txt_size_45px {font-size:40px}
    .txt_size_40px {font-size:35px}
    .txt_size_35px {font-size:30px}
    .txt_size_30px {font-size:25px}
    .txt_size_25px {font-size:20px}
    .txt_size_20px {font-size:18px}
    .txt_size_18px {font-size:17px}
    [class*="btn_bg"] {padding:10px 25px 7px;}
    p.quote {font-size:20px;}
    p.quote:before {margin-bottom:5px; width:40px; height:40px;}
}
@media only screen and (max-width:768px) {
    #primary {padding-bottom:20px;}
    body, #popmake-409 .pum-content {font-size:15px;}
    .banner-wrapper > .inner .container {display:block;}
    .banner-wrapper .title-breadcrumb-block {width:100%;}
    .breadcrumbs {display:none;}

    /****************************
     * Visual Composer Elements
    ****************************/
    .main_content .gform_wrapper {margin-bottom:0;}

    /****************************
     * Footer
    ****************************/
    footer {text-align:center;}
    footer .wpb_content_element {margin-bottom:20px;}
    #footer-info-cols {margin-bottom:10px;}
    #footer-info-cols .vc_column_container:nth-child(1),
    #footer-info-cols .vc_column_container:nth-child(3),
    #footer-info-cols .vc_column_container:nth-child(2),
    #copyright .vc_column_container {width:100%; margin-bottom:10px;}
    footer ul.menu > li {text-align:center;}
    #copyright {font-size:12px;}
    #copyright p {text-align:center !important;}
    .info-footer-wrapper > .vc_row {margin-bottom:0;}

    /* CTA Buttons */
    .cta-buttons [class*="cta-item"] {width:45px; height:45px; line-height:45px;}
    .cta-item-contact {font-size:20px;}
    .cta-item-countdown {font-size:36px;}
    .cta-item-point {font-size:20px;}
    .cta-item-extra {font-size:30px;}

    /* Slick arrow */
    .slick-arrow {display:none !important;}

    .mceContentBody h1, .main_content h1 {font-size:40px;}
    .mceContentBody h2, .main_content h2 {font-size:35px;}
    .mceContentBody h3, .main_content h3 {font-size:30px;}
    .mceContentBody h4, .main_content h4 {font-size:25px;}
    .mceContentBody h5, .main_content h5 {font-size:22px;}
    .mceContentBody h6, .main_content h6 {font-size:20px;}
    .txt_size_65px {font-size:40px}
    .txt_size_45px {font-size:35px}
    .txt_size_40px {font-size:30px}
    .txt_size_35px {font-size:25px}
    .txt_size_30px {font-size:20px}
    .txt_size_25px {font-size:18px}
    .txt_size_20px {font-size:17px}
    .txt_size_18px {font-size:16px}
    .heading_underline {border-bottom-width:3px;}
    [class*="btn_bg"] {min-width:120px;}
    p.quote {font-size:18px;}
    p.quote:before {width:30px; height:30px;}
}
@media only screen and (max-width:767px) {
    body {padding-top:50px; font-size:14px;}
    #popmake-409 .pum-content {font-size:14px;}

    /* HEADLINE */
    a.headline-popup:before {font-size:20px; margin-right:5px;}
    a.headline-popup span {font-size:12px;}

    /* LOGO */
    .logo a img {max-height:50px;}

    /* TOOLS > Search form */
    .search-form .dgwt-wcas-search-wrapp {min-width:250px;}
    .search-form {
        position:fixed; top:51px; right:0; left:0; transform:none; max-width:100vw;
        background:#fff; padding:8px 20px; box-sizing:border-box;
    }

    /* TOOLS */
    .tool-icons a[class*="tool-"] {font-size:18px;}

    /* TOOLS > Lang switcher */
    .tool-icons .lang-switcher {display:none;}
    .lang-switcher.inside-menu {display:block;}

    /* MAIN MENU */
    header .main_header_wrapper {top:0;}
    .main-menu-wrapper {max-width:unset; right:-100%; padding:50px 0 0;}
    #primary-menu {padding-top:15px;}
    body.search-open #primary-menu {padding-top:60px;}

    /****************************
     * Over ons
     ****************************/
    .white_bg_section.vc_row {padding:25px 0;}
    .white_bg_section.vc_row > div {padding-top:20px;}

    .main_content .gform_wrapper label.gfield_label {font-size:14px;}

    /****************************
     * Footer
    ****************************/
    footer {font-size:14px;}

    .mceContentBody h1, .main_content h1 {font-size:35px;}
    .mceContentBody h2, .main_content h2 {font-size:30px;}
    .mceContentBody h3, .main_content h3 {font-size:25px;}
    .mceContentBody h4, .main_content h4 {font-size:22px;}
    .mceContentBody h5, .main_content h5 {font-size:20px;}
    .mceContentBody h6, .main_content h6 {font-size:18px;}
    .txt_size_65px {font-size:35px}
    .txt_size_45px {font-size:30px}
    .txt_size_40px {font-size:25px}
    .txt_size_35px {font-size:20px}
    .txt_size_30px {font-size:18px}
    .txt_size_25px {font-size:17px}
    .txt_size_20px {font-size:16px}
    .txt_size_18px {font-size:15px}
    [class*="btn_bg"] {padding:11px 25px 8px; font-size:17px; min-width:100px;}

    .twc-offset-col {display:none;}
    .custom-background-position.vc_row-has-fill {margin-bottom:0;}
    .wpb_content_element:last-child { /*margin-bottom:0;*/}
}
@media only screen and (max-width:640px) {
    .banner-wrapper .intro-page {width:100%;}
}
/****************************** Mobile versions *******************************/
@media only screen and (max-width:480px) {
    .container, .extra-content .container {padding:0 10px;}

    .search-form {padding:5px 10px;}

    /****************************
     * Footer
    ****************************/
    /* CTA Buttons */
    .cta-buttons [class*="cta-item"] {width:40px; height:40px; line-height:40px;}
    .cta-item-contact {font-size:18px;}
    .cta-item-countdown {font-size:33px;}
    .cta-item-point {font-size:18px;}

    .heading_underline {border-bottom-width:2px;}

    .wpb-js-composer [class*="custom_accordeon"].vc_tta.vc_general .vc_tta-panel {padding:10px 0;}
    .numbering {font-size:16px;}
    .wpb-js-composer [class*="custom_accordeon"].vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
        font-size:16px; padding:5px 30px 5px 0;
    }
    .wpb-js-composer [class*="custom_accordeon"].vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon,
    .wpb-js-composer [class*="custom_accordeon"].vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
        right:20px;
    }
    .wpb-js-composer [class*="custom_accordeon_numbering"].vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
        padding-left:43px;
    }
    .wpb-js-composer [class*="custom_accordeon"].vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
        padding:5px 20px 5px 0;
    }
    .numbering:after {width:15px;}

    p.quote {font-size:16px;}
}